{"id":6836,"date":"2026-08-17T12:29:18","date_gmt":"2026-08-17T10:29:18","guid":{"rendered":"https:\/\/www.mentorformation.fr\/?page_id=6836"},"modified":"2026-09-28T19:06:42","modified_gmt":"2026-09-28T17:06:42","slug":"conseil","status":"publish","type":"page","link":"https:\/\/www.mentorformation.fr\/index.php\/conseil\/","title":{"rendered":"Conseil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6836\" class=\"elementor elementor-6836\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7d93f624 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7d93f624\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-84c9d40\" data-id=\"84c9d40\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a13abfa elementor-widget elementor-widget-html\" data-id=\"a13abfa\" 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>\n.mf-hero-wrap{\n  --mf-bg:#FFFFFF;\n  --mf-title:#00007b;\n  --mf-sub:#302ec2;\n  --mf-cta:#1800ad;\n  --mf-border:#e6e6ef;\n  --mf-body:#00007b;\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  background:var(--mf-bg) !important;\n  display:block;\n  width:100%;\n}\n.mf-hero-wrap *{box-sizing:border-box}\n\n.mf-hero{\n  max-width:1240px;\n  margin:0 auto !important;\n  padding:72px 24px 88px !important;\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:48px;\n  align-items:center;\n}\n@media (min-width:960px){\n  .mf-hero{grid-template-columns:1fr 1fr;gap:80px;padding:112px 40px 132px !important;}\n}\n\n\/* ---------- TEXTE ---------- *\/\n.mf-hero__title{\n  font-family:inherit !important;\n  font-size:clamp(36px,5vw,62px) !important;\n  line-height:1.09 !important;\n  font-weight:600 !important;\n  letter-spacing:-.025em;\n  color:var(--mf-title) !important;\n  margin:0 0 28px 0 !important;\n}\n.mf-hero__line{\n  display:block;\n  position:relative;\n}\n.mf-hero__line--2 .mf-hero__ghost,\n.mf-hero__line--2 .mf-hero__out{color:var(--mf-sub) !important}\n\n\/* Le texte reste dans le code source (SEO + lisible sans JS).\n   Pendant l'animation il devient transparent mais garde sa place,\n   ce qui evite tout decalage de mise en page. *\/\n.mf-hero__ghost{color:inherit !important}\n.mf-hero__line.is-typing .mf-hero__ghost{color:transparent !important}\n\n.mf-hero__out{\n  position:absolute;\n  left:0;top:0;\n  width:100%;\n  color:var(--mf-title) !important;\n  pointer-events:none;\n}\n.mf-hero__caret{\n  display:none;\n  width:2px;\n  height:.82em;\n  margin-left:.06em;\n  background:var(--mf-sub) !important;\n  vertical-align:-.06em;\n  animation:mfBlink .85s steps(1,end) infinite;\n}\n.mf-hero__line.is-typing .mf-hero__caret,\n.mf-hero__line.is-done .mf-hero__caret{display:inline-block}\n.mf-hero__line.is-done .mf-hero__caret{\n  animation:none;\n  opacity:0;\n  transition:opacity .5s ease .3s;\n}\n@keyframes mfBlink{50%{opacity:0}}\n\n.mf-hero__subtitle{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.3vw,19px) !important;\n  line-height:1.65 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  max-width:520px;\n  margin:0 0 40px 0 !important;\n}\n\n\/* Bouton principal, puis lien vers le test juste en dessous *\/\n.mf-hero__actions{\n  display:flex !important;\n  flex-direction:column;\n  align-items:flex-start;\n  gap:20px;\n}\n\n.mf-hero__btn{\n  display:inline-flex !important;\n  align-items:center;\n  justify-content:center;\n  font-family:inherit !important;\n  font-size:15px !important;\n  font-weight:500 !important;\n  padding:15px 30px !important;\n  border-radius:8px !important;\n  background:var(--mf-cta) !important;\n  color:#ffffff !important;\n  border:1px solid var(--mf-cta) !important;\n  text-decoration:none !important;\n  transition:all .3s cubic-bezier(.4,0,.2,1) !important;\n  cursor:pointer;\n}\n.mf-hero__btn:hover,.mf-hero__btn:focus{\n  background:#12008a !important;\n  border-color:#12008a !important;\n  color:#ffffff !important;\n  transform:translateY(-1px);\n}\n\n\/* ---------- LIEN VERS LE TEST ---------- *\/\n.mf-hero__test{\n  display:inline-flex !important;\n  align-items:baseline;\n  gap:10px;\n  font-family:inherit !important;\n  font-size:15px !important;\n  font-weight:500 !important;\n  line-height:1.4 !important;\n  color:var(--mf-cta) !important;\n  text-decoration:none !important;\n  padding:0 !important;\n  background:none !important;\n}\n.mf-hero__test-txt{\n  padding-bottom:3px;\n  border-bottom:1px solid rgba(24,0,173,.3);\n  transition:border-color .25s ease;\n}\n.mf-hero__test-fleche{display:inline-block;font-size:16px;transition:transform .25s ease}\n.mf-hero__test:hover,.mf-hero__test:focus-visible{color:var(--mf-cta) !important}\n.mf-hero__test:hover .mf-hero__test-txt,\n.mf-hero__test:focus-visible .mf-hero__test-txt{border-bottom-color:var(--mf-cta)}\n.mf-hero__test:hover .mf-hero__test-fleche,\n.mf-hero__test:focus-visible .mf-hero__test-fleche{transform:translateX(4px)}\n.mf-hero__test:focus-visible{outline:2px solid var(--mf-cta);outline-offset:4px;border-radius:2px}\n\n\/* ---------- VISUEL ---------- *\/\n.mf-hero__visual{\n  position:relative;\n  width:100%;\n  aspect-ratio:4\/5;\n  border-radius:16px;\n  overflow:hidden;\n  background:#f4f4f8;\n  box-shadow:0 24px 60px -24px rgba(0,0,123,.18);\n}\n@media (min-width:960px){.mf-hero__visual{aspect-ratio:1\/1}}\n\n.mf-hero__media{\n  position:absolute;\n  inset:0;\n  width:100% !important;\n  height:100% !important;\n  object-fit:cover !important;\n  display:block;\n  margin:0 !important;\n  border-radius:0 !important;\n}\n.mf-hero__slide{\n  opacity:0;\n  transform:scale(1.04);\n  transition:opacity 1.4s ease, transform 7s ease-out;\n}\n.mf-hero__slide.is-active{opacity:1;transform:scale(1)}\n\n.mf-hero__dots{\n  position:absolute;\n  bottom:20px;left:50%;\n  transform:translateX(-50%);\n  display:none !important;\n}\n.mf-hero__dot{\n  width:6px;height:6px;\n  border-radius:50%;\n  background:rgba(255,255,255,.45) !important;\n  border:none !important;\n  padding:0 !important;\n  margin:0 !important;\n  cursor:pointer;\n  transition:background .4s ease,width .4s ease;\n}\n.mf-hero__dot.is-active{background:#ffffff !important;width:22px;border-radius:3px}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-hero__slide{transition:opacity .4s ease;transform:none}\n  .mf-hero__slide.is-active{transform:none}\n  .mf-hero__caret{animation:none}\n  .mf-hero__test-fleche{transition:none}\n}\n<\/style>\n\n<div class=\"mf-hero-wrap\">\n  <section class=\"mf-hero\">\n\n    <div class=\"mf-hero__content\">\n      <h1 class=\"mf-hero__title\" data-mf-type>\n        <span class=\"mf-hero__line mf-hero__line--1\"><span class=\"mf-hero__ghost\">Nous cr\u00e9ons vos process sur mesure,<\/span><span class=\"mf-hero__out\" aria-hidden=\"true\"><\/span><\/span>\n        <span class=\"mf-hero__line mf-hero__line--2\"><span class=\"mf-hero__ghost\">applicables au quotidien.<\/span><span class=\"mf-hero__out\" aria-hidden=\"true\"><\/span><\/span>\n      <\/h1>\n\n      <p class=\"mf-hero__subtitle\">Votre besoin n'est pas seulement de monter en comp&eacute;tences. Il vous faut aussi un cadre de travail clair, des outils qui tiennent la route, et savoir vous en servir.<br><br>Nous concevons les deux ensemble.<\/p>\n\n      <div class=\"mf-hero__actions\">\n        <a href=\"https:\/\/cal.com\/haendel\/diagnostic-offert\" class=\"mf-hero__btn\">Parler de votre situation<\/a>\n        <a href=\"https:\/\/www.mentorformation.fr\/index.php\/test-de-process-e\/\" class=\"mf-hero__test\"><span class=\"mf-hero__test-txt\">ou testez vos process en 2 minutes<\/span><span class=\"mf-hero__test-fleche\" aria-hidden=\"true\">&rarr;<\/span><\/a>\n      <\/div>\n    <\/div>\n\n    <!-- ==============================================================\n         VISUEL : UNE SEULE LIGNE A REGLER, l'attribut data-mf-mode.\n           data-mf-mode=\"photos\"  -> carrousel de photos autonome\n           data-mf-mode=\"video\"   -> video en lecture auto et en boucle\n         Le bloc non utilise est retire automatiquement de la page.\n         ============================================================== -->\n    <div class=\"mf-hero__visual\" data-mf-mode=\"photos\">\n\n      <!-- MODE VIDEO -->\n      <div class=\"mf-hero__layer\" data-mf-layer=\"video\">\n        <video class=\"mf-hero__media\" autoplay muted loop playsinline preload=\"metadata\"\n               poster=\"https:\/\/mentorformation.fr\/wp-content\/uploads\/hero-poster.jpg\">\n          <source src=\"https:\/\/mentorformation.fr\/wp-content\/uploads\/hero-conseil-formation.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/div>\n\n      <!-- MODE PHOTOS -->\n      <div class=\"mf-hero__layer\" data-mf-layer=\"photos\">\n        <img decoding=\"async\" class=\"mf-hero__media mf-hero__slide is-active\" src=\"https:\/\/www.mentorformation.fr\/wp-content\/uploads\/2026\/08\/pexels-yankrukov-7691691-scaled.jpg\" alt=\"Session de formation en entreprise\">\n        <img decoding=\"async\" class=\"mf-hero__media mf-hero__slide\" src=\"https:\/\/www.mentorformation.fr\/wp-content\/uploads\/2026\/08\/pexels-yankrukov-8837261-scaled.jpg\" alt=\"Atelier de cadrage avec une &eacute;quipe\">\n        <img decoding=\"async\" class=\"mf-hero__media mf-hero__slide\" src=\"https:\/\/www.mentorformation.fr\/wp-content\/uploads\/2026\/08\/pexels-yankrukov-7640741-scaled.jpg\" alt=\"Travail sur les outils et les process\">\n        <img decoding=\"async\" class=\"mf-hero__media mf-hero__slide\" src=\"https:\/\/www.mentorformation.fr\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_koa98gkoa98gkoa9.jpeg\" alt=\"Accompagnement terrain\">\n        <div class=\"mf-hero__dots\" data-mf-dots><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var DUREE_PHOTO = 5000;\n  var VITESSE     = 45;\n  var PAUSE_LIGNE = 260;\n\n  var script = document.currentScript;\n  var racine = script ? script.previousElementSibling : null;\n  while (racine && !racine.classList.contains('mf-hero-wrap')) {\n    racine = racine.previousElementSibling;\n  }\n  if (!racine || racine.hasAttribute('data-mf-pret')) return;\n  racine.setAttribute('data-mf-pret','1');\n\n  var reduit = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* ---------- MACHINE A ECRIRE ---------- *\/\n  var titre = racine.querySelector('[data-mf-type]');\n  if (titre && !reduit) {\n    var lignes = Array.prototype.slice.call(titre.querySelectorAll('.mf-hero__line'));\n\n    var prepare = lignes.map(function(ligne){\n      var ghost = ligne.querySelector('.mf-hero__ghost');\n      var out   = ligne.querySelector('.mf-hero__out');\n      var caret = document.createElement('i');\n      caret.className = 'mf-hero__caret';\n      out.appendChild(caret);\n      ligne.classList.add('is-typing');\n      return { ligne:ligne, texte:ghost.textContent, out:out, caret:caret };\n    });\n\n    function ecrire(i){\n      if (i >= prepare.length) return;\n      var item = prepare[i];\n      var n = 0;\n      var noeud = document.createTextNode('');\n      item.out.insertBefore(noeud, item.caret);\n\n      (function frappe(){\n        if (n <= item.texte.length) {\n          noeud.nodeValue = item.texte.slice(0, n);\n          n++;\n          setTimeout(frappe, VITESSE);\n        } else {\n          item.ligne.classList.remove('is-typing');\n          item.ligne.classList.add('is-done');\n          item.out.style.display = 'none';\n          setTimeout(function(){ ecrire(i+1); }, PAUSE_LIGNE);\n        }\n      })();\n    }\n\n    var demarre = false;\n    function lancer(){\n      if (demarre) return;\n      demarre = true;\n      setTimeout(function(){ ecrire(0); }, 300);\n    }\n\n    if ('IntersectionObserver' in window) {\n      var obs = new IntersectionObserver(function(entrees){\n        entrees.forEach(function(e){\n          if (e.isIntersecting) { lancer(); obs.disconnect(); }\n        });\n      }, { threshold:0.35 });\n      obs.observe(titre);\n    } else {\n      lancer();\n    }\n  }\n\n  \/* ---------- VISUEL : VIDEO OU PHOTOS ---------- *\/\n  var visual = racine.querySelector('.mf-hero__visual');\n  if (!visual) return;\n\n  var mode = (visual.getAttribute('data-mf-mode') || 'photos').toLowerCase();\n  var coucheVideo  = visual.querySelector('[data-mf-layer=\"video\"]');\n  var couchePhotos = visual.querySelector('[data-mf-layer=\"photos\"]');\n\n  if (mode === 'video') {\n    if (couchePhotos && couchePhotos.parentNode) couchePhotos.parentNode.removeChild(couchePhotos);\n    if (coucheVideo) {\n      var video = coucheVideo.querySelector('video');\n      if (video) {\n        var p = video.play();\n        if (p && p.catch) p.catch(function(){});\n        document.addEventListener('visibilitychange', function(){\n          if (document.hidden) { video.pause(); }\n          else { var q = video.play(); if (q && q.catch) q.catch(function(){}); }\n        });\n      }\n    }\n    return;\n  }\n\n  if (coucheVideo && coucheVideo.parentNode) coucheVideo.parentNode.removeChild(coucheVideo);\n  if (!couchePhotos) return;\n\n  var slides = Array.prototype.slice.call(couchePhotos.querySelectorAll('.mf-hero__slide'));\n  var dotsWrap = couchePhotos.querySelector('[data-mf-dots]');\n  if (dotsWrap) dotsWrap.innerHTML = '';\n  if (slides.length < 2) { if (dotsWrap) dotsWrap.style.display = 'none'; return; }\n\n  var index = 0, timer = null;\n\n  slides.forEach(function(_, i){\n    var dot = document.createElement('button');\n    dot.className = 'mf-hero__dot' + (i === 0 ? ' is-active' : '');\n    dot.type = 'button';\n    dot.setAttribute('aria-label', 'Photo ' + (i+1));\n    dot.addEventListener('click', function(){ afficher(i); relancer(); });\n    dotsWrap.appendChild(dot);\n  });\n\n  var dots = Array.prototype.slice.call(dotsWrap.children);\n\n  function afficher(i){\n    slides[index].classList.remove('is-active');\n    dots[index].classList.remove('is-active');\n    index = i;\n    slides[index].classList.add('is-active');\n    dots[index].classList.add('is-active');\n  }\n  function suivante(){ afficher((index + 1) % slides.length); }\n  function relancer(){ clearInterval(timer); timer = setInterval(suivante, DUREE_PHOTO); }\n\n  visual.addEventListener('mouseenter', function(){ clearInterval(timer); });\n  visual.addEventListener('mouseleave', relancer);\n  document.addEventListener('visibilitychange', function(){\n    if (document.hidden) { clearInterval(timer); } else { relancer(); }\n  });\n\n  relancer();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5dcddb5f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5dcddb5f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a1d5948\" data-id=\"5a1d5948\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3cf54092 elementor-widget elementor-widget-html\" data-id=\"3cf54092\" 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\n<style>\n.mf-constat-wrap{\n  --mf-title:#00007b;\n  --mf-sub:#302ec2;\n  --mf-accent:#7ba5d3;\n  --mf-body:#00007b;\n  --mf-border:#e6e6ef;\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  background:#ffffff !important;\n  display:block;\n  width:100%;\n}\n.mf-constat-wrap *{box-sizing:border-box}\n\n.mf-constat{\n  max-width:820px;\n  margin:0 auto !important;\n  padding:80px 24px !important;\n}\n@media (min-width:960px){\n  .mf-constat{padding:112px 40px !important;}\n}\n\n.mf-constat__title{\n  font-family:inherit !important;\n  font-size:clamp(28px,3.4vw,42px) !important;\n  line-height:1.18 !important;\n  font-weight:600 !important;\n  letter-spacing:-.02em;\n  color:var(--mf-title) !important;\n  margin:0 0 32px 0 !important;\n}\n.mf-constat__title span{\n  display:block;\n  color:var(--mf-sub) !important;\n  font-weight:500 !important;\n}\n\n\/* Format de texte commun a tous les paragraphes et a la liste *\/\n.mf-constat__p,\n.mf-constat__intro,\n.mf-constat__item{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.25vw,18px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n}\n\n.mf-constat__p{margin:0 0 22px 0 !important}\n\n.mf-constat__lead{\n  font-size:clamp(17px,1.35vw,20px) !important;\n  font-weight:500 !important;\n  color:var(--mf-sub) !important;\n}\n\n.mf-constat__intro{margin:48px 0 8px 0 !important}\n\n.mf-constat__list{\n  list-style:none !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n.mf-constat__item{\n  display:flex;\n  align-items:baseline;\n  gap:22px;\n  padding:26px 0 !important;\n  margin:0 !important;\n  border-bottom:1px solid var(--mf-border);\n}\n.mf-constat__item:first-child{border-top:1px solid var(--mf-border)}\n\n.mf-constat__num{\n  flex:0 0 auto;\n  font-family:inherit !important;\n  font-size:clamp(26px,2.4vw,34px) !important;\n  font-weight:600 !important;\n  line-height:1 !important;\n  color:var(--mf-accent) !important;\n  min-width:54px;\n  letter-spacing:-.02em;\n}\n\n\/* ---------- APPARITION AU DEFILEMENT ----------\n   Prolonge le rythme du bloc hero : meme courbe, meme lenteur.\n   Le texte est ecrit en dur dans le HTML : seule l'opacite est\n   animee, le contenu reste lisible par Google et sans JS. *\/\n\/* Par defaut TOUT est visible. Si le script ne s'execute pas\n   (editeur Elementor, JS desactive), le bloc reste lisible. *\/\n.mf-constat__reveal{\n  opacity:1;\n  transform:none;\n}\n\/* La classe anim-on est ajoutee par le script : elle seule masque. *\/\n.mf-constat-wrap.anim-on .mf-constat__reveal{\n  opacity:0;\n  transform:translateY(18px);\n  transition:opacity 1s cubic-bezier(.4,0,.2,1), transform 1s cubic-bezier(.4,0,.2,1);\n}\n.mf-constat-wrap.anim-on.is-visible .mf-constat__reveal{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* Les filets se tracent de gauche a droite *\/\n.mf-constat__item{\n  background-image:linear-gradient(var(--mf-border),var(--mf-border));\n  background-repeat:no-repeat;\n  background-position:0 100%;\n  background-size:100% 1px;\n  border-bottom:none !important;\n}\n.mf-constat__item:first-child{border-top:none !important}\n.mf-constat-wrap.anim-on .mf-constat__item{\n  background-size:0% 1px;\n  transition:background-size 1.1s cubic-bezier(.4,0,.2,1);\n}\n.mf-constat-wrap.anim-on.is-visible .mf-constat__item{background-size:100% 1px}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-constat-wrap.anim-on .mf-constat__reveal{opacity:1 !important;transform:none !important;transition:none !important}\n  .mf-constat-wrap.anim-on .mf-constat__item{background-size:100% 1px !important;transition:none !important}\n}\n<\/style>\n\n<div class=\"mf-constat-wrap\">\n  <section class=\"mf-constat\">\n\n    <h2 class=\"mf-constat__title mf-constat__reveal\" style=\"transition-delay:0ms\">\n      Vous avez d&eacute;j&agrave; form&eacute; vos &eacute;quipes.\n      <span>Peut-&ecirc;tre plusieurs fois.<\/span>\n    <\/h2>\n\n    <p class=\"mf-constat__p mf-constat__lead mf-constat__reveal\" style=\"transition-delay:120ms\">Sur le moment, tout le monde repart motiv&eacute;. Trois mois plus tard, chacun a repris ses habitudes, et la formation n'est plus qu'un souvenir sympathique dans un coin du calendrier.<\/p>\n\n    <p class=\"mf-constat__p mf-constat__reveal\" style=\"transition-delay:220ms\">Ce n'est presque jamais un probl&egrave;me de qualit&eacute; de formation. C'est un probl&egrave;me d'environnement. Une comp&eacute;tence nouvelle qu'on ram&egrave;ne dans une organisation inchang&eacute;e finit toujours par se dissoudre. Sans support commun, sans process partag&eacute;, sans rep&egrave;re &eacute;crit, chacun retombe naturellement sur ce qu'il faisait avant.<\/p>\n\n    <p class=\"mf-constat__intro mf-constat__reveal\" style=\"transition-delay:320ms\">Trois signes que le sujet est structurel et pas seulement p&eacute;dagogique :<\/p>\n\n    <ul class=\"mf-constat__list\">\n      <li class=\"mf-constat__item mf-constat__reveal\" style=\"transition-delay:420ms\">\n        <span class=\"mf-constat__num\">01<\/span>\n        <span>Chaque collaborateur a sa propre fa&ccedil;on de faire, et personne ne saurait dire laquelle est la bonne.<\/span>\n      <\/li>\n      <li class=\"mf-constat__item mf-constat__reveal\" style=\"transition-delay:540ms\">\n        <span class=\"mf-constat__num\">02<\/span>\n        <span>Les acquis se perdent en quelques semaines, faute d'occasion r&eacute;elle de les appliquer.<\/span>\n      <\/li>\n      <li class=\"mf-constat__item mf-constat__reveal\" style=\"transition-delay:660ms\">\n        <span class=\"mf-constat__num\">03<\/span>\n        <span>Il n'existe aucune trace &eacute;crite du fonctionnement : tout repose sur la m&eacute;moire des anciens.<\/span>\n      <\/li>\n    <\/ul>\n\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var script = document.currentScript;\n  var racine = script ? script.previousElementSibling : null;\n  while (racine && !racine.classList.contains('mf-constat-wrap')) {\n    racine = racine.previousElementSibling;\n  }\n  if (!racine || racine.hasAttribute('data-mf-pret')) return;\n  racine.setAttribute('data-mf-pret','1');\n\n  var reduit = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/\/ Dans l'editeur Elementor on n'animera pas : le bloc doit rester\n  \/\/ visible en permanence pour pouvoir etre edite.\n  var editeur = !!(window.elementorFrontend && window.elementorFrontend.isEditMode\n                   && window.elementorFrontend.isEditMode())\n             || !!(window.elementor && window.elementor.isEditMode)\n             || document.body.classList.contains('elementor-editor-active');\n\n  if (reduit || editeur || !('IntersectionObserver' in window)) return;\n\n  \/\/ A partir d'ici seulement, on autorise le masquage puis l'animation.\n  racine.classList.add('anim-on');\n\n  var fait = false;\n  function montrer(){\n    if (fait) return;\n    fait = true;\n    racine.classList.add('is-visible');\n  }\n\n  var obs = new IntersectionObserver(function(entrees){\n    entrees.forEach(function(e){\n      if (e.isIntersecting) { montrer(); obs.disconnect(); }\n    });\n  }, { threshold:0, rootMargin:'0px 0px -15% 0px' });\n\n  obs.observe(racine);\n\n  \/\/ Filet de securite : il ne declenche QUE si le bloc est vraiment visible,\n  \/\/ sinon les blocs situes plus bas s'animeraient dans le vide au chargement.\n  function enVue(){\n    var r = racine.getBoundingClientRect();\n    var h = window.innerHeight || document.documentElement.clientHeight;\n    return r.top < h * 0.85 && r.bottom > 0;\n  }\n  setTimeout(function(){ if (enVue()) montrer(); }, 2500);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e4de010 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2e4de010\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-64e1ea35\" data-id=\"64e1ea35\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-408372c9 elementor-widget elementor-widget-html\" data-id=\"408372c9\" 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<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Google+Sans+Flex:wght@400..600&family=IBM+Plex+Sans:wght@400;500;600&display=swap\">\n<style>\n.mfb{--t:#00007b;--s:#302ec2;--c:#1800ad;--line:#e2e2ee;--soft:#f5f5fb;font-family:\"Google Sans Flex\",\"IBM Plex Sans\",system-ui,sans-serif;color:var(--t);padding:32px 24px;box-sizing:border-box}\n.mfb *,.mfb *::before,.mfb *::after{box-sizing:border-box}\n.mfb-card{max-width:1140px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,123,.04),0 18px 40px -28px rgba(0,0,123,.25);border-radius:16px;padding:56px 64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px 64px;align-items:center;position:relative;overflow:hidden}\n.mfb-card::after{content:\"\";position:absolute;right:-90px;bottom:-110px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(0,0,123,.07);box-shadow:0 0 0 48px rgba(0,0,123,.025);pointer-events:none}\n.mfb .mfb-eyebrow{margin:0 0 16px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--s)}\n.mfb .mfb-title{margin:0;font-family:inherit;font-size:clamp(28px,3.4vw,40px);line-height:1.12;font-weight:600;letter-spacing:-.02em;color:var(--t)}\n.mfb .mfb-text{margin:16px 0 0;max-width:560px;font-size:18px;line-height:1.55;color:var(--t)}\n.mfb-cta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px}\n.mfb .mfb-btn{display:inline-flex;align-items:center;gap:12px;background:var(--c);color:#fff;font-family:inherit;font-weight:600;font-size:17px;line-height:1.2;padding:18px 30px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}\n.mfb .mfb-btn:hover,.mfb .mfb-btn:focus-visible{color:#fff;background:var(--t);transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,123,.55)}\n.mfb .mfb-btn:focus-visible{outline:2px solid var(--s);outline-offset:3px}\n.mfb .mfb-btn span{transition:transform .2s ease}\n.mfb .mfb-btn:hover span{transform:translateX(3px)}\n.mfb .mfb-meta{margin:0;font-size:14px;color:var(--t)}\n.mfb-rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}\n.mfb-rv.is-on{opacity:1;transform:none}\n@media (max-width:900px){\n  .mfb-card{grid-template-columns:1fr;padding:40px 28px;gap:32px}\n  .mfb .mfb-btn{width:100%;justify-content:center;white-space:normal;text-align:center}\n  .mfb-cta{align-items:stretch}\n  .mfb .mfb-meta{text-align:center}\n  .mfb .mfb-text{font-size:17px}\n}\n@media (prefers-reduced-motion:reduce){.mfb-rv{opacity:1;transform:none;transition:none}.mfb .mfb-btn,.mfb .mfb-btn span{transition:none}}\n<\/style>\n\n<section class=\"mfb\" aria-labelledby=\"mfb-title\">\n  <div class=\"mfb-card mfb-rv\">\n    <div>\n      <h2 class=\"mfb-title\" id=\"mfb-title\">Vous vous reconnaissez dans l\u2019un de ces signes&nbsp;?<\/h2>\n      <p class=\"mfb-text\">20 questions pour savoir si vos process tiennent sans vous. Vous voyez aussit\u00f4t o\u00f9 votre organisation est solide, et o\u00f9 elle repose encore sur les personnes.<\/p>\n    <\/div>\n    <div class=\"mfb-cta\">\n      <a class=\"mfb-btn\" data-mfb-link href=\"https:\/\/www.mentorformation.fr\/index.php\/test-de-process-e\/\">Testez vos process <span aria-hidden=\"true\">\u2192<\/span><\/a>\n      <p class=\"mfb-meta\">Gratuit \u00b7 R\u00e9sultat imm\u00e9diat en 2 minutes<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var el = document.querySelectorAll(\".mfb-rv\");\n  if (!(\"IntersectionObserver\" in window)) { el.forEach(function (n) { n.classList.add(\"is-on\"); }); return; }\n  var io = new IntersectionObserver(function (es) {\n    es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add(\"is-on\"); io.unobserve(e.target); } });\n  }, { threshold: 0.2 });\n  el.forEach(function (n) { io.observe(n); });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c0b5741 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6c0b5741\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-747940ed\" data-id=\"747940ed\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-610d92ee elementor-widget elementor-widget-html\" data-id=\"610d92ee\" 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\n<style>\n.mf-appr-wrap{\n  --mf-title:#00007b;\n  --mf-sub:#302ec2;\n  --mf-accent:#7ba5d3;\n  --mf-body:#00007b;\n  --mf-border:#e6e6ef;\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  background:#ffffff !important;\n  display:block;\n  width:100%;\n}\n.mf-appr-wrap *{box-sizing:border-box}\n.mf-appr-wrap{overflow-x:hidden}\n\n.mf-appr{\n  max-width:1240px;\n  margin:0 auto !important;\n  padding:80px 24px !important;\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:48px;\n  align-items:center;\n}\n@media (min-width:960px){\n  .mf-appr{\n    grid-template-columns:.85fr 1fr;\n    gap:80px;\n    padding:112px 40px !important;\n  }\n}\n\n\/* ---------- VISUEL (colonne de gauche) ---------- *\/\n.mf-appr__visual{\n  position:relative;\n  width:100%;\n  aspect-ratio:4\/5;\n  border-radius:16px;\n  overflow:hidden;\n  background:#f4f4f8;\n  box-shadow:0 24px 60px -24px rgba(0,0,123,.18);\n  order:1;\n}\n.mf-appr__img{\n  width:100% !important;\n  height:100% !important;\n  object-fit:cover !important;\n  display:block;\n  margin:0 !important;\n  border-radius:0 !important;\n}\n@media (min-width:960px){\n  .mf-appr__visual{order:0;aspect-ratio:3\/4}\n}\n\n\/* ---------- TEXTE ---------- *\/\n.mf-appr__content{order:2}\n@media (min-width:960px){.mf-appr__content{order:0}}\n\n.mf-appr__title{\n  font-family:inherit !important;\n  font-size:clamp(28px,3.4vw,42px) !important;\n  line-height:1.18 !important;\n  font-weight:600 !important;\n  letter-spacing:-.02em;\n  color:var(--mf-title) !important;\n  margin:0 0 20px 0 !important;\n}\n.mf-appr__title span{\n  display:block;\n  color:var(--mf-sub) !important;\n  font-weight:500 !important;\n}\n\n.mf-appr__p{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.25vw,18px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n}\n\n.mf-appr__pillars{\n  margin:40px 0 0 0 !important;\n  padding:0 !important;\n  list-style:none !important;\n}\n.mf-appr__pillar{\n  position:relative;\n  padding:0 0 0 26px !important;\n  margin:0 0 32px 0 !important;\n  list-style:none !important;\n}\n.mf-appr__pillar:last-child{margin-bottom:0 !important}\n\n\/* Le trait vertical se trace du haut vers le bas *\/\n.mf-appr__pillar:before{\n  content:\"\";\n  position:absolute;\n  left:0;top:.25em;bottom:.1em;\n  width:2px;\n  background:var(--mf-accent);\n  transform-origin:top;\n}\n\n.mf-appr__label{\n  display:block;\n  font-family:inherit !important;\n  font-size:clamp(17px,1.35vw,20px) !important;\n  line-height:1.4 !important;\n  font-weight:600 !important;\n  color:var(--mf-sub) !important;\n  margin:0 0 10px 0 !important;\n}\n\n.mf-appr__chute{\n  margin:44px 0 0 0 !important;\n  padding:24px 0 0 0 !important;\n  border-top:1px solid var(--mf-border);\n  font-family:inherit !important;\n  font-size:clamp(17px,1.35vw,20px) !important;\n  line-height:1.55 !important;\n  font-weight:500 !important;\n  color:var(--mf-sub) !important;\n}\n\n\/* ---------- ANIMATION ----------\n   Par defaut TOUT est visible : si le script ne s'execute pas\n   (editeur Elementor, JS desactive), le bloc reste lisible.\n   La classe anim-on, ajoutee par le script, autorise le masquage.\n\n   Vocabulaire different du bloc Constat (qui monte en cascade) :\n   ici l'image se devoile lateralement et le texte glisse depuis\n   la droite. Meme courbe et meme lenteur, donc meme famille. *\/\n\n.mf-appr-wrap.anim-on .mf-appr__visual{\n  opacity:0;\n  transform:translateX(-70px);\n  transition:opacity 1.1s cubic-bezier(.4,0,.2,1), transform 1.2s cubic-bezier(.4,0,.2,1);\n}\n.mf-appr-wrap.anim-on.is-visible .mf-appr__visual{\n  opacity:1;\n  transform:translateX(0);\n}\n\n.mf-appr-wrap.anim-on .mf-appr__reveal{\n  opacity:0;\n  transform:translateX(70px);\n  transition:opacity 1.1s cubic-bezier(.4,0,.2,1), transform 1.2s cubic-bezier(.4,0,.2,1);\n}\n.mf-appr-wrap.anim-on.is-visible .mf-appr__reveal{\n  opacity:1;\n  transform:translateX(0);\n}\n\n.mf-appr-wrap.anim-on .mf-appr__pillar:before{\n  transform:scaleY(0);\n  transition:transform 1.1s cubic-bezier(.4,0,.2,1);\n}\n.mf-appr-wrap.anim-on.is-visible .mf-appr__pillar:before{transform:scaleY(1)}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-appr-wrap.anim-on .mf-appr__visual{opacity:1 !important;transform:none !important;transition:none !important}\n  .mf-appr-wrap.anim-on .mf-appr__reveal{opacity:1 !important;transform:none !important;transition:none !important}\n  .mf-appr-wrap.anim-on .mf-appr__pillar:before{transform:none !important;transition:none !important}\n}\n<\/style>\n\n<div class=\"mf-appr-wrap\">\n  <section class=\"mf-appr\">\n\n    <!-- ==============================================================\n         VISUEL : remplacez l'URL par votre photo.\n         Cadrage portrait conseille (900x1200 px minimum).\n         ============================================================== -->\n    <div class=\"mf-appr__visual\">\n      <img decoding=\"async\" class=\"mf-appr__img\"\n           src=\"https:\/\/www.mentorformation.fr\/wp-content\/uploads\/2026\/08\/pexels-yankrukov-7693740-scaled.jpg\"\n           alt=\"Conception des outils et des process avec le client\">\n    <\/div>\n\n    <div class=\"mf-appr__content\">\n\n      <h2 class=\"mf-appr__title mf-appr__reveal\" style=\"transition-delay:100ms\">\n        Nous travaillons sur deux jambes.\n        <span>L'une ne va pas sans l'autre.<\/span>\n      <\/h2>\n\n      <p class=\"mf-appr__p mf-appr__reveal\" style=\"transition-delay:200ms\">Le cadre donne du sens &agrave; la formation. La formation rend le cadre vivant. S&eacute;par&eacute;s, les deux s'essoufflent.<\/p>\n\n      <ul class=\"mf-appr__pillars\">\n        <li class=\"mf-appr__pillar mf-appr__reveal\" style=\"transition-delay:340ms\">\n          <span class=\"mf-appr__label\">Le conseil pose le cadre.<\/span>\n          <p class=\"mf-appr__p\">Nous analysons votre organisation, identifions ce qui bloque r&eacute;ellement, et construisons ce qui manque : process, outils, supports, m&eacute;thode de travail. Ce qui existe d&eacute;j&agrave; et fonctionne, on le garde. Le reste, on le cr&eacute;e ou on vous oriente vers la bonne solution.<\/p>\n        <\/li>\n        <li class=\"mf-appr__pillar mf-appr__reveal\" style=\"transition-delay:480ms\">\n          <span class=\"mf-appr__label\">La formation l'ancre.<\/span>\n          <p class=\"mf-appr__p\">Les comp&eacute;tences se transmettent sur vos outils, avec vos cas, dans votre vocabulaire. Vos &eacute;quipes n'apprennent pas une th&eacute;orie &agrave; transposer plus tard. Elles apprennent leur nouveau quotidien.<\/p>\n        <\/li>\n      <\/ul>\n\n      <p class=\"mf-appr__chute mf-appr__reveal\" style=\"transition-delay:620ms\">C'est cette combinaison qui fait qu'une formation tient encore des ann\u00e9es plus tard.<\/p>\n\n    <\/div>\n\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var script = document.currentScript;\n  var racine = script ? script.previousElementSibling : null;\n  while (racine && !racine.classList.contains('mf-appr-wrap')) {\n    racine = racine.previousElementSibling;\n  }\n  if (!racine || racine.hasAttribute('data-mf-pret')) return;\n  racine.setAttribute('data-mf-pret','1');\n\n  var reduit = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/\/ Dans l'editeur Elementor : aucune animation, le bloc reste visible.\n  var editeur = !!(window.elementorFrontend && window.elementorFrontend.isEditMode\n                   && window.elementorFrontend.isEditMode())\n             || !!(window.elementor && window.elementor.isEditMode)\n             || document.body.classList.contains('elementor-editor-active');\n\n  if (reduit || editeur || !('IntersectionObserver' in window)) return;\n\n  racine.classList.add('anim-on');\n\n  var fait = false;\n  function montrer(){\n    if (fait) return;\n    fait = true;\n    racine.classList.add('is-visible');\n  }\n\n  \/\/ Declenchement : le bloc doit etre reellement entre dans l'ecran.\n  \/\/ rootMargin negatif en bas = on attend qu'il depasse le bas de l'ecran\n  \/\/ d'environ 15% avant d'animer.\n  var obs = new IntersectionObserver(function(entrees){\n    entrees.forEach(function(e){\n      if (e.isIntersecting) { montrer(); obs.disconnect(); }\n    });\n  }, { threshold:0, rootMargin:'0px 0px -15% 0px' });\n\n  obs.observe(racine);\n\n  \/\/ Filet de securite : il ne declenche QUE si le bloc est vraiment visible,\n  \/\/ sinon les blocs situes plus bas s'animeraient dans le vide au chargement.\n  function enVue(){\n    var r = racine.getBoundingClientRect();\n    var h = window.innerHeight || document.documentElement.clientHeight;\n    return r.top < h * 0.85 && r.bottom > 0;\n  }\n  setTimeout(function(){ if (enVue()) montrer(); }, 2500);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7d5e4c3d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7d5e4c3d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-625ac03f\" data-id=\"625ac03f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41d10487 elementor-widget elementor-widget-html\" data-id=\"41d10487\" 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\n<style>\n.mf-etapes-wrap{\n  --mf-title:#00007b;\n  --mf-sub:#302ec2;\n  --mf-accent:#7ba5d3;\n  --mf-body:#00007b;\n  --mf-border:#e6e6ef;\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  background:#ffffff !important;\n  display:block;\n  width:100%;\n}\n.mf-etapes-wrap *{box-sizing:border-box}\n\n.mf-etapes{\n  max-width:1240px;\n  margin:0 auto !important;\n  padding:80px 24px !important;\n}\n@media (min-width:960px){\n  .mf-etapes{padding:112px 40px !important;}\n}\n\n.mf-etapes__head{max-width:720px;margin:0 0 56px 0 !important}\n\n.mf-etapes__title{\n  font-family:inherit !important;\n  font-size:clamp(28px,3.4vw,42px) !important;\n  line-height:1.18 !important;\n  font-weight:600 !important;\n  letter-spacing:-.02em;\n  color:var(--mf-title) !important;\n  margin:0 0 20px 0 !important;\n}\n.mf-etapes__title span{\n  display:block;\n  color:var(--mf-sub) !important;\n  font-weight:500 !important;\n}\n\n.mf-etapes__intro{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.25vw,18px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n}\n\n\/* ---------- GRILLE 2 x 2 ---------- *\/\n.mf-etapes__grid{\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:20px;\n  list-style:none !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n@media (min-width:760px){\n  .mf-etapes__grid{grid-template-columns:1fr 1fr;gap:24px}\n}\n\n.mf-etapes__case{\n  position:relative;\n  overflow:hidden;\n  list-style:none !important;\n  margin:0 !important;\n  padding:38px 34px 42px 34px !important;\n  border:1px solid var(--mf-border);\n  border-radius:16px;\n  background:#ffffff !important;\n  transition:border-color .4s ease, box-shadow .4s ease, transform .4s ease;\n}\n.mf-etapes__case:hover{\n  border-color:var(--mf-accent);\n  box-shadow:0 20px 50px -22px rgba(0,0,123,.20);\n  transform:translateY(-3px);\n}\n\n\/* Le chiffre en filigrane derriere le texte *\/\n.mf-etapes__num{\n  position:absolute;\n  right:14px;\n  bottom:-22px;\n  font-family:inherit !important;\n  font-size:clamp(110px,11vw,160px) !important;\n  font-weight:700 !important;\n  line-height:.8 !important;\n  letter-spacing:-.05em;\n  color:var(--mf-accent) !important;\n  opacity:.14;\n  pointer-events:none;\n  user-select:none;\n  z-index:0;\n}\n\n.mf-etapes__inner{position:relative;z-index:1}\n\n.mf-etapes__label{\n  display:block;\n  font-family:inherit !important;\n  font-size:clamp(18px,1.45vw,22px) !important;\n  line-height:1.3 !important;\n  font-weight:600 !important;\n  color:var(--mf-sub) !important;\n  margin:0 0 14px 0 !important;\n}\n\n.mf-etapes__txt{\n  font-family:inherit !important;\n  font-size:clamp(15px,1.2vw,17px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n  max-width:44ch;\n}\n\n\/* ---------- ANIMATION ----------\n   Par defaut TOUT est visible : si le script ne s'execute pas\n   (editeur Elementor, JS desactive), le bloc reste lisible.\n\n   Vocabulaire propre a ce bloc : les cases se posent une a une\n   en diagonale, avec un leger agrandissement, et le chiffre en\n   filigrane monte en opacite apres coup. Meme courbe et meme\n   lenteur que les blocs precedents. *\/\n\n.mf-etapes-wrap.anim-on .mf-etapes__reveal{\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .9s cubic-bezier(.4,0,.2,1), transform .9s cubic-bezier(.4,0,.2,1);\n}\n.mf-etapes-wrap.anim-on.is-visible .mf-etapes__reveal{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.mf-etapes-wrap.anim-on .mf-etapes__case{\n  opacity:0;\n  transform:translateY(28px) scale(.97);\n  transition:opacity 1s cubic-bezier(.4,0,.2,1),\n             transform 1s cubic-bezier(.4,0,.2,1),\n             border-color .4s ease,\n             box-shadow .4s ease;\n}\n.mf-etapes-wrap.anim-on.is-visible .mf-etapes__case{\n  opacity:1;\n  transform:translateY(0) scale(1);\n}\n\n.mf-etapes-wrap.anim-on .mf-etapes__num{\n  opacity:0;\n  transform:translateY(18px);\n  transition:opacity 1.4s ease .5s, transform 1.4s cubic-bezier(.4,0,.2,1) .5s;\n}\n.mf-etapes-wrap.anim-on.is-visible .mf-etapes__num{\n  opacity:.14;\n  transform:translateY(0);\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-etapes-wrap.anim-on .mf-etapes__reveal,\n  .mf-etapes-wrap.anim-on .mf-etapes__case{opacity:1 !important;transform:none !important;transition:none !important}\n  .mf-etapes-wrap.anim-on .mf-etapes__num{opacity:.14 !important;transform:none !important;transition:none !important}\n  .mf-etapes__case:hover{transform:none}\n}\n<\/style>\n\n<div class=\"mf-etapes-wrap\">\n  <section class=\"mf-etapes\">\n\n    <div class=\"mf-etapes__head\">\n      <h2 class=\"mf-etapes__title mf-etapes__reveal\" style=\"transition-delay:80ms\">\n        Comment &ccedil;a se passe.\n        <span>Quatre &eacute;tapes, rien de plus.<\/span>\n      <\/h2>\n      <p class=\"mf-etapes__intro mf-etapes__reveal\" style=\"transition-delay:180ms\">Vous savez d&egrave;s le d&eacute;part o&ugrave; vous mettez les pieds : ce que nous produisons, quand, et ce que cela suppose de votre c&ocirc;t&eacute;.<\/p>\n    <\/div>\n\n    <ul class=\"mf-etapes__grid\">\n\n      <li class=\"mf-etapes__case\" style=\"transition-delay:300ms\">\n        <span class=\"mf-etapes__num\" aria-hidden=\"true\">01<\/span>\n        <div class=\"mf-etapes__inner\">\n          <span class=\"mf-etapes__label\">Diagnostic<\/span>\n          <p class=\"mf-etapes__txt\">Un temps d'&eacute;change avec vous, et selon les cas avec vos &eacute;quipes, pour comprendre la situation r&eacute;elle plut&ocirc;t que celle qu'on suppose. Nous repartons avec une lecture pr&eacute;cise de ce qui coince et pourquoi.<\/p>\n        <\/div>\n      <\/li>\n\n      <li class=\"mf-etapes__case\" style=\"transition-delay:400ms\">\n        <span class=\"mf-etapes__num\" aria-hidden=\"true\">02<\/span>\n        <div class=\"mf-etapes__inner\">\n          <span class=\"mf-etapes__label\">Conception du dispositif<\/span>\n          <p class=\"mf-etapes__txt\">Nous d&eacute;finissons ce qui rel&egrave;ve de l'outil, ce qui rel&egrave;ve du process, et ce qui rel&egrave;ve de la comp&eacute;tence. Vous recevez une proposition claire : ce que nous cr&eacute;ons, ce que nous formons, dans quel ordre, sur quelle dur&eacute;e.<\/p>\n        <\/div>\n      <\/li>\n\n      <li class=\"mf-etapes__case\" style=\"transition-delay:500ms\">\n        <span class=\"mf-etapes__num\" aria-hidden=\"true\">03<\/span>\n        <div class=\"mf-etapes__inner\">\n          <span class=\"mf-etapes__label\">D&eacute;ploiement<\/span>\n          <p class=\"mf-etapes__txt\">Les outils sont construits et mis en place. Les formations se d&eacute;roulent en s'appuyant dessus, sur site ou &agrave; distance selon vos contraintes.<\/p>\n        <\/div>\n      <\/li>\n\n      <li class=\"mf-etapes__case\" style=\"transition-delay:600ms\">\n        <span class=\"mf-etapes__num\" aria-hidden=\"true\">04<\/span>\n        <div class=\"mf-etapes__inner\">\n          <span class=\"mf-etapes__label\">Ancrage<\/span>\n          <p class=\"mf-etapes__txt\">Un point de suivi &agrave; distance de la formation, pour ajuster ce qui a besoin de l'&ecirc;tre et v&eacute;rifier que le cadre tient dans la dur&eacute;e. C'est souvent l&agrave; que se joue la diff&eacute;rence.<\/p>\n        <\/div>\n      <\/li>\n\n    <\/ul>\n\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var script = document.currentScript;\n  var racine = script ? script.previousElementSibling : null;\n  while (racine && !racine.classList.contains('mf-etapes-wrap')) {\n    racine = racine.previousElementSibling;\n  }\n  if (!racine || racine.hasAttribute('data-mf-pret')) return;\n  racine.setAttribute('data-mf-pret','1');\n\n  var reduit = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var editeur = !!(window.elementorFrontend && window.elementorFrontend.isEditMode\n                   && window.elementorFrontend.isEditMode())\n             || !!(window.elementor && window.elementor.isEditMode)\n             || document.body.classList.contains('elementor-editor-active');\n\n  if (reduit || editeur || !('IntersectionObserver' in window)) return;\n\n  racine.classList.add('anim-on');\n\n  var fait = false;\n  function montrer(){\n    if (fait) return;\n    fait = true;\n    racine.classList.add('is-visible');\n  }\n\n  \/\/ Declenchement : le bloc doit etre reellement entre dans l'ecran.\n  \/\/ rootMargin negatif en bas = on attend qu'il depasse le bas de l'ecran\n  \/\/ d'environ 15% avant d'animer.\n  var obs = new IntersectionObserver(function(entrees){\n    entrees.forEach(function(e){\n      if (e.isIntersecting) { montrer(); obs.disconnect(); }\n    });\n  }, { threshold:0, rootMargin:'0px 0px -15% 0px' });\n\n  obs.observe(racine);\n\n  \/\/ Filet de securite : il ne declenche QUE si le bloc est vraiment visible,\n  \/\/ sinon les blocs situes plus bas s'animeraient dans le vide au chargement.\n  function enVue(){\n    var r = racine.getBoundingClientRect();\n    var h = window.innerHeight || document.documentElement.clientHeight;\n    return r.top < h * 0.85 && r.bottom > 0;\n  }\n  setTimeout(function(){ if (enVue()) montrer(); }, 2500);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54b72dd9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"54b72dd9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65cae20d\" data-id=\"65cae20d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14397d89 elementor-widget elementor-widget-html\" data-id=\"14397d89\" 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\n<style>\n.mf-livr-wrap{\n  --mf-title:#00007b;\n  --mf-sub:#302ec2;\n  --mf-accent:#7ba5d3;\n  --mf-body:#00007b;\n  --mf-border:#e6e6ef;\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  background:#ffffff !important;\n  display:block;\n  width:100%;\n  overflow-x:hidden;\n}\n.mf-livr-wrap *{box-sizing:border-box}\n\n.mf-livr{\n  max-width:1240px;\n  margin:0 auto !important;\n  padding:80px 24px !important;\n}\n@media (min-width:960px){\n  .mf-livr{padding:112px 40px !important;}\n}\n\n.mf-livr__head{max-width:720px;margin:0 0 56px 0 !important}\n\n.mf-livr__title{\n  font-family:inherit !important;\n  font-size:clamp(28px,3.4vw,42px) !important;\n  line-height:1.18 !important;\n  font-weight:600 !important;\n  letter-spacing:-.02em;\n  color:var(--mf-title) !important;\n  margin:0 0 20px 0 !important;\n}\n.mf-livr__title span{\n  display:block;\n  color:var(--mf-sub) !important;\n  font-weight:500 !important;\n}\n\n.mf-livr__intro{\n  font-family:inherit !important;\n  font-size:clamp(16px,1.25vw,18px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n}\n\n\/* ---------- LISTE DES LIVRABLES ---------- *\/\n.mf-livr__list{\n  list-style:none !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n\n.mf-livr__item{\n  position:relative;\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:6px;\n  list-style:none !important;\n  margin:0 !important;\n  padding:28px 0 28px 44px !important;\n  background-image:linear-gradient(var(--mf-border),var(--mf-border));\n  background-repeat:no-repeat;\n  background-position:0 100%;\n  background-size:100% 1px;\n}\n@media (min-width:860px){\n  .mf-livr__item{\n    grid-template-columns:minmax(0,300px) minmax(0,1fr);\n    gap:48px;\n    align-items:baseline;\n    padding-left:52px !important;\n  }\n}\n.mf-livr__item:first-child{\n  border-top:1px solid var(--mf-border);\n}\n\n\/* Le repere carre a gauche, en accord avec les traits du bloc precedent *\/\n.mf-livr__item:before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:34px;\n  width:14px;\n  height:14px;\n  border:2px solid var(--mf-accent);\n  border-radius:3px;\n  transform-origin:center;\n}\n@media (min-width:860px){\n  .mf-livr__item:before{top:33px}\n}\n\n.mf-livr__label{\n  font-family:inherit !important;\n  font-size:clamp(17px,1.35vw,20px) !important;\n  line-height:1.4 !important;\n  font-weight:600 !important;\n  color:var(--mf-sub) !important;\n  margin:0 !important;\n}\n\n.mf-livr__txt{\n  font-family:inherit !important;\n  font-size:clamp(15px,1.2vw,17px) !important;\n  line-height:1.7 !important;\n  font-weight:400 !important;\n  color:var(--mf-body) !important;\n  margin:0 !important;\n}\n\n.mf-livr__chute{\n  margin:48px 0 0 0 !important;\n  font-family:inherit !important;\n  font-size:clamp(17px,1.35vw,20px) !important;\n  line-height:1.55 !important;\n  font-weight:500 !important;\n  color:var(--mf-sub) !important;\n}\n\n\/* ---------- ANIMATION ----------\n   Par defaut TOUT est visible : si le script ne s'execute pas\n   (editeur Elementor, JS desactive), le bloc reste lisible.\n\n   Le bloc precedent faisait glisser image et texte l'un vers\n   l'autre. Ici on prolonge ce mouvement lateral : chaque ligne\n   arrive depuis la droite, en cascade, et son repere carre se\n   dessine juste apres. Meme courbe, meme lenteur. *\/\n\n.mf-livr-wrap.anim-on .mf-livr__reveal{\n  opacity:0;\n  transform:translateX(70px);\n  transition:opacity 1.1s cubic-bezier(.4,0,.2,1), transform 1.2s cubic-bezier(.4,0,.2,1);\n}\n.mf-livr-wrap.anim-on.is-visible .mf-livr__reveal{\n  opacity:1;\n  transform:translateX(0);\n}\n\n.mf-livr-wrap.anim-on .mf-livr__item{\n  opacity:0;\n  transform:translateX(48px);\n  background-size:0% 1px;\n  transition:opacity 1s cubic-bezier(.4,0,.2,1),\n             transform 1s cubic-bezier(.4,0,.2,1),\n             background-size 1.1s cubic-bezier(.4,0,.2,1);\n}\n.mf-livr-wrap.anim-on.is-visible .mf-livr__item{\n  opacity:1;\n  transform:translateX(0);\n  background-size:100% 1px;\n}\n\n.mf-livr-wrap.anim-on .mf-livr__item:before{\n  opacity:0;\n  transform:scale(.4) rotate(-25deg);\n  transition:opacity .8s ease .35s, transform .8s cubic-bezier(.34,1.3,.64,1) .35s;\n}\n.mf-livr-wrap.anim-on.is-visible .mf-livr__item:before{\n  opacity:1;\n  transform:scale(1) rotate(0deg);\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-livr-wrap.anim-on .mf-livr__reveal,\n  .mf-livr-wrap.anim-on .mf-livr__item{opacity:1 !important;transform:none !important;transition:none !important}\n  .mf-livr-wrap.anim-on .mf-livr__item{background-size:100% 1px !important}\n  .mf-livr-wrap.anim-on .mf-livr__item:before{opacity:1 !important;transform:none !important;transition:none !important}\n}\n<\/style>\n\n<div class=\"mf-livr-wrap\">\n  <section class=\"mf-livr\">\n\n    <div class=\"mf-livr__head\">\n      <h2 class=\"mf-livr__title mf-livr__reveal\" style=\"transition-delay:80ms\">\n        Ce qui continue de fonctionner\n        <span>sans nous.<\/span>\n      <\/h2>\n      <p class=\"mf-livr__intro mf-livr__reveal\" style=\"transition-delay:180ms\">Rien ne reste &agrave; l'&eacute;tat de recommandation orale. Tout ce que nous produisons vous appartient, et vous le faites &eacute;voluer sans nous.<\/p>\n    <\/div>\n\n    <ul class=\"mf-livr__list\">\n\n      <li class=\"mf-livr__item\" style=\"transition-delay:300ms\">\n        <span class=\"mf-livr__label\">Un programme de formation sur mesure<\/span>\n        <p class=\"mf-livr__txt\">Construit sur votre r&eacute;alit&eacute; et votre vocabulaire, pas un contenu de catalogue adapt&eacute; &agrave; la marge.<\/p>\n      <\/li>\n\n      <li class=\"mf-livr__item\" style=\"transition-delay:400ms\">\n        <span class=\"mf-livr__label\">Les outils cr&eacute;&eacute;s pour vous<\/span>\n        <p class=\"mf-livr__txt\">Trames, supports, tableaux de bord, proc&eacute;dures, scripts : ce que la situation r&eacute;clame, con&ccedil;u sur mesure.<\/p>\n      <\/li>\n\n      <li class=\"mf-livr__item\" style=\"transition-delay:500ms\">\n        <span class=\"mf-livr__label\">Un document de cadrage<\/span>\n        <p class=\"mf-livr__txt\">Le fonctionnement retenu, formalis&eacute; noir sur blanc. R&eacute;utilisable tel quel pour int&eacute;grer un nouvel arrivant.<\/p>\n      <\/li>\n\n      <li class=\"mf-livr__item\" style=\"transition-delay:600ms\">\n        <span class=\"mf-livr__label\">Nos recommandations &eacute;crites<\/span>\n        <p class=\"mf-livr__txt\">Sur les points que vous garderez en main, avec ce que nous ferions &agrave; votre place et pourquoi.<\/p>\n      <\/li>\n\n      <li class=\"mf-livr__item\" style=\"transition-delay:700ms\">\n        <span class=\"mf-livr__label\">Un plan de suivi<\/span>\n        <p class=\"mf-livr__txt\">Des &eacute;ch&eacute;ances concr&egrave;tes et des points de contr&ocirc;le, pour v&eacute;rifier que le cadre tient une fois la formation termin&eacute;e.<\/p>\n      <\/li>\n\n    <\/ul>\n\n    <p class=\"mf-livr__chute mf-livr__reveal\" style=\"transition-delay:820ms\">C'est ce qui s&eacute;pare un accompagnement d'une prestation qui s'arr&ecirc;te le jour o&ugrave; nous partons.<\/p>\n\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var script = document.currentScript;\n  var racine = script ? script.previousElementSibling : null;\n  while (racine && !racine.classList.contains('mf-livr-wrap')) {\n    racine = racine.previousElementSibling;\n  }\n  if (!racine || racine.hasAttribute('data-mf-pret')) return;\n  racine.setAttribute('data-mf-pret','1');\n\n  var reduit = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var editeur = !!(window.elementorFrontend && window.elementorFrontend.isEditMode\n                   && window.elementorFrontend.isEditMode())\n             || !!(window.elementor && window.elementor.isEditMode)\n             || document.body.classList.contains('elementor-editor-active');\n\n  if (reduit || editeur || !('IntersectionObserver' in window)) return;\n\n  racine.classList.add('anim-on');\n\n  var fait = false;\n  function montrer(){\n    if (fait) return;\n    fait = true;\n    racine.classList.add('is-visible');\n  }\n\n  \/\/ Declenchement : le bloc doit etre reellement entre dans l'ecran.\n  \/\/ rootMargin negatif en bas = on attend qu'il depasse le bas de l'ecran\n  \/\/ d'environ 15% avant d'animer.\n  var obs = new IntersectionObserver(function(entrees){\n    entrees.forEach(function(e){\n      if (e.isIntersecting) { montrer(); obs.disconnect(); }\n    });\n  }, { threshold:0, rootMargin:'0px 0px -15% 0px' });\n\n  obs.observe(racine);\n\n  \/\/ Filet de securite : il ne declenche QUE si le bloc est vraiment visible,\n  \/\/ sinon les blocs situes plus bas s'animeraient dans le vide au chargement.\n  function enVue(){\n    var r = racine.getBoundingClientRect();\n    var h = window.innerHeight || document.documentElement.clientHeight;\n    return r.top < h * 0.85 && r.bottom > 0;\n  }\n  setTimeout(function(){ if (enVue()) montrer(); }, 2500);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e79b0cf elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5e79b0cf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10d5b52c\" data-id=\"10d5b52c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-44a93d37 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"44a93d37\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55f37ce\" data-id=\"55f37ce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-485b0fdd elementor-widget elementor-widget-html\" data-id=\"485b0fdd\" 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\n<style>\n.mf-cf-wrap{\n  --mf-title:#00007b;\n  --mf-sub:#302ec2;\n  --mf-accent:#7ba5d3;\n  --mf-body:#00007b;\n  --mf-cta:#1800ad;\n  --mf-border:#e6e6ef;\n  --mf-soft:#f6f7fb;\n  --mf-visuel:520px;          \/* hauteur maximale du visuel sur grand ecran *\/\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;\n  background:#ffffff !important;display:block;width:100%;overflow-x:hidden;\n}\n.mf-cf-wrap *{box-sizing:border-box}\n.mf-cf{max-width:1140px;margin:0 auto !important;padding:72px 24px !important}\n@media (min-width:960px){.mf-cf{padding:100px 40px !important}}\n\n\/* La cle du probleme : align-items sur start\/center, jamais stretch.\n   Sans cela la colonne image epouse la hauteur de la ligne et l'image s'etire. *\/\n.mf-cf__duo{\n  display:grid !important;\n  grid-template-columns:1fr;\n  gap:38px;\n  align-items:center !important;\n  align-content:center !important;\n}\n@media (min-width:900px){\n  .mf-cf__duo{grid-template-columns:1fr 1fr;gap:72px}\n}\n\n.mf-cf__texte-col{min-width:0;align-self:center !important}\n\n.mf-cf__h2{\n  font-family:inherit !important;\n  font-size:clamp(28px,3.4vw,42px) !important;\n  line-height:1.16 !important;font-weight:600 !important;letter-spacing:-.03em;\n  color:var(--mf-title) !important;margin:0 0 20px 0 !important;\n}\n.mf-cf__h2 span{display:block;color:var(--mf-sub) !important;font-weight:500 !important}\n\n.mf-cf__para{\n  font-family:inherit !important;\n  font-size:clamp(15px,1.25vw,17px) !important;\n  line-height:1.75 !important;font-weight:400 !important;\n  color:var(--mf-body) !important;margin:0 0 32px 0 !important;max-width:52ch;\n}\n\n.mf-cf__btn{\n  display:inline-flex !important;align-items:center;justify-content:center;\n  font-family:inherit !important;font-size:15px !important;font-weight:600 !important;\n  padding:16px 32px !important;border-radius:8px !important;text-decoration:none !important;\n  background:var(--mf-cta) !important;color:#ffffff !important;\n  border:1px solid var(--mf-cta) !important;\n  transition:all .3s cubic-bezier(.4,0,.2,1) !important;cursor:pointer;\n}\n.mf-cf__btn:hover,.mf-cf__btn:focus{\n  background:#12008a !important;border-color:#12008a !important;color:#ffffff !important;\n  transform:translateY(-2px);\n  box-shadow:0 18px 40px -18px rgba(24,0,173,.6);\n}\n\n\/* ============ VISUEL : hauteur verrouillee ============ *\/\n.mf-cf__visuel{\n  position:relative !important;\n  display:block !important;\n  width:100% !important;\n  aspect-ratio:1 \/ 1;\n  max-height:var(--mf-visuel) !important;\n  max-width:var(--mf-visuel) !important;\n  margin:0 0 0 auto !important;\n  align-self:center !important;\n  border-radius:18px;\n  overflow:hidden !important;\n  background:var(--mf-soft) !important;\n  box-shadow:0 26px 60px -34px rgba(0,0,123,.42);\n}\n@media (max-width:899px){.mf-cf__visuel{margin:0 auto !important}}\n\n\/* Filet pour les navigateurs sans aspect-ratio : on force par le padding. *\/\n@supports not (aspect-ratio: 1 \/ 1){\n  .mf-cf__visuel{height:0 !important;padding-top:100% !important}\n}\n\n.mf-cf-wrap .mf-cf__visuel .mf-cf__img{\n  position:absolute !important;\n  top:0 !important;left:0 !important;\n  width:100% !important;\n  height:100% !important;\n  max-width:100% !important;\n  max-height:100% !important;\n  min-height:0 !important;\n  object-fit:cover !important;\n  object-position:center !important;\n  display:block !important;\n  margin:0 !important;padding:0 !important;border:none !important;border-radius:0 !important;\n}\n\n\/* ============ BLOC ENCADRE ============ *\/\n.mf-cf__bas{padding-top:0 !important}\n.mf-cf__encadre{\n  position:relative;overflow:hidden;\n  padding:56px 28px !important;\n  border:1px solid var(--mf-border);\n  border-radius:20px;\n  text-align:center;\n  background:linear-gradient(160deg, #fbfcff 0%, #ffffff 55%, #f7f9ff 100%) !important;\n}\n@media (min-width:760px){.mf-cf__encadre{padding:72px 56px !important}}\n.mf-cf__encadre:before{\n  content:\"\";position:absolute;left:50%;top:-60%;width:120%;height:150%;\n  transform:translateX(-50%);\n  background:radial-gradient(ellipse at center, rgba(123,165,211,.14) 0%, rgba(255,255,255,0) 65%);\n  pointer-events:none;\n}\n.mf-cf__encadre-inner{position:relative;z-index:1}\n.mf-cf__h3{\n  font-family:inherit !important;\n  font-size:clamp(28px,3.2vw,40px) !important;\n  line-height:1.16 !important;font-weight:600 !important;letter-spacing:-.03em;\n  color:var(--mf-title) !important;margin:0 0 20px 0 !important;\n}\n.mf-cf__h3 span{display:block;color:var(--mf-sub) !important;font-weight:500 !important}\n.mf-cf__encadre-p{\n  font-family:inherit !important;\n  font-size:clamp(15px,1.25vw,17px) !important;\n  line-height:1.75 !important;font-weight:400 !important;\n  color:var(--mf-body) !important;margin:0 auto !important;max-width:56ch;\n}\n.mf-cf__encadre-cta{margin:32px 0 0 0 !important;display:flex;justify-content:center}\n.mf-cf__mention{\n  font-family:inherit !important;font-size:14px !important;font-weight:400 !important;\n  line-height:1.5 !important;color:var(--mf-accent) !important;margin:16px 0 0 0 !important;\n}\n\n\/* ============ ANIMATION (visible par defaut) ============ *\/\n.mf-cf-wrap.anim-on .mf-cf__rise{\n  opacity:0;transform:translateY(22px);\n  transition:opacity 1s cubic-bezier(.4,0,.2,1), transform 1s cubic-bezier(.4,0,.2,1);\n}\n.mf-cf-wrap.anim-on .mf-cf__zone.is-vu .mf-cf__rise{opacity:1;transform:translateY(0)}\n.mf-cf-wrap.anim-on .mf-cf__visuel{\n  opacity:0;transform:translateX(40px);\n  transition:opacity 1.05s cubic-bezier(.4,0,.2,1), transform 1.05s cubic-bezier(.4,0,.2,1);\n}\n.mf-cf-wrap.anim-on .mf-cf__zone.is-vu .mf-cf__visuel{opacity:1;transform:translateX(0)}\n.mf-cf-wrap.anim-on .mf-cf__encadre{\n  opacity:0;transform:scale(.965);\n  transition:opacity 1.1s cubic-bezier(.4,0,.2,1), transform 1.2s cubic-bezier(.4,0,.2,1);\n}\n.mf-cf-wrap.anim-on .mf-cf__zone.is-vu .mf-cf__encadre{opacity:1;transform:scale(1)}\n@media (prefers-reduced-motion:reduce){\n  .mf-cf-wrap.anim-on .mf-cf__rise,\n  .mf-cf-wrap.anim-on .mf-cf__visuel,\n  .mf-cf-wrap.anim-on .mf-cf__encadre{opacity:1 !important;transform:none !important;transition:none !important}\n}\n<\/style>\n\n<div class=\"mf-cf-wrap\">\n<div class=\"mf-cf mf-cf__zone\">\n\n  <div class=\"mf-cf__duo\">\n\n    <div class=\"mf-cf__texte-col\">\n      <h2 class=\"mf-cf__h2 mf-cf__rise\" style=\"transition-delay:60ms\">Le financement,<span>on en parle tout de suite.<\/span><\/h2>\n      <p class=\"mf-cf__para mf-cf__rise\" style=\"transition-delay:160ms\">Nos accompagnements sont &#233;ligibles aux dispositifs de financement de certaines branches. Nous vous accompagnons dans le montage du dossier et nous vous disons franchement ce qui est finan&#231;able et ce qui ne l'est pas dans votre projet.<\/p>\n      <div class=\"mf-cf__rise\" style=\"transition-delay:240ms\">\n        <a class=\"mf-cf__btn\" href=\"https:\/\/cal.com\/haendel\/diagnostic-offert\">V&#233;rifier mes possibilit&#233;s de financement<\/a>\n      <\/div>\n    <\/div>\n\n    <figure class=\"mf-cf__visuel\">\n      <img loading=\"lazy\" decoding=\"async\" class=\"mf-cf__img\" src=\"https:\/\/www.mentorformation.fr\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_bey1f2bey1f2bey1.jpeg\" alt=\"Financement de la formation professionnelle\" loading=\"lazy\" width=\"1000\" height=\"1000\" \/>\n    <\/figure>\n\n  <\/div>\n\n<\/div>\n\n<div class=\"mf-cf mf-cf__zone mf-cf__bas\">\n  <div class=\"mf-cf__encadre\">\n    <div class=\"mf-cf__encadre-inner\">\n      <h2 class=\"mf-cf__h3\">Quinze minutes<span>pour y voir clair.<\/span><\/h2>\n      <p class=\"mf-cf__encadre-p\">Un premier &#233;change de quinze minutes suffit &#224; savoir si nous sommes le bon interlocuteur pour votre situation. Vous nous expliquez o&#249; vous en &#234;tes, nous vous disons ce que nous voyons. Sans engagement, et sans pr&#233;sentation commerciale d&#233;guis&#233;e.<\/p>\n      <div class=\"mf-cf__encadre-cta\">\n        <a class=\"mf-cf__btn\" href=\"https:\/\/cal.com\/haendel\/diagnostic-offert\">Prendre rendez-vous<\/a>\n      <\/div>\n      <p class=\"mf-cf__mention\">R&#233;ponse sous 24 heures ouvr&#233;es.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n(function(){\n  var script = document.currentScript;\n  var racine = script ? script.previousElementSibling : null;\n  while (racine && !racine.classList.contains('mf-cf-wrap')) {\n    racine = racine.previousElementSibling;\n  }\n  if (!racine || racine.hasAttribute('data-mf-pret')) return;\n  racine.setAttribute('data-mf-pret','1');\n\n  var reduit = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var editeur = !!(window.elementorFrontend && window.elementorFrontend.isEditMode\n                   && window.elementorFrontend.isEditMode())\n             || !!(window.elementor && window.elementor.isEditMode)\n             || document.body.classList.contains('elementor-editor-active');\n  if (reduit || editeur || !('IntersectionObserver' in window)) return;\n\n  racine.classList.add('anim-on');\n\n  var zones = racine.querySelectorAll('.mf-cf__zone');\n  var obs = new IntersectionObserver(function(entrees){\n    entrees.forEach(function(e){\n      if (e.isIntersecting) { e.target.classList.add('is-vu'); obs.unobserve(e.target); }\n    });\n  }, { threshold:0, rootMargin:'0px 0px -15% 0px' });\n  Array.prototype.forEach.call(zones, function(z){ obs.observe(z); });\n\n  setTimeout(function(){\n    Array.prototype.forEach.call(zones, function(z){ z.classList.add('is-vu'); });\n  }, 2200);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-369738bf elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"369738bf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-347dfe4f\" data-id=\"347dfe4f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nous cr\u00e9ons vos process sur mesure, applicables au quotidien. Votre besoin n&rsquo;est pas seulement de monter en comp&eacute;tences. Il vous faut aussi un cadre de travail clair, des outils qui tiennent la route, et savoir vous en servir. Nous concevons les deux ensemble. Parler de votre situation ou testez vos process en 2 minutes&rarr; Vous [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tpgb_global_settings":"","pagelayer_contact_templates":[],"_pagelayer_content":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-6836","page","type-page","status-publish","hentry"],"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"17 ao\u00fbt 2026","get_modified_date":"28 septembre 2026","author_name":"marcmentor","author_url":"https:\/\/www.mentorformation.fr\/index.php\/author\/marmentor\/","author_email":"mentormarchaendel@gmail.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"marcmentor","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/573220983167308264f68611b20fbb5adf6ec1b443f6c0fc7a70a60397fa78cb?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/6836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=6836"}],"version-history":[{"count":148,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/6836\/revisions"}],"predecessor-version":[{"id":9292,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/6836\/revisions\/9292"}],"wp:attachment":[{"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=6836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}