{"id":48,"date":"2025-11-05T02:58:42","date_gmt":"2025-11-05T02:58:42","guid":{"rendered":"http:\/\/tadexaz.cluster100.hosting.ovh.net\/?page_id=48"},"modified":"2026-01-02T20:32:00","modified_gmt":"2026-01-02T20:32:00","slug":"gestion-de-la-paie-et-des-contrats","status":"publish","type":"page","link":"https:\/\/tadexaccount.com\/index.php\/gestion-de-la-paie-et-des-contrats\/","title":{"rendered":""},"content":{"rendered":"<section class=\"tadex-paie-hero-fix\">\n  <style>\n    .tadex-paie-hero-fix,\n    .tadex-paie-hero-fix *{\n      box-sizing:border-box;\n      font-family:\"Inter\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n    }\n\n    .tadex-paie-hero-fix{\n      --brand:#283990;\n      --ink:#0f172a;\n      --muted:#475569;\n      --line:rgba(15,23,42,.08);\n\n      background:#fff;\n      color:var(--ink);\n      padding: 92px 18px 72px;\n      position:relative;\n      overflow:hidden;\n    }\n\n    \/* Halos tr\u00e8s l\u00e9gers (aucune d\u00e9limitation visible) *\/\n    .tadex-paie-hero-fix::before,\n    .tadex-paie-hero-fix::after{\n      content:\"\";\n      position:absolute;\n      width:560px;height:560px;\n      border-radius:999px;\n      background: radial-gradient(circle, rgba(40,57,144,.18), rgba(255,255,255,0) 70%);\n      filter: blur(78px);\n      opacity:.16;\n      pointer-events:none;\n      animation: tpfFloat 11s ease-in-out infinite;\n    }\n    .tadex-paie-hero-fix::before{ left:-320px; top:-320px; }\n    .tadex-paie-hero-fix::after{ right:-340px; top:-260px; width:520px;height:520px; opacity:.12; animation-delay:1.3s; }\n    @keyframes tpfFloat{\n      0%,100%{ transform: translate3d(0,0,0); }\n      50%{ transform: translate3d(0,-10px,0); }\n    }\n\n    \/* Container *\/\n    .tadex-paie-hero-fix .inner{\n      max-width:1120px;\n      margin:0 auto;\n      display:grid;\n      grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);\n      gap: 26px;                 \/* gap r\u00e9duit pour \u00e9viter les collisions *\/\n      align-items:start;\n      position:relative;\n      z-index:1;\n    }\n\n    \/* Anim *\/\n    @keyframes tpfIn{ from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:translateY(0);} }\n    .tpf-reveal{ opacity:0; transform:translateY(14px); animation:tpfIn .75s ease forwards; }\n    .tpf-d1{ animation-delay:.05s; }\n    .tpf-d2{ animation-delay:.12s; }\n    .tpf-d3{ animation-delay:.20s; }\n    .tpf-d4{ animation-delay:.28s; }\n\n    \/* Kicker *\/\n    .tadex-paie-hero-fix .kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      padding: 9px 12px;\n      border-radius:999px;\n      background: rgba(40,57,144,.06);\n      color: var(--brand);\n      box-shadow: 0 0 0 1px rgba(40,57,144,.10);\n      font-size:.76rem;\n      letter-spacing:.16em;\n      text-transform:uppercase;\n      margin-bottom:16px;\n      width: fit-content;\n    }\n    .tadex-paie-hero-fix .kicker-dot{\n      width:8px;height:8px;border-radius:999px;\n      background: var(--brand);\n      box-shadow: 0 0 0 4px rgba(40,57,144,.12);\n      animation: tpfDot 2.2s ease-in-out infinite;\n    }\n    @keyframes tpfDot{\n      0%,100%{ transform: scale(1); opacity:1; }\n      50%{ transform: scale(1.22); opacity:.78; }\n    }\n\n    \/* Titre (fix superposition) *\/\n    .tadex-paie-hero-fix h1{\n      margin:0 0 12px;\n      font-size: clamp(34px, 4.2vw, 52px);\n      line-height:1.08;\n      letter-spacing:-0.03em;\n      font-weight: 850;\n      color: var(--brand);\n      position:relative;\n      padding-left:18px;\n\n      \/* IMPORTANT: autoriser le wrap *\/\n      max-width: 28ch;\n      word-break: normal !important;\n      overflow-wrap: anywhere;  \/* \u00e9vite collision avec la colonne droite *\/\n      hyphens: auto;\n    }\n    .tadex-paie-hero-fix h1::before{\n      content:\"\";\n      position:absolute;\n      left:0;\n      top:.18em;\n      width:5px;\n      height:.86em;\n      border-radius:999px;\n      background: linear-gradient(180deg, var(--brand), rgba(40,57,144,.35));\n    }\n\n    .tadex-paie-hero-fix .accent{\n      background: linear-gradient(90deg, #283990, rgba(40,57,144,.72), rgba(40,57,144,.45));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n\n      \/* FIX: surtout pas nowrap *\/\n      white-space: normal;\n    }\n\n    \/* Texte *\/\n    .tadex-paie-hero-fix .subtitle{\n      margin: 0 0 18px;\n      font-size: 1rem;\n      line-height: 1.75;\n      color: var(--muted);\n      max-width: 78ch;\n    }\n\n    \/* Tags *\/\n    .tadex-paie-hero-fix .tags{\n      display:flex;\n      flex-wrap:wrap;\n      gap:8px;\n      margin: 0 0 18px;\n    }\n    .tadex-paie-hero-fix .tag{\n      padding: 7px 10px;\n      border-radius:999px;\n      background: rgba(40,57,144,.06);\n      color: var(--brand);\n      box-shadow: 0 0 0 1px rgba(40,57,144,.10);\n      font-size: .78rem;\n      white-space:nowrap;\n      transition: transform .15s ease, background .15s ease;\n    }\n    .tadex-paie-hero-fix .tag:hover{\n      transform: translateY(-1px);\n      background: rgba(40,57,144,.10);\n    }\n\n    \/* 2 blocs *\/\n    .tadex-paie-hero-fix .cols{\n      display:grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 6px;\n    }\n    .tadex-paie-hero-fix .col{\n      border:1px solid var(--line);\n      background:#fff;\n      border-radius:16px;\n      padding:14px 14px 13px;\n      box-shadow: 0 14px 34px rgba(15,23,42,.05);\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n      overflow:hidden;\n    }\n    .tadex-paie-hero-fix .col:hover{\n      transform: translateY(-2px);\n      border-color: rgba(40,57,144,.20);\n      box-shadow: 0 22px 52px rgba(15,23,42,.07);\n    }\n    .tadex-paie-hero-fix .col-title{\n      margin:0 0 6px;\n      font-size:.78rem;\n      letter-spacing:.16em;\n      text-transform:uppercase;\n      color: var(--brand);\n      font-weight: 900;\n    }\n    .tadex-paie-hero-fix .col-text{\n      margin:0;\n      font-size:.93rem;\n      line-height:1.7;\n      color: var(--muted);\n    }\n\n    \/* Colonne droite - panel *\/\n    .tadex-paie-hero-fix .right{\n      border:1px solid var(--line);\n      background: linear-gradient(180deg, #fff, rgba(40,57,144,.03));\n      border-radius:18px;\n      padding: 16px 16px 14px;\n      box-shadow: 0 18px 46px rgba(15,23,42,.06);\n      overflow:hidden; \/* \u00e9vite tout d\u00e9bordement visuel *\/\n      max-width: 100%;\n    }\n\n    .tadex-paie-hero-fix .right-title{\n      margin:0 0 10px;\n      font-size:.82rem;\n      letter-spacing:.18em;\n      text-transform:uppercase;\n      color: var(--brand);\n      font-weight: 900;\n    }\n\n    .tadex-paie-hero-fix .labels{\n      display:flex;\n      flex-wrap:wrap;\n      gap:8px;\n      margin: 0 0 12px;\n    }\n    .tadex-paie-hero-fix .label{\n      padding:6px 10px;\n      border-radius:999px;\n      background: rgba(40,57,144,.06);\n      color: var(--brand);\n      box-shadow: 0 0 0 1px rgba(40,57,144,.10);\n      font-size: .78rem;\n      white-space:nowrap;\n    }\n\n    .tadex-paie-hero-fix .list{\n      list-style:none;\n      margin:0;\n      padding:0;\n      display:grid;\n      gap:10px;\n      font-size:.92rem;\n      color: var(--muted);\n    }\n    .tadex-paie-hero-fix .list li{\n      position:relative;\n      padding-left:22px;\n      line-height:1.6;\n    }\n    .tadex-paie-hero-fix .list li::before{\n      content:\"\";\n      position:absolute;\n      left:6px;\n      top:.62em;\n      width:8px;height:8px;\n      border-radius:999px;\n      background: radial-gradient(circle, rgba(40,57,144,1), rgba(40,57,144,.45));\n      box-shadow: 0 0 0 4px rgba(40,57,144,.10);\n      animation: tpfBullet 2.8s ease-in-out infinite;\n    }\n    @keyframes tpfBullet{\n      0%,100%{ transform: scale(1); opacity:1; }\n      50%{ transform: scale(1.12); opacity:.75; }\n    }\n\n    .tadex-paie-hero-fix .footnote{\n      margin: 12px 0 0;\n      font-size:.82rem;\n      color: var(--muted);\n    }\n\n    \/* Responsive : on passe en 1 colonne plus t\u00f4t pour \u00e9viter la collision *\/\n    @media (max-width: 1120px){\n      .tadex-paie-hero-fix h1{ max-width: 34ch; }\n    }\n    @media (max-width: 980px){\n      .tadex-paie-hero-fix .inner{\n        grid-template-columns: 1fr;\n        gap: 22px;\n      }\n      .tadex-paie-hero-fix .right{ max-width: 720px; }\n      .tadex-paie-hero-fix h1{ max-width: 24ch; }\n    }\n    @media (max-width: 640px){\n      .tadex-paie-hero-fix{ padding: 74px 14px 62px; }\n      .tadex-paie-hero-fix .cols{ grid-template-columns: 1fr; }\n      .tadex-paie-hero-fix h1{ max-width: 18ch; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .tadex-paie-hero-fix::before,\n      .tadex-paie-hero-fix::after,\n      .tadex-paie-hero-fix .kicker-dot,\n      .tadex-paie-hero-fix .list li::before{\n        animation:none !important;\n      }\n      .tpf-reveal{ opacity:1 !important; transform:none !important; animation:none !important; }\n    }\n  <\/style>\n\n  <div class=\"inner\">\n    <!-- Colonne gauche -->\n    <div>\n      <div class=\"kicker tpf-reveal tpf-d1\">\n        <span class=\"kicker-dot\"><\/span>\n        Service Tadex \u00b7 Gestion de la paie &#038; des contrats\n      <\/div>\n\n      <h1 class=\"tpf-reveal tpf-d2\">\n        Gestion de la paie et des contrats,\n        <span class=\"accent\">sans stress ni approximations.<\/span>\n      <\/h1>\n\n      <p class=\"subtitle tpf-reveal tpf-d3\">\n        Tadex Accounting s\u00e9curise l\u2019ensemble de vos obligations sociales : bulletins de paie, d\u00e9clarations,\n        DSN, contrats et suivi RH. Un processus clair, structur\u00e9 et ma\u00eetris\u00e9, avec un interlocuteur d\u00e9di\u00e9.\n      <\/p>\n\n      <div class=\"tags tpf-reveal tpf-d4\">\n        <span class=\"tag\">Bulletins &#038; d\u00e9clarations<\/span>\n        <span class=\"tag\">DSN &#038; cotisations<\/span>\n        <span class=\"tag\">Variables \/ absences \/ cong\u00e9s<\/span>\n        <span class=\"tag\">Veille &#038; conformit\u00e9 sociale<\/span>\n      <\/div>\n\n      <div class=\"cols\">\n        <div class=\"col\">\n          <div class=\"col-title\">Pour les dirigeants<\/div>\n          <p class=\"col-text\">\n            Une vision consolid\u00e9e du co\u00fbt salarial et des charges, pour d\u00e9cider, anticiper les recrutements\n            et piloter sereinement vos marges.\n          <\/p>\n        <\/div>\n\n        <div class=\"col\">\n          <div class=\"col-title\">Pour les \u00e9quipes<\/div>\n          <p class=\"col-text\">\n            Des bulletins justes, des r\u00e8gles claires (entr\u00e9es\/sorties, primes, cong\u00e9s, variables),\n            dans un cadre social s\u00e9curis\u00e9 et transparent.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Colonne droite -->\n    <aside class=\"right\">\n      <div class=\"right-title\">Vue synth\u00e8se<\/div>\n\n      <div class=\"labels\">\n        <span class=\"label\">Process digitalis\u00e9<\/span>\n        <span class=\"label\">Archivage s\u00e9curis\u00e9<\/span>\n        <span class=\"label\">Suivi d\u00e9di\u00e9<\/span>\n      <\/div>\n\n      <ul class=\"list\">\n        <li>Pr\u00e9paration et \u00e9dition des bulletins de paie.<\/li>\n        <li>D\u00e9clarations sociales (DSN, URSSAF, caisses, mutuelle).<\/li>\n        <li>Contrats, avenants, clauses et ruptures encadr\u00e9es.<\/li>\n        <li>Suivi absences, cong\u00e9s, temps de travail, primes et variables.<\/li>\n        <li>Veille r\u00e9glementaire et mises \u00e0 jour continues.<\/li>\n        <li>Contr\u00f4les de coh\u00e9rence avant transmission.<\/li>\n      <\/ul>\n\n      <p class=\"footnote\">\n        Un seul process, une seule \u00e9quipe : vous gardez la ma\u00eetrise, nous g\u00e9rons la complexit\u00e9.\n      <\/p>\n    <\/aside>\n  <\/div>\n<\/section>\n\n\n<p class=\"wp-block-paragraph\">Simplifiez vos obligations sociales et gagnez en s\u00e9r\u00e9nit\u00e9<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-35f06ea7 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-custom-couleur-de-base-background-color has-background has-medium-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/tadexaccount.com\/index.php\/nous-contacter\/\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><strong>Nous contacter<\/strong><\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Service Tadex \u00b7 Gestion de la paie &#038; des contrats Gestion de la paie et des contrats, sans stress ni approximations. Tadex Accounting s\u00e9curise l\u2019ensemble de vos obligations sociales : bulletins de paie, d\u00e9clarations, DSN, contrats et suivi RH. Un processus clair, structur\u00e9 et ma\u00eetris\u00e9, avec un interlocuteur d\u00e9di\u00e9. Bulletins &#038; d\u00e9clarations DSN &#038; cotisations [&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-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/pages\/48","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=48"}],"version-history":[{"count":22,"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions\/625"}],"wp:attachment":[{"href":"https:\/\/tadexaccount.com\/index.php\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}