[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"footer-root-categories-fr-FR":3,"tool-content-ccn-commerces-de-gros-de-l-habillement-de-la-mercerie-de-la-fr":83,"footer-cities-fr":141},[4,14,22,30,38,45,53,60,67,75],{"seo_content":5,"id":8,"name":9,"slug":10,"parentId":7,"lang":11,"_count":12},[6],{"page_slug":7},null,"cmkzhl7xm00dbulbc93h4qog5","Juridique","avocats","fr-FR",{"experts":13},8,{"seo_content":15,"id":17,"name":18,"slug":19,"parentId":7,"lang":11,"_count":20},[16],{"page_slug":7},"cmkzhl84700djulbcbv6pzu9e","Informatique","informaticiens",{"experts":21},3,{"seo_content":23,"id":25,"name":26,"slug":27,"parentId":7,"lang":11,"_count":28},[24],{"page_slug":7},"cmkzhlaos00gnulbc07i9jrco","Amélioration de la Maison","artisans",{"experts":29},4,{"seo_content":31,"id":33,"name":34,"slug":35,"parentId":7,"lang":11,"_count":36},[32],{"page_slug":7},"cmkzhlaqg00gpulbcx38bwoc2","Général","divers-generalistes",{"experts":37},0,{"seo_content":39,"id":41,"name":42,"slug":43,"parentId":7,"lang":11,"_count":44},[40],{"page_slug":7},"cmkzhlbvq00i3ulbcutdbcz50","Électronique Grand Public","techniciens-electronique",{"experts":21},{"seo_content":46,"id":48,"name":49,"slug":50,"parentId":7,"lang":11,"_count":51},[47],{"page_slug":7},"cmkzhlcaw00ilulbc38pxoogr","Santé","medecins",{"experts":52},5,{"seo_content":54,"id":56,"name":57,"slug":58,"parentId":7,"lang":11,"_count":59},[55],{"page_slug":7},"cmkzhlcmi00izulbcxva1m47f","Gestion de Patrimoine","conseillers-patrimoniaux",{"experts":21},{"seo_content":61,"id":63,"name":64,"slug":65,"parentId":7,"lang":11,"_count":66},[62],{"page_slug":7},"cmkzhldcv00jvulbcmcd5a7mk","Animaux et Vétérinaires","veterinaires",{"experts":21},{"seo_content":68,"id":70,"name":71,"slug":72,"parentId":7,"lang":11,"_count":73},[69],{"page_slug":7},"cmkzhldrr00kdulbchxfo67eg","Mécanique et Réparation","mecaniciens",{"experts":74},1,{"seo_content":76,"id":78,"name":79,"slug":80,"parentId":7,"lang":11,"_count":81},[77],{"page_slug":7},"cmkzhl9l300fbulbcv3i8q8p3","Aide aux Devoirs","professeurs-particuliers",{"experts":82},6,{"slug":84,"title":85,"page_title":86,"description":87,"content_md":88,"local_slug":84,"json_ld":89,"faq":109,"tool_html":134,"source":135,"category":136,"audience":137,"publish_mode":138,"hero_image":139,"hero_image_alt":140},"ccn-commerces-de-gros-de-l-habillement-de-la-mercerie-de-la","CCN Commerces de gros de l'habillement, de la mercerie — calculateur complet","Calculateur CCN Commerces de gros de l'habillement IDCC 500 | Expert Zoom","Outil interactif couvrant indemnite de licenciement, preavis, grille salariale, prime d'anciennete et conges de la CCN des commerces de gros de l'habillement, de la mercerie (IDCC 500).","Ce calculateur couvre les 5 deviations majeures de la CCN des commerces de gros de l'habillement (IDCC 500) : indemnite de licenciement (formule 1\u002F20 + 1\u002F5, plafond 3x\u002F4x), preavis par categorie (employe, AM, cadre), grille salariale 7 niveaux (Avenant 56A 2024), prime d'anciennete mensuelle forfaitaire (paliers 3 a 21 ans), et jours de conges supplementaires selon l'anciennete.",[90],{"name":91,"@type":92,"about":93,"author":97,"@context":100,"isPartOf":101,"inLanguage":104,"description":105,"operatingSystem":106,"applicationCategory":107,"isAccessibleForFree":108},"Calculateur CCN Commerces de gros de l'habillement, de la mercerie — IDCC 500","WebApplication",{"name":94,"@type":95,"identifier":96},"Convention collective des commerces de gros de l'habillement, de la mercerie, de la chaussure et du jouet","Thing","IDCC 500",{"name":98,"@type":99},"Expert-Zoom","Organization","https:\u002F\u002Fschema.org",{"url":102,"@type":103},"\u002Ffr\u002Fmagazine\u002Fjuridique\u002Fles-conventions-collectives-en-france","Article","fr","Outil interactif couvrant l'indemnite de licenciement, le preavis, la grille salariale, la prime d'anciennete et les conges de la convention collective des commerces de gros de l'habillement, de la mercerie, de la chaussure et du jouet (IDCC 500).","All","FinanceApplication",true,[110,113,116,119,122,125,128,131],{"a":111,"q":112},"La CCN IDCC 500 prevoit une indemnite de 1\u002F20eme de mois par annee jusqu'a 5 ans d'anciennete, puis 1\u002F5eme de mois par annee au-dela de 5 ans. Un plafond de 3 fois le salaire mensuel de reference s'applique (4 fois en Ile-de-France). Cette formule peut etre plus favorable que le bareme legal L1234-9 selon l'anciennete.","Comment calculer l'indemnite de licenciement dans la CCN commerces de gros de l'habillement (IDCC 500) ?",{"a":114,"q":115},"Selon la CCN IDCC 500, le preavis est de 1 mois pour les employes avec moins de 2 ans d'anciennete, 2 mois au-dela. Les agents de maitrise beneficient de 2 mois et les cadres de 3 mois, quelle que soit leur anciennete.","Quelle est la duree du preavis dans la convention collective des commerces de gros de l'habillement ?",{"a":117,"q":118},"La grille de salaires de la CCN IDCC 500, mise a jour par l'Avenant n°56A (novembre 2024), comprend 7 niveaux : de 1 823 EUR (Niveau I) a 2 650 EUR (Niveau VII) pour 35h par semaine. Le SMIC 2026 (1 823,03 EUR) s'applique lorsque la valeur conventionnelle lui est inferieure.","Quelle est la grille de salaires de la CCN commerces de gros habillement mercerie (IDCC 500) en 2026 ?",{"a":120,"q":121},"Oui, la CCN 500 instaure une prime d'anciennete mensuelle forfaitaire versee a partir de 3 ans d'anciennete, avec des paliers tous les 3 ans jusqu'a 21 ans. Les montants varient selon le niveau hierarchique (Niveaux I a VII) : de 30,03 EUR (Niveau I, 3 ans) a 289,20 EUR (Niveau VII, 21 ans), selon le bareme Avenant n°56A de novembre 2024.","La convention collective IDCC 500 prevoit-elle une prime d'anciennete ?",{"a":123,"q":124},"La CCN IDCC 500 prevoit les 30 jours ouvrables legaux de base (art. L3141-3), auxquels s'ajoutent des jours supplementaires d'anciennete : +1 jour apres 10 ans d'anciennete et +2 jours apres 15 ans d'anciennete.","Combien de jours de conges payes prevoit la CCN des commerces de gros de l'habillement ?",{"a":126,"q":127},"Non, la CCN des commerces de gros de l'habillement, de la mercerie et de la chaussure (IDCC 500) ne prevoit pas de 13eme mois obligatoire. Cet avantage peut etre accorde par accord d'entreprise, mais n'est pas une obligation conventionnelle.","La convention collective IDCC 500 prevoit-elle un 13eme mois ?",{"a":129,"q":130},"Les heures supplementaires dans la CCN IDCC 500 suivent le regime legal : +25% pour les 8 premieres heures supplementaires (de la 36e a la 43e heure) et +50% au-dela. Le contingent annuel conventionnel est de 130 heures.","Quelles sont les majorations pour heures supplementaires dans la CCN commerces de gros habillement (IDCC 500) ?",{"a":132,"q":133},"La convention collective des commerces de gros de l'habillement, de la mercerie, de la chaussure et du jouet porte le numero IDCC 500 et la Brochure JO n°3148. Elle est consultable sur Legifrance et reconnue sous l'identifiant KALICONT000005635513.","Comment trouver le numero IDCC de la convention collective des commerces de gros de l'habillement ?","\u003C!DOCTYPE html>\n\u003Chtml lang=\"fr\">\n\u003Chead>\n  \u003Cmeta charset=\"utf-8\">\n  \u003Cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  \u003Ctitle>Calculateur CCN Commerces de gros de l'habillement — IDCC 500\u003C\u002Ftitle>\n  \u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Flucide@latest\u002Fdist\u002Fumd\u002Flucide.min.js\">\u003C\u002Fscript>\n  \u003Cstyle>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    :root {\n      --bg: #fafaf9;\n      --card: #ffffff;\n      --accent: #2563eb;\n      --accent-light: #dbeafe;\n      --accent-dark: #1d4ed8;\n      --text: #1c1917;\n      --muted: #78716c;\n      --border: #e7e5e4;\n      --success: #16a34a;\n      --radius: 0.75rem;\n      --shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);\n    }\n    body { background: var(--bg); color: var(--text); font-family: system-ui, -apple-system, sans-serif; font-size: 15px; line-height: 1.6; padding: 0; }\n    .tool-root { max-width: 760px; margin: 0 auto; padding: 1.5rem 1rem 2rem; }\n    .tool-header { margin-bottom: 1.25rem; }\n    .tool-header h1 { font-size: 1.2rem; font-weight: 700; color: var(--text); line-height: 1.3; }\n    .idcc-badge { display: inline-flex; align-items: center; gap: 0.35rem; background: var(--accent-light); color: var(--accent-dark); font-size: 0.75rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 999px; margin-top: 0.4rem; }\n    .tabs-bar { display: flex; gap: 0.25rem; border-bottom: 2px solid var(--border); margin-bottom: 1.25rem; overflow-x: auto; padding-bottom: 0; flex-wrap: wrap; }\n    .tab-btn { background: none; border: none; cursor: pointer; font-size: 0.85rem; font-weight: 500; color: var(--muted); padding: 0.6rem 0.9rem; border-bottom: 2px solid transparent; margin-bottom: -2px; white-space: nowrap; transition: color .15s, border-color .15s; display: flex; align-items: center; gap: 0.35rem; }\n    .tab-btn:hover { color: var(--accent); }\n    .tab-btn.active { color: var(--accent); border-bottom-color: var(--accent); font-weight: 600; }\n    .panel { display: none; }\n    .panel.active { display: block; }\n    .rule-callout { background: var(--accent-light); border-left: 3px solid var(--accent); border-radius: 0 var(--radius) var(--radius) 0; padding: 0.85rem 1rem; margin-bottom: 1.25rem; display: flex; gap: 0.65rem; align-items: flex-start; }\n    .rule-callout svg { flex-shrink: 0; margin-top: 2px; color: var(--accent); }\n    .rule-callout p { font-size: 0.88rem; color: #1e3a8a; line-height: 1.5; }\n    .rule-callout strong { font-weight: 600; }\n    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.25rem; }\n    @media (max-width: 500px) { .form-grid { grid-template-columns: 1fr; } }\n    .form-full { grid-column: 1 \u002F -1; }\n    .field label { display: block; font-size: 0.82rem; font-weight: 600; color: var(--muted); margin-bottom: 0.35rem; text-transform: uppercase; letter-spacing: .03em; }\n    .field .value-display { font-size: 0.95rem; font-weight: 700; color: var(--accent); margin-top: 0.1rem; }\n    input[type=range] { width: 100%; accent-color: var(--accent); cursor: pointer; }\n    select { width: 100%; padding: 0.5rem 0.75rem; border: 1.5px solid var(--border); border-radius: 0.5rem; font-size: 0.9rem; background: var(--card); color: var(--text); cursor: pointer; }\n    select:focus { outline: none; border-color: var(--accent); }\n    .pills { display: flex; flex-wrap: wrap; gap: 0.4rem; }\n    .pill { background: var(--bg); border: 1.5px solid var(--border); border-radius: 999px; padding: 0.3rem 0.75rem; font-size: 0.82rem; cursor: pointer; transition: all .15s; font-weight: 500; }\n    .pill.active { background: var(--accent); border-color: var(--accent); color: #fff; }\n    .result-card { background: var(--card); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 1.25rem 1.5rem; box-shadow: var(--shadow); margin-bottom: 1rem; }\n    .result-main { display: flex; align-items: baseline; gap: 0.5rem; margin-bottom: 0.35rem; }\n    .result-label { font-size: 0.82rem; color: var(--muted); font-weight: 500; }\n    .result-value { font-size: 2rem; font-weight: 800; color: var(--success); font-variant-numeric: tabular-nums; }\n    .result-unit { font-size: 0.9rem; color: var(--muted); }\n    .result-detail { font-size: 0.82rem; color: var(--muted); margin-top: 0.25rem; }\n    .disclaimer { font-size: 0.78rem; color: var(--muted); margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--border); line-height: 1.6; }\n    .disclaimer a { color: var(--accent); text-decoration: none; }\n    .disclaimer a:hover { text-decoration: underline; }\n    .divider { border: none; border-top: 1px solid var(--border); margin: 1rem 0; }\n    .result-rows { margin-top: 0.5rem; }\n    .result-row { display: flex; justify-content: space-between; font-size: 0.85rem; padding: 0.3rem 0; border-bottom: 1px solid var(--border); }\n    .result-row:last-child { border-bottom: none; font-weight: 700; font-size: 0.9rem; color: var(--success); }\n    .result-row span:last-child { font-variant-numeric: tabular-nums; }\n  \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n\u003C!-- CCN IDCC 500 — Commerces de gros de l'habillement, de la mercerie, de la chaussure et du jouet\n     Deviations from code du travail:\n     indemnite: art. L1234-9 → 1\u002F20 mois\u002Fan (\u003C=5 ans) puis 1\u002F5 mois\u002Fan (>5 ans), plafond 3x\u002F4x (Ile-de-France)\n     preavis: art. L1234-1 → cadres 3 mois garantis, AM 2 mois\n     salaire-min: grille 7 niveaux (Avenant n°56A, nov. 2024) + SMIC 2026\n     prime-anciennete: barème mensuel forfaitaire niveaux I-VII (Avenant n°56A) — sans base légale\n     conges: +1j a 10 ans, +2j a 15 ans d'anciennete (art. L3141-3 = base 30j) -->\n\u003Cmain class=\"tool-root\">\n  \u003Cdiv class=\"tool-header\">\n    \u003Ch1>Calculateur CCN — Commerces de gros de l'habillement, de la mercerie\u003C\u002Fh1>\n    \u003Cspan class=\"idcc-badge\">\u003Ci data-lucide=\"landmark\" style=\"width:13px;height:13px;\">\u003C\u002Fi> IDCC 500\u003C\u002Fspan>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"tabs-bar\" role=\"tablist\">\n    \u003Cbutton class=\"tab-btn\" data-tab=\"indemnite\" role=\"tab\">\n      \u003Ci data-lucide=\"banknote\" style=\"width:15px;height:15px;\">\u003C\u002Fi> Indemnite\n    \u003C\u002Fbutton>\n    \u003Cbutton class=\"tab-btn\" data-tab=\"preavis\" role=\"tab\">\n      \u003Ci data-lucide=\"clock\" style=\"width:15px;height:15px;\">\u003C\u002Fi> Preavis\n    \u003C\u002Fbutton>\n    \u003Cbutton class=\"tab-btn\" data-tab=\"salaire\" role=\"tab\">\n      \u003Ci data-lucide=\"bar-chart-2\" style=\"width:15px;height:15px;\">\u003C\u002Fi> Grille salariale\n    \u003C\u002Fbutton>\n    \u003Cbutton class=\"tab-btn\" data-tab=\"anciennete\" role=\"tab\">\n      \u003Ci data-lucide=\"award\" style=\"width:15px;height:15px;\">\u003C\u002Fi> Prime anciennete\n    \u003C\u002Fbutton>\n    \u003Cbutton class=\"tab-btn\" data-tab=\"conges\" role=\"tab\">\n      \u003Ci data-lucide=\"calendar\" style=\"width:15px;height:15px;\">\u003C\u002Fi> Conges\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n\n  \u003C!-- TAB: INDEMNITE -->\n  \u003Cdiv class=\"panel\" data-panel=\"indemnite\">\n    \u003Cdiv class=\"rule-callout\">\n      \u003Ci data-lucide=\"info\" style=\"width:18px;height:18px;\">\u003C\u002Fi>\n      \u003Cp>La CCN IDCC 500 prevoit une indemnite de \u003Cstrong>1\u002F20eme de mois par annee jusqu'a 5 ans\u003C\u002Fstrong>, puis \u003Cstrong>1\u002F5eme de mois par annee au-dela\u003C\u002Fstrong>. Un plafond de \u003Cstrong>3x (ou 4x en Ile-de-France)\u003C\u002Fstrong> le salaire mensuel de reference s'applique — formule differente du bareme legal L1234-9 (1\u002F4 mois + 1\u002F3 mois).\u003C\u002Fp>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"form-grid\">\n      \u003Cdiv class=\"field\">\n        \u003Clabel>Salaire brut mensuel de reference\u003C\u002Flabel>\n        \u003Cinput type=\"range\" id=\"ind-salaire\" min=\"1400\" max=\"8000\" step=\"50\" value=\"2500\">\n        \u003Cdiv class=\"value-display\" id=\"ind-salaire-val\">2 500 €\u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"field\">\n        \u003Clabel>Anciennete (annees)\u003C\u002Flabel>\n        \u003Cinput type=\"range\" id=\"ind-anciennete\" min=\"0\" max=\"40\" step=\"1\" value=\"8\">\n        \u003Cdiv class=\"value-display\" id=\"ind-anciennete-val\">8 ans\u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"field form-full\">\n        \u003Clabel>Region\u003C\u002Flabel>\n        \u003Cdiv class=\"pills\" id=\"ind-region-pills\">\n          \u003Cbutton class=\"pill active\" data-val=\"province\">Hors Ile-de-France (plafond 3x)\u003C\u002Fbutton>\n          \u003Cbutton class=\"pill\" data-val=\"idf\">Ile-de-France (plafond 4x)\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"result-card\">\n      \u003Cdiv class=\"result-label\">Indemnite conventionnelle (CCN 500)\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-main\">\n        \u003Cspan class=\"result-value\" id=\"ind-montant\">-\u003C\u002Fspan>\n        \u003Cspan class=\"result-unit\">EUR brut\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"result-rows\" id=\"ind-rows\">\u003C\u002Fdiv>\n      \u003Chr class=\"divider\">\n      \u003Cdiv class=\"result-label\" style=\"margin-bottom:.25rem;\">Comparaison avec le bareme legal (L1234-9)\u003C\u002Fdiv>\n      \u003Cdiv style=\"display:flex;gap:1rem;flex-wrap:wrap;\">\n        \u003Cdiv>\n          \u003Cdiv class=\"result-label\">Montant legal\u003C\u002Fdiv>\n          \u003Cdiv style=\"font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;\" id=\"ind-legal\">-\u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \u003Cdiv>\n          \u003Cdiv class=\"result-label\">Difference\u003C\u002Fdiv>\n          \u003Cdiv style=\"font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;\" id=\"ind-diff\">-\u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003C!-- TAB: PREAVIS -->\n  \u003Cdiv class=\"panel\" data-panel=\"preavis\">\n    \u003Cdiv class=\"rule-callout\">\n      \u003Ci data-lucide=\"info\" style=\"width:18px;height:18px;\">\u003C\u002Fi>\n      \u003Cp>La convention prevoit un preavis de \u003Cstrong>3 mois pour les cadres\u003C\u002Fstrong> et \u003Cstrong>2 mois pour les agents de maitrise\u003C\u002Fstrong>, quelle que soit l'anciennete — plus protecteur que le minimum legal L1234-1 pour ces categories.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"form-grid\">\n      \u003Cdiv class=\"field form-full\">\n        \u003Clabel>Categorie professionnelle\u003C\u002Flabel>\n        \u003Cdiv class=\"pills\" id=\"preavis-cat-pills\">\n          \u003Cbutton class=\"pill active\" data-val=\"employe\">Employe(e)\u003C\u002Fbutton>\n          \u003Cbutton class=\"pill\" data-val=\"am\">Agent de maitrise \u002F Technicien\u003C\u002Fbutton>\n          \u003Cbutton class=\"pill\" data-val=\"cadre\">Cadre\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"field form-full\" id=\"preavis-anciennete-field\">\n        \u003Clabel>Anciennete (annees)\u003C\u002Flabel>\n        \u003Cinput type=\"range\" id=\"preavis-anciennete\" min=\"0\" max=\"40\" step=\"1\" value=\"3\">\n        \u003Cdiv class=\"value-display\" id=\"preavis-anciennete-val\">3 ans\u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"field form-full\">\n        \u003Clabel>Type de rupture\u003C\u002Flabel>\n        \u003Cdiv class=\"pills\" id=\"preavis-type-pills\">\n          \u003Cbutton class=\"pill active\" data-val=\"licenciement\">Licenciement\u003C\u002Fbutton>\n          \u003Cbutton class=\"pill\" data-val=\"demission\">Demission\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"result-card\">\n      \u003Cdiv class=\"result-label\">Duree du preavis conventionnel\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-main\">\n        \u003Cspan class=\"result-value\" id=\"preavis-duree\">-\u003C\u002Fspan>\n        \u003Cspan class=\"result-unit\" id=\"preavis-unit\">mois\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"result-detail\" id=\"preavis-detail\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003C!-- TAB: GRILLE SALARIALE -->\n  \u003Cdiv class=\"panel\" data-panel=\"salaire\">\n    \u003Cdiv class=\"rule-callout\">\n      \u003Ci data-lucide=\"info\" style=\"width:18px;height:18px;\">\u003C\u002Fi>\n      \u003Cp>La CCN IDCC 500 prevoit une grille de \u003Cstrong>7 niveaux hierarchiques\u003C\u002Fstrong> mise a jour par l'Avenant n°56A (novembre 2024). Le SMIC 2026 (1 823,03 EUR\u002Fmois) s'applique si la valeur conventionnelle est inferieure.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"form-grid\">\n      \u003Cdiv class=\"field\">\n        \u003Clabel>Niveau hierarchique\u003C\u002Flabel>\n        \u003Cselect id=\"sal-niveau\">\n          \u003Coption value=\"1\">Niveau I — Employe debutant\u003C\u002Foption>\n          \u003Coption value=\"2\">Niveau II — Employe qualifie\u003C\u002Foption>\n          \u003Coption value=\"3\" selected>Niveau III — Employe confirme\u003C\u002Foption>\n          \u003Coption value=\"4\">Niveau IV — Employe experimente\u003C\u002Foption>\n          \u003Coption value=\"5\">Niveau V — Employe hautement qualifie\u003C\u002Foption>\n          \u003Coption value=\"6\">Niveau VI — Agent de maitrise\u003C\u002Foption>\n          \u003Coption value=\"7\">Niveau VII — Agent de maitrise senior\u003C\u002Foption>\n        \u003C\u002Fselect>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"field\">\n        \u003Clabel>Duree hebdomadaire\u003C\u002Flabel>\n        \u003Cselect id=\"sal-heures\">\n          \u003Coption value=\"35\" selected>35h (temps plein)\u003C\u002Foption>\n          \u003Coption value=\"32\">32h\u003C\u002Foption>\n          \u003Coption value=\"28\">28h\u003C\u002Foption>\n          \u003Coption value=\"24\">24h\u003C\u002Foption>\n        \u003C\u002Fselect>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"result-card\">\n      \u003Cdiv class=\"result-label\">Salaire minimum conventionnel brut mensuel\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-main\">\n        \u003Cspan class=\"result-value\" id=\"sal-montant\">-\u003C\u002Fspan>\n        \u003Cspan class=\"result-unit\">EUR\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"result-rows\" id=\"sal-rows\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003C!-- TAB: PRIME D'ANCIENNETE -->\n  \u003Cdiv class=\"panel\" data-panel=\"anciennete\">\n    \u003Cdiv class=\"rule-callout\">\n      \u003Ci data-lucide=\"info\" style=\"width:18px;height:18px;\">\u003C\u002Fi>\n      \u003Cp>La CCN IDCC 500 instaure une \u003Cstrong>prime d'anciennete mensuelle forfaitaire\u003C\u002Fstrong> selon le niveau (I a VII) et l'anciennete, versee a partir de \u003Cstrong>3 ans\u003C\u002Fstrong> avec paliers tous les 3 ans jusqu'a 21 ans. Montants issus de l'Avenant n°56A (novembre 2024). Les cadres ne beneficient pas de ce bareme.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"form-grid\">\n      \u003Cdiv class=\"field\">\n        \u003Clabel>Niveau hierarchique\u003C\u002Flabel>\n        \u003Cselect id=\"anc-niveau\">\n          \u003Coption value=\"1\">Niveau I\u003C\u002Foption>\n          \u003Coption value=\"2\">Niveau II\u003C\u002Foption>\n          \u003Coption value=\"3\" selected>Niveau III\u003C\u002Foption>\n          \u003Coption value=\"4\">Niveau IV\u003C\u002Foption>\n          \u003Coption value=\"5\">Niveau V\u003C\u002Foption>\n          \u003Coption value=\"6\">Niveau VI\u003C\u002Foption>\n          \u003Coption value=\"7\">Niveau VII\u003C\u002Foption>\n        \u003C\u002Fselect>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"field\">\n        \u003Clabel>Anciennete (annees)\u003C\u002Flabel>\n        \u003Cinput type=\"range\" id=\"anc-anciennete\" min=\"0\" max=\"30\" step=\"1\" value=\"6\">\n        \u003Cdiv class=\"value-display\" id=\"anc-anciennete-val\">6 ans\u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"result-card\">\n      \u003Cdiv class=\"result-label\">Prime d'anciennete mensuelle brute\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-main\">\n        \u003Cspan class=\"result-value\" id=\"anc-montant\">-\u003C\u002Fspan>\n        \u003Cspan class=\"result-unit\">EUR \u002F mois\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"result-detail\" id=\"anc-detail\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003C!-- TAB: CONGES -->\n  \u003Cdiv class=\"panel\" data-panel=\"conges\">\n    \u003Cdiv class=\"rule-callout\">\n      \u003Ci data-lucide=\"info\" style=\"width:18px;height:18px;\">\u003C\u002Fi>\n      \u003Cp>La CCN IDCC 500 accorde des \u003Cstrong>jours supplementaires d'anciennete\u003C\u002Fstrong> : +1 jour a partir de 10 ans et +2 jours a partir de 15 ans — au-dela des 30 jours ouvrables legaux (art. L3141-3).\u003C\u002Fp>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"form-grid\">\n      \u003Cdiv class=\"field\">\n        \u003Clabel>Anciennete (annees)\u003C\u002Flabel>\n        \u003Cinput type=\"range\" id=\"cong-anciennete\" min=\"0\" max=\"40\" step=\"1\" value=\"12\">\n        \u003Cdiv class=\"value-display\" id=\"cong-anciennete-val\">12 ans\u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"field\">\n        \u003Clabel>Quotite de travail\u003C\u002Flabel>\n        \u003Cdiv class=\"pills\" id=\"cong-temps-pills\">\n          \u003Cbutton class=\"pill active\" data-val=\"plein\">Temps plein\u003C\u002Fbutton>\n          \u003Cbutton class=\"pill\" data-val=\"partiel\">Temps partiel\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"result-card\">\n      \u003Cdiv class=\"result-label\">Conges payes annuels\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-main\">\n        \u003Cspan class=\"result-value\" id=\"cong-jours\">-\u003C\u002Fspan>\n        \u003Cspan class=\"result-unit\">jours ouvrables\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"result-rows\" id=\"cong-rows\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cp class=\"disclaimer\">\n    Calcul indicatif base sur la CCN IDCC 500 — Commerces de gros de l'habillement, de la mercerie, de la chaussure et du jouet (Brochure JO n°3148).\n    Source : \u003Ca href=\"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Fconv_coll\u002Fid\u002FKALICONT000005635513\u002F\" target=\"_blank\" rel=\"noopener\">Legifrance\u003C\u002Fa> · Avenant n°56A (nov. 2024).\n    Pour validation legale\n  \u003C\u002Fp>\n\u003C\u002Fmain>\n\n\u003Cscript>\nvar state = {\n  indemnite: { salaire: 2500, anciennete: 8, region: 'province' },\n  preavis:   { cat: 'employe', anciennete: 3, type: 'licenciement' },\n  salaire:   { niveau: 3, heures: 35 },\n  anciennete:{ niveau: 3, anciennete: 6 },\n  conges:    { anciennete: 12, temps: 'plein' }\n};\n\nvar fmtEUR = new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'EUR', maximumFractionDigits: 0 });\nvar fmtEUR2 = new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'EUR', maximumFractionDigits: 2 });\nvar fmtNum = new Intl.NumberFormat('fr-FR');\n\n\u002F\u002F Grille salariale IDCC 500 — Avenant 56A nov. 2024 (brut mensuel 35h)\nvar GRILLE = { 1: 1823, 2: 1840, 3: 1870, 4: 1910, 5: 1980, 6: 2280, 7: 2650 };\n\n\u002F\u002F Prime anciennete — barème mensuel EUR (Avenant 56A) niveaux I-VII x paliers 3\u002F6\u002F9\u002F12\u002F15\u002F18\u002F21 ans\nvar PRIME_ANC = {\n  1: [30.03, 53.98, 77.93, 101.90, 125.85, 149.81, 173.76],\n  2: [31.07, 56.04, 81.04, 106.03, 131.02, 156.00, 180.98],\n  3: [31.22, 56.37, 81.53, 106.67, 131.82, 156.97, 182.12],\n  4: [31.57, 57.07, 82.57, 108.06, 133.56, 159.06, 184.55],\n  5: [34.25, 62.41, 90.57, 118.75, 146.90, 175.07, 203.23],\n  6: [41.18, 76.27, 111.38, 146.49, 181.58, 216.68, 251.78],\n  7: [46.51, 86.96, 127.41, 167.86, 208.30, 248.75, 289.20]\n};\n\nvar SMIC_2026 = 1823.03;\n\nfunction computeIndemnite() {\n  var sal = state.indemnite.salaire;\n  var anc = state.indemnite.anciennete;\n  var region = state.indemnite.region;\n  if (anc \u003C 1) return { ccn: 0, legal: 0, p1: 0, p2: 0, cappee: false };\n  var p1, p2 = 0;\n  if (anc \u003C= 5) { p1 = (sal \u002F 20) * anc; }\n  else { p1 = (sal \u002F 20) * 5; p2 = (sal \u002F 5) * (anc - 5); }\n  var total = p1 + p2;\n  var plafond = region === 'idf' ? 4 : 3;\n  var cap = sal * plafond;\n  var cappee = total > cap;\n  var ccn = Math.min(total, cap);\n  var legal = anc \u003C= 10 ? (sal \u002F 4) * anc : (sal \u002F 4) * 10 + (sal \u002F 3) * (anc - 10);\n  return { ccn: ccn, legal: legal, p1: p1, p2: p2, total: total, cappee: cappee, cap: cap, plafond: plafond };\n}\n\nfunction computePreavis() {\n  var cat = state.preavis.cat;\n  var anc = state.preavis.anciennete;\n  var type = state.preavis.type;\n  if (cat === 'employe') {\n    if (type === 'licenciement') {\n      return { duree: anc \u003C 2 ? 1 : 2, note: anc \u003C 2 ? \"Moins de 2 ans d'anciennete : 1 mois\" : \"2 ans ou plus d'anciennete : 2 mois\" };\n    } else {\n      return { duree: 1, note: \"Demission employe : 1 mois (toute anciennete)\" };\n    }\n  } else if (cat === 'am') {\n    return { duree: 2, note: \"Agent de maitrise \u002F Technicien : 2 mois (toute anciennete)\" };\n  } else {\n    return { duree: 3, note: \"Cadre : 3 mois garantis (toute anciennete)\" };\n  }\n}\n\nfunction computeSalaire() {\n  var niv = state.salaire.niveau;\n  var h = state.salaire.heures;\n  var conv = GRILLE[niv];\n  var base = Math.max(conv, SMIC_2026);\n  var prorata = h \u003C 35 ? (base * h) \u002F 35 : base;\n  return { base: base, conv: conv, prorata: prorata, isSmic: conv \u003C SMIC_2026 };\n}\n\nfunction computeAnciennete() {\n  var niv = state.anciennete.niveau;\n  var anc = state.anciennete.anciennete;\n  var paliers = [3,6,9,12,15,18,21];\n  if (anc \u003C 3) return { prime: 0, note: \"Anciennete \u003C 3 ans : aucune prime conventionnelle.\", palier: null };\n  var idx = -1;\n  for (var i = paliers.length - 1; i >= 0; i--) { if (anc >= paliers[i]) { idx = i; break; } }\n  if (idx \u003C 0) return { prime: 0, note: \"\", palier: null };\n  var prime = PRIME_ANC[niv][idx];\n  var next = idx \u003C paliers.length - 1 ? paliers[idx + 1] : null;\n  return { prime: prime, note: next ? \"Prochain palier : \" + next + \" ans\" : \"Palier maximum atteint (21 ans)\", palier: paliers[idx] };\n}\n\nfunction computeConges() {\n  var anc = state.conges.anciennete;\n  var extra = anc >= 15 ? 2 : anc >= 10 ? 1 : 0;\n  return { total: 30 + extra, base: 30, extra: extra };\n}\n\nfunction renderIndemnite() {\n  var r = computeIndemnite();\n  var anc = state.indemnite.anciennete;\n  var sal = state.indemnite.salaire;\n  document.getElementById('ind-montant').textContent = anc \u003C 1 ? '0' : fmtNum.format(Math.round(r.ccn));\n  document.getElementById('ind-legal').textContent = anc \u003C 1 ? '0 EUR' : fmtEUR.format(r.legal);\n  var diff = r.ccn - r.legal;\n  var diffEl = document.getElementById('ind-diff');\n  diffEl.textContent = anc \u003C 1 ? '-' : (diff >= 0 ? '+' : '') + fmtEUR.format(diff);\n  diffEl.style.color = diff >= 0 ? 'var(--success)' : '#dc2626';\n  var rows = document.getElementById('ind-rows');\n  if (anc \u003C 1) { rows.innerHTML = '\u003Cdiv class=\"result-row\">\u003Cspan>Anciennete insuffisante (moins de 1 an)\u003C\u002Fspan>\u003Cspan>-\u003C\u002Fspan>\u003C\u002Fdiv>'; return; }\n  var html = '';\n  if (anc \u003C= 5) {\n    html += '\u003Cdiv class=\"result-row\">\u003Cspan>1\u002F20 x ' + anc + ' an' + (anc > 1 ? 's' : '') + '\u003C\u002Fspan>\u003Cspan>' + fmtEUR2.format(r.p1) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n  } else {\n    html += '\u003Cdiv class=\"result-row\">\u003Cspan>1\u002F20 x 5 ans\u003C\u002Fspan>\u003Cspan>' + fmtEUR2.format(r.p1) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n    html += '\u003Cdiv class=\"result-row\">\u003Cspan>1\u002F5 x ' + (anc - 5) + ' an' + (anc - 5 > 1 ? 's' : '') + '\u003C\u002Fspan>\u003Cspan>' + fmtEUR2.format(r.p2) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n    if (r.cappee) {\n      html += '\u003Cdiv class=\"result-row\">\u003Cspan>Total avant plafond\u003C\u002Fspan>\u003Cspan>' + fmtEUR2.format(r.total) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n      html += '\u003Cdiv class=\"result-row\">\u003Cspan>Plafond (' + r.plafond + 'x sal. ref.)\u003C\u002Fspan>\u003Cspan style=\"color:#dc2626\">Plafonnement applique\u003C\u002Fspan>\u003C\u002Fdiv>';\n    }\n  }\n  html += '\u003Cdiv class=\"result-row\">\u003Cspan>\u003Cstrong>Total CCN 500\u003C\u002Fstrong>\u003C\u002Fspan>\u003Cspan>' + fmtEUR.format(r.ccn) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n  rows.innerHTML = html;\n}\n\nfunction renderPreavis() {\n  var r = computePreavis();\n  document.getElementById('preavis-duree').textContent = r.duree;\n  document.getElementById('preavis-detail').textContent = r.note;\n  var ancField = document.getElementById('preavis-anciennete-field');\n  ancField.style.display = state.preavis.cat === 'employe' ? 'block' : 'none';\n}\n\nfunction renderSalaire() {\n  var r = computeSalaire();\n  var h = state.salaire.heures;\n  document.getElementById('sal-montant').textContent = fmtNum.format(Math.round(r.prorata));\n  var rows = document.getElementById('sal-rows');\n  var html = '';\n  if (r.isSmic) {\n    html += '\u003Cdiv class=\"result-row\">\u003Cspan>Valeur conventionnelle\u003C\u002Fspan>\u003Cspan>' + fmtEUR.format(r.conv) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n    html += '\u003Cdiv class=\"result-row\">\u003Cspan>SMIC 2026 applique\u003C\u002Fspan>\u003Cspan>' + fmtEUR.format(SMIC_2026) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n  } else {\n    html += '\u003Cdiv class=\"result-row\">\u003Cspan>Salaire conventionnel (35h)\u003C\u002Fspan>\u003Cspan>' + fmtEUR.format(r.base) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n  }\n  if (h \u003C 35) {\n    html += '\u003Cdiv class=\"result-row\">\u003Cspan>Prorata ' + h + 'h\u002Fsemaine\u003C\u002Fspan>\u003Cspan>' + fmtEUR.format(r.prorata) + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n  }\n  rows.innerHTML = html;\n}\n\nfunction renderAnciennete() {\n  var r = computeAnciennete();\n  document.getElementById('anc-montant').textContent = r.prime > 0 ? fmtEUR2.format(r.prime).replace('\\u00a0EUR', '').replace('EUR', '').trim() : '0';\n  document.getElementById('anc-detail').textContent = r.note;\n}\n\nfunction renderConges() {\n  var r = computeConges();\n  document.getElementById('cong-jours').textContent = r.total;\n  var html = '\u003Cdiv class=\"result-row\">\u003Cspan>Base legale (L3141-3)\u003C\u002Fspan>\u003Cspan>' + r.base + ' jours\u003C\u002Fspan>\u003C\u002Fdiv>';\n  if (r.extra > 0) {\n    html += '\u003Cdiv class=\"result-row\">\u003Cspan>Jours anciennete conventionnels\u003C\u002Fspan>\u003Cspan>+' + r.extra + ' jour' + (r.extra > 1 ? 's' : '') + '\u003C\u002Fspan>\u003C\u002Fdiv>';\n  }\n  html += '\u003Cdiv class=\"result-row\">\u003Cspan>\u003Cstrong>Total\u003C\u002Fstrong>\u003C\u002Fspan>\u003Cspan>' + r.total + ' jours ouvrables\u003C\u002Fspan>\u003C\u002Fdiv>';\n  document.getElementById('cong-rows').innerHTML = html;\n}\n\nfunction bindPills(containerId, sk, subk, renderFn) {\n  var c = document.getElementById(containerId);\n  if (!c) return;\n  c.addEventListener('click', function(e) {\n    var pill = e.target.closest('.pill');\n    if (!pill) return;\n    c.querySelectorAll('.pill').forEach(function(p) { p.classList.remove('active'); });\n    pill.classList.add('active');\n    state[sk][subk] = pill.dataset.val;\n    renderFn();\n  });\n}\n\nfunction bindRange(id, sk, subk, dispId, suffix, renderFn) {\n  var el = document.getElementById(id);\n  if (!el) return;\n  el.addEventListener('input', function() {\n    var v = parseInt(el.value, 10);\n    state[sk][subk] = v;\n    document.getElementById(dispId).textContent = fmtNum.format(v) + (suffix ? ' ' + suffix : '');\n    renderFn();\n  });\n}\n\nfunction bindSelect(id, sk, subk, renderFn) {\n  var el = document.getElementById(id);\n  if (!el) return;\n  el.addEventListener('change', function() {\n    var v = el.value;\n    state[sk][subk] = isNaN(v) ? v : parseInt(v, 10);\n    renderFn();\n  });\n}\n\nvar TAB_BTNS = document.querySelectorAll('[data-tab]');\nvar TAB_PANELS = document.querySelectorAll('[data-panel]');\nvar VALID_TABS = ['indemnite', 'preavis', 'salaire', 'anciennete', 'conges'];\n\nfunction activate(id) {\n  if (VALID_TABS.indexOf(id) \u003C 0) id = 'indemnite';\n  TAB_BTNS.forEach(function(t) { t.classList.toggle('active', t.dataset.tab === id); });\n  TAB_PANELS.forEach(function(p) { p.classList.toggle('active', p.dataset.panel === id); });\n  if (location.hash !== '#' + id) location.hash = id;\n  requestAnimationFrame(function() { window.dispatchEvent(new Event('resize')); });\n}\n\nTAB_BTNS.forEach(function(t) { t.addEventListener('click', function() { activate(t.dataset.tab); }); });\n\ndocument.addEventListener('DOMContentLoaded', function() {\n  bindRange('ind-salaire', 'indemnite', 'salaire', 'ind-salaire-val', 'EUR', renderIndemnite);\n  bindRange('ind-anciennete', 'indemnite', 'anciennete', 'ind-anciennete-val', 'ans', renderIndemnite);\n  bindPills('ind-region-pills', 'indemnite', 'region', renderIndemnite);\n  bindRange('preavis-anciennete', 'preavis', 'anciennete', 'preavis-anciennete-val', 'ans', renderPreavis);\n  bindPills('preavis-cat-pills', 'preavis', 'cat', renderPreavis);\n  bindPills('preavis-type-pills', 'preavis', 'type', renderPreavis);\n  bindSelect('sal-niveau', 'salaire', 'niveau', renderSalaire);\n  bindSelect('sal-heures', 'salaire', 'heures', renderSalaire);\n  bindSelect('anc-niveau', 'anciennete', 'niveau', renderAnciennete);\n  bindRange('anc-anciennete', 'anciennete', 'anciennete', 'anc-anciennete-val', 'ans', renderAnciennete);\n  bindRange('cong-anciennete', 'conges', 'anciennete', 'cong-anciennete-val', 'ans', renderConges);\n  bindPills('cong-temps-pills', 'conges', 'temps', renderConges);\n\n  renderIndemnite(); renderPreavis(); renderSalaire(); renderAnciennete(); renderConges();\n\n  var hash = location.hash.slice(1);\n  activate(VALID_TABS.indexOf(hash) >= 0 ? hash : 'indemnite');\n\n  lucide.createIcons();\n});\n\nvar ro = new ResizeObserver(function() {\n  var h = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);\n  parent.postMessage({ type: 'resize', height: h }, '*');\n});\nro.observe(document.documentElement);\n\u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n","generated","juridique","consumer","both","https:\u002F\u002Fpub-bdebbd2dad294475a2da0eb657815b6b.r2.dev\u002Ftools\u002Fccn-convention-collective-des-commerces-de-g-5558bcb1c6.webp","CCN Commerces de gros habillement, mercerie, chaussure et jouet — calculateur complet",[]]