Le leadership serviteur · exercice guidé

3b:I[23131,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/3vkzaackgg_qg.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/3p652vdqlk1ce.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js","/_next/static/chunks/0tebe-k_4bvw8.js","/_next/static/chunks/1y0j3n013eps6.js","/_next/static/chunks/1thlt7ghjj4x5.js","/_next/static/chunks/41l0cu_krzrbf.js"],"PageProvider"] 3c:Ta3a9,

3d:T43b3,@charset "UTF-8"; /* Masquage du header Notion */ .notion-header__cover, .notion-header__content, .notion-header__title, .notion-page__properties { display: none !important; } :root { --paper:#FBFAF7; --ink:#16323F; --ink-2:#5C7078; --rule:#D8D5CE; --band:#EDF1F1; --data:#C0356B; --data-2:#2E7F8C; --alert:#B3261E; } * { box-sizing: border-box; margin: 0; padding: 0; } body { background: var(--paper); color: var(--ink); font-family: "Spectral", Georgia, serif; font-weight: 300; line-height: 1.62; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; max-width: 948px; margin: 0 auto; } /* centrage : la contrainte doit porter sur body, le conteneur Notion dans lequel #app est injecte n'est pas centre. */ .page { max-width: 948px; margin: 0 auto; padding: 0 26px 72px; position: relative; } @media (min-width: 900px) { .page { padding-right: 284px; } } .gk { font-family: "Space Grotesk", Helvetica, sans-serif; font-variant-numeric: tabular-nums; } /* ─── TITRE COURANT ─────────────────────────────────────────── */ .rh { position: sticky; top: 0; z-index: 30; background: var(--paper); border-bottom: 1px solid var(--ink); padding: 13px 0 7px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-family: "Space Grotesk", sans-serif; font-variant-numeric: tabular-nums; font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-2); } .rh .rh-r { white-space: nowrap; } .rh .cnt { color: var(--data); } /* ─── TYPOGRAPHIE ───────────────────────────────────────────── */ h1 { font-family: "Spectral", serif; font-weight: 600; font-size: 44px; line-height: 1.06; letter-spacing: -0.015em; margin: 10px 0 12px; } h2 { font-family: "Spectral", serif; font-weight: 600; font-size: 26px; line-height: 1.15; margin: 0 0 10px; } h3 { font-family: "Spectral", serif; font-weight: 600; font-size: 19px; line-height: 1.25; margin: 0 0 6px; } .subtitle { font-size: 20px; font-style: italic; font-weight: 300; color: var(--ink-2); line-height: 1.45; margin-bottom: 26px; } p { font-size: 18px; line-height: 1.68; margin-bottom: 14px; } .lead { font-size: 18px; } .note { font-size: 16px; color: var(--ink-2); line-height: 1.6; } .lbl { font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-2); display: block; } sup.ref { font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; color: var(--data-2); vertical-align: super; line-height: 0; margin-left: 1px; } @media (max-width: 620px) { h1 { font-size: 33px; } .subtitle { font-size: 18px; } p, .lead { font-size: 17px; } } /* ─── BANDEAU RESUME ────────────────────────────────────────── */ .abstract { background: var(--band); border-left: 4px solid var(--ink); padding: 20px 24px; margin: 24px 0 30px; } .abstract p { font-size: 17px; line-height: 1.62; margin-bottom: 10px; } .abstract p:last-child { margin-bottom: 0; } /* ─── NOTE DE MARGE ─────────────────────────────────────────── */ .side { font-family: "Spectral", serif; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); border-top: 1px solid var(--rule); padding-top: 8px; margin: 20px 0; } .side b { font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; display: block; margin-bottom: 4px; color: var(--ink); } @media (min-width: 900px) { .side { float: right; clear: right; width: 228px; margin: 6px -284px 22px 0; } } /* ─── TABLEAUX A FILETS HORIZONTAUX ─────────────────────────── */ table.rows { width: 100%; border-collapse: collapse; margin: 26px 0; border-top: 3px double var(--ink); border-bottom: 3px double var(--ink); } table.rows thead th { text-align: left; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-2); padding: 9px 14px 9px 0; border-bottom: 1px solid var(--ink); } table.rows th.k { text-align: left; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-2); width: 172px; padding: 11px 14px 11px 0; vertical-align: top; border-bottom: 1px solid var(--rule); } table.rows td { font-size: 17px; line-height: 1.5; padding: 11px 14px 11px 0; vertical-align: top; border-bottom: 1px solid var(--rule); } table.rows tr:last-child td, table.rows tr:last-child th.k { border-bottom: none; } table.rows td .d { display: block; font-size: 15px; color: var(--ink-2); line-height: 1.5; margin-top: 3px; } table.rows td.empty { color: var(--ink-2); font-style: italic; } @media (max-width: 620px) { table.rows th.k { width: auto; display: block; border-bottom: none; padding-bottom: 2px; } table.rows td { display: block; padding-top: 0; padding-bottom: 14px; } table.rows tr { display: block; } } /* ─── FIGURE ────────────────────────────────────────────────── */ figure.fig { background: var(--band); padding: 22px 18px 16px; margin: 28px 0; } figure.fig svg { display: block; width: 100%; height: auto; } figcaption { border-top: 1px solid var(--rule); margin-top: 14px; padding-top: 9px; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); } figcaption b { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.05em; color: var(--ink); } /* ─── CHAMPS ────────────────────────────────────────────────── */ .field { margin: 0 0 30px; } .field .q { font-size: 19px; font-weight: 400; line-height: 1.35; margin: 0 0 3px; } .field .hint { font-size: 15.5px; font-style: italic; color: var(--ink-2); line-height: 1.5; margin: 0 0 10px; } .field .lbl { margin-bottom: 5px; } textarea, input.line { width: 100%; font-family: "Spectral", serif; font-weight: 300; font-size: 17px; line-height: 1.6; color: var(--ink); background: transparent; border: none; border-bottom: 1px solid var(--rule); padding: 8px 0; outline: none; resize: vertical; display: block; } textarea { min-height: 76px; } textarea:focus, input.line:focus { border-bottom-color: var(--data); border-bottom-width: 2px; padding-bottom: 7px; } textarea::placeholder, input.line::placeholder { color: #A9B4B8; font-style: italic; } input.line.short { max-width: 260px; } .fieldrow { display: grid; grid-template-columns: 1fr 200px; gap: 22px; align-items: end; } @media (max-width: 620px) { .fieldrow { grid-template-columns: 1fr; gap: 14px; } } /* ─── SELECTION D'EVENEMENT ─────────────────────────────────── */ .pick { border-top: 1px solid var(--rule); margin: 0 0 26px; } .pick-opt { display: flex; gap: 12px; align-items: flex-start; padding: 13px 4px; border-bottom: 1px solid var(--rule); cursor: pointer; background: transparent; border-left: none; border-right: none; border-top: none; width: 100%; text-align: left; font-family: "Spectral", serif; font-size: 17px; font-weight: 300; color: var(--ink); line-height: 1.5; } .pick-opt .dot { flex-shrink: 0; width: 13px; height: 13px; border: 1px solid var(--ink-2); margin-top: 5px; border-radius: 50%; background: transparent; } .pick-opt[aria-pressed=true] .dot { background: var(--data); border-color: var(--data); box-shadow: inset 0 0 0 2px var(--band); } .pick-opt[aria-pressed=true] { color: var(--ink); } .pick-opt .idx { font-family: "Space Grotesk", sans-serif; font-size: 10px; letter-spacing: 0.14em; color: var(--ink-2); flex-shrink: 0; margin-top: 6px; } /* ─── ETAPES ────────────────────────────────────────────────── */ .step-head { margin-bottom: 26px; } .step-head .lbl { margin-bottom: 7px; } .step-head .intro { font-size: 17.5px; color: var(--ink); line-height: 1.6; margin-top: 10px; } /* ─── APERCU DES FEUILLETS (intro) ──────────────────────────── */ ol.plan { list-style: none; border-top: 3px double var(--ink); border-bottom: 3px double var(--ink); margin: 26px 0; } ol.plan li { display: flex; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--rule); align-items: baseline; } ol.plan li:last-child { border-bottom: none; } ol.plan .n { font-family: "Space Grotesk", sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.12em; color: var(--ink-2); flex-shrink: 0; width: 26px; } ol.plan .t { font-size: 17px; } ol.plan .t span { display: block; font-size: 15px; color: var(--ink-2); line-height: 1.45; margin-top: 2px; } /* ─── BOUTONS ───────────────────────────────────────────────── */ .btn { display: block; width: 100%; padding: 16px; background: var(--ink); color: var(--paper); border: none; cursor: pointer; font-family: "Space Grotesk", sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; margin-top: 20px; transition: opacity 0.15s; } .btn:hover { opacity: 0.86; } .btn-2 { background: transparent; color: var(--ink-2); border: 1px solid var(--rule); padding: 13px; font-size: 10px; letter-spacing: 0.14em; margin-top: 10px; } .btn-2:hover { background: var(--band); opacity: 1; } .nav { display: flex; gap: 12px; margin-top: 34px; border-top: 1px solid var(--rule); padding-top: 20px; } .nav .btn { margin-top: 0; flex: 1; } .btn-prev { width: auto; flex: 0 0 auto; padding: 16px 24px; background: transparent; color: var(--ink-2); border: 1px solid var(--rule); font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; } .btn-prev:hover { background: var(--band); } /* ─── MISE EN GARDE / CONFIDENTIALITE ───────────────────────── */ .caution { background: var(--band); border-left: 4px solid var(--data-2); padding: 16px 20px; margin: 28px 0; } .caution .lbl { margin-bottom: 6px; } .caution p { font-size: 16px; line-height: 1.6; margin: 0; } /* ─── NOTES ─────────────────────────────────────────────────── */ .notes { border-top: 1px solid var(--ink); margin-top: 40px; padding-top: 16px; } .notes .lbl { margin-bottom: 12px; } .notes ol { list-style: none; counter-reset: n; } .notes li { counter-increment: n; position: relative; padding-left: 26px; margin-bottom: 10px; font-size: 14.5px; line-height: 1.55; color: var(--ink-2); } .notes li::before { content: counter(n); position: absolute; left: 0; top: 1px; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 600; color: var(--data-2); } .notes li em { font-style: italic; } /* ─── BANDES DE SCHEMA ───────────────────────────────────────── */ ol.cycle { list-style: none; margin: 0; } .cy { display: flex; gap: 12px; background: var(--paper); border: 1px solid var(--rule); border-left: 3px solid var(--ink-2); padding: 12px 15px; } .cy[data-on="1"] { border-left-color: var(--data); } .cy-n { font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 600; color: var(--ink-2); flex: 0 0 13px; padding-top: 3px; font-variant-numeric: tabular-nums; } .cy[data-on="1"] .cy-n { color: var(--data); } .cy-l { font-family: "Space Grotesk", sans-serif; font-size: 9.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); display: block; margin-bottom: 3px; } .cy-v { font-size: 15px; line-height: 1.5; margin: 0; } .cy-v.soft { font-style: italic; color: var(--ink-2); } .cy-link { height: 22px; position: relative; } .cy-link::before { content: ""; position: absolute; left: 26px; top: 0; bottom: 6px; width: 1px; background: var(--ink); } .cy-link::after { content: ""; position: absolute; left: 22px; bottom: 0; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid var(--ink); } .cy-back { margin-top: 14px; border-top: 1px dashed var(--ink-2); padding-top: 10px; text-align: center; font-family: "Space Grotesk", sans-serif; font-size: 9.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); } /* ─── MODULES DE PARTAGE ────────────────────────────────────── */ .share-overlay { position: fixed; inset: 0; background: rgba(22, 50, 63, 0.62); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 20px; font-family: "Spectral", serif; } .share-overlay.open { display: flex; } .share-modal { background: var(--paper); border: 1px solid var(--ink); padding: 26px 26px 22px; width: 100%; max-width: 432px; } .share-modal h3 { font-family: "Spectral", serif; font-weight: 600; font-size: 22px; color: var(--ink); margin: 0 0 6px; } .share-sub { color: var(--ink-2); font-size: 15px; line-height: 1.5; margin: 0 0 18px; font-weight: 300; } .share-label { display: block; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 7px; } .share-link-row { display: flex; gap: 6px; margin-bottom: 18px; } .share-link-row input { flex: 1; padding: 10px 11px; border: 1px solid var(--rule); font-size: 13px; font-family: "Space Grotesk", sans-serif; color: var(--ink-2); background: var(--band); outline: none; } .share-copy { background: var(--ink); color: var(--paper); border: none; padding: 0 15px; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; white-space: nowrap; } .share-copy.copied { background: var(--data); } .share-channels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } .share-channels button { background: var(--band); border: 1px solid var(--rule); padding: 12px; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.11em; text-transform: uppercase; cursor: pointer; color: var(--ink); display: flex; align-items: center; justify-content: center; gap: 7px; } .share-channels button:hover { background: var(--paper); } .share-channels svg { width: 13px; height: 13px; } .share-close { background: transparent; color: var(--ink-2); border: 1px solid var(--rule); padding: 10px 15px; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; margin-top: 16px; float: right; } .share-close:hover { background: var(--band); } .share-psy-steps { margin: 0 0 16px 0; padding-left: 18px; color: var(--ink); font-size: 15px; line-height: 1.6; font-weight: 300; } .share-psy-steps li { margin-bottom: 6px; } .share-psy-hint { color: var(--ink-2); font-size: 14px; line-height: 1.5; margin: 14px 0 0; font-style: italic; } .share-psy-copy-wide { width: 100%; padding: 11px; margin-top: 8px; } .btn-share svg { width: 12px; height: 12px; margin-right: 8px; vertical-align: -1px; } @media (max-width: 480px) { .share-channels { grid-template-columns: 1fr; } } :root { --primary-font: "Spectral", Georgia, serif; --secondary-font: "Spectral", Georgia, serif; }3e:T43b3,@charset "UTF-8"; /* Masquage du header Notion */ .notion-header__cover, .notion-header__content, .notion-header__title, .notion-page__properties { display: none !important; } :root { --paper:#FBFAF7; --ink:#16323F; --ink-2:#5C7078; --rule:#D8D5CE; --band:#EDF1F1; --data:#C0356B; --data-2:#2E7F8C; --alert:#B3261E; } * { box-sizing: border-box; margin: 0; padding: 0; } body { background: var(--paper); color: var(--ink); font-family: "Spectral", Georgia, serif; font-weight: 300; line-height: 1.62; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; max-width: 948px; margin: 0 auto; } /* centrage : la contrainte doit porter sur body, le conteneur Notion dans lequel #app est injecte n'est pas centre. */ .page { max-width: 948px; margin: 0 auto; padding: 0 26px 72px; position: relative; } @media (min-width: 900px) { .page { padding-right: 284px; } } .gk { font-family: "Space Grotesk", Helvetica, sans-serif; font-variant-numeric: tabular-nums; } /* ─── TITRE COURANT ─────────────────────────────────────────── */ .rh { position: sticky; top: 0; z-index: 30; background: var(--paper); border-bottom: 1px solid var(--ink); padding: 13px 0 7px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-family: "Space Grotesk", sans-serif; font-variant-numeric: tabular-nums; font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-2); } .rh .rh-r { white-space: nowrap; } .rh .cnt { color: var(--data); } /* ─── TYPOGRAPHIE ───────────────────────────────────────────── */ h1 { font-family: "Spectral", serif; font-weight: 600; font-size: 44px; line-height: 1.06; letter-spacing: -0.015em; margin: 10px 0 12px; } h2 { font-family: "Spectral", serif; font-weight: 600; font-size: 26px; line-height: 1.15; margin: 0 0 10px; } h3 { font-family: "Spectral", serif; font-weight: 600; font-size: 19px; line-height: 1.25; margin: 0 0 6px; } .subtitle { font-size: 20px; font-style: italic; font-weight: 300; color: var(--ink-2); line-height: 1.45; margin-bottom: 26px; } p { font-size: 18px; line-height: 1.68; margin-bottom: 14px; } .lead { font-size: 18px; } .note { font-size: 16px; color: var(--ink-2); line-height: 1.6; } .lbl { font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-2); display: block; } sup.ref { font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; color: var(--data-2); vertical-align: super; line-height: 0; margin-left: 1px; } @media (max-width: 620px) { h1 { font-size: 33px; } .subtitle { font-size: 18px; } p, .lead { font-size: 17px; } } /* ─── BANDEAU RESUME ────────────────────────────────────────── */ .abstract { background: var(--band); border-left: 4px solid var(--ink); padding: 20px 24px; margin: 24px 0 30px; } .abstract p { font-size: 17px; line-height: 1.62; margin-bottom: 10px; } .abstract p:last-child { margin-bottom: 0; } /* ─── NOTE DE MARGE ─────────────────────────────────────────── */ .side { font-family: "Spectral", serif; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); border-top: 1px solid var(--rule); padding-top: 8px; margin: 20px 0; } .side b { font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; display: block; margin-bottom: 4px; color: var(--ink); } @media (min-width: 900px) { .side { float: right; clear: right; width: 228px; margin: 6px -284px 22px 0; } } /* ─── TABLEAUX A FILETS HORIZONTAUX ─────────────────────────── */ table.rows { width: 100%; border-collapse: collapse; margin: 26px 0; border-top: 3px double var(--ink); border-bottom: 3px double var(--ink); } table.rows thead th { text-align: left; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-2); padding: 9px 14px 9px 0; border-bottom: 1px solid var(--ink); } table.rows th.k { text-align: left; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ink-2); width: 172px; padding: 11px 14px 11px 0; vertical-align: top; border-bottom: 1px solid var(--rule); } table.rows td { font-size: 17px; line-height: 1.5; padding: 11px 14px 11px 0; vertical-align: top; border-bottom: 1px solid var(--rule); } table.rows tr:last-child td, table.rows tr:last-child th.k { border-bottom: none; } table.rows td .d { display: block; font-size: 15px; color: var(--ink-2); line-height: 1.5; margin-top: 3px; } table.rows td.empty { color: var(--ink-2); font-style: italic; } @media (max-width: 620px) { table.rows th.k { width: auto; display: block; border-bottom: none; padding-bottom: 2px; } table.rows td { display: block; padding-top: 0; padding-bottom: 14px; } table.rows tr { display: block; } } /* ─── FIGURE ────────────────────────────────────────────────── */ figure.fig { background: var(--band); padding: 22px 18px 16px; margin: 28px 0; } figure.fig svg { display: block; width: 100%; height: auto; } figcaption { border-top: 1px solid var(--rule); margin-top: 14px; padding-top: 9px; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); } figcaption b { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.05em; color: var(--ink); } /* ─── CHAMPS ────────────────────────────────────────────────── */ .field { margin: 0 0 30px; } .field .q { font-size: 19px; font-weight: 400; line-height: 1.35; margin: 0 0 3px; } .field .hint { font-size: 15.5px; font-style: italic; color: var(--ink-2); line-height: 1.5; margin: 0 0 10px; } .field .lbl { margin-bottom: 5px; } textarea, input.line { width: 100%; font-family: "Spectral", serif; font-weight: 300; font-size: 17px; line-height: 1.6; color: var(--ink); background: transparent; border: none; border-bottom: 1px solid var(--rule); padding: 8px 0; outline: none; resize: vertical; display: block; } textarea { min-height: 76px; } textarea:focus, input.line:focus { border-bottom-color: var(--data); border-bottom-width: 2px; padding-bottom: 7px; } textarea::placeholder, input.line::placeholder { color: #A9B4B8; font-style: italic; } input.line.short { max-width: 260px; } .fieldrow { display: grid; grid-template-columns: 1fr 200px; gap: 22px; align-items: end; } @media (max-width: 620px) { .fieldrow { grid-template-columns: 1fr; gap: 14px; } } /* ─── SELECTION D'EVENEMENT ─────────────────────────────────── */ .pick { border-top: 1px solid var(--rule); margin: 0 0 26px; } .pick-opt { display: flex; gap: 12px; align-items: flex-start; padding: 13px 4px; border-bottom: 1px solid var(--rule); cursor: pointer; background: transparent; border-left: none; border-right: none; border-top: none; width: 100%; text-align: left; font-family: "Spectral", serif; font-size: 17px; font-weight: 300; color: var(--ink); line-height: 1.5; } .pick-opt .dot { flex-shrink: 0; width: 13px; height: 13px; border: 1px solid var(--ink-2); margin-top: 5px; border-radius: 50%; background: transparent; } .pick-opt[aria-pressed=true] .dot { background: var(--data); border-color: var(--data); box-shadow: inset 0 0 0 2px var(--band); } .pick-opt[aria-pressed=true] { color: var(--ink); } .pick-opt .idx { font-family: "Space Grotesk", sans-serif; font-size: 10px; letter-spacing: 0.14em; color: var(--ink-2); flex-shrink: 0; margin-top: 6px; } /* ─── ETAPES ────────────────────────────────────────────────── */ .step-head { margin-bottom: 26px; } .step-head .lbl { margin-bottom: 7px; } .step-head .intro { font-size: 17.5px; color: var(--ink); line-height: 1.6; margin-top: 10px; } /* ─── APERCU DES FEUILLETS (intro) ──────────────────────────── */ ol.plan { list-style: none; border-top: 3px double var(--ink); border-bottom: 3px double var(--ink); margin: 26px 0; } ol.plan li { display: flex; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--rule); align-items: baseline; } ol.plan li:last-child { border-bottom: none; } ol.plan .n { font-family: "Space Grotesk", sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.12em; color: var(--ink-2); flex-shrink: 0; width: 26px; } ol.plan .t { font-size: 17px; } ol.plan .t span { display: block; font-size: 15px; color: var(--ink-2); line-height: 1.45; margin-top: 2px; } /* ─── BOUTONS ───────────────────────────────────────────────── */ .btn { display: block; width: 100%; padding: 16px; background: var(--ink); color: var(--paper); border: none; cursor: pointer; font-family: "Space Grotesk", sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; margin-top: 20px; transition: opacity 0.15s; } .btn:hover { opacity: 0.86; } .btn-2 { background: transparent; color: var(--ink-2); border: 1px solid var(--rule); padding: 13px; font-size: 10px; letter-spacing: 0.14em; margin-top: 10px; } .btn-2:hover { background: var(--band); opacity: 1; } .nav { display: flex; gap: 12px; margin-top: 34px; border-top: 1px solid var(--rule); padding-top: 20px; } .nav .btn { margin-top: 0; flex: 1; } .btn-prev { width: auto; flex: 0 0 auto; padding: 16px 24px; background: transparent; color: var(--ink-2); border: 1px solid var(--rule); font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; } .btn-prev:hover { background: var(--band); } /* ─── MISE EN GARDE / CONFIDENTIALITE ───────────────────────── */ .caution { background: var(--band); border-left: 4px solid var(--data-2); padding: 16px 20px; margin: 28px 0; } .caution .lbl { margin-bottom: 6px; } .caution p { font-size: 16px; line-height: 1.6; margin: 0; } /* ─── NOTES ─────────────────────────────────────────────────── */ .notes { border-top: 1px solid var(--ink); margin-top: 40px; padding-top: 16px; } .notes .lbl { margin-bottom: 12px; } .notes ol { list-style: none; counter-reset: n; } .notes li { counter-increment: n; position: relative; padding-left: 26px; margin-bottom: 10px; font-size: 14.5px; line-height: 1.55; color: var(--ink-2); } .notes li::before { content: counter(n); position: absolute; left: 0; top: 1px; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 600; color: var(--data-2); } .notes li em { font-style: italic; } /* ─── BANDES DE SCHEMA ───────────────────────────────────────── */ ol.cycle { list-style: none; margin: 0; } .cy { display: flex; gap: 12px; background: var(--paper); border: 1px solid var(--rule); border-left: 3px solid var(--ink-2); padding: 12px 15px; } .cy[data-on="1"] { border-left-color: var(--data); } .cy-n { font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 600; color: var(--ink-2); flex: 0 0 13px; padding-top: 3px; font-variant-numeric: tabular-nums; } .cy[data-on="1"] .cy-n { color: var(--data); } .cy-l { font-family: "Space Grotesk", sans-serif; font-size: 9.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); display: block; margin-bottom: 3px; } .cy-v { font-size: 15px; line-height: 1.5; margin: 0; } .cy-v.soft { font-style: italic; color: var(--ink-2); } .cy-link { height: 22px; position: relative; } .cy-link::before { content: ""; position: absolute; left: 26px; top: 0; bottom: 6px; width: 1px; background: var(--ink); } .cy-link::after { content: ""; position: absolute; left: 22px; bottom: 0; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid var(--ink); } .cy-back { margin-top: 14px; border-top: 1px dashed var(--ink-2); padding-top: 10px; text-align: center; font-family: "Space Grotesk", sans-serif; font-size: 9.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); } /* ─── MODULES DE PARTAGE ────────────────────────────────────── */ .share-overlay { position: fixed; inset: 0; background: rgba(22, 50, 63, 0.62); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 20px; font-family: "Spectral", serif; } .share-overlay.open { display: flex; } .share-modal { background: var(--paper); border: 1px solid var(--ink); padding: 26px 26px 22px; width: 100%; max-width: 432px; } .share-modal h3 { font-family: "Spectral", serif; font-weight: 600; font-size: 22px; color: var(--ink); margin: 0 0 6px; } .share-sub { color: var(--ink-2); font-size: 15px; line-height: 1.5; margin: 0 0 18px; font-weight: 300; } .share-label { display: block; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 7px; } .share-link-row { display: flex; gap: 6px; margin-bottom: 18px; } .share-link-row input { flex: 1; padding: 10px 11px; border: 1px solid var(--rule); font-size: 13px; font-family: "Space Grotesk", sans-serif; color: var(--ink-2); background: var(--band); outline: none; } .share-copy { background: var(--ink); color: var(--paper); border: none; padding: 0 15px; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; white-space: nowrap; } .share-copy.copied { background: var(--data); } .share-channels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } .share-channels button { background: var(--band); border: 1px solid var(--rule); padding: 12px; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.11em; text-transform: uppercase; cursor: pointer; color: var(--ink); display: flex; align-items: center; justify-content: center; gap: 7px; } .share-channels button:hover { background: var(--paper); } .share-channels svg { width: 13px; height: 13px; } .share-close { background: transparent; color: var(--ink-2); border: 1px solid var(--rule); padding: 10px 15px; font-family: "Space Grotesk", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; margin-top: 16px; float: right; } .share-close:hover { background: var(--band); } .share-psy-steps { margin: 0 0 16px 0; padding-left: 18px; color: var(--ink); font-size: 15px; line-height: 1.6; font-weight: 300; } .share-psy-steps li { margin-bottom: 6px; } .share-psy-hint { color: var(--ink-2); font-size: 14px; line-height: 1.5; margin: 14px 0 0; font-style: italic; } .share-psy-copy-wide { width: 100%; padding: 11px; margin-top: 8px; } .btn-share svg { width: 12px; height: 12px; margin-right: 8px; vertical-align: -1px; } @media (max-width: 480px) { .share-channels { grid-template-columns: 1fr; } } :root { --primary-font: "Spectral", Georgia, serif; --secondary-font: "Spectral", Georgia, serif; }5:["$","$L3b",null,{"pageReplacement":"$undefined","getWebVital":true,"pageId":"tests-sls-leadership-au-service-des-autres","records":{"__version__":3,"block":{"tests-sls-leadership-au-service-des-autres":{"id":"tests-sls-leadership-au-service-des-autres","children":[],"hasContent":false,"parentId":"35fc913f2b26808a8970000b4115c33d","title":[["Leadership au service des autres"]],"updatedAt":1788547166324,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","coverPosition":0.5,"createdTime":1781382347226,"lastEditedTime":1788547166324,"createdBy":[{"0":"‣","1":[{"0":"u"}]}],"lastEditedBy":[{"0":"‣","1":[{"0":"u"}]}],"layout":null,"propertySort":[{"property":"o_Lv","visibility":"show","type":"multi_select","name":"Thème"},{"property":"lE_N","visibility":"show","type":"select","name":"Durée"},{"property":"?TM?","visibility":"show","type":"select","name":"Dimensions"},{"property":"bg]v","visibility":"show","type":"select","name":"Items"}],"uri":"/tests/sls-leadership-au-service-des-autres","fullWidth":false,"smallText":false,"cover":"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/2b30335c-0801-4ed8-823c-7f98f6a9d7df/6143/public","noCover":false,"superProperties":{},"propertyValues":{"o_Lv":[{"color":"yellow","value":"Leadership"},{"color":"brown","value":"Activité"}],"lE_N":[{"color":"default","value":"8 minutes"}],"?TM?":[{"color":"default","value":"8 dimensions"}],"bg]v":[{"color":"default","value":"30 items"}]},"blockId":"37ec913f-2b26-8022-968d-f34f8a0d56b3"},"tests":{"id":"tests","children":[],"hasContent":true,"parentId":"35fc913f2b2680ce9102e420b71bac35","title":[["Les tests"]],"updatedAt":1786344898969,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","createdTime":1778662492187,"lastEditedTime":1786344898969,"createdBy":[{"0":"‣","1":[{"0":"u"}]}],"lastEditedBy":[{"0":"‣","1":[{"0":"u"}]}],"description":null,"uri":"/tests","blockId":"35fc913f-2b26-80f3-b83c-d393e2a17f7e"},"35ec913f2b268034928be6377dfd16f1":{"id":"35ec913f2b268034928be6377dfd16f1","children":[],"hasContent":true,"parentId":"3c4c913f2b26808f820cd2353a7191d0","title":[],"updatedAt":1788788056520,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","createdTime":1778595011154,"lastEditedTime":1788788056520,"createdBy":[{"0":"‣","1":[{"0":"u"}]}],"lastEditedBy":[{"0":"‣","1":[{"0":"u"}]}],"description":null,"uri":"/35ec913f2b268034928be6377dfd16f1","blockId":"35ec913f-2b26-8034-928b-e6377dfd16f1"},"tests-questionnaires":{"id":"tests-questionnaires","children":[],"hasContent":false,"parentId":"tests","title":[["Questionnaires"]],"updatedAt":1788871861989,"type":"collection_page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","uri":"/tests/questionnaires","collectionId":"35fc913f-2b26-808a-8970-000b4115c33d","views":[],"cover":null,"description":[],"coverPosition":1},"35fc913f2b2680ce9102e420b71bac35":{"id":"35fc913f2b2680ce9102e420b71bac35","children":["tests","35fc913f2b2680169aa4e48e284cda84","360c913f2b268034a23ee19bbde49404","37ac913f2b268075a235fac2fcc183ce","37ac913f2b2680b78598c554da545630","360c913f2b2680a799b0eafa9d843473","37cc913f2b268084b7abc75bb9d4b8b6","3d1c913f2b2680249ebaece358f59812"],"hasContent":true,"parentId":"35ec913f2b268034928be6377dfd16f1","title":[["Menu"]],"updatedAt":1788529727851,"type":"toggle","subType":null,"depth":null,"color":"BgBrown"},"3c4c913f2b26808f820cd2353a7191d0":null},"form_question":{},"entity":{},"pageId":"37ec913f2b268022968df34f8a0d56b3","pagesToCreate":[]},"settings":{"siteId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a","userId":"23a68ff2-7e5f-42d3-b383-a79223951d24","domainName":"psytests.work","name":"psytests.work","active":true,"free":false,"tier":"personal","favicon":null,"fontFamily":"Inter","legacyTheme":null,"language":"fr","languages":[],"notionPage":"35ec913f2b268034928be6377dfd16f1","indexPageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::f5781d97-f165-431c-a6ae-4841727e17bb","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":false,"themeToggle":false,"mondayFirst":true,"loadLimits":false,"hidePersonInfo":true,"showPropertyIcons":true,"filterRedirectsFromSearch":false,"googleAnalyticsId":"G-0SKDPP3Z5C","redirectSubdomain":null,"analytics":false,"noIndex":false,"viewsExceeded":false,"cacheTTL":0,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"fc2d9ef7-3fa5-4e12-974d-60134a0544fc","type":"page","label":"Accueil","link":"/","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::f5781d97-f165-431c-a6ae-4841727e17bb","icon":"Home","list":[]},{"id":"b9623fad-c3dd-49dd-a056-252a9b75ccac","type":"page","label":"Les tests","link":"/tests","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::15a16504-7cfa-4944-8b55-607311513cd2","icon":"BarChartBig","list":[]},{"id":"b4f61f18-dc0e-4169-b206-6467641dd7b9","type":"page","label":"Comprendre","link":"/comprendre","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::955e3c5b-e64c-46ad-91ec-c817bacf0250","icon":"Lightbulb","description":"","list":[]},{"id":"2d713bc6-24a0-45c4-8442-18854326c006","type":"page","label":"A propos","link":"/a-propos","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::c2a3e2fa-85a5-4a79-bf94-aa090fb295a1","icon":"Cat","list":[]},{"id":"41324ef8-12c7-4ca3-a4df-4d0dd4617248","type":"page","label":"Ressources","link":"/ressources","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::aa3d9222-ebc2-4269-85ed-491941d61d69","icon":"Bookmark","list":[]}],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"psytests.work","imageContent":null,"imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"/","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"stack","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"91016b6b-a402-4452-b4c9-84214f97b62d","type":"page","label":"Home","link":"/","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::f5781d97-f165-431c-a6ae-4841727e17bb","icon":"","list":[]},{"id":"5f1aaac6-7181-41b3-bad3-56110b9aebad","type":"page","label":"Les tests","link":"/tests","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::15a16504-7cfa-4944-8b55-607311513cd2","icon":"","list":[]},{"id":"040bed56-6c78-470d-9557-d0c48eebec30","type":"page","label":"A propos","link":"/a-propos","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::c2a3e2fa-85a5-4a79-bf94-aa090fb295a1","icon":"","list":[]},{"id":"246e8ecf-c35b-44a3-b983-6590fecc3512","type":"page","label":"Droits d'utilisation","link":"/droits-dutilisation","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::eefe9af0-3f91-44f1-8d75-f8adddc6182c","icon":"","list":[]},{"id":"273f078c-8dff-4413-b68a-ecaf4eff3970","type":"page","label":"Feuille de route","link":"/feuille-de-route","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::b2671b75-afc1-46e5-af12-93d71fe32bff","icon":"","list":[]},{"id":"f9c1bff4-b9ab-4995-ad41-2af78fb4c8dd","type":"page","label":"Mises à jour","link":"/mises-jour","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::ac82d281-eef9-48ea-a059-339c602860a3","icon":"","list":[]},{"id":"91569241-4636-4f08-bf4d-6cb28cfe1596","type":"page","label":"Ressources","link":"/ressources","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::aa3d9222-ebc2-4269-85ed-491941d61d69","icon":"","list":[]}],"logo":{"type":"text","width":90,"fontSize":8,"textContent":"psytests.work","imageContent":null,"imageContentDark":null,"disabled":false},"socials":[],"footnote":"Illustrations Notioly","divider":true},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.9,"layoutMaxWidth":1000,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":21,"pageDisplay":"flex"},"header":{"coverHeight":28,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":24,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":216,"coverHeightSmall":128,"titleSize":1.2,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Inter","secondaryFont":"Inter","fonts":[],"baseSize":16,"titleSize":5.18,"headingSize":2.2,"quoteSize":1.2,"quoteSizeLarge":1.8,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":67,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#fd8205","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#f4f4f4","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#313131","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#ffffff","buttonBackground":"#fd8304","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#212121","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"head":[{"id":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::f995a2aa-baef-4a21-a99a-4f04986023b8","content":"\r\n\r\n\r\nLe leadership serviteur · exercice guidé · psytests.work\r\n\r\n\r\n"}],"body":[{"id":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::31394a8b-a1de-4f2a-b9e9-057d32518734","content":"$3c"}],"style":[],"css":"$3d"},"files":[],"hasPassword":false,"hasFeed":false,"membershipTierIds":null},"smallText":false,"config":"$undefined","pageLocation":"/tests/sls-leadership-au-service-des-autres","passwords":[],"styles":"$3e","children":["$L3f","$L40",null]}]