Simulateur de reste à charge CPF
.ecla-tool{background:#fff;border:1px solid #e2dfd7;border-radius:14px;padding:28px;margin:28px 0;font-family:’Inter’,system-ui,sans-serif;color:#23222a;}
.ecla-tool h2{margin:0 0 6px;font-size:1.5em;color:#1e2a4a;}
.ecla-tool p.sub{margin:0 0 18px;color:#6b6a72;font-size:0.95rem;}
.ecla-tool label{display:block;font-weight:600;font-size:0.9rem;margin:14px 0 4px;color:#2c3e6b;}
.ecla-tool input{width:100%;max-width:320px;padding:11px 14px;border:1px solid #e2dfd7;border-radius:8px;font-size:1rem;font-family:inherit;}
.ecla-tool input:focus{outline:2px solid #e8a33d;border-color:transparent;}
.ecla-tool button{margin-top:18px;background:#2c3e6b;color:#fff;border:none;border-radius:8px;padding:12px 26px;font-size:1rem;font-weight:600;cursor:pointer;}
.ecla-tool button:hover{background:#1e2a4a;}
.ecla-tool .result{margin-top:18px;padding:16px 18px;border-radius:10px;background:#e8ebf5;font-size:1.05rem;line-height:1.6;display:none;}
.ecla-tool .result.show{display:block;}
.ecla-tool .result strong{color:#1e2a4a;}
.ecla-tool .result .big{font-size:1.6em;font-weight:700;color:#2c3e6b;}
.ecla-tool .note{font-size:0.8rem;color:#6b6a72;margin-top:14px;}
Simulateur de reste à charge CPF
Estimez ce qu’il vous restera à payer après utilisation de votre compte CPF.
Résultat indicatif. Le reste à charge réel dépend de votre situation et des prises en charge possibles (Pôle emploi, région, employeur).
function calcCpf(){
var cout=parseFloat(document.getElementById(‘cpf-cout’).value)||0;
var solde=parseFloat(document.getElementById(‘cpf-solde’).value)||0;
var reste=Math.max(0,cout-solde);
var r=document.getElementById(‘cpf-result’);
var html= »;
if(cout<=0){ r.classList.remove('show'); return; }
if(reste===0){
html='0 € de reste à charge.
Votre solde CPF (‘+solde.toLocaleString(‘fr-FR’)+’ €) couvre la totalité de la formation (‘+cout.toLocaleString(‘fr-FR’)+’ €).’;
} else {
html=’Reste à charge : ‘+reste.toLocaleString(‘fr-FR’)+’ €
Coût : ‘+cout.toLocaleString(‘fr-FR’)+’ € − CPF : ‘+solde.toLocaleString(‘fr-FR’)+’ €.’;
}
r.innerHTML=html; r.classList.add(‘show’);
}