{"id":18853,"date":"2026-05-11T03:16:24","date_gmt":"2026-05-11T02:16:24","guid":{"rendered":"https:\/\/altaydagistan.com\/?p=18853"},"modified":"2026-05-11T03:56:40","modified_gmt":"2026-05-11T02:56:40","slug":"rapport-rse-fintech-obligatoire-pme","status":"publish","type":"post","link":"https:\/\/altaydagistan.com\/tr\/rapport-rse-fintech-obligatoire-pme\/","title":{"rendered":"Rapport RSE FinTech : obligatoire pour une startup ou PME ?"},"content":{"rendered":"\n<style>\n:root {\n  --bg: #0A0A12;\n  --white: #FFFFFF;\n  --gray-light: #B9B9B9;\n  --gray: #8E8E8E;\n  --gray-dark: #434343;\n  --accent: #4CB731;\n  --blue: #287CCA;\n  --red: #CD3434;\n  --border: #434343;\n  --font: 'Manrope', sans-serif;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* \u2500\u2500 Wrapper \u2500\u2500 *\/\n.article-wrap {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 60px 40px 100px;\n  font-family: var(--font);\n  color: var(--white);\n  background: var(--bg);\n}\n.article-wrap img { pointer-events: none; }\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.article-eyebrow {\n  font-size: 12px; font-weight: 600; text-transform: uppercase;\n  letter-spacing: 0.12em; color: var(--gray); margin-bottom: 16px;\n}\n.article-title {\n  font-size: clamp(28px, 4vw, 42px); font-weight: 800;\n  line-height: 1.2; color: var(--white); margin-bottom: 24px;\n}\n.article-intro {\n  font-size: 16px; line-height: 1.75; color: var(--gray-light);\n  border-left: 3px solid var(--blue); padding-left: 20px; margin-bottom: 48px;\n}\n\n\/* \u2500\u2500 Key numbers \u2500\u2500 *\/\n.key-numbers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 56px; }\n.kn-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 20px; text-align: center; }\n.kn-value { font-size: 26px; font-weight: 800; color: var(--white); margin-bottom: 4px; line-height: 1.1; }\n.kn-value span { color: var(--accent); }\n.kn-label { font-size: 12px; color: var(--gray); font-weight: 500; line-height: 1.4; }\n\n\/* \u2500\u2500 Headings \u2500\u2500 *\/\n.article-wrap h2 {\n  font-size: 22px; font-weight: 800; color: var(--white);\n  margin: 52px 0 18px; display: flex; align-items: center; gap: 10px; line-height: 1.25;\n}\n.article-wrap h2 .icon { font-size: 20px; line-height: 1; flex-shrink: 0; }\n.article-wrap h3 { font-size: 16px; font-weight: 700; color: var(--accent); margin: 32px 0 10px; }\n\n\/* \u2500\u2500 Body \u2500\u2500 *\/\n.article-wrap p { font-size: 16px; line-height: 1.75; color: var(--gray-light); margin-bottom: 18px; }\n.article-wrap p:last-child { margin-bottom: 0; }\n\n\/* \u2500\u2500 Callouts \u2500\u2500 *\/\n.callout { border-radius: 12px; padding: 18px 22px; margin: 24px 0; display: flex; gap: 14px; align-items: flex-start; }\n.callout-blue  { background: rgba(40,124,202,0.10); border-left: 3px solid var(--blue); }\n.callout-green { background: rgba(76,183,49,0.10);  border-left: 3px solid var(--accent); }\n.callout-amber { background: rgba(186,117,23,0.10); border-left: 3px solid #BA7517; }\n.callout-icon  { font-size: 18px; flex-shrink: 0; margin-top: 2px; }\n.callout-text  { font-size: 15px; color: var(--gray-light); line-height: 1.65; font-family: var(--font); }\n.callout-text strong { color: var(--white); }\n\n\/* \u2500\u2500 Table \u2500\u2500 *\/\n.table-wrap { overflow-x: auto; margin: 20px 0 32px; border-radius: 16px; border: 1px solid var(--border); }\n.article-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; }\n.article-wrap thead th {\n  background: #12121e; padding: 13px 18px; text-align: left;\n  font-size: 11px; font-weight: 600; text-transform: uppercase;\n  letter-spacing: 0.08em; color: var(--gray); border-bottom: 1px solid var(--border);\n}\n.article-wrap tbody td { padding: 13px 18px; border-bottom: 1px solid #1a1a28; color: var(--gray-light); vertical-align: top; line-height: 1.5; }\n.article-wrap tbody tr:last-child td { border-bottom: none; }\n.article-wrap tbody tr:hover td { background: #12121e; }\n.td-name  { font-weight: 700; color: var(--white); }\n.td-green { color: var(--accent); font-weight: 600; }\n.td-amber { color: #e0a040; font-weight: 600; }\n.td-red   { color: #f09595; font-weight: 600; }\n.td-gray  { color: var(--gray); font-size: 13px; }\n\n\/* \u2500\u2500 Var list \u2500\u2500 *\/\n.var-list {\n  list-style: none; --theme-list-indent: 0; padding-inline-start: 0; margin-block-end: 0;\n  padding: 0; margin: 16px 0 28px; display: flex; flex-direction: column; gap: 12px;\n}\n.var-list li { font-size: 15px; color: var(--gray-light); line-height: 1.65; padding-left: 22px; position: relative; }\n.var-list li::before { content: '\u2192'; position: absolute; left: 0; color: var(--accent); font-weight: 700; }\n\n\/* \u2500\u2500 CSRD Eligibility Checker \u2500\u2500 *\/\n.csrd-checker {\n  border: 1px solid var(--border); border-radius: 20px;\n  background: #0d0d1a; padding: 32px 36px; margin: 32px 0;\n  position: relative; overflow: hidden;\n}\n.csrd-checker::before {\n  content: ''; position: absolute; top: -60px; right: -60px;\n  width: 200px; height: 200px;\n  background: radial-gradient(ellipse, rgba(40,124,202,0.08) 0%, transparent 70%);\n  pointer-events: none;\n}\n.csrd-checker-label {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--blue); margin-bottom: 12px; display: block;\n}\n.csrd-checker-title {\n  font-size: 17px; font-weight: 800; color: var(--white);\n  margin-bottom: 24px; line-height: 1.3;\n}\n.csrd-q-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }\n.csrd-q {\n  display: flex; align-items: center; justify-content: space-between;\n  gap: 16px; padding: 14px 18px; border: 1px solid var(--border);\n  border-radius: 12px; background: #10101c; cursor: pointer;\n  transition: border-color 0.2s;\n}\n.csrd-q.active { border-color: var(--accent); background: rgba(76,183,49,0.06); }\n.csrd-q-text { font-size: 14px; color: var(--gray-light); font-weight: 500; line-height: 1.4; flex: 1; }\n.csrd-q.active .csrd-q-text { color: var(--white); }\n.csrd-toggle {\n  flex-shrink: 0; width: 40px; height: 22px; border-radius: 99px;\n  background: var(--border); position: relative; transition: background 0.2s;\n}\n.csrd-q.active .csrd-toggle { background: var(--accent); }\n.csrd-toggle-dot {\n  position: absolute; top: 3px; left: 3px;\n  width: 16px; height: 16px; border-radius: 50%; background: #fff;\n  transition: transform 0.2s;\n}\n.csrd-q.active .csrd-toggle-dot { transform: translateX(18px); }\n.csrd-result {\n  border-radius: 12px; padding: 18px 20px; display: none;\n  font-size: 14px; line-height: 1.65; font-family: var(--font);\n}\n.csrd-result.show { display: block; }\n.csrd-result-obligatoire { background: rgba(76,183,49,0.10); border-left: 3px solid var(--accent); color: var(--gray-light); }\n.csrd-result-non { background: rgba(40,124,202,0.10); border-left: 3px solid var(--blue); color: var(--gray-light); }\n.csrd-result-surveiller { background: rgba(186,117,23,0.10); border-left: 3px solid #BA7517; color: var(--gray-light); }\n.csrd-result strong { color: var(--white); display: block; margin-bottom: 4px; }\n\n\/* \u2500\u2500 Card grid 2x2 \u2500\u2500 *\/\n.card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0 36px; }\n.card-item { border: 1px solid var(--border); border-radius: 16px; padding: 24px 22px; background: #0e0e1a; }\n.card-num { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; }\n.card-title { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 8px; line-height: 1.35; }\n.card-desc { font-size: 14px; color: var(--gray); line-height: 1.65; margin-bottom: 0; }\n\n\/* \u2500\u2500 RSE Content Cards 3x2 \u2500\u2500 *\/\n.rse-cards {\n  display: grid; grid-template-columns: repeat(3, 1fr);\n  gap: 14px; margin: 28px 0 40px;\n}\n.rse-card {\n  border: 1px solid var(--border); border-radius: 16px;\n  padding: 22px 20px 20px; background: #0e0e1a;\n  position: relative; overflow: hidden;\n  transition: border-color 0.25s, transform 0.2s;\n}\n.rse-card:hover { border-color: rgba(255,255,255,0.18); transform: translateY(-2px); }\n.rse-card-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 14px; }\n.rse-card-num {\n  font-size: 11px; font-weight: 800; letter-spacing: 0.12em;\n  text-transform: uppercase; color: var(--accent); line-height: 1;\n  padding: 4px 8px; border: 1px solid rgba(76,183,49,0.3);\n  border-radius: 4px; background: rgba(76,183,49,0.06);\n}\n.rse-card-icon { font-size: 22px; line-height: 1; }\n.rse-card-title {\n  font-size: 14px; font-weight: 700; color: var(--white);\n  margin-bottom: 8px; line-height: 1.35;\n}\n.rse-card-desc { font-size: 13px; color: var(--gray); line-height: 1.65; }\n.rse-card::after {\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0;\n  height: 2px; background: linear-gradient(90deg, transparent, rgba(76,183,49,0.0));\n  transition: background 0.25s;\n}\n.rse-card:hover::after { background: linear-gradient(90deg, transparent, rgba(76,183,49,0.35), transparent); }\n\n\/* \u2500\u2500 Timeline v2 \u2014 right-side line \u2500\u2500 *\/\n.timeline-v2 {\n  position: relative;\n  margin: 24px 0 36px;\n}\n.timeline-v2::before {\n  content: '';\n  position: absolute;\n  top: 6px; bottom: 6px; right: 20px;\n  width: 2px;\n  background: linear-gradient(to bottom, var(--accent) 0%, var(--border) 30%, var(--border) 100%);\n}\n.tl2-item {\n  position: relative;\n  display: flex;\n  gap: 18px;\n  align-items: flex-start;\n  padding-bottom: 36px;\n  padding-right: 64px;\n}\n.tl2-item:last-child { padding-bottom: 0; }\n\n\/* Year col *\/\n.tl2-year-col { flex-shrink: 0; width: 56px; text-align: right; padding-top: 2px; }\n.tl2-year {\n  font-size: 11px; font-weight: 800; text-transform: uppercase;\n  letter-spacing: 0.08em; color: var(--gray);\n  display: inline-block; line-height: 1.2;\n}\n.tl2-item.tl2-active .tl2-year {\n  color: var(--accent);\n  background: rgba(76,183,49,0.1);\n  padding: 3px 7px; border-radius: 4px;\n  border: 1px solid rgba(76,183,49,0.25);\n}\n\n\/* Body *\/\n.tl2-body { flex: 1; }\n.tl2-title { font-size: 15px; font-weight: 800; color: var(--white); margin-bottom: 6px; line-height: 1.3; }\n.tl2-desc  { font-size: 13px; color: var(--gray); line-height: 1.65; }\n\n\/* Dot on the right line *\/\n.tl2-dot {\n  position: absolute;\n  right: 15px; top: 3px;\n  width: 12px; height: 12px; border-radius: 50%;\n  border: 2px solid var(--border);\n  background: var(--bg);\n}\n.tl2-item.tl2-done .tl2-dot {\n  border-color: var(--gray-dark);\n  background: var(--gray-dark);\n}\n.tl2-item.tl2-active .tl2-dot {\n  right: 13px; top: 1px;\n  width: 16px; height: 16px;\n  border-color: var(--accent);\n  background: var(--accent);\n  box-shadow: 0 0 0 4px rgba(76,183,49,0.15);\n}\n\n\/* Icon badge \u2014 active item only *\/\n.tl2-badge {\n  display: none;\n  position: absolute;\n  right: 36px; top: -4px;\n  width: 34px; height: 34px;\n  background: var(--accent);\n  border-radius: 10px;\n  align-items: center; justify-content: center;\n  font-size: 16px; line-height: 1;\n}\n.tl2-badge::after {\n  content: '';\n  position: absolute;\n  right: -7px; top: 50%;\n  transform: translateY(-50%);\n  border: 5px solid transparent;\n  border-left-color: var(--accent);\n}\n.tl2-item.tl2-active .tl2-badge { display: flex; }\n\n\/* \u2500\u2500 Pillar visual \u2500\u2500 *\/\n.pillar-grid {\n  display: grid; grid-template-columns: repeat(3, 1fr);\n  gap: 12px; margin: 28px 0 36px;\n}\n.pillar-card {\n  border-radius: 16px; padding: 28px 22px 24px;\n  position: relative; overflow: hidden; cursor: default;\n}\n.pillar-card-e { background: rgba(76,183,49,0.08); border: 1px solid rgba(76,183,49,0.25); }\n.pillar-card-s { background: rgba(40,124,202,0.08); border: 1px solid rgba(40,124,202,0.25); }\n.pillar-card-g { background: rgba(186,117,23,0.08); border: 1px solid rgba(186,117,23,0.25); }\n.pillar-letter {\n  font-size: 48px; font-weight: 800; line-height: 1; display: block;\n  margin-bottom: 8px; opacity: 0.15; position: absolute; top: 16px; right: 20px;\n}\n.pillar-card-e .pillar-letter { color: var(--accent); }\n.pillar-card-s .pillar-letter { color: var(--blue); }\n.pillar-card-g .pillar-letter { color: #e0a040; }\n.pillar-badge {\n  display: inline-block; font-size: 10px; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.1em;\n  padding: 3px 8px; border-radius: 4px; margin-bottom: 12px;\n}\n.pillar-card-e .pillar-badge { background: rgba(76,183,49,0.18); color: var(--accent); }\n.pillar-card-s .pillar-badge { background: rgba(40,124,202,0.18); color: var(--blue); }\n.pillar-card-g .pillar-badge { background: rgba(186,117,23,0.18); color: #e0a040; }\n.pillar-name {\n  font-size: 16px; font-weight: 800; color: var(--white);\n  display: block; margin-bottom: 12px;\n}\n.pillar-topics { display: flex; flex-direction: column; gap: 6px; }\n.pillar-topic { font-size: 12px; color: var(--gray-light); display: flex; align-items: center; gap: 6px; }\n.pillar-topic::before { content: ''; width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; }\n.pillar-card-e .pillar-topic::before { background: var(--accent); }\n.pillar-card-s .pillar-topic::before { background: var(--blue); }\n.pillar-card-g .pillar-topic::before { background: #e0a040; }\n\n\/* \u2500\u2500 Design principle tabs \u2500\u2500 *\/\n.dt-wrap {\n  margin: 32px 0 40px;\n  border: 1px solid var(--border);\n  border-radius: 16px;\n  overflow: hidden;\n}\n.dt-header {\n  background: #12121e;\n  display: flex;\n  border-bottom: 1px solid var(--border);\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n.dt-header::-webkit-scrollbar { display: none; }\n.dt-btn {\n  font-family: var(--font); font-size: 13px; font-weight: 600;\n  color: var(--gray); background: none; border: none;\n  padding: 14px 20px; cursor: pointer; white-space: nowrap;\n  flex-shrink: 0; position: relative;\n  border-right: 1px solid var(--border);\n  transition: color 0.2s, background 0.2s;\n}\n.dt-btn:last-child { border-right: none; }\n.dt-btn:hover { color: var(--white); background: rgba(255,255,255,0.03); }\n.dt-btn.active {\n  color: var(--white);\n  background: #0e0e1a;\n  box-shadow: inset 0 -2px 0 var(--accent);\n}\n.dt-panel {\n  display: none;\n  background: #0e0e1a;\n  padding: 24px 28px;\n}\n.dt-panel.active { display: block; }\n.dt-panel-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; }\n.dt-panel-icon { font-size: 28px; line-height: 1; flex-shrink: 0; margin-top: 2px; }\n.dt-panel-meta { display: flex; flex-direction: column; gap: 4px; }\n.dt-panel-title { font-size: 17px; font-weight: 800; color: var(--white); line-height: 1.2; margin: 0; }\n.dt-panel-text { font-size: 14px; color: var(--gray-light); line-height: 1.75; }\n.dt-panel-text p { margin-bottom: 10px; padding: 0 !important; }\n.dt-panel-text p:last-child { margin-bottom: 0; }\n.dt-tag {\n  display: inline-block; font-size: 10px; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.09em;\n  padding: 2px 7px; border-radius: 4px;\n  background: rgba(76,183,49,0.1); color: var(--accent);\n  border: 1px solid rgba(76,183,49,0.2);\n}\n\/* Mobile select *\/\n.dt-mobile-select {\n  display: none;\n  width: 100%;\n  padding: 14px 40px 14px 16px;\n  background: #12121e;\n  border: none;\n  border-bottom: 1px solid var(--border);\n  color: var(--white);\n  font-family: var(--font);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  outline: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E8E8E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n}\n\n\/* \u2500\u2500 Portfolio header \u2500\u2500 *\/\n.folio-header { margin: 52px 0 12px; }\n.folio-eyebrow {\n  display: inline-block; font-size: 11px; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.13em;\n  color: var(--accent); margin-bottom: 6px;\n}\n.folio-header h3 {\n  font-size: 16px; font-weight: 700; color: var(--accent);\n  margin: 0 0 12px;\n}\n\n\/* \u2500\u2500 Portfolio bento \u2500\u2500 *\/\n.portfolio-bento {\n  display: grid; grid-template-columns: 1.3fr 1fr;\n  grid-template-rows: 1fr 1fr; gap: 12px; min-height: 400px; margin: 28px 0 8px;\n}\n.pb-item { border-radius: 16px; overflow: hidden; background: #0e0e1a; border: 1px solid var(--border); position: relative; }\n.pb-item.pb-featured { grid-row: span 2; }\n.pb-img { width: 100%; height: 100%; min-height: 140px; object-fit: cover; display: block; }\n.pb-item.pb-featured .pb-img { min-height: 100%; }\n.pb-caption {\n  position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 14px;\n  background: linear-gradient(to top, rgba(10,10,18,0.88) 0%, transparent 100%);\n  font-size: 12px; color: var(--gray-light); font-weight: 500; font-family: var(--font);\n}\n\n\/* \u2500\u2500 Mid-article CTA \u2500\u2500 *\/\n.mid-cta {\n  display: flex; align-items: center; justify-content: space-between;\n  gap: 24px; margin: 40px 0;\n  border: 1px solid var(--border); border-radius: 16px;\n  padding: 24px 28px; background: #0e0e1a;\n}\n.mid-cta-text { flex: 1; }\n.mid-cta .mid-cta-title {\n  font-size: 16px; font-weight: 800; color: var(--white);\n  margin-bottom: 4px; line-height: 1.3;\n}\n.mid-cta-sub {\n  font-size: 13px; color: var(--gray);\n  margin-bottom: 0; line-height: 1.5;\n}\n.mid-cta-btn {\n  flex-shrink: 0; display: inline-block;\n  background: var(--accent); color: #fff;\n  font-family: var(--font); font-size: 14px; font-weight: 700;\n  padding: 12px 24px; border-radius: 8px;\n  text-decoration: none; white-space: nowrap;\n  transition: filter 0.2s;\n}\n.mid-cta-btn:hover { filter: brightness(1.1); color: #fff; }\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.cta-box {\n  border: 1px solid var(--border); border-radius: 24px;\n  padding: 64px 56px; background: #0e0e1a;\n  position: relative; overflow: hidden; text-align: center; margin-top: 64px;\n}\n.cta-box::before {\n  content: ''; position: absolute; top: -80px; left: 50%;\n  transform: translateX(-50%); width: 500px; height: 300px;\n  background: radial-gradient(ellipse, rgba(76,183,49,0.14) 0%, transparent 70%);\n  pointer-events: none;\n}\n.cta-eyebrow {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--accent); margin-bottom: 20px;\n  display: block; position: relative;\n}\n.cta-box .cta-title {\n  font-size: clamp(22px, 3vw, 32px); font-weight: 800; color: var(--white);\n  line-height: 1.2; margin-bottom: 14px; position: relative; font-family: var(--font);\n}\n.cta-sub {\n  font-size: 15px; color: var(--gray-light); line-height: 1.7;\n  max-width: 520px; margin: 0 auto 32px; position: relative;\n}\n.cta-btn {\n  display: inline-block; background: var(--accent); color: #fff;\n  font-family: var(--font); font-size: 15px; font-weight: 700;\n  padding: 14px 36px; border-radius: 8px; text-decoration: none;\n  position: relative; margin-bottom: 32px; transition: filter 0.2s;\n}\n.cta-btn:hover { filter: brightness(1.1); color: #fff; }\n.cta-meta { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; position: relative; }\n.cta-meta-item { display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--gray); font-family: var(--font); }\n\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .article-wrap { padding: 40px 0 80px; }\n  .article-eyebrow, .article-title, .article-wrap h2, .article-wrap h3, .article-wrap p { padding: 0 20px; }\n  .article-intro { padding-left: 20px; padding-right: 20px; margin-left: 20px; margin-right: 20px; }\n  .key-numbers { grid-template-columns: 1fr; margin: 0 20px 44px; }\n  .callout { border-radius: 0; border-right: none; border-top: none; border-bottom: none; margin: 20px 0; padding: 16px 20px; }\n  .table-wrap { border-radius: 0; border-left: none; border-right: none; }\n  .article-table { --theme-table-border-width: 0px; --theme-table-border-style: none; --theme-table-border-color: transparent; }\n  .article-table td, .article-table th { border: none !important; border-width: 0 !important; }\n  .article-wrap table, .article-wrap tbody { display: block; }\n  .article-wrap thead { display: none; }\n  .article-wrap tbody { display: flex; flex-direction: column; gap: 0; }\n  .article-wrap tbody tr { display: block; padding: 16px 20px; border-bottom: 1px solid var(--border); }\n  .article-wrap tbody tr:last-child { border-bottom: none; }\n  .article-wrap tbody td { display: block; padding: 0; border: none; font-size: 14px; line-height: 1.5; }\n  .article-wrap tbody td::before { content: attr(data-label); display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); margin-top: 12px; margin-bottom: 3px; }\n  .article-wrap tbody td:first-child::before { margin-top: 0; }\n  .var-list { padding: 0 20px; margin-bottom: 24px; }\n  .card-grid { grid-template-columns: 1fr; margin: 0 20px 28px; }\n  .rse-cards { grid-template-columns: 1fr; margin: 0 20px 28px; }\n  .pillar-grid { grid-template-columns: 1fr; margin: 0 20px 28px; }\n  .mid-cta { flex-direction: column; align-items: flex-start; margin: 32px 20px; padding: 20px; }\n  .mid-cta-title, .mid-cta-sub { padding: 0 !important; }\n  .mid-cta-btn { display: block; text-align: center; width: 100%; }\n  .timeline-v2 { padding: 0 20px; }\n  .csrd-checker { margin: 28px 0; border-radius: 0; border-left: none; border-right: none; padding: 28px 20px; }\n  .csrd-checker p, .csrd-checker-label { padding: 0 !important; }\n  .dt-wrap { margin: 0 0 32px; border-radius: 0; border-left: none; border-right: none; }\n  .dt-header { display: none; }\n  .dt-mobile-select { display: block; }\n  .dt-panel { padding: 20px 16px; }\n  .dt-panel .dt-panel-text p { padding: 0 !important; }\n  .dt-panel-inner { grid-template-columns: 1fr; gap: 12px; }\n  .folio-header { padding: 0 20px; margin: 40px 0 10px; }\n  .folio-header h3 { padding: 0 !important; }\n  .portfolio-bento { grid-template-columns: 1fr; grid-template-rows: auto; min-height: unset; margin: 20px 0 8px; }\n  .pb-item.pb-featured { grid-row: span 1; }\n  .pb-img { min-height: 200px; }\n  .cta-box { padding: 40px 24px; margin-top: 48px; border-radius: 0; border-left: none; border-right: none; }\n  .cta-btn { display: block; text-align: center; }\n  .cta-meta { gap: 14px; }\n}\n@media (max-width: 500px) {\n  .article-title { font-size: 26px; }\n  .article-wrap h2 { font-size: 18px; }\n  .kn-value { font-size: 22px; }\n}\n<\/style>\n\n<article class=\"article-wrap\">\n\n  <p class=\"article-eyebrow\">RSE &amp; FinTech \u00b7 R\u00e9glementation<\/p>\n  <h1 class=\"article-title\">Rapport RSE pour une startup ou PME FinTech&nbsp;: est-ce obligatoire&nbsp;?<\/h1>\n  <img decoding=\"async\"\n    src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/05\/Rapport-RSE-FinTech-obligatoire-pour-une-startup-ou-PME-img.webp\"\n    alt=\"Rapport RSE FinTech obligatoire startup PME \u2014 Altay Dagistan graphiste Paris\"\n    style=\"width:100%; height:auto; display:block; margin-bottom:32px;\"\n    loading=\"eager\"\n  \/>\n  <p class=\"article-intro\">La directive CSRD impose de nouvelles obligations de reporting extra-financier aux entreprises europ\u00e9ennes. Mais selon la taille et le statut de votre FinTech, les r\u00e8gles ne sont pas les&nbsp;m\u00eames.<\/p>\n\n  <!-- Key numbers -->\n  <div class=\"key-numbers\">\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>250<\/span><\/div>\n      <div class=\"kn-label\">salari\u00e9s : seuil principal d&rsquo;application de la&nbsp;CSRD<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\">2&nbsp;<span>crit\u00e8res<\/span><\/div>\n      <div class=\"kn-label\">sur 3 \u00e0 remplir pour entrer dans le p\u00e9rim\u00e8tre d&rsquo;obligation<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>50&nbsp;000<\/span><\/div>\n      <div class=\"kn-label\">entreprises europ\u00e9ennes concern\u00e9es \u00e0 terme par la&nbsp;CSRD<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Section 1 -->\n  <h2><span class=\"icon\">\ud83d\udccb<\/span> Ce que dit la CSRD<\/h2>\n  <p>La <strong>Corporate Sustainability Reporting Directive<\/strong> (CSRD) est entr\u00e9e en vigueur au niveau europ\u00e9en en janvier 2023. En France, elle a \u00e9t\u00e9 transpos\u00e9e par l&rsquo;ordonnance n\u00b0&nbsp;2023-1142 du 6 d\u00e9cembre 2023. Elle remplace la NFRD et \u00e9largit consid\u00e9rablement le p\u00e9rim\u00e8tre des entreprises soumises au reporting de durabilit\u00e9.<\/p>\n  <p>Contrairement \u00e0 l&rsquo;ancienne r\u00e9glementation, la CSRD ne se limite plus aux grands groupes cot\u00e9s. Elle s&rsquo;\u00e9tend progressivement \u00e0 toutes les grandes entreprises, puis aux PME cot\u00e9es, selon un calendrier d&rsquo;application par&nbsp;paliers.<\/p>\n\n  <div class=\"callout callout-blue\">\n    <span class=\"callout-icon\">\u2139\ufe0f<\/span>\n    <div class=\"callout-text\"><strong>CSRD vs NFRD&nbsp;:<\/strong> l&rsquo;ancienne NFRD concernait environ 11&nbsp;700 entreprises en Europe. La CSRD en cible \u00e0 terme plus de 50&nbsp;000, soit un p\u00e9rim\u00e8tre multipli\u00e9 par plus de&nbsp;4.<\/div>\n  <\/div>\n\n  <!-- Section 2 -->\n  <h2><span class=\"icon\">\ud83d\udcca<\/span> Seuils d&rsquo;application selon la taille de votre FinTech<\/h2>\n  <p>L&rsquo;obligation d\u00e9pend de trois crit\u00e8res. Pour entrer dans le p\u00e9rim\u00e8tre CSRD, une entreprise doit remplir <strong>au moins 2 des 3 conditions suivantes<\/strong>&nbsp;:<\/p>\n\n  <ul class=\"var-list\">\n    <li>Plus de <strong>250 salari\u00e9s<\/strong> en moyenne sur l&rsquo;exercice<\/li>\n    <li>Chiffre d&rsquo;affaires net sup\u00e9rieur \u00e0 <strong>40&nbsp;M\u20ac<\/strong><\/li>\n    <li>Total bilan sup\u00e9rieur \u00e0 <strong>20&nbsp;M\u20ac<\/strong><\/li>\n  <\/ul>\n\n  <div class=\"table-wrap\">\n    <table class=\"article-table\">\n      <thead>\n        <tr>\n          <th>Profil d&rsquo;entreprise<\/th>\n          <th>Statut CSRD<\/th>\n          <th>Rapport obligatoire d\u00e8s<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td class=\"td-name\" data-label=\"Profil\">Grande entreprise cot\u00e9e ou EIP &gt;500 salari\u00e9s<\/td>\n          <td class=\"td-green\" data-label=\"Statut CSRD\">Obligatoire<\/td>\n          <td class=\"td-gray\" data-label=\"D\u00e8s\">Exercice 2024 (publi\u00e9 en 2025)<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Profil\">Grande entreprise (2 crit\u00e8res sur 3 remplis)<\/td>\n          <td class=\"td-green\" data-label=\"Statut CSRD\">Obligatoire<\/td>\n          <td class=\"td-gray\" data-label=\"D\u00e8s\">Exercice 2025 (publi\u00e9 en 2026)<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Profil\">PME cot\u00e9e sur un march\u00e9 r\u00e9glement\u00e9<\/td>\n          <td class=\"td-amber\" data-label=\"Statut CSRD\">Obligatoire (opt-out possible)<\/td>\n          <td class=\"td-gray\" data-label=\"D\u00e8s\">Exercice 2026 (publi\u00e9 en 2027)<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Profil\">Startup ou PME non cot\u00e9e &lt;250 salari\u00e9s<\/td>\n          <td class=\"td-red\" data-label=\"Statut CSRD\">Non obligatoire (pour l&rsquo;instant)<\/td>\n          <td class=\"td-gray\" data-label=\"D\u00e8s\">Pas de date fix\u00e9e<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Profil\">Filiale d&rsquo;un groupe soumis \u00e0 la CSRD<\/td>\n          <td class=\"td-amber\" data-label=\"Statut CSRD\">D\u00e9pend du groupe<\/td>\n          <td class=\"td-gray\" data-label=\"D\u00e8s\">Selon le calendrier du groupe<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"callout callout-amber\">\n    <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\n    <div class=\"callout-text\"><strong>Point de vigilance&nbsp;:<\/strong> les seuils CSRD s&rsquo;\u00e9valuent sur deux exercices cons\u00e9cutifs. Une FinTech qui franchit les seuils en 2024 et 2025 peut se retrouver dans le p\u00e9rim\u00e8tre d&rsquo;obligation d\u00e8s l&rsquo;exercice&nbsp;2026.<\/div>\n  <\/div>\n\n  <!-- CSRD Eligibility Checker -->\n  <div class=\"csrd-checker\">\n    <span class=\"csrd-checker-label\">Outil \u00b7 Diagnostic rapide<\/span>\n    <p class=\"csrd-checker-title\">Votre FinTech est-elle concern\u00e9e par la CSRD&nbsp;?<\/p>\n    <div class=\"csrd-q-list\">\n      <div class=\"csrd-q\" id=\"csrdQ0\" onclick=\"csrdToggle(0)\">\n        <span class=\"csrd-q-text\">Votre effectif d\u00e9passe 250 salari\u00e9s en moyenne sur l&rsquo;exercice<\/span>\n        <div class=\"csrd-toggle\"><div class=\"csrd-toggle-dot\"><\/div><\/div>\n      <\/div>\n      <div class=\"csrd-q\" id=\"csrdQ1\" onclick=\"csrdToggle(1)\">\n        <span class=\"csrd-q-text\">Votre chiffre d&rsquo;affaires net d\u00e9passe 40&nbsp;M\u20ac<\/span>\n        <div class=\"csrd-toggle\"><div class=\"csrd-toggle-dot\"><\/div><\/div>\n      <\/div>\n      <div class=\"csrd-q\" id=\"csrdQ2\" onclick=\"csrdToggle(2)\">\n        <span class=\"csrd-q-text\">Votre total bilan d\u00e9passe 20&nbsp;M\u20ac<\/span>\n        <div class=\"csrd-toggle\"><div class=\"csrd-toggle-dot\"><\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"csrd-result\" id=\"csrdResult\"><\/div>\n  <\/div>\n\n  <!-- Section 3 -->\n  <h2><span class=\"icon\">\ud83d\udca1<\/span> En dessous des seuils&nbsp;: pas d&rsquo;obligation l\u00e9gale, mais une pression r\u00e9elle<\/h2>\n  <p>Pour la grande majorit\u00e9 des startups et PME FinTech fran\u00e7aises, la CSRD n&rsquo;impose pas encore d&rsquo;obligation directe. Mais l&rsquo;absence de contrainte l\u00e9gale ne signifie pas l&rsquo;absence de contrainte&nbsp;tout court.<\/p>\n  <p>Plusieurs facteurs poussent les FinTechs non soumises \u00e0 la CSRD \u00e0 produire un rapport RSE de fa\u00e7on&nbsp;volontaire&nbsp;:<\/p>\n\n  <div class=\"card-grid\">\n    <div class=\"card-item\">\n      <div class=\"card-num\">01<\/div>\n      <div class=\"card-title\">Pression des investisseurs<\/div>\n      <div class=\"card-desc\">Les fonds soumis \u00e0 la SFDR doivent \u00e9valuer les crit\u00e8res ESG de leurs participations. Ils demandent ces donn\u00e9es aux startups de leur portefeuille, m\u00eame non&nbsp;cot\u00e9es.<\/div>\n    <\/div>\n    <div class=\"card-item\">\n      <div class=\"card-num\">02<\/div>\n      <div class=\"card-title\">Exigences des grands comptes<\/div>\n      <div class=\"card-desc\">Les grandes entreprises soumises \u00e0 la CSRD documentent leur cha\u00eene de valeur. En tant que prestataire tech, votre FinTech peut \u00eatre sollicit\u00e9e pour fournir ses donn\u00e9es de&nbsp;durabilit\u00e9.<\/div>\n    <\/div>\n    <div class=\"card-item\">\n      <div class=\"card-num\">03<\/div>\n      <div class=\"card-title\">Appels d&rsquo;offres publics<\/div>\n      <div class=\"card-desc\">Les march\u00e9s publics int\u00e8grent de plus en plus des crit\u00e8res RSE. Un rapport existant est un atout concret face aux candidats qui n&rsquo;en disposent&nbsp;pas.<\/div>\n    <\/div>\n    <div class=\"card-item\">\n      <div class=\"card-num\">04<\/div>\n      <div class=\"card-title\">Attractivit\u00e9 des talents<\/div>\n      <div class=\"card-desc\">Les profils tech senior \u00e9valuent l&rsquo;engagement RSE de l&#8217;employeur. Un document structur\u00e9 renforce la cr\u00e9dibilit\u00e9 de la d\u00e9marche au moment du&nbsp;recrutement.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-green\">\n    <span class=\"callout-icon\">\u2705<\/span>\n    <div class=\"callout-text\"><strong>Conseil pratique&nbsp;:<\/strong> produire un rapport RSE avant d&rsquo;atteindre les seuils CSRD permet de roder le processus de collecte de donn\u00e9es et d&rsquo;\u00e9viter de le construire en urgence lors d&rsquo;une lev\u00e9e de fonds ou d&rsquo;un audit&nbsp;client.<\/div>\n  <\/div>\n\n  <!-- Mid-article CTA -->\n  <div class=\"mid-cta\">\n    <div class=\"mid-cta-text\">\n      <p class=\"mid-cta-title\">Vous avez un rapport RSE \u00e0 concevoir&nbsp;?<\/p>\n      <p class=\"mid-cta-sub\">Je prends en charge la mise en page et le design \u00e9ditorial.<\/p>\n    <\/div>\n    <a href=\"\/demande-de-devis\/\" class=\"mid-cta-btn\">Demander un devis<\/a>\n  <\/div>\n\n  <!-- Section 4 \u2014 Timeline -->\n  <h2><span class=\"icon\">\ud83d\udcc5<\/span> Calendrier d&rsquo;application de la CSRD<\/h2>\n  <div class=\"timeline-v2\">\n\n    <div class=\"tl2-item tl2-done\">\n      <div class=\"tl2-year-col\"><span class=\"tl2-year\">2025<\/span><\/div>\n      <div class=\"tl2-body\">\n        <p class=\"tl2-title\">Grandes entreprises cot\u00e9es et EIP<\/p>\n        <p class=\"tl2-desc\">Publication des premiers rapports CSRD portant sur l&rsquo;exercice 2024. Entreprises &gt;500 salari\u00e9s ou d\u00e9j\u00e0 soumises \u00e0 la&nbsp;NFRD.<\/p>\n      <\/div>\n      <div class=\"tl2-dot\"><\/div>\n    <\/div>\n\n    <div class=\"tl2-item tl2-active\">\n      <div class=\"tl2-year-col\"><span class=\"tl2-year\">2026<\/span><\/div>\n      <div class=\"tl2-body\">\n        <p class=\"tl2-title\">Toutes les grandes entreprises<\/p>\n        <p class=\"tl2-desc\">Rapport sur l&rsquo;exercice 2025. Toute entreprise remplissant 2 crit\u00e8res sur 3 (250 salari\u00e9s \/ 40&nbsp;M\u20ac CA \/ 20&nbsp;M\u20ac bilan) entre dans le&nbsp;p\u00e9rim\u00e8tre.<\/p>\n      <\/div>\n      <div class=\"tl2-badge\">\ud83d\udccb<\/div>\n      <div class=\"tl2-dot\"><\/div>\n    <\/div>\n\n    <div class=\"tl2-item\">\n      <div class=\"tl2-year-col\"><span class=\"tl2-year\">2027<\/span><\/div>\n      <div class=\"tl2-body\">\n        <p class=\"tl2-title\">PME cot\u00e9es sur march\u00e9 r\u00e9glement\u00e9<\/p>\n        <p class=\"tl2-desc\">Rapport sur l&rsquo;exercice 2026, avec possibilit\u00e9 d&rsquo;opt-out jusqu&rsquo;en 2028. Concerne les PME admises \u00e0 la n\u00e9gociation sur un march\u00e9 r\u00e9glement\u00e9&nbsp;europ\u00e9en.<\/p>\n      <\/div>\n      <div class=\"tl2-dot\"><\/div>\n    <\/div>\n\n    <div class=\"tl2-item\">\n      <div class=\"tl2-year-col\"><span class=\"tl2-year\">2029+<\/span><\/div>\n      <div class=\"tl2-body\">\n        <p class=\"tl2-title\">PME non cot\u00e9es et microentreprises<\/p>\n        <p class=\"tl2-desc\">Pas de date fix\u00e9e \u00e0 ce jour. Des standards simplifi\u00e9s (VSME) sont en cours d&rsquo;\u00e9laboration pour pr\u00e9parer une \u00e9ventuelle extension du&nbsp;p\u00e9rim\u00e8tre.<\/p>\n      <\/div>\n      <div class=\"tl2-dot\"><\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Section 5 \u2014 RSE Content 6 cards -->\n  <h2><span class=\"icon\">\ud83d\udcc4<\/span> Ce que doit contenir un rapport RSE FinTech<\/h2>\n  <p>Que le rapport soit produit par obligation ou par choix, son contenu doit couvrir les trois piliers ESG et les enjeux propres au secteur financier et&nbsp;tech.<\/p>\n\n  <div class=\"rse-cards\">\n    <div class=\"rse-card\">\n      <div class=\"rse-card-top\">\n        <span class=\"rse-card-num\">01<\/span>\n        <span class=\"rse-card-icon\">\ud83c\udf3f<\/span>\n      <\/div>\n      <div class=\"rse-card-title\">Pilier Environnement<\/div>\n      <div class=\"rse-card-desc\">Empreinte carbone des infrastructures num\u00e9riques, consommation des datacenters, politique achats responsables, bilan GES scope 1, 2 et&nbsp;3.<\/div>\n    <\/div>\n    <div class=\"rse-card\">\n      <div class=\"rse-card-top\">\n        <span class=\"rse-card-num\">02<\/span>\n        <span class=\"rse-card-icon\">\ud83d\udc65<\/span>\n      <\/div>\n      <div class=\"rse-card-title\">Pilier Social<\/div>\n      <div class=\"rse-card-desc\">Politique RH, parit\u00e9 hommes\/femmes, taux de formation, conditions de travail, inclusion num\u00e9rique, dialogue social et bien-\u00eatre des&nbsp;collaborateurs.<\/div>\n    <\/div>\n    <div class=\"rse-card\">\n      <div class=\"rse-card-top\">\n        <span class=\"rse-card-num\">03<\/span>\n        <span class=\"rse-card-icon\">\u2696\ufe0f<\/span>\n      <\/div>\n      <div class=\"rse-card-title\">Pilier Gouvernance<\/div>\n      <div class=\"rse-card-desc\">Composition des instances dirigeantes, politique anti-corruption, transparence fiscale, conformit\u00e9 r\u00e9glementaire (RGPD, DORA, DSP2\u2026).<\/div>\n    <\/div>\n    <div class=\"rse-card\">\n      <div class=\"rse-card-top\">\n        <span class=\"rse-card-num\">04<\/span>\n        <span class=\"rse-card-icon\">\ud83d\udcc8<\/span>\n      <\/div>\n      <div class=\"rse-card-title\">Donn\u00e9es et indicateurs<\/div>\n      <div class=\"rse-card-desc\">KPI quantitatifs v\u00e9rifiables par un tiers, comparaison N vs N-1, m\u00e9thodologie de collecte document\u00e9e, indicateurs align\u00e9s sur les standards GRI ou&nbsp;ESRS.<\/div>\n    <\/div>\n    <div class=\"rse-card\">\n      <div class=\"rse-card-top\">\n        <span class=\"rse-card-num\">05<\/span>\n        <span class=\"rse-card-icon\">\ud83d\udd04<\/span>\n      <\/div>\n      <div class=\"rse-card-title\">Double mat\u00e9rialit\u00e9<\/div>\n      <div class=\"rse-card-desc\">Analyse de l&rsquo;impact de l&rsquo;entreprise sur son environnement ET de l&rsquo;impact de l&rsquo;environnement sur l&rsquo;entreprise. Exig\u00e9 par la CSRD, fortement recommand\u00e9 dans les rapports&nbsp;volontaires.<\/div>\n    <\/div>\n    <div class=\"rse-card\">\n      <div class=\"rse-card-top\">\n        <span class=\"rse-card-num\">06<\/span>\n        <span class=\"rse-card-icon\">\ud83c\udfaf<\/span>\n      <\/div>\n      <div class=\"rse-card-title\">Plan d&rsquo;action et objectifs<\/div>\n      <div class=\"rse-card-desc\">Engagements futurs chiffr\u00e9s, jalons par exercice, responsables identifi\u00e9s. Un rapport sans plan d&rsquo;action reste un bilan statique \u2014 c&rsquo;est ce qui fait la diff\u00e9rence pour les investisseurs&nbsp;ESG.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-blue\">\n    <span class=\"callout-icon\">\u2139\ufe0f<\/span>\n    <div class=\"callout-text\"><strong>Format attendu&nbsp;:<\/strong> les rapports CSRD doivent \u00eatre publi\u00e9s au format XHTML avec balisage iXBRL. Pour les rapports volontaires, le PDF reste le standard dominant dans le secteur&nbsp;FinTech.<\/div>\n  <\/div>\n\n  <!-- Section 6 \u2014 Design (rebuilt) -->\n  <h2><span class=\"icon\">\ud83c\udfa8<\/span> Le design du rapport RSE&nbsp;: un signal de s\u00e9rieux<\/h2>\n\n  <p>Un rapport RSE mal mis en page nuit \u00e0 la cr\u00e9dibilit\u00e9 de la d\u00e9marche. Les donn\u00e9es ESG sont denses&nbsp;: KPI, graphiques d&rsquo;\u00e9volution, matrices de mat\u00e9rialit\u00e9, cartographies de risques. Sans architecture graphique, l&rsquo;information reste opaque pour les investisseurs ESG, clients grands comptes et agences de notation&nbsp;extra-financi\u00e8re.<\/p>\n\n  <!-- Pillar visual -->\n  <div class=\"pillar-grid\">\n    <div class=\"pillar-card pillar-card-e\">\n      <span class=\"pillar-letter\">E<\/span>\n      <span class=\"pillar-badge\">Environnement<\/span>\n      <span class=\"pillar-name\">Couleur verte<\/span>\n      <div class=\"pillar-topics\">\n        <span class=\"pillar-topic\">Carbone &amp; \u00e9nergie<\/span>\n        <span class=\"pillar-topic\">Datacenters &amp; cloud<\/span>\n        <span class=\"pillar-topic\">Achats &amp; logistique<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"pillar-card pillar-card-s\">\n      <span class=\"pillar-letter\">S<\/span>\n      <span class=\"pillar-badge\">Social<\/span>\n      <span class=\"pillar-name\">Couleur bleue<\/span>\n      <div class=\"pillar-topics\">\n        <span class=\"pillar-topic\">RH &amp; parit\u00e9<\/span>\n        <span class=\"pillar-topic\">Formation &amp; dialogue<\/span>\n        <span class=\"pillar-topic\">Inclusion num\u00e9rique<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"pillar-card pillar-card-g\">\n      <span class=\"pillar-letter\">G<\/span>\n      <span class=\"pillar-badge\">Gouvernance<\/span>\n      <span class=\"pillar-name\">Couleur ambr\u00e9e<\/span>\n      <div class=\"pillar-topics\">\n        <span class=\"pillar-topic\">Instances dirigeantes<\/span>\n        <span class=\"pillar-topic\">Conformit\u00e9 &amp; fiscal<\/span>\n        <span class=\"pillar-topic\">Anti-corruption<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <p>Un syst\u00e8me de couleurs d\u00e9di\u00e9 \u00e0 chaque pilier est la base d&rsquo;une <a href=\"https:\/\/altaydagistan.com\/creation-rapport-rse\/\" style=\"color:var(--accent);text-decoration:none;\" onmouseover=\"this.style.textDecoration='underline'\" onmouseout=\"this.style.textDecoration='none'\">mise en page rapport RSE<\/a> lisible. Il permet au lecteur de se rep\u00e9rer imm\u00e9diatement dans un document de 60 \u00e0 120 pages. Les cinq autres contraintes de design sont d\u00e9taill\u00e9es&nbsp;ci-dessous.<\/p>\n\n  <!-- Design tabs -->\n  <div class=\"dt-wrap\">\n    <div class=\"dt-header\">\n      <button class=\"dt-btn active\" onclick=\"switchDesignTab('hierarchie')\" data-tab=\"hierarchie\">Hi\u00e9rarchie<\/button>\n      <button class=\"dt-btn\" onclick=\"switchDesignTab('donnees')\" data-tab=\"donnees\">Donn\u00e9es<\/button>\n      <button class=\"dt-btn\" onclick=\"switchDesignTab('format')\" data-tab=\"format\">Double format<\/button>\n      <button class=\"dt-btn\" onclick=\"switchDesignTab('accessibilite')\" data-tab=\"accessibilite\">Accessibilit\u00e9<\/button>\n      <button class=\"dt-btn\" onclick=\"switchDesignTab('ixbrl')\" data-tab=\"ixbrl\">iXBRL<\/button>\n    <\/div>\n    <select class=\"dt-mobile-select\" onchange=\"switchDesignTab(this.value)\">\n      <option value=\"hierarchie\">Hi\u00e9rarchie<\/option>\n      <option value=\"donnees\">Donn\u00e9es<\/option>\n      <option value=\"format\">Double format<\/option>\n      <option value=\"accessibilite\">Accessibilit\u00e9<\/option>\n      <option value=\"ixbrl\">iXBRL<\/option>\n    <\/select>\n\n    <div id=\"dt-hierarchie\" class=\"dt-panel active\">\n      <div class=\"dt-panel-head\">\n        <span class=\"dt-panel-icon\">\ud83c\udfd7\ufe0f<\/span>\n        <div class=\"dt-panel-meta\">\n          <span class=\"dt-tag\">Structure<\/span>\n          <div class=\"dt-panel-title\">Hi\u00e9rarchie des piliers<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dt-panel-text\">\n        <p>Les sections E, S et G doivent \u00eatre visuellement distinctes d\u00e8s la premi\u00e8re lecture. Cela implique un syst\u00e8me de couleurs codifi\u00e9, un jeu de pictogrammes sectoriels coh\u00e9rent, et une structure de chapitre identique pour les trois piliers \u2014 m\u00eames niveaux de titres, m\u00eame emplacement des KPI, m\u00eame s\u00e9quence&nbsp;narrative.<\/p>\n        <p>Cette coh\u00e9rence structurelle n&rsquo;est pas un choix esth\u00e9tique&nbsp;: elle facilite la comparaison inter-piliers et permet aux agences de notation ESG d&rsquo;extraire les donn\u00e9es rapidement.<\/p>\n      <\/div>\n    <\/div>\n    <div id=\"dt-donnees\" class=\"dt-panel\">\n      <div class=\"dt-panel-head\">\n        <span class=\"dt-panel-icon\">\ud83d\udcca<\/span>\n        <div class=\"dt-panel-meta\">\n          <span class=\"dt-tag\">Visualisation<\/span>\n          <div class=\"dt-panel-title\">Visualisation des donn\u00e9es chiffr\u00e9es<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dt-panel-text\">\n        <p>Les KPI (intensit\u00e9 carbone, taux de parit\u00e9, score de gouvernance\u2026) ne peuvent pas rester dans des tableaux textuels. Ils doivent \u00eatre pr\u00e9sent\u00e9s sous forme de cartouches num\u00e9riques mis en valeur, de graphiques d&rsquo;\u00e9volution ann\u00e9e sur ann\u00e9e, ou d&rsquo;infographies synth\u00e9tiques pour les indicateurs&nbsp;composites.<\/p>\n        <p>La r\u00e8gle de base&nbsp;: si une donn\u00e9e est centrale pour l&rsquo;\u00e9valuation ESG de l&rsquo;entreprise, elle m\u00e9rite une repr\u00e9sentation graphique&nbsp;d\u00e9di\u00e9e.<\/p>\n      <\/div>\n    <\/div>\n    <div id=\"dt-format\" class=\"dt-panel\">\n      <div class=\"dt-panel-head\">\n        <span class=\"dt-panel-icon\">\ud83d\udda8\ufe0f<\/span>\n        <div class=\"dt-panel-meta\">\n          <span class=\"dt-tag\">Production<\/span>\n          <div class=\"dt-panel-title\">Double format PDF et impression<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dt-panel-text\">\n        <p>Un rapport RSE se consulte sur \u00e9cran (PDF interactif avec sommaire cliquable, hyperliens internes) et s&rsquo;imprime en offset pour les assembl\u00e9es g\u00e9n\u00e9rales ou les audits. Ces deux usages ne partagent pas les m\u00eames contraintes&nbsp;: marges, r\u00e9solutions d&rsquo;image, profils colorim\u00e9triques RVB vs CMJN, corps de texte minimum lisible&nbsp;en&nbsp;print.<\/p>\n        <p>La mise en page doit \u00eatre con\u00e7ue d\u00e8s le d\u00e9part pour les deux sorties \u2014 pas adapt\u00e9e \u00e0 la derni\u00e8re minute.<\/p>\n      <\/div>\n    <\/div>\n    <div id=\"dt-accessibilite\" class=\"dt-panel\">\n      <div class=\"dt-panel-head\">\n        <span class=\"dt-panel-icon\">\u267f<\/span>\n        <div class=\"dt-panel-meta\">\n          <span class=\"dt-tag\">Conformit\u00e9<\/span>\n          <div class=\"dt-panel-title\">Accessibilit\u00e9 PDF<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dt-panel-text\">\n        <p>Les rapports destin\u00e9s aux investisseurs institutionnels et aux r\u00e9gulateurs doivent respecter des standards d&rsquo;accessibilit\u00e9&nbsp;: ratio de contraste texte\/fond (WCAG AA minimum), structure de balises logique pour les lecteurs d&rsquo;\u00e9cran, ordre de lecture d\u00e9fini, textes alternatifs sur toutes les infographies.<\/p>\n        <p>Ces contraintes se g\u00e8rent en amont dans le logiciel de mise en page (Adobe InDesign) \u2014 les corriger en post-production sur un PDF export\u00e9 est co\u00fbteux en temps et rarement&nbsp;complet.<\/p>\n      <\/div>\n    <\/div>\n    <div id=\"dt-ixbrl\" class=\"dt-panel\">\n      <div class=\"dt-panel-head\">\n        <span class=\"dt-panel-icon\">\ud83c\udff7\ufe0f<\/span>\n        <div class=\"dt-panel-meta\">\n          <span class=\"dt-tag\">CSRD obligatoire<\/span>\n          <div class=\"dt-panel-title\">Balisage iXBRL pour la CSRD<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dt-panel-text\">\n        <p>Les entreprises soumises \u00e0 la CSRD doivent publier leur rapport au format XHTML avec balisage iXBRL (Inline XBRL). Ce standard permet aux r\u00e9gulateurs et aux bases de donn\u00e9es financi\u00e8res de lire automatiquement les indicateurs ESG sans intervention&nbsp;manuelle.<\/p>\n        <p>La maquette graphique doit anticiper cette contrainte&nbsp;: les donn\u00e9es \u00e0 baliser doivent \u00eatre structur\u00e9es de fa\u00e7on \u00e0 pouvoir \u00eatre extraites et tagu\u00e9es sans d\u00e9naturer la mise en page finale.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Portfolio -->\n  <div class=\"folio-header\">\n    <span class=\"folio-eyebrow\">R\u00e9alisation \u00b7 Altay Dagistan<\/span>\n    <h3>Rapport de durabilit\u00e9 EthiFinance<\/h3>\n  <\/div>\n  <p>J&rsquo;ai con\u00e7u ce rapport de durabilit\u00e9 pour EthiFinance, acteur de la notation ESG ind\u00e9pendant. L&rsquo;enjeu&nbsp;: traduire graphiquement un volume dense de donn\u00e9es extra-financi\u00e8res sans perdre la fluidit\u00e9 de lecture. Syst\u00e8me de couleurs par pilier, infographies d&rsquo;indicateurs, double d\u00e9clinaison print et&nbsp;PDF.<\/p>\n\n  <div class=\"portfolio-bento\">\n    <div class=\"pb-item pb-featured\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/11\/Guide-RSE-01.jpg\" alt=\"Rapport RSE EthiFinance \u2014 mise en page graphiste freelance Paris\" class=\"pb-img\" loading=\"lazy\" title=\"\">\n      <div class=\"pb-caption\">EthiFinance &middot; Rapport de durabilit\u00e9<\/div>\n    <\/div>\n    <div class=\"pb-item\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/11\/Guide-RSE-03.jpg\" alt=\"Design rapport ESG EthiFinance \u2014 graphiste freelance Paris\" class=\"pb-img\" loading=\"lazy\" title=\"\">\n      <div class=\"pb-caption\">EthiFinance &middot; Piliers ESG<\/div>\n    <\/div>\n    <div class=\"pb-item\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/11\/Guide-RSE-04-1280x823.jpg\" alt=\"Mise en page rapport de durabilit\u00e9 \u2014 graphiste freelance Paris\" class=\"pb-img\" loading=\"lazy\" title=\"\">\n      <div class=\"pb-caption\">EthiFinance &middot; Indicateurs<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"cta-box\">\n    <span class=\"cta-eyebrow\">Rapport RSE &amp; design \u00e9ditorial<\/span>\n    <p class=\"cta-title\">Vous pr\u00e9parez un rapport RSE&nbsp;?<\/p>\n    <p class=\"cta-sub\">Je con\u00e7ois la mise en page et le design \u00e9ditorial de rapports de durabilit\u00e9 pour les entreprises B2B et FinTech. Format PDF et print, d\u00e9lais&nbsp;respect\u00e9s.<\/p>\n    <a href=\"\/demande-de-devis\/\" class=\"cta-btn\">Demander un devis<\/a>\n    <div class=\"cta-meta\">\n      <div class=\"cta-meta-item\"><span>\ud83d\udccd<\/span><span>Paris<\/span><\/div>\n      <div class=\"cta-meta-item\"><span>\u23f1\ufe0f<\/span><span>R\u00e9ponse sous&nbsp;24&nbsp;h<\/span><\/div>\n      <div class=\"cta-meta-item\"><span>\ud83d\udce7<\/span><span>contact@altaydagistan.com<\/span><\/div>\n    <\/div>\n  <\/div>\n\n<\/article>\n\n<script>\n\/* \u2500\u2500 CSRD Checker \u2500\u2500 *\/\nvar csrdState = [false, false, false];\n\nfunction csrdToggle(index) {\n  csrdState[index] = !csrdState[index];\n  var el = document.getElementById('csrdQ' + index);\n  if (csrdState[index]) { el.classList.add('active'); }\n  else { el.classList.remove('active'); }\n  csrdEval();\n}\n\nfunction csrdEval() {\n  var count = 0;\n  for (var i = 0; i < csrdState.length; i++) { if (csrdState[i]) { count++; } }\n  var result = document.getElementById('csrdResult');\n  if (count === 0) { result.className = 'csrd-result'; return; }\n  result.className = 'csrd-result show';\n  if (count >= 2) {\n    result.className += ' csrd-result-obligatoire';\n    result.innerHTML = '<strong>Votre FinTech entre dans le p\u00e9rim\u00e8tre CSRD.<\/strong> Deux crit\u00e8res sur trois sont remplis. L\\'obligation de rapport extra-financier s\\'applique selon le calendrier en vigueur. Un rapport bien con\u00e7u d\u00e8s maintenant \u00e9vitera une mise \u00e0 conformit\u00e9 en urgence.';\n  } else if (count === 1) {\n    result.className += ' csrd-result-surveiller';\n    result.innerHTML = '<strong>Un seul crit\u00e8re rempli pour l\\'instant.<\/strong> La CSRD ne s\\'applique pas encore directement. Mais si l\\'entreprise franchit un deuxi\u00e8me seuil sur deux exercices cons\u00e9cutifs, l\\'obligation s\\'enclenche. \u00c0 surveiller \u00e0 chaque cl\u00f4ture.';\n  }\n}\n\n\/* \u2500\u2500 Design Tabs \u2500\u2500 *\/\nfunction switchDesignTab(id) {\n  var panels = document.querySelectorAll('.dt-panel');\n  for (var i = 0; i < panels.length; i++) {\n    panels[i].classList.remove('active');\n    panels[i].style.display = 'none';\n  }\n  var btns = document.querySelectorAll('.dt-btn');\n  for (var j = 0; j < btns.length; j++) {\n    btns[j].classList.remove('active');\n    if (btns[j].getAttribute('data-tab') === id) { btns[j].classList.add('active'); }\n  }\n  var panel = document.getElementById('dt-' + id);\n  if (panel) { panel.classList.add('active'); panel.style.display = 'block'; }\n  var sel = document.querySelector('.dt-mobile-select');\n  if (sel) { sel.value = id; }\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n  switchDesignTab('hierarchie');\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>RSE &amp; FinTech \u00b7 R\u00e9glementation Rapport RSE pour une startup ou PME FinTech&nbsp;: est-ce obligatoire&nbsp;? La directive CSRD impose de nouvelles obligations de reporting extra-financier aux entreprises europ\u00e9ennes. Mais selon la taille et le statut de votre FinTech, les r\u00e8gles ne sont pas les&nbsp;m\u00eames. 250 salari\u00e9s : seuil principal d&rsquo;application de la&nbsp;CSRD 2&nbsp;crit\u00e8res sur 3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18854,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[155],"tags":[],"class_list":["post-18853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-graphisme"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/18853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/comments?post=18853"}],"version-history":[{"count":3,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/18853\/revisions"}],"predecessor-version":[{"id":18860,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/18853\/revisions\/18860"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/media\/18854"}],"wp:attachment":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/media?parent=18853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/categories?post=18853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/tags?post=18853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}