{"id":451,"date":"2025-12-14T16:16:08","date_gmt":"2025-12-14T16:16:08","guid":{"rendered":"https:\/\/tadexaccount.com\/?page_id=451"},"modified":"2025-12-14T16:16:08","modified_gmt":"2025-12-14T16:16:08","slug":"451-2","status":"publish","type":"page","link":"https:\/\/tadexaccount.com\/index.php\/451-2\/","title":{"rendered":""},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<section class=\"tadex-cac\" id=\"tadex-cac\">\n  <style>\n    :root{\n      --b:#283990; --b2:#1f2f78; --ink:#0b1220; --muted:#64748b;\n      --bd:rgba(40,57,144,.14);\n      --sh:0 18px 60px rgba(15,23,42,.10);\n      --sh2:0 40px 140px rgba(40,57,144,.18);\n      --r:22px;\n    }\n\n    .tadex-cac, .tadex-cac *{ box-sizing:border-box; font-family:\"Poppins\",system-ui,-apple-system,BlinkMacSystemFont,sans-serif; }\n    \/* IMPORTANT : transparent => se fond dans le fond blanc du site *\/\n    .tadex-cac{ position:relative; background:transparent; color:var(--ink); overflow-x:clip; isolation:isolate; }\n    @supports not (overflow: clip){ .tadex-cac{ overflow-x:hidden; } }\n\n    \/* Fond ultra soft, sans d\u00e9marcation *\/\n    .cac-bg{ position:absolute; inset:-160px -80px; pointer-events:none; z-index:0; }\n    .cac-bg::before{\n      content:\"\"; position:absolute; inset:0;\n      background:\n        radial-gradient(900px 520px at 12% 18%, rgba(40,57,144,.10), transparent 60%),\n        radial-gradient(760px 500px at 90% 28%, rgba(40,57,144,.08), transparent 62%),\n        radial-gradient(920px 640px at 50% 100%, rgba(40,57,144,.06), transparent 64%);\n      opacity:.9;\n      mask-image:radial-gradient(circle at 50% 40%, #000 0%, transparent 72%);\n      -webkit-mask-image:radial-gradient(circle at 50% 40%, #000 0%, transparent 72%);\n    }\n    .cac-grid{\n      position:absolute; inset:-22%;\n      background:\n        linear-gradient(to right, rgba(40,57,144,.055) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(40,57,144,.055) 1px, transparent 1px);\n      background-size: 62px 62px;\n      opacity:.35;\n      animation:cacGrid 22s linear infinite;\n      mask-image:radial-gradient(circle at 50% 30%, #000 0%, transparent 72%);\n      -webkit-mask-image:radial-gradient(circle at 50% 30%, #000 0%, transparent 72%);\n    }\n    @keyframes cacGrid{ to{ transform:translate3d(62px,62px,0);} }\n\n    .cac-glow{\n      position:absolute; width:560px;height:560px;border-radius:999px;\n      background:radial-gradient(circle, rgba(40,57,144,.12), transparent 60%);\n      filter:blur(18px);\n      transform:translate(-50%,-50%);\n      pointer-events:none;\n      mix-blend-mode:multiply;\n      opacity:.85;\n      z-index:1;\n    }\n\n    .cac-wrap{ max-width:1180px; margin:0 auto; padding:105px 18px 90px; position:relative; z-index:2; }\n\n    \/* Reveal *\/\n    .rvl{\n      opacity:0; transform:translateY(22px); filter:blur(7px);\n      transition: opacity .85s ease, transform .9s cubic-bezier(.2,1,.25,1), filter .9s ease;\n      will-change:opacity,transform,filter;\n    }\n    .rvl.in{ opacity:1; transform:translateY(0); filter:blur(0); }\n\n    \/* HERO *\/\n    .hero{\n      display:grid;\n      grid-template-columns: 1.2fr .8fr;\n      gap:18px;\n      align-items:stretch;\n    }\n    @media (max-width:980px){ .hero{ grid-template-columns:1fr; } }\n\n    .chip{\n      display:inline-flex; align-items:center; gap:10px;\n      padding:8px 14px; border-radius:999px;\n      border:1px solid var(--bd);\n      background:rgba(255,255,255,.75);\n      backdrop-filter:blur(6px);\n      color:var(--b);\n      letter-spacing:.14em; text-transform:uppercase; font-size:.72rem;\n      box-shadow:0 10px 26px rgba(40,57,144,.10);\n    }\n    .chip::before{\n      content:\"\"; width:8px;height:8px;border-radius:999px;\n      background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.16);\n    }\n\n    h1{\n      margin:12px 0 0;\n      font-size:clamp(2.05rem,3.1vw,2.75rem);\n      line-height:1.12;\n      font-weight:860;\n      letter-spacing:-.02em;\n    }\n    h1 .hl{ display:block; color:var(--b); }\n\n    .lead{\n      margin:12px 0 0;\n      color:var(--muted);\n      line-height:1.75;\n      font-size:1.02rem;\n      max-width:760px;\n    }\n\n    .actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }\n    .btn{\n      display:inline-flex; align-items:center; justify-content:center; gap:10px;\n      padding:12px 16px;\n      border-radius:999px;\n      border:1px solid rgba(40,57,144,.22);\n      background:rgba(255,255,255,.82);\n      backdrop-filter:blur(6px);\n      color:var(--b);\n      font-weight:650;\n      font-size:.92rem;\n      cursor:pointer;\n      text-decoration:none;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      user-select:none;\n      white-space:nowrap;\n    }\n    .btn:hover{ transform:translateY(-2px); background:rgba(40,57,144,.05); box-shadow:0 18px 44px rgba(40,57,144,.12); }\n    .btn.primary{\n      background:linear-gradient(135deg,var(--b),var(--b2));\n      color:#fff; border-color:transparent;\n      box-shadow:0 22px 70px rgba(40,57,144,.20);\n    }\n\n    \/* Card droite (mini synth\u00e8se) *\/\n    .panel{\n      border-radius:28px;\n      border:1px solid rgba(40,57,144,.12);\n      background:rgba(255,255,255,.65);\n      backdrop-filter:blur(10px);\n      box-shadow:var(--sh);\n      overflow:hidden;\n      position:relative;\n    }\n    .panel::before{\n      content:\"\"; position:absolute; inset:-2px;\n      background:radial-gradient(520px 280px at 18% 18%, rgba(40,57,144,.14), transparent 62%);\n      opacity:.7; pointer-events:none;\n    }\n    .panel-in{ position:relative; padding:16px; }\n    .panel-title{\n      display:flex; align-items:center; justify-content:space-between; gap:12px;\n      margin-bottom:10px;\n    }\n    .tag{\n      padding:7px 12px; border-radius:999px;\n      border:1px solid rgba(40,57,144,.16);\n      background:rgba(40,57,144,.06);\n      color:var(--b);\n      letter-spacing:.12em; text-transform:uppercase; font-size:.72rem;\n      white-space:nowrap;\n    }\n    .dot{\n      width:12px;height:12px;border-radius:999px;\n      background:var(--b);\n      box-shadow:0 0 0 6px rgba(40,57,144,.10);\n      animation:pulse 1.9s ease-in-out infinite;\n      flex:0 0 auto;\n    }\n    @keyframes pulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.25); opacity:.72; } }\n\n    .mini{\n      display:grid; gap:10px;\n    }\n    .mini-item{\n      border-radius:18px;\n      border:1px solid rgba(40,57,144,.12);\n      background:rgba(255,255,255,.85);\n      padding:12px 12px 11px;\n      position:relative;\n      overflow:hidden;\n      transition:transform .22s ease, box-shadow .22s ease;\n    }\n    .mini-item:hover{ transform:translateY(-3px); box-shadow:0 18px 60px rgba(40,57,144,.12); }\n    .mini-item::after{\n      content:\"\"; position:absolute; inset:0;\n      background:linear-gradient(120deg, transparent, rgba(255,255,255,.65), transparent);\n      transform:translateX(-120%); opacity:.55; pointer-events:none;\n    }\n    .mini-item:hover::after{ animation:shine 1.05s ease; }\n    @keyframes shine{ to{ transform:translateX(120%);} }\n\n    .k{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#64748b; margin-bottom:6px; }\n    .v{ font-weight:650; color:#334155; line-height:1.55; font-size:.96rem; }\n\n    \/* Offre (3 cards) *\/\n    .section{ margin-top:34px; }\n    .head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; }\n    h2{ margin:0; font-size:1.38rem; font-weight:860; letter-spacing:-.01em; }\n    .sub{ margin:0; color:var(--muted); line-height:1.7; max-width:780px; font-size:.98rem; }\n\n    .grid3{\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0,1fr));\n      gap:16px;\n    }\n    @media (max-width:980px){ .grid3{ grid-template-columns:repeat(2,1fr);} }\n    @media (max-width:680px){ .grid3{ grid-template-columns:1fr;} }\n\n    .card{\n      --mx:50%; --my:30%;\n      border-radius:var(--r);\n      border:1px solid rgba(40,57,144,.14);\n      background:rgba(255,255,255,.70);\n      backdrop-filter:blur(10px);\n      box-shadow:var(--sh);\n      padding:16px 16px 14px;\n      position:relative;\n      overflow:hidden;\n      transition:transform .28s cubic-bezier(.2,1,.25,1), box-shadow .28s cubic-bezier(.2,1,.25,1), border-color .28s ease;\n      min-height:178px;\n    }\n    .card::before{\n      content:\"\"; position:absolute; inset:-2px;\n      background:radial-gradient(520px 240px at var(--mx) var(--my), rgba(40,57,144,.18), transparent 58%);\n      opacity:0; transition:opacity .28s ease; pointer-events:none;\n    }\n    .card:hover{\n      transform:translateY(-8px);\n      box-shadow:var(--sh2);\n      border-color:rgba(40,57,144,.28);\n    }\n    .card:hover::before{ opacity:1; }\n\n    .top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }\n    .ico{\n      width:44px;height:44px;border-radius:999px;\n      display:flex; align-items:center; justify-content:center;\n      background:linear-gradient(135deg,var(--b),var(--b2));\n      color:#fff; font-weight:850;\n      box-shadow:0 12px 26px rgba(40,57,144,.20);\n      flex:0 0 auto;\n    }\n    .pill{\n      padding:7px 11px; border-radius:999px;\n      border:1px solid rgba(40,57,144,.16);\n      background:rgba(40,57,144,.06);\n      color:var(--b);\n      letter-spacing:.12em; text-transform:uppercase; font-size:.72rem;\n      white-space:nowrap;\n    }\n    h3{ margin:0; font-size:1.02rem; font-weight:860; }\n    .p{ margin:8px 0 0; color:#334155; line-height:1.62; font-size:.95rem; }\n\n    \/* M\u00e9thode (4 steps) *\/\n    .steps{\n      display:grid;\n      grid-template-columns:repeat(4, minmax(0,1fr));\n      gap:12px;\n      margin-top:14px;\n    }\n    @media (max-width:980px){ .steps{ grid-template-columns:repeat(2,1fr);} }\n    @media (max-width:560px){ .steps{ grid-template-columns:1fr;} }\n\n    .step{\n      border-radius:18px;\n      border:1px solid rgba(40,57,144,.12);\n      background:rgba(255,255,255,.80);\n      backdrop-filter:blur(10px);\n      box-shadow:var(--sh);\n      padding:14px 14px 12px;\n      position:relative;\n      overflow:hidden;\n      transition:transform .22s ease, box-shadow .22s ease;\n    }\n    .step:hover{ transform:translateY(-4px); box-shadow:0 22px 80px rgba(40,57,144,.14); }\n    .stepk{\n      display:flex; align-items:center; gap:10px;\n      font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--b);\n      margin-bottom:8px;\n    }\n    .stepk::before{\n      content:\"\"; width:8px;height:8px;border-radius:999px; background:var(--b);\n      box-shadow:0 0 0 4px rgba(40,57,144,.10);\n      animation:dot 1.8s ease-in-out infinite;\n    }\n    @keyframes dot{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.25); opacity:.75; } }\n    .steph{ margin:0; font-weight:860; font-size:1.02rem; }\n    .stepp{ margin:8px 0 0; color:#334155; line-height:1.62; font-size:.95rem; }\n\n    \/* Reduced motion *\/\n    @media (prefers-reduced-motion: reduce){\n      .cac-grid{ animation:none !important; }\n      .rvl, .btn, .card, .mini-item, .step{ transition:none !important; }\n      .dot{ animation:none !important; }\n      .cac-glow{ display:none; }\n    }\n  <\/style>\n\n  <div class=\"cac-bg\" aria-hidden=\"true\">\n    <div class=\"cac-grid\"><\/div>\n    <div class=\"cac-glow\" id=\"cacGlow\"><\/div>\n  <\/div>\n\n  <div class=\"cac-wrap\">\n\n    <div class=\"hero\">\n      <div class=\"rvl\">\n        <div class=\"chip\">Commissariat aux comptes<\/div>\n\n        <h1>\n          Commissariat aux comptes\n          <span class=\"hl\">audit, op\u00e9rations et missions contractuelles.<\/span>\n        <\/h1>\n\n        <p class=\"lead\">\n          Une approche structur\u00e9e, orient\u00e9e risques, avec une restitution claire et exploitable.\n          Objectif : fiabiliser l\u2019information financi\u00e8re et s\u00e9curiser vos op\u00e9rations.\n        <\/p>\n\n        <div class=\"actions\">\n          <a class=\"btn primary\" href=\"#cac-offre\">D\u00e9couvrir l\u2019offre<\/a>\n          <a class=\"btn\" href=\"#cac-methode\">Voir la m\u00e9thode<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"panel rvl\" style=\"transition-delay:120ms;\">\n        <div class=\"panel-in\">\n          <div class=\"panel-title\">\n            <span class=\"tag\">Cadre \u2022 Fiabilit\u00e9 \u2022 Conformit\u00e9<\/span>\n            <span class=\"dot\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"mini\">\n            <div class=\"mini-item\">\n              <div class=\"k\">Audit<\/div>\n              <div class=\"v\">Approche par risques, tests, documentation et opinion.<\/div>\n            <\/div>\n            <div class=\"mini-item\">\n              <div class=\"k\">Op\u00e9rations<\/div>\n              <div class=\"v\">Fusion, transformation, \u00e9valuation : s\u00e9curisation &#038; coh\u00e9rence.<\/div>\n            <\/div>\n            <div class=\"mini-item\">\n              <div class=\"k\">Contractuel<\/div>\n              <div class=\"v\">Revue cibl\u00e9e, attestations, proc\u00e9dures convenues.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/aside>\n    <\/div>\n\n    <div class=\"section rvl\" id=\"cac-offre\" style=\"transition-delay:180ms;\">\n      <div class=\"head\">\n        <div>\n          <h2>L\u2019offre<\/h2>\n          <p class=\"sub\">Trois formats d\u2019intervention, calibr\u00e9s selon vos enjeux et vos contraintes.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"grid3\">\n        <article class=\"card\">\n          <div class=\"top\">\n            <div class=\"ico\">A<\/div>\n            <div class=\"pill\">Audit l\u00e9gal<\/div>\n          <\/div>\n          <h3>Mission CAC<\/h3>\n          <p class=\"p\">Planification, mat\u00e9rialit\u00e9, cycles, tests, cl\u00f4ture, rapport et communication.<\/p>\n        <\/article>\n\n        <article class=\"card\">\n          <div class=\"top\">\n            <div class=\"ico\">O<\/div>\n            <div class=\"pill\">Op\u00e9rations<\/div>\n          <\/div>\n          <h3>Transformations<\/h3>\n          <p class=\"p\">Analyse des risques, coh\u00e9rence des hypoth\u00e8ses, s\u00e9curisation des \u00e9l\u00e9ments financiers.<\/p>\n        <\/article>\n\n        <article class=\"card\">\n          <div class=\"top\">\n            <div class=\"ico\">C<\/div>\n            <div class=\"pill\">Contractuel<\/div>\n          <\/div>\n          <h3>Missions cibl\u00e9es<\/h3>\n          <p class=\"p\">Attestations, revues sp\u00e9cifiques, proc\u00e9dures convenues : format agile et pr\u00e9cis.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"section rvl\" id=\"cac-methode\" style=\"transition-delay:240ms;\">\n      <div class=\"head\">\n        <div>\n          <h2>Notre m\u00e9thode<\/h2>\n          <p class=\"sub\">Ex\u00e9cution robuste, coordination fluide, livrables lisibles et actionnables.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"steps\">\n        <div class=\"step\">\n          <div class=\"stepk\">\u00c9tape 01<\/div>\n          <h4 class=\"steph\">Cadrage<\/h4>\n          <p class=\"stepp\">P\u00e9rim\u00e8tre, planning, compr\u00e9hension de l\u2019activit\u00e9, cartographie des risques.<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"stepk\">\u00c9tape 02<\/div>\n          <h4 class=\"steph\">Cycles &#038; tests<\/h4>\n          <p class=\"stepp\">Process, contr\u00f4les cl\u00e9s, tests, documentation et revue analytique.<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"stepk\">\u00c9tape 03<\/div>\n          <h4 class=\"steph\">Cl\u00f4ture<\/h4>\n          <p class=\"stepp\">Proc\u00e9dures de cl\u00f4ture, synth\u00e8se, points d\u2019attention et \u00e9changes.<\/p>\n        <\/div>\n        <div class=\"step\">\n          <div class=\"stepk\">\u00c9tape 04<\/div>\n          <h4 class=\"steph\">Restitution<\/h4>\n          <p class=\"stepp\">Livrables clairs, recommandations prioris\u00e9es, tra\u00e7abilit\u00e9.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.getElementById(\"tadex-cac\");\n      if(!root) return;\n\n      \/\/ Glow curseur\n      const glow = root.querySelector(\"#cacGlow\");\n      let gx=0, gy=0, tx=0, ty=0;\n      function raf(){\n        gx += (tx-gx)*0.12; gy += (ty-gy)*0.12;\n        if(glow){ glow.style.left=gx+\"px\"; glow.style.top=gy+\"px\"; }\n        requestAnimationFrame(raf);\n      }\n      root.addEventListener(\"mousemove\",(e)=>{\n        const r=root.getBoundingClientRect();\n        tx=e.clientX-r.left; ty=e.clientY-r.top;\n      });\n      raf();\n\n      \/\/ Reveal\n      const els = root.querySelectorAll(\".rvl\");\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(en=>{ if(en.isIntersecting) en.target.classList.add(\"in\"); });\n      }, {threshold:.12});\n      els.forEach(el=>io.observe(el));\n\n      \/\/ Spotlight hover cards\n      const cards = root.querySelectorAll(\".card\");\n      cards.forEach(card=>{\n        let rect=null;\n        card.addEventListener(\"mousemove\",(e)=>{\n          rect = rect || card.getBoundingClientRect();\n          const mx = ((e.clientX-rect.left)\/rect.width)*100;\n          const my = ((e.clientY-rect.top)\/rect.height)*100;\n          card.style.setProperty(\"--mx\", mx.toFixed(2)+\"%\");\n          card.style.setProperty(\"--my\", my.toFixed(2)+\"%\");\n        });\n        card.addEventListener(\"mouseleave\",()=>{\n          rect=null;\n          card.style.setProperty(\"--mx\",\"50%\");\n          card.style.setProperty(\"--my\",\"30%\");\n        });\n      });\n    })();\n  <\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Commissariat aux comptes Commissariat aux comptes audit, op\u00e9rations et missions contractuelles. Une approche structur\u00e9e, orient\u00e9e risques, avec une restitution claire et exploitable. Objectif : fiabiliser l\u2019information financi\u00e8re et s\u00e9curiser vos op\u00e9rations. D\u00e9couvrir l\u2019offre Voir la m\u00e9thode Cadre \u2022 Fiabilit\u00e9 \u2022 Conformit\u00e9 Audit Approche par risques, tests, documentation et opinion. Op\u00e9rations Fusion, transformation, \u00e9valuation : s\u00e9curisation [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/pages\/451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/comments?post=451"}],"version-history":[{"count":3,"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/pages\/451\/revisions"}],"predecessor-version":[{"id":461,"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/pages\/451\/revisions\/461"}],"wp:attachment":[{"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/media?parent=451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}