Guide complet du bilan de compétences 2026 : financement CPF (350 000 bilans/an), démarches sur moncompteformation.gouv.fr, coûts et alternatives pour salariés et demandeurs d’emploi.
Normes et référentiels du diagnostic immobilier
/* ===== STYLES SCOPÉS — préfixe .nr- pour éviter tout conflit ===== */ .nr-article { color: #0e1a24; line-height: 1.8; } .nr-chapo { font-size: 1.06rem; line-height: 1.75; color: #1a2e40; border-left: 4px solid #0c7abf; padding: 14px 18px; background: #f6f9fc; border-radius: 0 8px 8px 0; margin: 20px 0 24px; } .nr-tip { border-left: 4px solid #0c7abf; background: #f6f9fc; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .nr-warning { border-left: 4px solid #e07b00; background: #fff8f0; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .nr-danger { border-left: 4px solid #b5000e; background: #fff5f5; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .nr-success { border-left: 4px solid #137a2e; background: #f0faf3; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } /* ===== SOMMAIRE ===== */ .nr-toc { border: 1px solid #e6edf5; border-radius: 12px; padding: 20px 22px; margin: 24px 0; background: #f6f9fc; } .nr-toc strong { display: block; margin-bottom: 10px; font-size: 1rem; color: #0f2233; } .nr-toc ol { margin: 0; padding-left: 22px; } .nr-toc li { margin: 5px 0; font-size: .95rem; } .nr-toc a { color: #0c7abf; font-weight: 600; text-decoration: none; } .nr-toc a:hover { text-decoration: underline; } /* ===== STAT BOXES ===== */ .nr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin: 24px 0; } .nr-stat-box { border: 2px solid #e6edf5; border-radius: 12px; padding: 18px; background: #fff; text-align: center; box-shadow: 0 2px 8px rgba(12,122,191,.06); } .nr-stat-num { font-size: 1.9rem; font-weight: 800; color: #0c7abf; line-height: 1; margin-bottom: 6px; } .nr-stat-label { font-size: .87rem; color: #1a2e40; font-weight: 600; } .nr-stat-sub { font-size: .77rem; color: #5a6875; margin-top: 3px; } /* ===== NORME CARD ===== */ .nr-norme-card { border: 2px solid #e6edf5; border-radius: 14px; padding: 0; margin: 24px 0; background: #fff; box-shadow: 0 3px 16px rgba(12,122,191,.08); overflow: hidden; } .nr-norme-header { padding: 18px 22px 14px; display: flex; align-items: flex-start; gap: 14px; border-bottom: 2px solid #f0f4f8; } .nr-norme-icon { font-size: 2.2rem; line-height: 1; flex-shrink: 0; } .nr-norme-meta { flex: 1; } .nr-norme-ref { font-family: ‘Courier New’, monospace; font-size: .8rem; font-weight: 700; color: #0c7abf; background: #e8f3fb; border-radius: 6px; padding: 2px 8px; display: inline-block; margin-bottom: 5px; letter-spacing: .05em; } .nr-norme-title { font-size: 1.1rem; font-weight: 800; color: #0f2233; margin-bottom: 6px; } .nr-norme-tags { display: flex; flex-wrap: wrap; gap: 6px; } .nr-tag { display:inline-block; background:#e8f3fb; color:#0c7abf; border-radius:999px; padding:2px 10px; font-size:.77rem; font-weight:700; } .nr-tag-green { background:#e6f7ec; color:#137a2e; } .nr-tag-orange { background:#fff3e0; color:#e07b00; } .nr-tag-red { background:#fff5f5; color:#b5000e; } .nr-tag-purple { background:#ede9fe; color:#7c3aed; } .nr-tag-dark { background:#1e3a5f; color:#fff; } .nr-norme-body { padding: 18px 22px; } .nr-norme-desc { font-size: .95rem; color: #1a2e40; margin-bottom: 14px; } .nr-norme-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin: 12px 0; } .nr-detail-item { background: #f6f9fc; border-radius: 8px; padding: 10px 12px; font-size: .85rem; } .nr-detail-item strong { display: block; color: #0c7abf; font-size: .73rem; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 3px; } .nr-norme-list { list-style: none; padding: 0; margin: 12px 0; } .nr-norme-list li { padding: 5px 0 5px 22px; position: relative; font-size: .91rem; color: #1a2e40; border-bottom: 1px solid #f0f4f8; } .nr-norme-list li:last-child { border-bottom: none; } .nr-norme-list li::before { content: “→”; position: absolute; left: 0; color: #0c7abf; font-weight: 700; } .nr-norme-footer { padding: 14px 22px; background: #f6f9fc; border-top: 2px solid #f0f4f8; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; } .nr-norme-footer-label { font-size: .85rem; color: #5a6875; } .nr-norme-link { display: inline-block; background: #0c7abf; color: #fff !important; padding: 9px 18px; border-radius: 8px; text-decoration: none !important; font-weight: 700; font-size: .88rem; white-space: nowrap; } .nr-norme-link:hover { background: #0a5f96; } @media (max-width: 520px) { .nr-norme-header { flex-direction: column; gap: 8px; } .nr-norme-footer { flex-direction: column; } .nr-norme-link { text-align: center; width: 100%; } } /* ===== SECTION HEADER ===== */ .nr-section-header { background: linear-gradient(135deg, #0f2233 0%, #1a3a52 100%); color: #fff; border-radius: 12px; padding: 16px 20px; margin: 36px 0 20px; display: flex; align-items: center; gap: 12px; } .nr-section-header-icon { font-size: 1.8rem; flex-shrink: 0; } .nr-section-header-title { font-size: 1.1rem; font-weight: 800; color: #fff; margin: 0; } .nr-section-header-sub { font-size: .83rem; color: #9ec5e0; margin: 3px 0 0; } /* ===== TABLEAU RÉCAPITULATIF ===== */ .nr-table { overflow-x: auto; margin: 24px 0; border-radius: 12px; box-shadow: 0 2px 12px rgba(12,122,191,.08); } .nr-table table { width: 100%; border-collapse: collapse; font-size: .86rem; min-width: 600px; } .nr-table thead th { background: #0f2233; color: #fff; padding: 13px 14px; font-weight: 700; text-align: left; font-size: .8rem; letter-spacing: .03em; } .nr-table thead th:first-child { border-radius: 12px 0 0 0; } .nr-table thead th:last-child { border-radius: 0 12px 0 0; } .nr-table tbody tr:nth-child(even) td { background: #f8fbfe; } .nr-table tbody tr:hover td { background: #e8f3fb; } .nr-table td { border-bottom: 1px solid #e6edf5; padding: 11px 13px; vertical-align: middle; color: #1a2e40; font-size: .85rem; } .nr-table td:first-child { font-weight: 700; color: #0f2233; font-family: ‘Courier New’, monospace; font-size: .82rem; } .nr-table tbody tr:last-child td { border-bottom: none; } .nr-table tbody tr:last-child td:first-child { border-radius: 0 0 0 12px; } .nr-table tbody tr:last-child td:last-child { border-radius: 0 0 12px 0; } /* ===== CARTE GÉNÉRIQUE ===== */ .nr-card { border: 2px solid #e6edf5; border-radius: 14px; padding: 22px; margin: 20px 0; background: #fff; box-shadow: 0 2px 12px rgba(12,122,191,.06); } .nr-card-icon { font-size: 2rem; margin-bottom: 10px; display: block; } .nr-card-title { font-size: 1.1rem; font-weight: 700; color: #0f2233; margin-bottom: 10px; } .nr-list { list-style: none; padding: 0; margin: 10px 0; } .nr-list li { padding: 5px 0 5px 24px; position: relative; font-size: .95rem; color: #1a2e40; } .nr-list li::before { content: “✓”; position: absolute; left: 0; color: #0c7abf; font-weight: 700; } /* ===== FORMATIONS GRID ===== */ .nr-fc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin: 24px 0; } .nr-fc-card { border: 2px solid #e6edf5; border-radius: 12px; padding: 20px; background: #fff; display: flex; flex-direction: column; gap: 10px; } .nr-fc-icon { font-size: 1.7rem; } .nr-fc-title { font-weight: 800; color: #0f2233; font-size: .97rem; } .nr-fc-desc { font-size: .87rem; color: #5a6875; flex: 1; line-height: 1.6; } .nr-fc-link { display: block; background: #0c7abf; color: #fff !important; padding: 9px 14px; border-radius: 8px; text-decoration: none !important; font-weight: 700; font-size: .85rem; text-align: center; } .nr-fc-link:hover { background: #0a5f96; } /* ===== BANNIÈRE FORMATION ===== */ .nr-banner { border-radius: 14px; background: linear-gradient(135deg, #0f2233 0%, #0c4a6e 100%); color: #fff;
Loi Climat et Résilience : quelles conséquences pour le métier de diagnostiqueur immobilier
/* ===== STYLES SCOPÉS — préfixe .lc- pour éviter tout conflit ===== */ .lc-article { color: #0e1a24; line-height: 1.8; } .lc-chapo { font-size: 1.06rem; line-height: 1.75; color: #1a2e40; border-left: 4px solid #0c7abf; padding: 14px 18px; background: #f6f9fc; border-radius: 0 8px 8px 0; margin: 20px 0 24px; } .lc-tip { border-left: 4px solid #0c7abf; background: #f6f9fc; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .lc-warning { border-left: 4px solid #e07b00; background: #fff8f0; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .lc-danger { border-left: 4px solid #b5000e; background: #fff5f5; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .lc-success { border-left: 4px solid #137a2e; background: #f0faf3; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .lc-future { border-left: 4px solid #7c3aed; background: #f5f3ff; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } /* ===== SOMMAIRE ===== */ .lc-toc { border: 1px solid #e6edf5; border-radius: 12px; padding: 20px 22px; margin: 24px 0; background: #f6f9fc; } .lc-toc strong { display: block; margin-bottom: 10px; font-size: 1rem; color: #0f2233; } .lc-toc ol { margin: 0; padding-left: 22px; } .lc-toc li { margin: 5px 0; font-size: .95rem; } .lc-toc a { color: #0c7abf; font-weight: 600; text-decoration: none; } .lc-toc a:hover { text-decoration: underline; } /* ===== LOI HERO BANNER ===== */ .lc-law-banner { background: linear-gradient(135deg, #0f2233 0%, #064e3b 100%); border-radius: 14px; padding: 26px 28px; margin: 24px 0; color: #fff; position: relative; overflow: hidden; } .lc-law-banner::after { content: “🌿”; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 5rem; opacity: .12; } .lc-law-banner-title { font-size: 1.15rem; font-weight: 800; margin-bottom: 8px; color: #fff; } .lc-law-banner-body { font-size: .93rem; color: #a7f3d0; line-height: 1.7; } .lc-law-banner-meta { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; } .lc-law-pill { display: inline-block; background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.3); border-radius: 999px; padding: 4px 14px; font-size: .78rem; font-weight: 700; color: #fff; } /* ===== STATS ===== */ .lc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin: 24px 0; } .lc-stat-box { border: 2px solid #e6edf5; border-radius: 12px; padding: 18px; background: #fff; text-align: center; box-shadow: 0 2px 8px rgba(12,122,191,.06); } .lc-stat-num { font-size: 1.9rem; font-weight: 800; color: #0c7abf; line-height: 1; margin-bottom: 6px; } .lc-stat-label { font-size: .87rem; color: #1a2e40; font-weight: 600; } .lc-stat-sub { font-size: .77rem; color: #5a6875; margin-top: 3px; } /* ===== IMPACT CARD ===== */ .lc-impact-card { border: 2px solid #e6edf5; border-radius: 14px; padding: 22px; margin: 22px 0; background: #fff; box-shadow: 0 2px 14px rgba(12,122,191,.07); position: relative; overflow: hidden; } .lc-impact-card-positive::before { content:””; position:absolute; top:0;left:0;width:5px;height:100%; background:linear-gradient(180deg,#0c7abf,#137a2e); border-radius:14px 0 0 14px; } .lc-impact-card-negative::before { content:””; position:absolute; top:0;left:0;width:5px;height:100%; background:linear-gradient(180deg,#e07b00,#b5000e); border-radius:14px 0 0 14px; } .lc-impact-card-neutral::before { content:””; position:absolute; top:0;left:0;width:5px;height:100%; background:#0c7abf; border-radius:14px 0 0 14px; } .lc-impact-head { display:flex; align-items:flex-start; gap:14px; margin-bottom:12px; } .lc-impact-icon { font-size:2.2rem; line-height:1; flex-shrink:0; } .lc-impact-title { font-size:1.1rem; font-weight:800; color:#0f2233; margin-bottom:5px; } .lc-impact-tags { display:flex; flex-wrap:wrap; gap:6px; } .lc-tag { display:inline-block; background:#e8f3fb; color:#0c7abf; border-radius:999px; padding:2px 10px; font-size:.77rem; font-weight:700; } .lc-tag-green { background:#e6f7ec; color:#137a2e; } .lc-tag-orange { background:#fff3e0; color:#e07b00; } .lc-tag-red { background:#fff5f5; color:#b5000e; } .lc-tag-purple { background:#ede9fe; color:#7c3aed; } .lc-impact-body { font-size:.95rem; color:#1a2e40; } .lc-impact-list { list-style:none; padding:0; margin:10px 0; } .lc-impact-list li { padding:5px 0 5px 24px; position:relative; font-size:.92rem; color:#1a2e40; border-bottom:1px solid #f0f4f8; } .lc-impact-list li:last-child { border-bottom:none; } .lc-impact-list li::before { content:”→”; position:absolute; left:0; color:#0c7abf; font-weight:700; } @media (max-width:520px) { .lc-impact-head { flex-direction:column; gap:8px; } } /* ===== CALENDRIER TIMELINE ===== */ .lc-timeline { margin:24px 0; padding:0; list-style:none; } .lc-timeline li { display:flex; gap:16px; align-items:flex-start; margin-bottom:20px; position:relative; } .lc-timeline li:not(:last-child)::after { content:””; position:absolute; left:22px; top:46px; width:2px; height:calc(100% – 4px); background:linear-gradient(180deg,#137a2e 0%,#e6edf5 100%); } .lc-timeline-dot { flex-shrink:0; width:46px; height:46px; border-radius:50%; background:#137a2e; color:#fff; font-weight:800; font-size:.78rem; display:flex; align-items:center; justify-content:center; z-index:1; text-align:center; line-height:1.2; padding:4px; } .lc-timeline-dot-future { background:linear-gradient(135deg,#0c7abf,#7c3aed); } .lc-timeline-body { flex:1; border:2px solid #e6edf5; border-radius:12px; padding:14px 18px; background:#fff; margin-top:4px; } .lc-timeline-date { font-size:.8rem; font-weight:700; color:#137a2e; text-transform:uppercase; letter-spacing:.05em; margin-bottom:4px; } .lc-timeline-date-future { color:#0c7abf; } .lc-timeline-title { font-size:1rem; font-weight:700; color:#0f2233; margin-bottom:6px; } .lc-timeline-desc { font-size:.91rem; color:#1a2e40; } .lc-tl-badge { display:inline-block; margin-top:8px; background:#e6f7ec; color:#137a2e; border-radius:999px; padding:2px 10px; font-size:.77rem; font-weight:700; } .lc-tl-badge-blue { background:#e8f3fb; color:#0c7abf; } .lc-tl-badge-purple { background:#ede9fe; color:#7c3aed; } .lc-tl-badge-orange { background:#fff3e0; color:#e07b00; } @media (max-width:520px) { .lc-timeline li:not(:last-child)::after { display:none; } } /* ===== OPPORTUNITÉS GRID ===== */ .lc-opp-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:16px; margin:24px 0; } .lc-opp-card { border:2px solid #c3e6cb; border-radius:12px; padding:18px; background:#f0faf3; } .lc-opp-icon { font-size:1.8rem; margin-bottom:8px; } .lc-opp-title { font-size:1rem; font-weight:800; color:#064e3b; margin-bottom:8px; } .lc-opp-desc { font-size:.88rem; color:#1a2e40; line-height:1.65; } .lc-opp-metric { margin-top:10px; background:#fff; border-radius:8px; padding:8px 12px; font-size:.85rem; font-weight:700; color:#137a2e; border:1px solid #c3e6cb; } /* ===== TABLEAU OBLIGATIONS ===== */ .lc-table { overflow-x:auto; margin:24px 0; border-radius:12px; box-shadow:0 2px 12px rgba(12,122,191,.08); } .lc-table table { width:100%; border-collapse:collapse; font-size:.88rem; min-width:560px; } .lc-table thead th { background:#0f2233; color:#fff; padding:13px 14px; font-weight:700; text-align:left; font-size:.82rem; letter-spacing:.03em; } .lc-table thead th:first-child { border-radius:12px 0 0 0; } .lc-table thead th:last-child { border-radius:0 12px 0 0; } .lc-table tbody tr:nth-child(even) td { background:#f8fbfe; } .lc-table tbody tr:hover td { background:#e8f3fb; } .lc-table td { border-bottom:1px solid #e6edf5; padding:12px 14px; vertical-align:middle; color:#1a2e40; } .lc-table td:first-child { font-weight:700; color:#0f2233; } .lc-table tbody tr:last-child td { border-bottom:none; } .lc-table tbody tr:last-child td:first-child { border-radius:0 0 0 12px; } .lc-table tbody tr:last-child td:last-child { border-radius:0 0 12px 0; } .lc-yes { color:#137a2e; font-weight:700; } .lc-no { color:#b5000e; font-weight:700; } .lc-cond { color:#e07b00; font-weight:700; } /* ===== FORMATIONS GRID ===== */ .lc-fc-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(230px,1fr)); gap:16px; margin:24px 0; } .lc-fc-card { border:2px solid #e6edf5; border-radius:12px; padding:20px; background:#fff; display:flex; flex-direction:column; gap:10px; } .lc-fc-icon { font-size:1.7rem; } .lc-fc-title { font-weight:800; color:#0f2233; font-size:.97rem; } .lc-fc-desc { font-size:.87rem; color:#5a6875; flex:1; line-height:1.6; } .lc-fc-link { display:block; background:#0c7abf; color:#fff !important; padding:9px 14px; border-radius:8px; text-decoration:none !important; font-weight:700; font-size:.85rem; text-align:center; } .lc-fc-link:hover { background:#0a5f96; } /* ===== CTA ===== */ .lc-cta { border:2px solid #e6edf5; background:linear-gradient(135deg,#f0f8ff 0%,#e8f3fb 100%); padding:24px; border-radius:14px; margin:32px 0; } .lc-cta h3 { margin:0 0 10px; color:#0f2233; font-size:1.15rem; } .lc-cta p { font-size:.96rem; color:#1a2e40; margin:0; } .lc-cta-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; } .lc-btn { display:inline-block; background:#0c7abf; color:#fff !important; padding:11px 20px; border-radius:8px; text-decoration:none !important; font-weight:700; font-size:.95rem; } .lc-btn:hover { background:#0a5f96; } .lc-btn-outline { display:inline-block; border:2px solid #0c7abf; color:#0c7abf !important; padding:9px 18px; border-radius:8px;
Peut-on perdre sa certification sans formation continue ?
/* ===== STYLES SCOPÉS — préfixe .pc- pour éviter tout conflit ===== */ .pc-article { color: #0e1a24; line-height: 1.8; } .pc-chapo { font-size: 1.06rem; line-height: 1.75; color: #1a2e40; border-left: 4px solid #0c7abf; padding: 14px 18px; background: #f6f9fc; border-radius: 0 8px 8px 0; margin: 20px 0 24px; } .pc-tip { border-left: 4px solid #0c7abf; background: #f6f9fc; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .pc-warning { border-left: 4px solid #e07b00; background: #fff8f0; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .pc-danger { border-left: 4px solid #b5000e; background: #fff5f5; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .pc-success { border-left: 4px solid #137a2e; background: #f0faf3; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } /* ===== SOMMAIRE ===== */ .pc-toc { border: 1px solid #e6edf5; border-radius: 12px; padding: 20px 22px; margin: 24px 0; background: #f6f9fc; } .pc-toc strong { display: block; margin-bottom: 10px; font-size: 1rem; color: #0f2233; } .pc-toc ol { margin: 0; padding-left: 22px; } .pc-toc li { margin: 5px 0; font-size: .95rem; } .pc-toc a { color: #0c7abf; font-weight: 600; text-decoration: none; } .pc-toc a:hover { text-decoration: underline; } /* ===== ALERTE HERO ===== */ .pc-hero-alert { background: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 100%); border-radius: 14px; padding: 24px 26px; margin: 24px 0; color: #fff; position: relative; overflow: hidden; } .pc-hero-alert::after { content: “⚠️”; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 5rem; opacity: .12; } .pc-hero-alert-title { font-size: 1.2rem; font-weight: 800; margin-bottom: 8px; } .pc-hero-alert-body { font-size: .95rem; color: #fecaca; line-height: 1.7; } /* ===== STAT BOXES ===== */ .pc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin: 24px 0; } .pc-stat-box { border: 2px solid #e6edf5; border-radius: 12px; padding: 18px; background: #fff; text-align: center; box-shadow: 0 2px 8px rgba(12,122,191,.06); } .pc-stat-num { font-size: 2rem; font-weight: 800; color: #b5000e; line-height: 1; margin-bottom: 6px; } .pc-stat-label { font-size: .88rem; color: #1a2e40; font-weight: 600; } .pc-stat-sub { font-size: .78rem; color: #5a6875; margin-top: 3px; } /* ===== SCENARIO CARD ===== */ .pc-scenario { border: 2px solid #e6edf5; border-radius: 14px; padding: 22px; margin: 20px 0; background: #fff; box-shadow: 0 2px 12px rgba(12,122,191,.06); position: relative; overflow: hidden; } .pc-scenario-danger::before { content:””; position:absolute; top:0;left:0;width:5px;height:100%; background:#b5000e; border-radius:14px 0 0 14px; } .pc-scenario-warning::before { content:””; position:absolute; top:0;left:0;width:5px;height:100%; background:#e07b00; border-radius:14px 0 0 14px; } .pc-scenario-success::before { content:””; position:absolute; top:0;left:0;width:5px;height:100%; background:#137a2e; border-radius:14px 0 0 14px; } .pc-scenario-head { display:flex; align-items:flex-start; gap:14px; margin-bottom:12px; } .pc-scenario-icon { font-size:2rem; line-height:1; flex-shrink:0; } .pc-scenario-title { font-size:1.1rem; font-weight:800; color:#0f2233; margin-bottom:4px; } .pc-scenario-sub { font-size:.83rem; color:#5a6875; } .pc-scenario-body { font-size:.95rem; color:#1a2e40; } .pc-list { list-style:none; padding:0; margin:10px 0; } .pc-list li { padding:5px 0 5px 24px; position:relative; font-size:.93rem; color:#1a2e40; border-bottom:1px solid #f0f4f8; } .pc-list li:last-child { border-bottom:none; } .pc-list li::before { content:”→”; position:absolute; left:0; color:#0c7abf; font-weight:700; } .pc-list-check li::before { content:”✓”; color:#137a2e; } .pc-list-cross li::before { content:”✗”; color:#b5000e; } @media (max-width:520px) { .pc-scenario-head { flex-direction:column; gap:8px; } } /* ===== TIMELINE CONSÉQUENCES ===== */ .pc-cascade { margin:24px 0; padding:0; list-style:none; } .pc-cascade li { display:flex; gap:16px; align-items:flex-start; margin-bottom:16px; position:relative; } .pc-cascade li:not(:last-child)::after { content:””; position:absolute; left:22px; top:46px; width:2px; height:calc(100% – 4px); background:linear-gradient(180deg,#b5000e 0%,#e6edf5 100%); } .pc-cascade-dot { flex-shrink:0; width:46px; height:46px; border-radius:50%; background:#b5000e; color:#fff; font-weight:800; font-size:.82rem; display:flex; align-items:center; justify-content:center; z-index:1; text-align:center; line-height:1.2; padding:4px; } .pc-cascade-body { flex:1; background:#fff; border:2px solid #f5c6c6; border-radius:12px; padding:14px 18px; margin-top:4px; } .pc-cascade-title { font-size:1rem; font-weight:700; color:#7f1d1d; margin-bottom:5px; } .pc-cascade-desc { font-size:.91rem; color:#1a2e40; } @media (max-width:520px) { .pc-cascade li:not(:last-child)::after { display:none; } } /* ===== COMPARATIF AVANT/APRES ===== */ .pc-before-after { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:24px 0; } .pc-before { background:#fff5f5; border:2px solid #f5c6c6; border-radius:12px; padding:18px; } .pc-after { background:#f0faf3; border:2px solid #c3e6cb; border-radius:12px; padding:18px; } .pc-before strong { color:#b5000e; display:block; margin-bottom:10px; font-size:.97rem; } .pc-after strong { color:#137a2e; display:block; margin-bottom:10px; font-size:.97rem; } .pc-before ul, .pc-after ul { margin:0; padding-left:16px; font-size:.9rem; } .pc-before li, .pc-after li { margin-bottom:6px; } @media (max-width:540px) { .pc-before-after { grid-template-columns:1fr; } } /* ===== FORMATION CONTINUE CARDS ===== */ .pc-fc-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:16px; margin:24px 0; } .pc-fc-card { border:2px solid #e6edf5; border-radius:14px; padding:0; background:#fff; overflow:hidden; box-shadow:0 2px 10px rgba(12,122,191,.07); display:flex; flex-direction:column; } .pc-fc-card-top { padding:18px 20px 14px; border-bottom:2px solid #f0f4f8; } .pc-fc-card-icon { font-size:1.8rem; margin-bottom:8px; } .pc-fc-card-title { font-size:1rem; font-weight:800; color:#0f2233; margin-bottom:6px; } .pc-fc-card-tags { display:flex; flex-wrap:wrap; gap:5px; } .pc-fc-tag { display:inline-block; background:#e8f3fb; color:#0c7abf; border-radius:999px; padding:2px 9px; font-size:.73rem; font-weight:700; } .pc-fc-tag-green { background:#e6f7ec; color:#137a2e; } .pc-fc-card-body { padding:14px 20px; font-size:.88rem; color:#1a2e40; flex:1; line-height:1.65; } .pc-fc-card-footer { padding:12px 20px; background:#f6f9fc; border-top:2px solid #f0f4f8; } .pc-fc-link { display:block; background:#0c7abf; color:#fff !important; padding:9px 14px; border-radius:8px; text-decoration:none !important; font-weight:700; font-size:.85rem; text-align:center; } .pc-fc-link:hover { background:#0a5f96; } /* ===== CARDS ===== */ .pc-card { border:2px solid #e6edf5; border-radius:14px; padding:22px; margin:20px 0; background:#fff; box-shadow:0 2px 12px rgba(12,122,191,.06); } .pc-card-icon { font-size:2rem; margin-bottom:10px; display:block; } .pc-card-title { font-size:1.1rem; font-weight:700; color:#0f2233; margin-bottom:10px; } /* ===== BANNIÈRE DARK ===== */ .pc-banner { border-radius:14px; background:linear-gradient(135deg,#0f2233 0%,#0c4a6e 100%); color:#fff; padding:28px 26px; margin:32px 0; position:relative; overflow:hidden; } .pc-banner::after { content:”🎓”; position:absolute; right:24px; top:50%; transform:translateY(-50%); font-size:5rem; opacity:.1; } .pc-banner h3 { color:#fff; font-size:1.2rem; margin:0 0 10px; } .pc-banner p { font-size:.95rem; color:#cfe2f3; margin:0; } .pc-banner-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; } .pc-banner-btn { display:inline-block; background:#fff; color:#0c7abf !important; padding:10px 18px; border-radius:8px; text-decoration:none !important; font-weight:700; font-size:.92rem; } .pc-banner-btn:hover { background:#e8f3fb; } .pc-banner-btn-outline { display:inline-block; border:2px solid rgba(255,255,255,.5); color:#fff !important; padding:8px 16px; border-radius:8px; text-decoration:none !important; font-weight:700; font-size:.92rem; } .pc-banner-btn-outline:hover { background:rgba(255,255,255,.15); } /* ===== CTA ===== */ .pc-cta { border:2px solid #e6edf5; background:linear-gradient(135deg,#f0f8ff 0%,#e8f3fb 100%); padding:24px; border-radius:14px; margin:32px 0; } .pc-cta h3 { margin:0 0 10px; color:#0f2233; font-size:1.15rem; } .pc-cta p { font-size:.96rem; color:#1a2e40; margin:0; } .pc-cta-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; } .pc-btn { display:inline-block; background:#0c7abf; color:#fff !important; padding:11px 20px; border-radius:8px; text-decoration:none !important; font-weight:700; font-size:.95rem; } .pc-btn:hover { background:#0a5f96; } .pc-btn-outline { display:inline-block; border:2px solid #0c7abf; color:#0c7abf !important; padding:9px 18px; border-radius:8px; text-decoration:none !important; font-weight:700; font-size:.95rem; } .pc-btn-outline:hover { background:#0c7abf; color:#fff !important; } /* ===== CHIPS ===== */ .pc-chips { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; } .pc-chip { display:inline-block; padding:8px 16px; border-radius:999px; border:2px solid #0c7abf; color:#0b5ea8 !important; text-decoration:none !important; font-weight:700; font-size:.88rem; background:#fff; } .pc-chip:hover { background:#0c7abf; color:#fff !important; } .pc-chip-solid { background:#0c7abf; color:#fff !important; border-color:#0c7abf; } /* =====
Quelles formations sont reconnues pour le renouvellement de certification ?
/* ===== STYLES SCOPÉS — préfixe .rc- pour éviter tout conflit ===== */ .rc-article { color: #0e1a24; line-height: 1.8; } .rc-chapo { font-size: 1.06rem; line-height: 1.75; color: #1a2e40; border-left: 4px solid #0c7abf; padding: 14px 18px; background: #f6f9fc; border-radius: 0 8px 8px 0; margin: 20px 0 24px; } .rc-tip { border-left: 4px solid #0c7abf; background: #f6f9fc; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .rc-warning { border-left: 4px solid #e07b00; background: #fff8f0; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .rc-danger { border-left: 4px solid #b5000e; background: #fff5f5; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .rc-success { border-left: 4px solid #137a2e; background: #f0faf3; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } /* ===== SOMMAIRE ===== */ .rc-toc { border: 1px solid #e6edf5; border-radius: 12px; padding: 20px 22px; margin: 24px 0; background: #f6f9fc; } .rc-toc strong { display: block; margin-bottom: 10px; font-size: 1rem; color: #0f2233; } .rc-toc ol { margin: 0; padding-left: 22px; } .rc-toc li { margin: 5px 0; font-size: .95rem; } .rc-toc a { color: #0c7abf; font-weight: 600; text-decoration: none; } .rc-toc a:hover { text-decoration: underline; } /* ===== STAT BOXES ===== */ .rc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin: 24px 0; } .rc-stat-box { border: 2px solid #e6edf5; border-radius: 12px; padding: 18px; background: #fff; text-align: center; box-shadow: 0 2px 8px rgba(12,122,191,.06); } .rc-stat-num { font-size: 2rem; font-weight: 800; color: #0c7abf; line-height: 1; margin-bottom: 6px; } .rc-stat-label { font-size: .88rem; color: #1a2e40; font-weight: 600; } .rc-stat-sub { font-size: .78rem; color: #5a6875; margin-top: 3px; } /* ===== FORMATION CONTINUE CARD — PRINCIPALE ===== */ .rc-fc-card { border: 2px solid #e6edf5; border-radius: 16px; padding: 0; margin: 24px 0; background: #fff; box-shadow: 0 3px 16px rgba(12,122,191,.08); overflow: hidden; } .rc-fc-card-header { padding: 20px 24px 16px; display: flex; align-items: flex-start; gap: 16px; border-bottom: 2px solid #f0f4f8; } .rc-fc-card-icon { font-size: 2.4rem; line-height: 1; flex-shrink: 0; } .rc-fc-card-meta { flex: 1; } .rc-fc-card-title { font-size: 1.15rem; font-weight: 800; color: #0f2233; margin-bottom: 6px; } .rc-fc-card-tags { display: flex; flex-wrap: wrap; gap: 6px; } .rc-tag { display: inline-block; background: #e8f3fb; color: #0c7abf; border-radius: 999px; padding: 2px 10px; font-size: .77rem; font-weight: 700; } .rc-tag-green { background: #e6f7ec; color: #137a2e; } .rc-tag-orange { background: #fff3e0; color: #e07b00; } .rc-tag-purple { background: #ede9fe; color: #7c3aed; } .rc-fc-card-body { padding: 18px 24px; } .rc-fc-card-desc { font-size: .95rem; color: #1a2e40; margin-bottom: 14px; } .rc-fc-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin: 14px 0; } .rc-fc-detail-item { background: #f6f9fc; border-radius: 8px; padding: 10px 12px; font-size: .85rem; } .rc-fc-detail-item strong { display: block; color: #0c7abf; font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 3px; } .rc-fc-list { list-style: none; padding: 0; margin: 12px 0; } .rc-fc-list li { padding: 5px 0 5px 22px; position: relative; font-size: .9rem; color: #1a2e40; border-bottom: 1px solid #f0f4f8; } .rc-fc-list li:last-child { border-bottom: none; } .rc-fc-list li::before { content: “✓”; position: absolute; left: 0; color: #0c7abf; font-weight: 700; } .rc-fc-card-footer { padding: 16px 24px; background: #f6f9fc; border-top: 2px solid #f0f4f8; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; } .rc-fc-card-footer-info { font-size: .88rem; color: #5a6875; } .rc-fc-link { display: inline-block; background: #0c7abf; color: #fff !important; padding: 10px 20px; border-radius: 8px; text-decoration: none !important; font-weight: 700; font-size: .9rem; white-space: nowrap; } .rc-fc-link:hover { background: #0a5f96; } @media (max-width: 520px) { .rc-fc-card-header { flex-direction: column; gap: 10px; } .rc-fc-card-footer { flex-direction: column; align-items: flex-start; } .rc-fc-link { width: 100%; text-align: center; } } /* ===== PROCESSUS RENOUVELLEMENT ===== */ .rc-process { counter-reset: step; margin: 24px 0; padding: 0; list-style: none; } .rc-process li { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 18px; position: relative; } .rc-process li:not(:last-child)::after { content: “”; position: absolute; left: 22px; top: 46px; width: 2px; height: calc(100% – 10px); background: linear-gradient(180deg, #0c7abf 0%, #e6edf5 100%); } .rc-process-num { flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; background: #0c7abf; color: #fff; font-weight: 800; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; z-index: 1; } .rc-process-body { flex: 1; background: #fff; border: 2px solid #e6edf5; border-radius: 12px; padding: 14px 18px; margin-top: 4px; } .rc-process-title { font-size: 1rem; font-weight: 700; color: #0f2233; margin-bottom: 5px; } .rc-process-desc { font-size: .91rem; color: #1a2e40; } @media (max-width: 520px) { .rc-process li:not(:last-child)::after { display: none; } } /* ===== TABLEAU RÉCAPITULATIF ===== */ .rc-table { overflow-x: auto; margin: 24px 0; border-radius: 12px; box-shadow: 0 2px 12px rgba(12,122,191,.08); } .rc-table table { width: 100%; border-collapse: collapse; font-size: .88rem; min-width: 580px; } .rc-table thead th { background: #0f2233; color: #fff; padding: 13px 14px; font-weight: 700; text-align: left; font-size: .82rem; letter-spacing: .03em; } .rc-table thead th:first-child { border-radius: 12px 0 0 0; } .rc-table thead th:last-child { border-radius: 0 12px 0 0; } .rc-table tbody tr:nth-child(even) td { background: #f8fbfe; } .rc-table tbody tr:hover td { background: #e8f3fb; } .rc-table td { border-bottom: 1px solid #e6edf5; padding: 12px 14px; vertical-align: middle; color: #1a2e40; } .rc-table td:first-child { font-weight: 700; color: #0f2233; } .rc-table tbody tr:last-child td { border-bottom: none; } .rc-table tbody tr:last-child td:first-child { border-radius: 0 0 0 12px; } .rc-table tbody tr:last-child td:last-child { border-radius: 0 0 12px 0; } .rc-yes { color: #137a2e; font-weight: 700; } .rc-no { color: #b5000e; font-weight: 700; } /* ===== CARDS GÉNÉRIQUES ===== */ .rc-card { border: 2px solid #e6edf5; border-radius: 14px; padding: 22px; margin: 20px 0; background: #fff; box-shadow: 0 2px 12px rgba(12,122,191,.06); } .rc-card-icon { font-size: 2rem; margin-bottom: 10px; display: block; } .rc-card-title { font-size: 1.1rem; font-weight: 700; color: #0f2233; margin-bottom: 10px; } .rc-list { list-style: none; padding: 0; margin: 10px 0; } .rc-list li { padding: 5px 0 5px 24px; position: relative; font-size: .95rem; color: #1a2e40; } .rc-list li::before { content: “✓”; position: absolute; left: 0; color: #0c7abf; font-weight: 700; } /* ===== BANNIÈRE DARK ===== */ .rc-banner { border-radius: 14px; background: linear-gradient(135deg, #0f2233 0%, #0c4a6e 100%); color: #fff; padding: 28px 26px; margin: 32px 0; position: relative; overflow: hidden; } .rc-banner::after { content: “🎓”; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 5rem; opacity: .1; } .rc-banner h3 { color: #fff; font-size: 1.2rem; margin:
Formation Diagnostiqueur Immobilier 2026 : Certification, Durée et Coût
Devenir diagnostiqueur immobilier en 2026 : 6 certifications obligatoires, 6-12 mois de formation, 3500-8500€. Financement CPF disponible.
Formation Diagnostiqueur Immobilier 2026 : Certification, Durée et Coût
Devenir diagnostiqueur immobilier en 2026 : 6 certifications obligatoires, 6-12 mois de formation, 3500-8500€. Financement CPF disponible.
Audit énergétique obligatoire : qui est concerné ?
Depuis le 1er janvier 2025, l’audit énergétique est obligatoire pour la vente de tout logement classé E — en plus des logements F et G déjà concernés depuis 2023. Mais qui est exactement visé par cette obligation ? Maisons individuelles, immeubles, appartements en copropriété, logements loués, résidences secondaires… les règles sont précises et les exceptions nombreuses. Ce guide complet vous dit clairement si vous êtes concerné — et ce que cela implique concrètement. 🚨 Rappel : Vendre un logement classé E, F ou G sans fournir l’audit énergétique obligatoire expose le vendeur à des risques juridiques sérieux — dont la possibilité pour l’acquéreur de demander l’annulation de la vente ou une réduction du prix. Le notaire vérifie systématiquement ce document avant la signature. 5,2 M Logements F et G en France Les “passoires thermiques” directement concernées +4 M Logements classés E Concernés depuis le 1er janvier 2025 5 ans Durée de validité De l’audit énergétique réglementaire 2034 Extension aux logements D Calendrier réglementaire prévu 📋 Sommaire Le principe : qui est visé par l’obligation ? Le calendrier complet de l’obligation Êtes-vous concerné ? Les cas pratiques Les exceptions et cas exclus Ce que doit contenir l’audit obligatoire Que risque-t-on sans audit ? L’opportunité pour les diagnostiqueurs formés Se former à l’audit énergétique FAQ Sources officielles 1) Le principe : qui est visé par l’obligation ? L’obligation d’audit énergétique est définie par la loi Climat et Résilience (août 2021) et ses décrets d’application. Elle repose sur un critère unique et simple : la classe énergétique du logement. Sont concernés par l’obligation d’audit énergétique réglementaire lors d’une vente : ANon concerné BNon concerné CNon concerné DNon concerné Depuis jan. 2025 EConcerné ✓ Depuis avr. 2023 FConcerné ✓ Depuis avr. 2023 GConcerné ✓ ✅ La règle en une phrase : Si votre logement est classé E, F ou G au DPE et que vous souhaitez le vendre, vous devez fournir un audit énergétique réglementaire à l’acquéreur — en plus du DPE. Ces deux documents sont distincts et tous deux obligatoires. 2) Le calendrier complet de l’obligation L’obligation d’audit énergétique a été introduite progressivement selon un calendrier défini par la loi. Voici les étapes passées et à venir : Avr.2023 1er avril 2023 — Entrée en vigueur Obligation pour les logements classés F et G Première étape : toute maison individuelle ou immeuble en monopropriété classé F ou G mis en vente doit être accompagné d’un audit énergétique réglementaire. Cela représente environ 5,2 millions de logements en France. Effectif depuis avril 2023 Jan.2025 1er janvier 2025 — Extension Obligation étendue aux logements classés E La classe E entre dans le champ de l’obligation. Plus de 4 millions de logements supplémentaires sont désormais concernés. En cumulé, c’est une très large part des transactions immobilières en France qui sont touchées, notamment dans les zones urbaines avec un parc ancien dense. Effectif depuis janvier 2025 Jan.2034 1er janvier 2034 — Extension prévue Extension prévue aux logements classés D Le calendrier légal prévoit une troisième extension aux logements classés D à partir de janvier 2034. Cette étape concernerait alors la majorité absolue des transactions immobilières en France — transformant l’audit énergétique en document quasi-universel à la vente. Extension prévue — 2034 ⚠️ Attention à la date du DPE : C’est la classe énergétique figurant sur le DPE en cours de validité au moment de la vente qui détermine l’obligation d’audit. Si votre DPE date d’avant juillet 2021, il est expiré — vous devez en réaliser un nouveau avant toute mise en vente. 3) Êtes-vous concerné ? Les cas pratiques Au-delà de la classe énergétique, d’autres critères entrent en jeu. Voici les situations concrètes les plus fréquentes : ✅ Vous ÊTES concerné si… Vous vendez une maison individuelle classée E, F ou G Vous vendez un immeuble en monopropriété classé E, F ou G Votre logement a un DPE valide (post juillet 2021) avec étiquette E, F ou G Votre maison est classée E, F ou G ET vous la vendez via agence ou entre particuliers Vous vendez une maison héritée sans DPE récent et dont l’isolation est médiocre Vous êtes SCI propriétaire d’un bien classé E, F ou G mis en vente ✗ Vous N’ÊTES PAS concerné si… Votre logement est classé A, B, C ou D au DPE Vous louez le bien (l’audit n’est pas requis en location) Votre bien est un appartement en copropriété (règles spécifiques) Votre logement bénéficie d’une exemption réglementaire de DPE Le logement n’est pas destiné à la vente Votre bien est une construction neuve (RT 2012 ou RE 2020) 💡 Cas spécifique de la copropriété : Pour un appartement en copropriété classé E, F ou G, l’audit énergétique individuel n’est pas obligatoire à la vente. C’est le DPE collectif de l’immeuble (et le plan pluriannuel de travaux le cas échéant) qui s’applique. L’audit individuel reste facultatif pour les appartements. 4) Les exceptions et cas exclus 🏢 Les biens exemptés de l’obligation d’audit Les appartements en copropriété — l’audit individuel n’est pas requis, seul le DPE collectif s’applique à l’immeuble Les bâtiments classés ou inscrits monuments historiques — lorsque les prescriptions architecturales empêchent les travaux de rénovation énergétique Les constructions provisoires de moins de 2 ans Les logements à usage saisonnier occupés moins de 4 mois par an Les bâtiments agricoles, artisanaux ou industriels — sauf parties résidentielles distinctes Les logements non chauffés ou dont le système de chauffage est totalement indépendant du bâti 📋 Le cas particulier des immeubles à usage mixte Pour un immeuble comportant à la fois des parties à usage d’habitation et des parties professionnelles ou commerciales, l’obligation d’audit s’applique uniquement si la partie résidentielle représente la majorité de la surface. En cas de doute, le notaire ou un conseiller juridique spécialisé peut vous éclairer sur l’obligation applicable. 🔄 Le cas d’un DPE contesté ou en cours de révision Si le DPE d’un logement est contesté ou en cours de révision, la classe énergétique affichée sur le DPE actuellement valide fait foi pour déterminer l’obligation d’audit. Un DPE
Validité des diagnostics immobiliers : tableau récapitulatif 2026
/* ===== STYLES SCOPÉS — préfixe .vd- pour éviter tout conflit ===== */ .vd-article { color: #0e1a24; line-height: 1.8; } .vd-chapo { font-size: 1.06rem; line-height: 1.75; color: #1a2e40; border-left: 4px solid #0c7abf; padding: 14px 18px; background: #f6f9fc; border-radius: 0 8px 8px 0; margin: 20px 0 24px; } .vd-tip { border-left: 4px solid #0c7abf; background: #f6f9fc; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .vd-warning { border-left: 4px solid #e07b00; background: #fff8f0; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .vd-danger { border-left: 4px solid #b5000e; background: #fff5f5; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .vd-success { border-left: 4px solid #137a2e; background: #f0faf3; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } /* ===== SOMMAIRE ===== */ .vd-toc { border: 1px solid #e6edf5; border-radius: 12px; padding: 20px 22px; margin: 24px 0; background: #f6f9fc; } .vd-toc strong { display: block; margin-bottom: 10px; font-size: 1rem; color: #0f2233; } .vd-toc ol { margin: 0; padding-left: 22px; } .vd-toc li { margin: 5px 0; font-size: .95rem; } .vd-toc a { color: #0c7abf; font-weight: 600; text-decoration: none; } .vd-toc a:hover { text-decoration: underline; } /* ===== GRAND TABLEAU RÉCAPITULATIF ===== */ .vd-main-table { overflow-x: auto; margin: 28px 0; border-radius: 14px; box-shadow: 0 4px 20px rgba(12,122,191,.1); } .vd-main-table table { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 680px; } .vd-main-table thead th { background: #0f2233; color: #fff; padding: 14px 16px; font-weight: 700; text-align: left; font-size: .85rem; letter-spacing: .03em; text-transform: uppercase; } .vd-main-table thead th:first-child { border-radius: 14px 0 0 0; } .vd-main-table thead th:last-child { border-radius: 0 14px 0 0; } .vd-main-table tbody tr:nth-child(even) td { background: #f8fbfe; } .vd-main-table tbody tr:hover td { background: #e8f3fb; } .vd-main-table td { border-bottom: 1px solid #e6edf5; padding: 13px 16px; vertical-align: middle; color: #1a2e40; } .vd-main-table td:first-child { font-weight: 700; color: #0f2233; } .vd-main-table tbody tr:last-child td { border-bottom: none; } .vd-main-table tbody tr:last-child td:first-child { border-radius: 0 0 0 14px; } .vd-main-table tbody tr:last-child td:last-child { border-radius: 0 0 14px 0; } /* Durée badges */ .vd-dur { display: inline-block; font-weight: 800; font-size: .92rem; padding: 4px 12px; border-radius: 999px; white-space: nowrap; } .vd-dur-illim { background: #fff3e0; color: #e07b00; } .vd-dur-6m { background: #fff5f5; color: #b5000e; } .vd-dur-3a { background: #fef9e7; color: #b7791f; } .vd-dur-5a { background: #e6f7ec; color: #137a2e; } .vd-dur-6a { background: #e6f7ec; color: #137a2e; } .vd-dur-10a { background: #e8f3fb; color: #0c7abf; } .vd-dur-var { background: #f5f3ff; color: #7c3aed; } /* Obligatoire badge */ .vd-obl-v { color: #137a2e; font-weight: 700; } .vd-obl-c { color: #0c7abf; font-weight: 700; } .vd-obl-s { color: #5a6875; font-weight: 600; font-size: .88rem; } /* ===== FICHES DIAGNOSTIC ===== */ .vd-diag-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; margin: 28px 0; } .vd-diag-card { border: 2px solid #e6edf5; border-radius: 14px; padding: 20px; background: #fff; box-shadow: 0 2px 10px rgba(12,122,191,.06); position: relative; overflow: hidden; } .vd-diag-card-accent { position: absolute; top: 0; left: 0; right: 0; height: 4px; border-radius: 14px 14px 0 0; } .vd-accent-blue { background: #0c7abf; } .vd-accent-green { background: #137a2e; } .vd-accent-orange { background: #e07b00; } .vd-accent-red { background: #b5000e; } .vd-accent-purple { background: #7c3aed; } .vd-accent-teal { background: #0d9488; } .vd-accent-yellow { background: #d97706; } .vd-diag-head { display: flex; align-items: flex-start; gap: 12px; margin: 8px 0 14px; } .vd-diag-icon { font-size: 2rem; line-height: 1; flex-shrink: 0; } .vd-diag-title { font-size: 1.05rem; font-weight: 800; color: #0f2233; margin-bottom: 4px; } .vd-diag-dur-badge { display: inline-block; font-weight: 800; font-size: .88rem; padding: 3px 12px; border-radius: 999px; margin-bottom: 4px; } .vd-diag-body { font-size: .9rem; color: #1a2e40; } .vd-diag-list { list-style: none; padding: 0; margin: 10px 0; } .vd-diag-list li { padding: 4px 0 4px 20px; position: relative; font-size: .88rem; color: #1a2e40; border-bottom: 1px solid #f0f4f8; } .vd-diag-list li:last-child { border-bottom: none; } .vd-diag-list li::before { content: “›”; position: absolute; left: 0; color: #0c7abf; font-weight: 700; font-size: 1rem; } .vd-diag-alert { margin-top: 12px; padding: 8px 12px; background: #fff8f0; border-radius: 8px; font-size: .83rem; color: #92400e; border-left: 3px solid #e07b00; } .vd-diag-alert-blue { margin-top: 12px; padding: 8px 12px; background: #f0f8ff; border-radius: 8px; font-size: .83rem; color: #1e3a5f; border-left: 3px solid #0c7abf; } /* ===== TABLEAU VENTE / LOCATION ===== */ .vd-compare { overflow-x: auto; margin: 24px 0; } .vd-compare table { width: 100%; border-collapse: collapse; font-size: .9rem; } .vd-compare th, .vd-compare td { border: 1px solid #e6edf5; padding: 11px 13px; vertical-align: middle; text-align: left; } .vd-compare th { background: #f2f6fb; font-weight: 700; color: #0f2233; } .vd-compare th:nth-child(2) { background: #ddeeff; color: #0c7abf; } .vd-compare th:nth-child(3) { background: #d9f2e3; color: #137a2e; } .vd-compare tr:hover td { background: #f8fbfe; } .vd-yes { color: #137a2e; font-weight: 700; } .vd-no { color: #b5000e; font-weight: 700; } .vd-cond { color: #e07b00; font-weight: 700; } /* ===== CONSEQUENCES CARD ===== */ .vd-card { border: 2px solid #e6edf5; border-radius: 14px; padding: 22px; margin: 20px 0; background: #fff; box-shadow: 0 2px 12px rgba(12,122,191,.06); } .vd-card-icon { font-size: 2rem; margin-bottom: 10px; display: block; } .vd-card-title { font-size: 1.1rem; font-weight: 700; color: #0f2233; margin-bottom: 10px; } .vd-list { list-style: none; padding: 0; margin: 10px 0; } .vd-list li { padding: 5px 0 5px 24px; position: relative; font-size: .95rem; color: #1a2e40; } .vd-list li::before { content: “✓”; position: absolute; left: 0; color: #0c7abf; font-weight: 700; } /* ===== GRILLE FORMATIONS ===== */ .vd-formation-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin: 24px 0; } .vd-formation-card { border: 2px solid #e6edf5; border-radius: 12px; padding: 20px; background: #fff; display: flex; flex-direction: column; gap: 10px; } .vd-formation-card-icon { font-size: 1.6rem; } .vd-formation-card-title { font-weight: 700; color: #0f2233; font-size: .97rem; } .vd-formation-card-desc { font-size: .87rem; color: #5a6875; flex: 1; line-height: 1.6; } .vd-formation-card-link { display: inline-block; background: #0c7abf; color: #fff !important; padding: 8px 14px; border-radius: 8px; text-decoration: none !important; font-weight: 700; font-size: .85rem; text-align: center; } .vd-formation-card-link:hover { background: #0a5f96; } /* ===== CTA ===== */ .vd-cta { border: 2px solid #e6edf5; background: linear-gradient(135deg, #f0f8ff 0%, #e8f3fb 100%); padding: 24px; border-radius: 14px; margin: 32px 0; } .vd-cta h3 { margin: 0 0 10px; color: #0f2233; font-size: 1.15rem; } .vd-cta p { font-size: .96rem; color: #1a2e40; margin: 0; } .vd-cta-actions { display:
Le futur du DPE avec les capteurs connectés”
/* ===== STYLES SCOPÉS — préfixe .dc- pour éviter tout conflit ===== */ .dc-article { color: #0e1a24; line-height: 1.8; } .dc-chapo { font-size: 1.06rem; line-height: 1.75; color: #1a2e40; border-left: 4px solid #0c7abf; padding: 14px 18px; background: #f6f9fc; border-radius: 0 8px 8px 0; margin: 20px 0 24px; } .dc-tip { border-left: 4px solid #0c7abf; background: #f6f9fc; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .dc-warning { border-left: 4px solid #e07b00; background: #fff8f0; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .dc-success { border-left: 4px solid #137a2e; background: #f0faf3; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } .dc-future { border-left: 4px solid #7c3aed; background: #f5f3ff; padding: 13px 16px; border-radius: 6px; margin: 20px 0; font-size: .96rem; } /* ===== SOMMAIRE ===== */ .dc-toc { border: 1px solid #e6edf5; border-radius: 12px; padding: 20px 22px; margin: 24px 0; background: #f6f9fc; } .dc-toc strong { display: block; margin-bottom: 10px; font-size: 1rem; color: #0f2233; } .dc-toc ol { margin: 0; padding-left: 22px; } .dc-toc li { margin: 5px 0; font-size: .95rem; } .dc-toc a { color: #0c7abf; font-weight: 600; text-decoration: none; } .dc-toc a:hover { text-decoration: underline; } /* ===== STAT BOXES ===== */ .dc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; margin: 24px 0; } .dc-stat-box { border: 2px solid #e6edf5; border-radius: 12px; padding: 18px; background: #fff; text-align: center; } .dc-stat-num { font-size: 2rem; font-weight: 800; color: #0c7abf; line-height: 1; margin-bottom: 6px; } .dc-stat-label { font-size: .88rem; color: #1a2e40; font-weight: 600; } .dc-stat-sub { font-size: .78rem; color: #5a6875; margin-top: 3px; } /* ===== CAPTEUR CARD ===== */ .dc-sensor-card { border: 2px solid #e6edf5; border-radius: 14px; padding: 24px; margin: 22px 0; background: #fff; box-shadow: 0 2px 14px rgba(12,122,191,.07); position: relative; overflow: hidden; } .dc-sensor-card::before { content: “”; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: linear-gradient(180deg, #0c7abf, #7c3aed); border-radius: 14px 0 0 14px; } .dc-sensor-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; } .dc-sensor-icon { font-size: 2.4rem; line-height: 1; flex-shrink: 0; } .dc-sensor-meta { flex: 1; } .dc-sensor-name { font-size: 1.12rem; font-weight: 800; color: #0f2233; margin-bottom: 5px; } .dc-sensor-tags { display: flex; flex-wrap: wrap; gap: 6px; } .dc-tag { display: inline-block; background: #e8f3fb; color: #0c7abf; border-radius: 999px; padding: 2px 10px; font-size: .77rem; font-weight: 700; } .dc-tag-purple { background: #ede9fe; color: #7c3aed; } .dc-tag-green { background: #e6f7ec; color: #137a2e; } .dc-tag-orange { background: #fff3e0; color: #e07b00; } .dc-sensor-desc { font-size: .95rem; color: #1a2e40; margin-bottom: 12px; } .dc-sensor-list { list-style: none; padding: 0; margin: 10px 0; } .dc-sensor-list li { padding: 4px 0 4px 24px; position: relative; font-size: .93rem; color: #1a2e40; } .dc-sensor-list li::before { content: “→”; position: absolute; left: 0; color: #0c7abf; font-weight: 700; } .dc-impact { margin-top: 14px; padding: 10px 14px; background: #f5f3ff; border-radius: 8px; font-size: .9rem; color: #5b21b6; border-left: 3px solid #7c3aed; } .dc-impact strong { display: block; margin-bottom: 3px; font-size: .88rem; } @media (max-width: 520px) { .dc-sensor-head { flex-direction: column; gap: 8px; } } /* ===== TIMELINE FUTUR ===== */ .dc-timeline { margin: 24px 0; padding: 0; list-style: none; } .dc-timeline li { display: flex; gap: 16px; margin-bottom: 24px; align-items: flex-start; position: relative; } .dc-timeline li:not(:last-child)::after { content: “”; position: absolute; left: 21px; top: 44px; width: 2px; height: calc(100% + 0px); background: linear-gradient(180deg, #0c7abf, #e6edf5); } .dc-timeline-dot { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #0c7abf, #7c3aed); color: #fff; font-weight: 800; font-size: .85rem; display: flex; align-items: center; justify-content: center; z-index: 1; line-height: 1.2; text-align: center; } .dc-timeline-body { flex: 1; border: 2px solid #e6edf5; border-radius: 12px; padding: 16px 18px; background: #fff; margin-top: 4px; } .dc-timeline-date { font-size: .82rem; font-weight: 700; color: #0c7abf; margin-bottom: 4px; text-transform: uppercase; letter-spacing: .04em; } .dc-timeline-title { font-size: 1.05rem; font-weight: 700; color: #0f2233; margin-bottom: 6px; } .dc-timeline-desc { font-size: .92rem; color: #1a2e40; } /* ===== GRILLE SCENARIO ===== */ .dc-scenario-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; } .dc-scenario-now, .dc-scenario-future { border-radius: 12px; padding: 20px; font-size: .91rem; } .dc-scenario-now { background: #f6f9fc; border: 2px solid #e6edf5; } .dc-scenario-future { background: #f5f3ff; border: 2px solid #ddd6fe; } .dc-scenario-now strong { color: #0f2233; display: block; margin-bottom: 10px; font-size: 1rem; } .dc-scenario-future strong { color: #7c3aed; display: block; margin-bottom: 10px; font-size: 1rem; } .dc-scenario-now ul, .dc-scenario-future ul { margin: 0; padding-left: 16px; } .dc-scenario-now li, .dc-scenario-future li { margin-bottom: 6px; } @media (max-width: 540px) { .dc-scenario-grid { grid-template-columns: 1fr; } } /* ===== CARD GÉNÉRIQUE ===== */ .dc-card { border: 2px solid #e6edf5; border-radius: 14px; padding: 22px; margin: 20px 0; background: #fff; box-shadow: 0 2px 12px rgba(12,122,191,.06); } .dc-card-icon { font-size: 2rem; margin-bottom: 10px; display: block; } .dc-card-title { font-size: 1.1rem; font-weight: 700; color: #0f2233; margin-bottom: 10px; } .dc-list { list-style: none; padding: 0; margin: 10px 0; } .dc-list li { padding: 5px 0 5px 24px; position: relative; font-size: .95rem; color: #1a2e40; } .dc-list li::before { content: “✓”; position: absolute; left: 0; color: #0c7abf; font-weight: 700; } /* ===== GRILLE FORMATIONS ===== */ .dc-formation-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin: 24px 0; } .dc-formation-card { border: 2px solid #e6edf5; border-radius: 12px; padding: 20px; background: #fff; display: flex; flex-direction: column; gap: 10px; } .dc-formation-card-icon { font-size: 1.6rem; } .dc-formation-card-title { font-weight: 700; color: #0f2233; font-size: .97rem; } .dc-formation-card-desc { font-size: .87rem; color: #5a6875; flex: 1; line-height: 1.6; } .dc-formation-card-link { display: inline-block; background: #0c7abf; color: #fff !important; padding: 8px 14px; border-radius: 8px; text-decoration: none !important; font-weight: 700; font-size: .85rem; text-align: center; } .dc-formation-card-link:hover { background: #0a5f96; } /* ===== BANNIÈRE FORMATION ===== */ .dc-formation-banner { border-radius: 14px; background: linear-gradient(135deg, #0f2233 0%, #1e1058 100%); color: #fff; padding: 28px 26px; margin: 32px 0; position: relative; overflow: hidden; } .dc-formation-banner::after { content: “🎓”; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 5rem; opacity: .12; } .dc-formation-banner h3 { color: #fff; font-size: 1.2rem; margin: 0 0 10px; } .dc-formation-banner p { font-size: .95rem; color: #c4b5fd; margin: 0; } .dc-formation-banner-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; } .dc-formation-banner-btn { display: inline-block; background: #fff; color: #0c7abf !important; padding: 10px 18px; border-radius: 8px; text-decoration: none !important; font-weight: 700; font-size: .92rem;
