.page-wrapper{max-width:1280px;margin:0 auto;padding:40px 24px 80px}.breadcrumb{color:var(--gray-400);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:12px;display:flex}.breadcrumb a{color:var(--gray-400);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--blue)}.breadcrumb-sep{color:var(--gray-200)}.page-hero{margin-bottom:40px}.page-tag{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-flex}.page-tag:before{content:"";background:var(--blue);border-radius:2px;width:20px;height:2px;display:inline-block}.page-title{color:var(--black);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.15}.page-title span{color:var(--blue)}.page-intro{color:var(--gray-600);max-width:680px;font-size:16px;line-height:1.75}.main-grid{grid-template-columns:1fr 360px;align-items:start;gap:32px;display:grid}.calc-card{background:var(--white);border-radius:var(--r-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow);margin-bottom:32px;overflow:hidden}.calc-header{background:linear-gradient(135deg,var(--navy) 0%,#1a4a8a 100%);align-items:center;gap:16px;padding:28px 32px;display:flex}.calc-header-icon{background:#ffffff1f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.calc-header-icon svg{stroke:#fff;fill:none;stroke-width:2px;width:24px;height:24px}.calc-header-title{color:#fff;margin-bottom:3px;font-size:18px;font-weight:800}.calc-header-sub{color:#fff9;font-size:13px}.calc-body{padding:32px}.calc-tabs{background:var(--gray-100);border-radius:var(--r);gap:4px;margin-bottom:28px;padding:4px;display:flex}.calc-tab{font-family:var(--ff);color:var(--gray-600);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.calc-tab svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.calc-tab.active{background:var(--white);color:var(--blue);box-shadow:0 2px 8px #0000001a}.form-section{margin-bottom:24px}.form-section-title{color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.form-section-title:after{content:"";background:var(--gray-200);flex:1;height:1px}.fields-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-full{grid-column:1/-1}.field-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field-hint{color:var(--gray-400);margin-top:4px;font-size:11px;line-height:1.4}.input-wrap{position:relative}.input-wrap input,.input-wrap select{border:1.5px solid var(--gray-200);border-radius:var(--r);width:100%;font-family:var(--ff);color:var(--black);background:var(--white);-moz-appearance:textfield;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-wrap input::-webkit-outer-spin-button,.input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none}.input-wrap input:focus,.input-wrap select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1a9ef01f}.input-prefix{color:var(--gray-400);pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-suffix{color:var(--gray-400);pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.has-prefix input{padding-left:30px}.has-suffix input{padding-right:42px}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--blue) 0%,var(--blue) var(--pct,0%),var(--gray-200) var(--pct,0%),var(--gray-200) 100%);cursor:pointer;border-radius:4px;outline:none;width:100%;height:4px;margin-top:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);cursor:pointer;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #1a9ef066}.slider-labels{color:var(--gray-400);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.calc-btn{border-radius:var(--r-lg);background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;width:100%;font-family:var(--ff);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:15px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 16px #1a9ef059}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a9ef073}.calc-btn svg{stroke:#fff;fill:none;stroke-width:2px;width:18px;height:18px}.results{margin-top:28px;animation:.4s fade-in;display:none}.results.show{display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.results-top{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.res-card{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--r-lg);text-align:center;padding:18px 16px;transition:all .3s}.res-card:hover{border-color:var(--blue);background:var(--blue-pale)}.res-card.featured{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);border-color:#0000;box-shadow:0 6px 20px #1a9ef059}.res-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px;font-weight:700}.res-card.featured .res-label{color:#ffffffb3}.res-value{color:var(--black);font-size:20px;font-weight:800;line-height:1}.res-card.featured .res-value{color:#fff;font-size:22px}.res-unit{color:var(--gray-400);margin-top:4px;font-size:11px}.res-card.featured .res-unit{color:#fff9}.taux-wrap{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex}.taux-gauge{flex:1}.taux-label{color:var(--gray-800);justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.taux-bar-bg{background:var(--gray-200);border-radius:5px;height:10px;overflow:hidden}.taux-bar-fill{background:linear-gradient(to right,var(--green),var(--blue),#f59e0b,var(--orange));border-radius:5px;height:10px;transition:width .8s}.taux-scale{color:var(--gray-400);justify-content:space-between;margin-top:3px;font-size:9px;display:flex}.taux-comment{color:var(--gray-600);text-align:right;flex-shrink:0;min-width:80px;font-size:12px;font-weight:600}.bulletin{border:1px solid var(--gray-200);border-radius:var(--r-lg);margin-bottom:16px;overflow:hidden}.bulletin-header{background:var(--navy);grid-template-columns:1fr auto;align-items:start;gap:12px;padding:18px 20px;display:grid}.bul-entreprise{color:#fff;font-size:16px;font-weight:800}.bul-ville{color:#ffffff80;margin-top:2px;font-size:12px}.bul-periode{color:var(--blue);text-align:center;background:#1a9ef026;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.bul-employe{background:#ffffff0d;border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:14px 20px;display:grid}.bul-field{font-size:11px}.bul-field-label{color:#fff6;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;font-size:10px}.bul-field-val{color:#fff;font-weight:700}.bul-table{border-collapse:collapse;width:100%;font-size:12.5px}.bul-table thead th{background:var(--gray-800);color:#fff;text-align:right;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:9px 14px;font-size:10.5px}.bul-table thead th:first-child{text-align:left}.bul-table .section-head td{background:var(--navy);color:#fffc;text-transform:uppercase;letter-spacing:.08em;border-bottom:none;padding:8px 14px;font-size:11px;font-weight:700}.bul-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .15s}.bul-table tbody tr:hover{background:var(--blue-pale)}.bul-table td{text-align:right;color:var(--gray-600);padding:8px 14px}.bul-table td:first-child{text-align:left;color:var(--gray-800)}.bul-table .subtotal td{color:var(--black);background:var(--gray-50);border-top:2px solid var(--gray-200);font-weight:800}.bul-table .subtotal td:first-child{color:var(--navy)}.bul-table .net-row td{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));padding:12px 14px;font-size:15px;font-weight:800}.patronale-title{color:var(--gray-600);text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px;font-size:12px;font-weight:700}.print-btn{border:1.5px solid var(--blue);border-radius:var(--r-lg);width:100%;color:var(--blue);font-family:var(--ff);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.print-btn:hover{background:var(--blue);color:#fff}.print-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px}.article-card{background:var(--white);border-radius:var(--r-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow);padding:36px}.article-toc{background:var(--gray-50);border-radius:0 var(--r) var(--r) 0;margin-bottom:32px;padding:16px 20px}.article-toc-title{color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:11px;font-weight:700}.article-toc a{color:var(--gray-600);align-items:center;gap:8px;padding:4px 0;font-size:13px;text-decoration:none;transition:color .2s;display:flex}.article-toc a:hover{color:var(--blue)}.article-toc a:before{content:"";background:var(--blue);border-radius:50%;flex-shrink:0;width:4px;height:4px}.article-section{margin-bottom:36px}.article-section:last-child{margin-bottom:0}.article-h2{color:var(--black);align-items:center;gap:10px;margin-bottom:12px;padding-top:8px;font-size:20px;font-weight:800;display:flex}.article-h2:before{content:"";background:var(--blue);border-radius:2px;flex-shrink:0;width:3px;height:22px}.article-h3{color:var(--gray-800);margin:16px 0 8px;font-size:15px;font-weight:700}.article-p{color:var(--gray-600);margin-bottom:12px;font-size:14.5px;line-height:1.8}.tip-box{background:var(--blue-pale);border-radius:var(--r-lg);border:1px solid #1a9ef033;gap:12px;margin:16px 0;padding:16px;display:flex}.tip-icon{background:var(--blue);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.tip-icon svg{stroke:#fff;fill:none;stroke-width:2px;width:16px;height:16px}.tip-text{color:var(--gray-700);font-size:13.5px;line-height:1.7}.tip-text strong{color:var(--navy)}.comp-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}.comp-table th{background:var(--gray-800);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.07em;padding:10px 14px;font-size:11px}.comp-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-600);padding:10px 14px}.comp-table tr:last-child td{border-bottom:none}.comp-table tr:nth-child(2n) td{background:var(--gray-50)}.tranche-bar{background:var(--blue);vertical-align:middle;border-radius:4px;height:8px;margin-right:6px;display:inline-block}.sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:90px}.qa-card{background:var(--white);border-radius:var(--r-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow);overflow:hidden}.qa-header{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);padding:20px}.qa-header-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:800}.qa-header-sub{color:#ffffffa6;font-size:12px}.qa-body{padding:20px}.qa-step{display:none}.qa-step.active{animation:.3s fade-in;display:block}.qa-question{color:var(--black);margin-bottom:14px;font-size:14px;font-weight:700;line-height:1.4}.qa-step-num{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:10px;font-weight:700}.qa-options{flex-direction:column;gap:8px;display:flex}.qa-option{border:1.5px solid var(--gray-200);border-radius:var(--r);font-family:var(--ff);color:var(--gray-700);background:var(--white);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:11px 14px;font-size:13px;transition:all .2s;display:flex}.qa-option:hover,.qa-option.selected{border-color:var(--blue);background:var(--blue-pale);color:var(--blue);font-weight:600}.qa-progress{background:var(--gray-100);border-radius:3px;height:3px;margin-bottom:16px}.qa-progress-bar{background:var(--blue);border-radius:3px;height:3px;transition:width .4s}.qa-nav{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.qa-back{font-family:var(--ff);color:var(--gray-400);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;transition:color .2s}.qa-back:hover{color:var(--gray-700)}.qa-next{background:var(--blue);color:#fff;font-family:var(--ff);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.qa-next:hover{background:var(--blue-dark)}.qa-next svg{stroke:#fff;fill:none;stroke-width:2.5px;width:13px;height:13px}.qa-result{display:none}.qa-result.show{animation:.4s fade-in;display:block}.qa-result-icon{background:var(--blue-pale);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.qa-result-icon svg{width:26px;height:26px;stroke:var(--blue);fill:none;stroke-width:2px}.qa-result-title{color:var(--black);text-align:center;margin-bottom:8px;font-size:15px;font-weight:800}.qa-result-text{color:var(--gray-600);text-align:center;margin-bottom:16px;font-size:13px;line-height:1.65}.qa-result-advice{background:var(--blue-pale);border-radius:var(--r);color:var(--navy);margin-bottom:16px;padding:14px;font-size:13px;font-weight:600;line-height:1.5}.qa-cta{text-align:center;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border-radius:var(--r);width:100%;padding:12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:block;box-shadow:0 4px 14px #1a9ef04d}.qa-cta:hover{transform:translateY(-2px)}.qa-restart{text-align:center;color:var(--gray-400);cursor:pointer;font-size:12px;font-family:var(--ff);background:0 0;border:none;width:100%;margin-top:10px;transition:color .2s;display:block}.qa-restart:hover{color:var(--blue)}.contact-card{background:linear-gradient(135deg,var(--navy) 0%,#1a4a8a 100%);border-radius:var(--r-xl);padding:24px}.contact-card-title{color:#fff;margin-bottom:6px;font-size:15px;font-weight:800}.contact-card-sub{color:#ffffff8c;margin-bottom:18px;font-size:13px;line-height:1.5}.contact-item{align-items:center;gap:10px;margin-bottom:12px;display:flex}.contact-item-icon{background:#ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.contact-item-icon svg{stroke:#fff;fill:none;stroke-width:2px;width:14px;height:14px}.contact-item-text{color:#ffffffbf;font-size:13px}.contact-item-text strong{color:#fff;display:block}.contact-cta{text-align:center;background:var(--blue);color:#fff;border-radius:var(--r);width:100%;margin-top:16px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.contact-cta:hover{background:var(--blue-dark)}.dl-card{background:var(--white);border-radius:var(--r-xl);border:1px solid var(--gray-200);padding:20px}.dl-card-title{color:var(--black);margin-bottom:14px;font-size:13px;font-weight:700}.dl-item{border-radius:var(--r);border:1px solid var(--gray-100);cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;padding:10px;transition:all .2s;display:flex}.dl-item:hover{border-color:var(--blue);background:var(--blue-pale)}.dl-item:last-child{margin-bottom:0}.dl-icon{background:var(--blue-pale);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dl-icon svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:2px}.dl-name{color:var(--gray-800);font-size:12.5px;font-weight:600}.dl-meta{color:var(--gray-400);font-size:11px}@media (width<=1024px){.main-grid{grid-template-columns:1fr}.sidebar{position:static}}@media (width<=640px){.page-wrapper{padding:20px 16px 60px}.fields-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.results-top{grid-template-columns:1fr}.calc-body,.article-card{padding:20px}.bul-employe{grid-template-columns:1fr 1fr}}@media print{.page-wrapper{padding:0}.main-grid{display:block}.calc-card,.sidebar,.breadcrumb,.page-hero,.article-card{display:none!important}.bulletin{border:2px solid var(--navy);display:block!important}.print-btn{display:none!important}}@media (width<=700px){main [style*=grid-template-columns]{grid-template-columns:1fr!important}main *{min-width:0}}.bul-table tr.section-head td{opacity:1;color:#fff!important}#bul-print{display:none}@media print{@page{size:A4;margin:7mm}body.impression-bulletin>:not(#bul-print){display:none!important}body.impression-bulletin #bul-print{color:#1f2937;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:8.5pt;position:relative;display:block!important}body.impression-bulletin #bul-print *{break-inside:avoid}html,body.impression-bulletin{height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body.impression-bulletin #bul-print{overflow:hidden}}#bul-print .bp-filigrane{color:#0e74b812;letter-spacing:.1em;pointer-events:none;z-index:0;font-size:110pt;font-weight:900;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}#bul-print .bp-avert{color:#92400e;text-align:center;background:#fef3c7;border:1.5px solid #d97706;margin-bottom:5px;padding:3px 8px;font-size:8pt;font-weight:700}#bul-print .bp-tete{color:#fff;background:#0e74b8;border-bottom:4px solid #4fb3e8;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}#bul-print .bp-tete h1{letter-spacing:.02em;margin:0;font-size:18pt}#bul-print .bp-tete h1 span{opacity:.9;font-size:10pt;font-weight:600}#bul-print .bp-tete div{font-size:10pt;font-weight:700}#bul-print .bp-deux{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}#bul-print .bp-cadre{border:1px solid #9bc9e8;padding:5px 9px;font-size:8.5pt;line-height:1.4}#bul-print .bp-sal{border:2px solid #0e74b8}#bul-print .bp-nom{color:#0e74b8;font-size:11pt;font-weight:800}#bul-print .bp-it{color:#0e74b8;font-style:italic;font-weight:700}#bul-print table{border-collapse:collapse;z-index:1;width:100%;position:relative}#bul-print .bp-info{border:1px solid #9bc9e8;margin-top:6px}#bul-print .bp-info th{color:#0e3a5f;background:#dceffb;padding:3px;font-size:7.5pt}#bul-print .bp-info td{text-align:center;padding:4px;font-size:8.5pt}#bul-print .bp-tab{border:1px solid #0e74b8;margin-top:6px}#bul-print .bp-tab th{color:#fff;background:#0e74b8;border:1px solid #4fb3e8;padding:3px 4px;font-size:8pt}#bul-print .bp-tab td{border-bottom:1px dotted #e5eef5;border-left:1px solid #dceffb;padding:1.6px 5px;font-size:8.3pt}#bul-print .bp-tab .c{text-align:center}#bul-print .bp-tab .r{text-align:right;white-space:nowrap}#bul-print .bp-tab .sec td{color:#0e74b8;background:#eaf5fc;font-size:8pt;font-weight:700}#bul-print .bp-tab .tot td{background:#dceffb;border-top:1px solid #0e74b8;font-weight:800}#bul-print .bp-tab .vide td{height:5px}#bul-print .bp-recap{border:1px solid #0e74b8;margin-top:6px}#bul-print .bp-recap th{color:#fff;background:#0e74b8;padding:4px;font-size:7.5pt}#bul-print .bp-recap td{text-align:center;color:#0e74b8;padding:4px;font-size:11pt;font-weight:700}#bul-print .bp-recap .bp-net{color:#fff;background:#29a9e1}#bul-print td.bp-net{font-size:14pt;color:#0e3a5f!important;background:#eaf5fc!important}#bul-print .bp-lettres{color:#0e3a5f;margin:6px 0;font-size:8.5pt;font-style:italic}#bul-print .bp-mini{border:1px solid #9bc9e8}#bul-print .bp-mini th{color:#fff;text-align:left;background:#0e74b8;padding:4px 8px;font-size:8.5pt}#bul-print .bp-mini td{border-bottom:1px dotted #e5eef5;padding:2px 8px;font-size:8.5pt}#bul-print .bp-mini td:last-child{text-align:right;font-weight:700}#bul-print .bp-sign>div{background:linear-gradient(#dceffb 0 22px,#fff 22px);border:1px solid #9bc9e8;height:50px;padding:5px 8px}#bul-print .bp-pied{text-align:center;color:#6b7280;border-top:3px solid #0e74b8;margin-top:6px;padding-top:5px;font-size:7pt;font-style:italic}
