[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"footer-root-categories-fr-FR":3,"tool-content-calendrier-conge-naissance-2026-fr":83,"footer-cities-fr":127},[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":7,"json_ld":89,"faq":104,"tool_html":120,"source":121,"category":122,"audience":123,"publish_mode":124,"hero_image":125,"hero_image_alt":126},"calendrier-conge-naissance-2026","Calendrier des congés — Naissance 2026","Calendrier Congé Naissance 2026 : Maternité, Paternité, Congé de Naissance — Expert-Zoom","Planifiez votre calendrier de congés avec le nouveau congé de naissance : visualisez toutes les phases (maternité, paternité, congé de naissance) avec les dates précises selon votre date d'accouchement.","Ce planificateur de calendrier vous aide à anticiper toutes vos périodes de congés autour de la naissance de votre enfant. Il intègre le congé maternité (16 semaines), le congé paternité (25 jours) et le nouveau congé de naissance (1 ou 2 mois) selon les règles 2026. Saisissez la date de naissance et choisissez votre situation (mère ou père\u002Fco-parent) pour obtenir votre planning complet.",[90],{"name":85,"@type":91,"offers":92,"@context":96,"audience":97,"inLanguage":100,"description":101,"operatingSystem":102,"applicationCategory":103},"WebApplication",{"@type":93,"price":94,"priceCurrency":95},"Offer","0","EUR","https:\u002F\u002Fschema.org",{"@type":98,"audienceType":99},"Audience","Futurs parents salariés en France","fr","Planifiez votre calendrier de congés naissance : visualisez les dates de congé maternité, paternité et du nouveau congé de naissance pour mère et père.","All","LifestyleApplication",[105,108,111,114,117],{"a":106,"q":107},"Le congé de naissance pour la mère commence après la fin du congé maternité (16 semaines : 6 semaines avant + 10 semaines après la naissance). Il peut être pris immédiatement ou différé dans la limite de 9 mois après la naissance.","Quand commence le congé de naissance pour la mère ?",{"a":109,"q":110},"Oui, le congé paternité et d'accueil de l'enfant (25 jours calendaires) doit être épuisé avant de pouvoir prendre le congé de naissance. Les 4 premiers jours sont obligatoires dès la naissance.","Le père doit-il prendre le congé paternité avant le congé de naissance ?",{"a":112,"q":113},"Oui, le congé de naissance peut être fractionné en deux périodes d'un mois chacune, non nécessairement consécutives, dans la limite de 9 mois après la naissance.","Peut-on prendre le congé de naissance en deux fois ?",{"a":115,"q":116},"Oui, les deux parents peuvent prendre leur congé de naissance simultanément. Chaque parent dispose de son propre droit à 1 ou 2 mois de congé, indépendamment de l'autre.","Les deux parents peuvent-ils prendre le congé de naissance en même temps ?",{"a":118,"q":119},"Avec les 3 jours de naissance obligatoires + les 25 jours de congé paternité + 2 mois de congé de naissance, le père peut bénéficier d'environ 88 jours de congé au total (3 + 25 + 60 jours).","Quelle est la durée totale de congé pour le père avec le nouveau dispositif ?","\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>Calendrier Congés Naissance 2026\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      --surface: #ffffff;\n      --border: #e7e5e4;\n      --accent: #2563eb;\n      --accent-light: #dbeafe;\n      --text: #1c1917;\n      --muted: #78716c;\n      --radius: 12px;\n      --shadow: 0 1px 3px rgba(0,0,0,.08);\n\n      --c-mat:  #7c3aed; --c-mat-l:  #ede9fe;\n      --c-pat:  #0369a1; --c-pat-l:  #e0f2fe;\n      --c-birth:#15803d; --c-birth-l:#dcfce7;\n      --c-free: #d97706; --c-free-l: #fef3c7;\n    }\n    body { font-family: system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--text); font-size: 15px; line-height: 1.5; }\n    .tool-root { max-width: 620px; margin: 0 auto; padding: 24px 16px 32px; }\n    h1 { font-size: 19px; font-weight: 700; margin-bottom: 4px; }\n    .subtitle { color: var(--muted); font-size: 13px; margin-bottom: 20px; }\n\n    \u002F* Tabs *\u002F\n    .tabs { display: flex; gap: 2px; border-bottom: 2px solid var(--border); margin-bottom: 20px; }\n    .tab-btn {\n      padding: 8px 16px; font-size: 13px; font-weight: 600;\n      background: none; border: none; cursor: pointer;\n      color: var(--muted); border-bottom: 2px solid transparent;\n      margin-bottom: -2px; border-radius: 4px 4px 0 0; transition: all .15s; display: flex; align-items: center; gap: 6px;\n    }\n    .tab-btn.active { color: var(--accent); border-bottom-color: var(--accent); }\n    .tab-btn:hover:not(.active) { color: var(--text); background: #f5f5f4; }\n\n    \u002F* Form *\u002F\n    .form-group { margin-bottom: 16px; }\n    label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }\n    input[type=date], select {\n      width: 100%; padding: 9px 12px; border: 1px solid var(--border);\n      border-radius: 8px; font-size: 14px; background: var(--surface); color: var(--text);\n      outline: none; cursor: pointer;\n    }\n    input[type=date]:focus, select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-light); }\n    .form-row { display: flex; gap: 12px; }\n    .form-row .form-group { flex: 1; }\n\n    \u002F* Callout *\u002F\n    .callout {\n      background: var(--accent-light); border-left: 4px solid var(--accent);\n      border-radius: 0 var(--radius) var(--radius) 0;\n      padding: 11px 14px; margin-bottom: 20px; font-size: 13px;\n      display: flex; gap: 10px; align-items: flex-start;\n    }\n    .callout svg { flex-shrink: 0; margin-top: 2px; }\n\n    \u002F* Timeline *\u002F\n    .timeline { margin-bottom: 20px; }\n    .timeline-item {\n      display: flex; gap: 12px; align-items: stretch; margin-bottom: 8px;\n    }\n    .tl-left { display: flex; flex-direction: column; align-items: center; width: 36px; flex-shrink: 0; }\n    .tl-dot { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n    .tl-line { flex: 1; width: 2px; background: var(--border); margin: 4px 0; }\n    .tl-card {\n      flex: 1; background: var(--surface); border: 1px solid var(--border);\n      border-radius: 10px; padding: 12px 14px; margin-bottom: 2px;\n    }\n    .tl-card-title { font-weight: 700; font-size: 14px; margin-bottom: 3px; }\n    .tl-card-dates { font-size: 12px; color: var(--muted); display: flex; gap: 6px; align-items: center; }\n    .tl-card-duration { font-size: 11px; font-weight: 600; border-radius: 4px; padding: 2px 7px; display: inline-block; margin-top: 4px; }\n\n    \u002F* Summary table *\u002F\n    .summary { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 18px; margin-bottom: 16px; }\n    .summary-row { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid var(--border); font-size: 13px; }\n    .summary-row:last-child { border-bottom: none; font-weight: 700; font-size: 14px; }\n    .summary-label { color: var(--muted); }\n\n    \u002F* Footer *\u002F\n    .footer { font-size: 11px; color: var(--muted); text-align: center; line-height: 1.7; }\n    .footer a { color: var(--accent); text-decoration: none; }\n  \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n\u003Cmain class=\"tool-root\">\n  \u003Ch1>Calendrier des congés — Naissance 2026\u003C\u002Fh1>\n  \u003Cp class=\"subtitle\">Visualisez votre planning de congés : maternité, paternité et nouveau congé de naissance\u003C\u002Fp>\n\n  \u003Cdiv class=\"tabs\">\n    \u003Cbutton class=\"tab-btn active\" onclick=\"setTab(0)\">\n      \u003Ci data-lucide=\"baby\" width=\"14\" height=\"14\">\u003C\u002Fi>Mère\n    \u003C\u002Fbutton>\n    \u003Cbutton class=\"tab-btn\" onclick=\"setTab(1)\">\n      \u003Ci data-lucide=\"user\" width=\"14\" height=\"14\">\u003C\u002Fi>Père \u002F Co-parent\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"form-row\">\n    \u003Cdiv class=\"form-group\">\n      \u003Clabel for=\"birth-date\">Date de naissance (ou prévue)\u003C\u002Flabel>\n      \u003Cinput type=\"date\" id=\"birth-date\" value=\"2026-09-01\" oninput=\"render()\">\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"form-group\">\n      \u003Clabel for=\"birth-months\">Durée congé de naissance\u003C\u002Flabel>\n      \u003Cselect id=\"birth-months\" onchange=\"render()\">\n        \u003Coption value=\"1\">1 mois (30 jours)\u003C\u002Foption>\n        \u003Coption value=\"2\" selected>2 mois (60 jours)\u003C\u002Foption>\n      \u003C\u002Fselect>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"callout\">\n    \u003Ci data-lucide=\"info\" width=\"15\" height=\"15\" color=\"#2563eb\">\u003C\u002Fi>\n    \u003Cspan id=\"callout-text\">Congé maternité : 6 semaines avant + 10 semaines après la naissance (16 semaines au total)\u003C\u002Fspan>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"timeline\" id=\"timeline\">\u003C\u002Fdiv>\n\n  \u003Cdiv class=\"summary\" id=\"summary\">\u003C\u002Fdiv>\n\n  \u003Cdiv class=\"footer\">\n    Source : \u003Ca href=\"https:\u002F\u002Fwww.service-public.fr\u002Fparticuliers\u002Fvosdroits\u002FF2265\" target=\"_blank\">Service-public.fr — Congé maternité\u003C\u002Fa> ·\n    \u003Ca href=\"https:\u002F\u002Fsolidarites.gouv.fr\u002Fconge-supplementaire-de-naissance\" target=\"_blank\">Ministère des Solidarités\u003C\u002Fa> ·\n    \u003Ca href=\"https:\u002F\u002Fwww.service-public.fr\u002Fparticuliers\u002Fvosdroits\u002FF3156\" target=\"_blank\">Congé paternité\u003C\u002Fa>\u003Cbr>\n    Durées légales 2026 · Calcul indicatif, vérifiez avec votre employeur et la CPAM\n  \u003C\u002Fdiv>\n\u003C\u002Fmain>\n\u003Cscript>\nconst fmtDate = new Intl.DateTimeFormat('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' });\nconst fmtDateShort = new Intl.DateTimeFormat('fr-FR', { day: 'numeric', month: 'short' });\n\nlet currentTab = 0;\n\nfunction addDays(date, n) {\n  const d = new Date(date);\n  d.setDate(d.getDate() + n);\n  return d;\n}\n\nfunction addMonths(date, n) {\n  const d = new Date(date);\n  d.setMonth(d.getMonth() + n);\n  return d;\n}\n\nfunction diffDays(a, b) {\n  return Math.round((b - a) \u002F 86400000);\n}\n\nfunction setTab(t) {\n  currentTab = t;\n  document.querySelectorAll('.tab-btn').forEach((b, i) => b.classList.toggle('active', i === t));\n  render();\n}\n\nfunction tlItem(dotColor, iconName, title, start, end, durationLabel, bgLight) {\n  const s = fmtDate.format(start);\n  const e = fmtDate.format(end);\n  return `\n    \u003Cdiv class=\"timeline-item\">\n      \u003Cdiv class=\"tl-left\">\n        \u003Cdiv class=\"tl-dot\" style=\"background:${bgLight}\">\n          \u003Ci data-lucide=\"${iconName}\" width=\"16\" height=\"16\" color=\"${dotColor}\">\u003C\u002Fi>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"tl-line\">\u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"tl-card\">\n        \u003Cdiv class=\"tl-card-title\" style=\"color:${dotColor}\">${title}\u003C\u002Fdiv>\n        \u003Cdiv class=\"tl-card-dates\">\n          \u003Ci data-lucide=\"arrow-right\" width=\"12\" height=\"12\">\u003C\u002Fi>\n          Du ${s} au ${e}\n        \u003C\u002Fdiv>\n        \u003Cspan class=\"tl-card-duration\" style=\"background:${bgLight};color:${dotColor}\">${durationLabel}\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>`;\n}\n\nfunction render() {\n  const dateStr = document.getElementById('birth-date').value;\n  const birthMonths = parseInt(document.getElementById('birth-months').value);\n  if (!dateStr) return;\n\n  const birthDate = new Date(dateStr);\n  const t = currentTab;\n\n  let phases = [];\n  let totalDays = 0;\n  let callout = '';\n\n  if (t === 0) {\n    \u002F\u002F Mère : congé maternité (6 sem avant + 10 sem après) + congé de naissance\n    const matStart  = addDays(birthDate, -42);  \u002F\u002F 6 semaines avant\n    const matEnd    = addDays(birthDate, 70 - 1); \u002F\u002F 10 semaines après (70 jours total post)\n    \u002F\u002F Total maternité = 6+10 = 16 semaines = 112 jours\n    const matEndActual = addDays(matStart, 111);\n\n    const birthLeaveStart = addDays(matEndActual, 1);\n    const birthLeaveEnd   = addDays(birthLeaveStart, birthMonths * 30 - 1);\n\n    phases = [\n      { dotColor: 'var(--c-mat)', icon: 'baby', title: 'Congé maternité', start: matStart, end: matEndActual, label: '16 semaines (112 jours)', bg: 'var(--c-mat-l)' },\n      { dotColor: 'var(--c-birth)', icon: 'calendar-heart', title: 'Congé de naissance', start: birthLeaveStart, end: birthLeaveEnd, label: `${birthMonths} mois (${birthMonths * 30} jours)`, bg: 'var(--c-birth-l)' },\n    ];\n\n    totalDays = 112 + birthMonths * 30;\n    const returnDate = addDays(birthLeaveEnd, 1);\n    callout = `Reprise du travail prévue le ${fmtDate.format(returnDate)} — soit ${totalDays} jours de congé au total`;\n\n    document.getElementById('callout-text').textContent =\n      'Congé maternité : 6 semaines avant + 10 semaines après la naissance (16 semaines au total)';\n\n    document.getElementById('summary').innerHTML = `\n      \u003Cdiv class=\"summary-row\">\u003Cspan class=\"summary-label\">Congé maternité\u003C\u002Fspan>\u003Cspan>112 jours (16 semaines)\u003C\u002Fspan>\u003C\u002Fdiv>\n      \u003Cdiv class=\"summary-row\">\u003Cspan class=\"summary-label\">Congé de naissance\u003C\u002Fspan>\u003Cspan>${birthMonths * 30} jours (${birthMonths} mois)\u003C\u002Fspan>\u003C\u002Fdiv>\n      \u003Cdiv class=\"summary-row\">\u003Cspan style=\"font-weight:700\">Durée totale\u003C\u002Fspan>\u003Cspan>${totalDays} jours · Reprise le ${fmtDateShort.format(addDays(birthLeaveEnd, 1))}\u003C\u002Fspan>\u003C\u002Fdiv>`;\n\n  } else {\n    \u002F\u002F Père \u002F Co-parent : 4 j obligatoires naissance + congé paternité (25j) + congé de naissance\n    const mandatoryStart = birthDate;\n    const mandatoryEnd   = addDays(birthDate, 3);  \u002F\u002F 4 jours calendaires\n\n    \u002F\u002F Congé paternité : 25 jours calendaires (à prendre dans les 6 mois)\n    \u002F\u002F Supposons pris immédiatement après les 4 jours obligatoires\n    const patStart = addDays(mandatoryEnd, 1);\n    const patEnd   = addDays(patStart, 20); \u002F\u002F 21 jours optionnels (total 25j = 4+21)\n\n    \u002F\u002F Congé de naissance : après paternité (dans les 9 mois)\n    const birthLeaveStart = addDays(patEnd, 1);\n    const birthLeaveEnd   = addDays(birthLeaveStart, birthMonths * 30 - 1);\n\n    const deadline = addMonths(birthDate, 9);\n\n    phases = [\n      { dotColor: 'var(--c-mat)', icon: 'alert-circle', title: '3 jours obligatoires (naissance)', start: mandatoryStart, end: mandatoryEnd, label: '3 jours civils (salarié) ou 3 jours ouvrables', bg: 'var(--c-mat-l)' },\n      { dotColor: 'var(--c-pat)', icon: 'user-check', title: 'Congé paternité et d\\'accueil', start: patStart, end: patEnd, label: '25 jours calendaires (4 + 21 j)', bg: 'var(--c-pat-l)' },\n      { dotColor: 'var(--c-birth)', icon: 'calendar-heart', title: 'Congé de naissance', start: birthLeaveStart, end: birthLeaveEnd, label: `${birthMonths} mois (${birthMonths * 30} jours)`, bg: 'var(--c-birth-l)' },\n    ];\n\n    totalDays = 4 + 25 + birthMonths * 30;\n    const returnDate = addDays(birthLeaveEnd, 1);\n\n    document.getElementById('callout-text').textContent =\n      `Congé paternité : 25 jours calendaires (4 obligatoires + 21 optionnels dans les 6 mois) · Congé de naissance à prendre avant le ${fmtDateShort.format(deadline)}`;\n\n    document.getElementById('summary').innerHTML = `\n      \u003Cdiv class=\"summary-row\">\u003Cspan class=\"summary-label\">3 j obligatoires naissance\u003C\u002Fspan>\u003Cspan>3 jours\u003C\u002Fspan>\u003C\u002Fdiv>\n      \u003Cdiv class=\"summary-row\">\u003Cspan class=\"summary-label\">Congé paternité\u003C\u002Fspan>\u003Cspan>25 jours calendaires\u003C\u002Fspan>\u003C\u002Fdiv>\n      \u003Cdiv class=\"summary-row\">\u003Cspan class=\"summary-label\">Congé de naissance\u003C\u002Fspan>\u003Cspan>${birthMonths * 30} jours (${birthMonths} mois)\u003C\u002Fspan>\u003C\u002Fdiv>\n      \u003Cdiv class=\"summary-row\">\u003Cspan style=\"font-weight:700\">Durée totale\u003C\u002Fspan>\u003Cspan>${totalDays} jours · Reprise le ${fmtDateShort.format(returnDate)}\u003C\u002Fspan>\u003C\u002Fdiv>`;\n  }\n\n  const timelineHtml = phases.map(p =>\n    tlItem(p.dotColor, p.icon, p.title, p.start, p.end, p.label, p.bg)\n  ).join('');\n  document.getElementById('timeline').innerHTML = timelineHtml;\n\n  lucide.createIcons();\n}\n\nrender();\n\nconst ro = new ResizeObserver(() => {\n  const 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\u002Fcalendrier-conge-naissance-2026-81c9c6ef22-1779404177.webp","",[]]