{"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-08-28T12:40:54","modified_gmt":"2026-08-28T10:40:54","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-38f4bcf elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"38f4bcf\" 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-1de3b5b7\" data-id=\"1de3b5b7\" 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-6249cdd1 elementor-widget elementor-widget-html\" data-id=\"6249cdd1\" 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-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.mf-hero__actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}\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\/* ---------- 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}\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. Plut\u00f4t d'un cadre de travail clair, d'outils qui tiennent la route, et de savoir s'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      <\/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      <!-- MP4 obligatoire (le MOV n'est pas lu par les navigateurs).\n           Carre 1080x1080, 10 a 20 secondes, sans son, moins de 5 Mo.\n           L'image poster s'affiche pendant le chargement. -->\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      <!-- Remplacez les 4 URL par vos photos (carre, 1200x1200 px minimum).\n           Vous pouvez ajouter ou supprimer des balises img :\n           le script s'adapte tout seul au nombre d'images. -->\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;  \/\/ temps d'affichage de chaque photo (ms)\n  var VITESSE     = 45;    \/\/ ms par caractere pour la machine a ecrire\n  var PAUSE_LIGNE = 260;   \/\/ pause entre la ligne 1 et la ligne 2 (ms)\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-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-54919288 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"54919288\" 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-2e8e9587\" data-id=\"2e8e9587\" 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-76ec56ea elementor-widget elementor-widget-html\" data-id=\"76ec56ea\" 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-fin-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  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-fin-wrap *{box-sizing:border-box}\n\n.mf-fin{\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-fin{\n    grid-template-columns:1fr .8fr;\n    gap:72px;\n    padding:112px 40px !important;\n    align-items:stretch;\n  }\n}\n\n\/* ---------- TEXTE (colonne de gauche) ---------- *\/\n.mf-fin__content{order:2}\n@media (min-width:960px){\n  .mf-fin__content{order:0;align-self:center}\n}\n\n.mf-fin__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 24px 0 !important;\n}\n.mf-fin__title span{\n  display:block;\n  color:var(--mf-sub) !important;\n  font-weight:500 !important;\n}\n\n.mf-fin__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  max-width:56ch;\n}\n\n.mf-fin__actions{margin:40px 0 0 0 !important}\n\n.mf-fin__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-fin__btn:hover,.mf-fin__btn:focus{\n  background:#12008a !important;\n  border-color:#12008a !important;\n  color:#ffffff !important;\n  transform:translateY(-1px);\n}\n\n\/* ---------- VISUEL (colonne de droite) ---------- *\/\n.mf-fin__visual{\n  position:relative;\n  width:100%;\n  aspect-ratio:1\/1;\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\/* Sur ordinateur : carre, et a peine plus haut que la colonne de texte.\n   Le carre est conserve tant qu'il reste plus grand que le texte ;\n   la hauteur minimale garantit le leger depassement. *\/\n@media (min-width:960px){\n  .mf-fin__visual{\n    order:0;\n    aspect-ratio:1\/1;\n    align-self:center;\n    min-height:calc(100% + 48px);\n  }\n}\n.mf-fin__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\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   Le texte arrive depuis la gauche, l'image depuis la droite. *\/\n\n.mf-fin-wrap.anim-on .mf-fin__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-fin-wrap.anim-on.is-visible .mf-fin__reveal{\n  opacity:1;\n  transform:translateX(0);\n}\n\n.mf-fin-wrap.anim-on .mf-fin__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-fin-wrap.anim-on.is-visible .mf-fin__visual{\n  opacity:1;\n  transform:translateX(0);\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-fin-wrap.anim-on .mf-fin__reveal,\n  .mf-fin-wrap.anim-on .mf-fin__visual{opacity:1 !important;transform:none !important;transition:none !important}\n}\n<\/style>\n\n<div class=\"mf-fin-wrap\">\n  <section class=\"mf-fin\">\n\n    <div class=\"mf-fin__content\">\n\n      <h2 class=\"mf-fin__title mf-fin__reveal\" style=\"transition-delay:80ms\">\n        Le financement,\n        <span>on en parle tout de suite.<\/span>\n      <\/h2>\n\n      <p class=\"mf-fin__p mf-fin__reveal\" style=\"transition-delay:200ms\">Nos accompagnements sont &eacute;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&ccedil;able et ce qui ne l'est pas dans votre projet.<\/p>\n\n      <div class=\"mf-fin__actions mf-fin__reveal\" style=\"transition-delay:320ms\">\n        <a href=\"https:\/\/www.mentorformation.fr\/index.php\/contact-2026\/\" class=\"mf-fin__btn\">V&eacute;rifier mes possibilit&eacute;s de financement<\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- ==============================================================\n         VISUEL : remplacez l'URL par votre photo.\n         Cadrage portrait conseille (900x1200 px minimum).\n         ============================================================== -->\n    <div class=\"mf-fin__visual\">\n      <img decoding=\"async\" class=\"mf-fin__img\"\n           src=\"https:\/\/www.mentorformation.fr\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_bey1f2bey1f2bey1.jpeg\"\n           alt=\"Montage du dossier de financement avec le client\">\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-fin-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  \/\/ Le bloc doit etre reellement entre dans l'ecran 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 conditionne a la visibilite effective.\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<div class=\"elementor-element elementor-element-68a18222 elementor-widget elementor-widget-html\" data-id=\"68a18222\" 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-cta-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  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-cta-wrap *{box-sizing:border-box}\n\n.mf-cta{\n  max-width:1240px;\n  margin:0 auto !important;\n  padding:80px 24px 96px !important;\n}\n@media (min-width:960px){\n  .mf-cta{padding:112px 40px 132px !important;}\n}\n\n.mf-cta__panel{\n  position:relative;\n  overflow:hidden;\n  border:1px solid var(--mf-border);\n  border-radius:20px;\n  padding:56px 32px !important;\n  text-align:center;\n}\n@media (min-width:760px){\n  .mf-cta__panel{padding:80px 64px !important;}\n}\n\n\/* Halo discret, en accord avec les ombres des blocs precedents *\/\n.mf-cta__panel:before{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  top:-60%;\n  width:120%;\n  height:150%;\n  transform:translateX(-50%);\n  background:radial-gradient(ellipse at center, rgba(123,165,211,.16) 0%, rgba(255,255,255,0) 65%);\n  pointer-events:none;\n  z-index:0;\n}\n\n.mf-cta__inner{position:relative;z-index:1}\n\n.mf-cta__title{\n  font-family:inherit !important;\n  font-size:clamp(30px,3.8vw,48px) !important;\n  line-height:1.14 !important;\n  font-weight:600 !important;\n  letter-spacing:-.025em;\n  color:var(--mf-title) !important;\n  margin:0 auto 24px auto !important;\n  max-width:16ch;\n}\n.mf-cta__title span{\n  display:block;\n  color:var(--mf-sub) !important;\n  font-weight:500 !important;\n}\n\n.mf-cta__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 auto !important;\n  max-width:60ch;\n}\n\n.mf-cta__actions{margin:40px 0 0 0 !important}\n\n.mf-cta__btn{\n  display:inline-flex !important;\n  align-items:center;\n  justify-content:center;\n  font-family:inherit !important;\n  font-size:16px !important;\n  font-weight:500 !important;\n  padding:17px 38px !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-cta__btn:hover,.mf-cta__btn:focus{\n  background:#12008a !important;\n  border-color:#12008a !important;\n  color:#ffffff !important;\n  transform:translateY(-2px);\n  box-shadow:0 18px 40px -18px rgba(24,0,173,.6);\n}\n\n.mf-cta__mention{\n  display:block;\n  margin:22px 0 0 0 !important;\n  font-family:inherit !important;\n  font-size:14px !important;\n  line-height:1.6 !important;\n  font-weight:400 !important;\n  color:var(--mf-accent) !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   Les blocs precedents jouaient sur le mouvement lateral.\n   Fin de page : le panneau se pose en s'ouvrant depuis le centre,\n   puis le contenu monte. Meme courbe, meme lenteur. *\/\n\n.mf-cta-wrap.anim-on .mf-cta__panel{\n  opacity:0;\n  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-cta-wrap.anim-on.is-visible .mf-cta__panel{\n  opacity:1;\n  transform:scale(1);\n}\n\n.mf-cta-wrap.anim-on .mf-cta__reveal{\n  opacity:0;\n  transform:translateY(22px);\n  transition:opacity 1s cubic-bezier(.4,0,.2,1), transform 1s cubic-bezier(.4,0,.2,1);\n}\n.mf-cta-wrap.anim-on.is-visible .mf-cta__reveal{\n  opacity:1;\n  transform:translateY(0);\n}\n\n@media (prefers-reduced-motion:reduce){\n  .mf-cta-wrap.anim-on .mf-cta__panel,\n  .mf-cta-wrap.anim-on .mf-cta__reveal{opacity:1 !important;transform:none !important;transition:none !important}\n  .mf-cta__btn:hover{transform:none}\n}\n<\/style>\n\n<div class=\"mf-cta-wrap\">\n  <section class=\"mf-cta\">\n\n    <div class=\"mf-cta__panel\">\n      <div class=\"mf-cta__inner\">\n\n        <h2 class=\"mf-cta__title mf-cta__reveal\" style=\"transition-delay:220ms\">\n          Quinze minutes\n          <span>pour y voir clair.<\/span>\n        <\/h2>\n\n        <p class=\"mf-cta__p mf-cta__reveal\" style=\"transition-delay:340ms\">Un premier &eacute;change de quinze minutes suffit &agrave; savoir si nous sommes le bon interlocuteur pour votre situation. Vous nous expliquez o&ugrave; vous en &ecirc;tes, nous vous disons ce que nous voyons. Sans engagement, et sans pr&eacute;sentation commerciale d&eacute;guis&eacute;e.<\/p>\n\n        <div class=\"mf-cta__actions mf-cta__reveal\" style=\"transition-delay:460ms\">\n          <a href=\"https:\/\/cal.com\/haendel\/diagnostic-offert\" class=\"mf-cta__btn\">Prendre rendez-vous<\/a>\n          <span class=\"mf-cta__mention\">R&eacute;ponse sous 24&nbsp;heures ouvr&eacute;es.<\/span>\n        <\/div>\n\n      <\/div>\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-cta-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  \/\/ Le bloc doit etre reellement entre dans l'ecran 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 conditionne a la visibilite effective.\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<\/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. Plut\u00f4t d&rsquo;un cadre de travail clair, d&rsquo;outils qui tiennent la route, et de savoir s&rsquo;en servir. Nous concevons les deux ensemble. Parler de votre situation Vous avez d&eacute;j&agrave; form&eacute; vos &eacute;quipes. Peut-&ecirc;tre plusieurs fois. Sur le moment, [&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 ao\u00fbt 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":131,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/6836\/revisions"}],"predecessor-version":[{"id":8788,"href":"https:\/\/www.mentorformation.fr\/index.php\/wp-json\/wp\/v2\/pages\/6836\/revisions\/8788"}],"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}]}}