Activité OSBD · Communication NonViolente

3b:I[23131,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/0rr5btioklgf4.js","/_next/static/chunks/2matreab0rub0.js","/_next/static/chunks/1-tlhqto6-7lg.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/0tebe-k_4bvw8.js","/_next/static/chunks/08sikk1eypppo.js","/_next/static/chunks/1thlt7ghjj4x5.js","/_next/static/chunks/3_or8blvqwyye.js"],"PageProvider"] 3c:T92fa,

3d:T3769,@charset "UTF-8"; /* Masquage du header Notion */ .notion-header__cover, .notion-header__content, .notion-header__title, .notion-page__properties { display: none !important; } * { box-sizing: border-box; margin: 0; padding: 0; } body { background: #F2EDE4; font-family: "Lato", sans-serif; color: #3D4A3E; line-height: 1.55; font-weight: 300; -webkit-font-smoothing: antialiased; padding: 30px 18px 60px; max-width: 760px; margin: 0 auto; } .serif { font-family: "Playfair Display", serif; font-weight: 400; } .mono { font-family: "IBM Plex Mono", monospace; } .tag { font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.13em; text-transform: uppercase; display: block; } h1.serif { font-size: 34px; line-height: 1.15; color: #3D4A3E; margin: 6px 0 4px; letter-spacing: -0.01em; } h2.serif { font-size: 22px; line-height: 1.2; color: #3D4A3E; margin: 0 0 10px; } p { font-size: 14px; line-height: 1.65; font-weight: 300; margin-bottom: 10px; color: #3D4A3E; } .muted { color: #7A8C7B; } .subtitle { font-size: 15px; color: #7A8C7B; font-style: italic; margin-bottom: 14px; line-height: 1.55; } .disclaimer { font-size: 11px; color: #7A8C7B; line-height: 1.7; font-style: italic; padding: 16px 0 0; border-top: 1px solid #C8BFB0; margin-top: 24px; } .attribution { font-size: 10px; color: #7A8C7B; line-height: 1.65; margin-top: 8px; } /* Badges intro — alignement BAT */ .info-grid { display: flex; gap: 12px; margin: 20px 0 24px; } .info-cell { flex: 1; background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 12px; text-align: center; } .info-cell .info-icon { font-size: 18px; margin-bottom: 4px; } .info-cell .tag { color: #7A8C7B; font-size: 8px; } /* Steps preview */ .steps-preview { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 14px; border: 1px solid #C8BFB0; border-radius: 4px; overflow: hidden; } .step-row { display: flex; gap: 14px; align-items: flex-start; padding: 12px 16px; background: #EAE3D8; border-bottom: 1px solid #C8BFB0; } .step-row:last-child { border-bottom: none; } .step-letter { flex-shrink: 0; width: 28px; height: 28px; background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: "Playfair Display", serif; font-size: 15px; color: #8EB5A2; font-weight: 500; } .step-body .step-title { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #3D4A3E; font-weight: 500; margin-bottom: 2px; } .step-body .step-desc { font-size: 12.5px; color: #7A8C7B; line-height: 1.5; font-weight: 300; } /* Progress bar */ .progress-wrap { margin-bottom: 20px; } .progress-label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; } .progress-label .pl-step { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #8EB5A2; } .progress-label .pl-total { font-family: "IBM Plex Mono", monospace; font-size: 9px; color: #7A8C7B; } .progress-bar { height: 4px; background: #C8BFB0; border-radius: 2px; overflow: hidden; } .progress-fill { height: 100%; background: #8EB5A2; border-radius: 2px; transition: width 0.35s ease; } /* Entry cards */ .entry-card { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 20px 22px; margin-bottom: 14px; } .entry-card .tag { margin-bottom: 6px; color: #8EB5A2; } .entry-card h2.serif { font-size: 20px; margin-bottom: 6px; } .entry-card .hint { font-size: 12.5px; color: #7A8C7B; font-style: italic; margin-bottom: 12px; line-height: 1.5; } textarea { width: 100%; min-height: 90px; padding: 12px 14px; border: 1px solid #C8BFB0; border-radius: 3px; font-family: "Lato", sans-serif; font-size: 14px; line-height: 1.55; color: #3D4A3E; background: #F2EDE4; resize: vertical; font-weight: 300; outline: none; transition: border-color 0.15s; } textarea:focus { border-color: #8EB5A2; } textarea::placeholder { color: #A8B5A9; font-style: italic; } /* Aide contextuelle depliante */ details.aide { margin-top: 14px; } details.aide summary { cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; padding: 10px 0; border-top: 1px solid #C8BFB0; list-style: none; } details.aide summary::-webkit-details-marker { display: none; } details.aide summary::before { content: "+ "; font-size: 10px; } details.aide[open] summary::before { content: "- "; } .aide-content { padding: 12px 0 4px; font-size: 13px; color: #7A8C7B; line-height: 1.65; font-weight: 300; } .aide-content p { font-size: 13px; color: #7A8C7B; margin-bottom: 8px; } .aide-example { background: #F2EDE4; border-left: 2px solid #8EB5A2; padding: 10px 14px; margin-top: 8px; border-radius: 0 3px 3px 0; font-size: 12.5px; color: #3D4A3E; line-height: 1.6; font-style: italic; } .aide-example strong { font-style: normal; font-weight: 500; color: #8EB5A2; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase; display: block; margin-bottom: 4px; } /* Checklist mots */ .word-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; } .chip { padding: 5px 10px; border: 1px solid #C8BFB0; border-radius: 3px; font-size: 12px; color: #7A8C7B; cursor: pointer; background: #F2EDE4; transition: all 0.12s; font-family: "Lato", sans-serif; font-weight: 300; } .chip:hover { border-color: #8EB5A2; color: #3D4A3E; } .chip.selected { background: #8EB5A2; border-color: #8EB5A2; color: #F2EDE4; } .chip-hint { font-size: 11px; color: #7A8C7B; margin-bottom: 6px; font-style: italic; } /* Synthese resultats */ .result-block { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 16px 20px; margin-bottom: 12px; } .result-block .tag { color: #8EB5A2; margin-bottom: 6px; } .result-block h3.serif { font-size: 18px; margin-bottom: 8px; color: #3D4A3E; font-family: "Playfair Display", serif; font-weight: 400; } .result-content { font-size: 14px; line-height: 1.65; color: #3D4A3E; font-weight: 300; white-space: pre-wrap; } .result-content.empty { color: #A8B5A9; font-style: italic; } .result-message { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 3px; padding: 16px; margin-top: 12px; font-size: 14px; line-height: 1.7; color: #3D4A3E; font-weight: 300; font-style: italic; } .result-message strong { font-style: normal; font-weight: 500; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #8EB5A2; display: block; margin-bottom: 6px; } /* Boutons */ .btn-primary { width: 100%; padding: 14px; background: #3D4A3E; color: #F2EDE4; border: none; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; margin-top: 14px; transition: opacity 0.15s; font-weight: 500; } .btn-primary:hover { opacity: 0.85; } .btn-secondary { width: 100%; padding: 12px; background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 10px; transition: background 0.15s; font-weight: 500; } .btn-secondary:hover { background: #EAE3D8; } .btn-pdf { width: 100%; padding: 13px; background: #3D4A3E; color: #F2EDE4; border: none; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; margin-top: 14px; transition: opacity 0.15s; } .btn-pdf:hover { opacity: 0.85; } .btn-nav { padding: 10px 18px; background: transparent; color: #3D4A3E; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; transition: background 0.15s; } .btn-nav:hover { background: #EAE3D8; } .nav-row { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; gap: 10px; } .nav-row .btn-primary { margin-top: 0; flex: 1; } .back-link { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; background: transparent; border: none; cursor: pointer; padding: 6px 10px; border-radius: 3px; transition: background 0.15s; } .back-link:hover { background: #EAE3D8; color: #3D4A3E; } /* Privacy box */ .privacy-box { background: #EAE3D8; border-left: 3px solid #8EB5A2; border-radius: 0 4px 4px 0; padding: 14px 16px; margin: 18px 0; } .privacy-box .tag { color: #8EB5A2; margin-bottom: 6px; } .privacy-box p { font-size: 12.5px; line-height: 1.55; color: #3D4A3E; font-weight: 300; margin: 0; } /* Header navigation */ .entry-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid #C8BFB0; } .entry-header .header-step { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; } /* Situation card compact sur resultats */ .situation-recap { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 3px; padding: 12px 14px; margin-bottom: 16px; font-size: 13px; color: #7A8C7B; line-height: 1.6; font-style: italic; } .situation-recap strong { font-style: normal; font-weight: 500; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: #8EB5A2; display: block; margin-bottom: 4px; } /* ─── MODULES PARTAGES ─── */ .btn-share { width: 100%; padding: 12px; background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; transition: background 0.15s; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; } .btn-share:hover { background: #EAE3D8; } .btn-share svg { width: 12px; height: 12px; } .share-overlay { position: fixed; inset: 0; background: rgba(61, 74, 62, 0.55); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 20px; font-family: "Lato", sans-serif; } .share-overlay.open { display: flex; } .share-modal { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 6px; padding: 26px 26px 22px; width: 100%; max-width: 420px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18); } .share-modal h3 { font-family: "Playfair Display", serif; font-size: 21px; font-weight: 400; color: #3D4A3E; margin: 0 0 4px; } .share-sub { color: #7A8C7B; font-size: 12.5px; line-height: 1.55; margin: 0 0 18px; font-weight: 300; } .share-label { display: block; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; margin-bottom: 6px; } .share-link-row { display: flex; gap: 6px; margin-bottom: 18px; } .share-link-row input { flex: 1; padding: 9px 11px; border: 1px solid #C8BFB0; border-radius: 3px; font-size: 12px; font-family: "IBM Plex Mono", monospace; color: #7A8C7B; background: #EAE3D8; outline: none; } .share-copy { background: #3D4A3E; color: #F2EDE4; border: none; padding: 0 14px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; white-space: nowrap; transition: background 0.2s; } .share-copy.copied { background: #8EB5A2; } .share-channels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } .share-channels button { background: #EAE3D8; border: 1px solid #C8BFB0; padding: 11px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; color: #3D4A3E; display: flex; align-items: center; justify-content: center; gap: 7px; transition: background 0.15s; } .share-channels button:hover { background: #F2EDE4; } .share-channels svg { width: 13px; height: 13px; } .share-close { background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; padding: 9px 14px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; margin-top: 16px; float: right; } .share-close:hover { background: #EAE3D8; } .share-psy-steps { margin: 0 0 16px 0; padding-left: 18px; color: #3D4A3E; font-size: 12.5px; line-height: 1.65; font-weight: 300; font-family: "Lato", sans-serif; } .share-psy-steps li { margin-bottom: 6px; } .share-psy-steps li:last-child { margin-bottom: 0; } .share-psy-hint { color: #7A8C7B; font-size: 11px; line-height: 1.5; margin: 14px 0 0; font-style: italic; } .share-psy-copy-wide { width: 100%; padding: 10px; margin-top: 8px; } @media (max-width: 480px) { .share-channels { grid-template-columns: 1fr; } } :root { --primary-font: "Lato", sans-serif; --secondary-font: "Lato", sans-serif; }3e:T3769,@charset "UTF-8"; /* Masquage du header Notion */ .notion-header__cover, .notion-header__content, .notion-header__title, .notion-page__properties { display: none !important; } * { box-sizing: border-box; margin: 0; padding: 0; } body { background: #F2EDE4; font-family: "Lato", sans-serif; color: #3D4A3E; line-height: 1.55; font-weight: 300; -webkit-font-smoothing: antialiased; padding: 30px 18px 60px; max-width: 760px; margin: 0 auto; } .serif { font-family: "Playfair Display", serif; font-weight: 400; } .mono { font-family: "IBM Plex Mono", monospace; } .tag { font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.13em; text-transform: uppercase; display: block; } h1.serif { font-size: 34px; line-height: 1.15; color: #3D4A3E; margin: 6px 0 4px; letter-spacing: -0.01em; } h2.serif { font-size: 22px; line-height: 1.2; color: #3D4A3E; margin: 0 0 10px; } p { font-size: 14px; line-height: 1.65; font-weight: 300; margin-bottom: 10px; color: #3D4A3E; } .muted { color: #7A8C7B; } .subtitle { font-size: 15px; color: #7A8C7B; font-style: italic; margin-bottom: 14px; line-height: 1.55; } .disclaimer { font-size: 11px; color: #7A8C7B; line-height: 1.7; font-style: italic; padding: 16px 0 0; border-top: 1px solid #C8BFB0; margin-top: 24px; } .attribution { font-size: 10px; color: #7A8C7B; line-height: 1.65; margin-top: 8px; } /* Badges intro — alignement BAT */ .info-grid { display: flex; gap: 12px; margin: 20px 0 24px; } .info-cell { flex: 1; background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 12px; text-align: center; } .info-cell .info-icon { font-size: 18px; margin-bottom: 4px; } .info-cell .tag { color: #7A8C7B; font-size: 8px; } /* Steps preview */ .steps-preview { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 14px; border: 1px solid #C8BFB0; border-radius: 4px; overflow: hidden; } .step-row { display: flex; gap: 14px; align-items: flex-start; padding: 12px 16px; background: #EAE3D8; border-bottom: 1px solid #C8BFB0; } .step-row:last-child { border-bottom: none; } .step-letter { flex-shrink: 0; width: 28px; height: 28px; background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: "Playfair Display", serif; font-size: 15px; color: #8EB5A2; font-weight: 500; } .step-body .step-title { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #3D4A3E; font-weight: 500; margin-bottom: 2px; } .step-body .step-desc { font-size: 12.5px; color: #7A8C7B; line-height: 1.5; font-weight: 300; } /* Progress bar */ .progress-wrap { margin-bottom: 20px; } .progress-label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; } .progress-label .pl-step { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #8EB5A2; } .progress-label .pl-total { font-family: "IBM Plex Mono", monospace; font-size: 9px; color: #7A8C7B; } .progress-bar { height: 4px; background: #C8BFB0; border-radius: 2px; overflow: hidden; } .progress-fill { height: 100%; background: #8EB5A2; border-radius: 2px; transition: width 0.35s ease; } /* Entry cards */ .entry-card { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 20px 22px; margin-bottom: 14px; } .entry-card .tag { margin-bottom: 6px; color: #8EB5A2; } .entry-card h2.serif { font-size: 20px; margin-bottom: 6px; } .entry-card .hint { font-size: 12.5px; color: #7A8C7B; font-style: italic; margin-bottom: 12px; line-height: 1.5; } textarea { width: 100%; min-height: 90px; padding: 12px 14px; border: 1px solid #C8BFB0; border-radius: 3px; font-family: "Lato", sans-serif; font-size: 14px; line-height: 1.55; color: #3D4A3E; background: #F2EDE4; resize: vertical; font-weight: 300; outline: none; transition: border-color 0.15s; } textarea:focus { border-color: #8EB5A2; } textarea::placeholder { color: #A8B5A9; font-style: italic; } /* Aide contextuelle depliante */ details.aide { margin-top: 14px; } details.aide summary { cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; padding: 10px 0; border-top: 1px solid #C8BFB0; list-style: none; } details.aide summary::-webkit-details-marker { display: none; } details.aide summary::before { content: "+ "; font-size: 10px; } details.aide[open] summary::before { content: "- "; } .aide-content { padding: 12px 0 4px; font-size: 13px; color: #7A8C7B; line-height: 1.65; font-weight: 300; } .aide-content p { font-size: 13px; color: #7A8C7B; margin-bottom: 8px; } .aide-example { background: #F2EDE4; border-left: 2px solid #8EB5A2; padding: 10px 14px; margin-top: 8px; border-radius: 0 3px 3px 0; font-size: 12.5px; color: #3D4A3E; line-height: 1.6; font-style: italic; } .aide-example strong { font-style: normal; font-weight: 500; color: #8EB5A2; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase; display: block; margin-bottom: 4px; } /* Checklist mots */ .word-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; } .chip { padding: 5px 10px; border: 1px solid #C8BFB0; border-radius: 3px; font-size: 12px; color: #7A8C7B; cursor: pointer; background: #F2EDE4; transition: all 0.12s; font-family: "Lato", sans-serif; font-weight: 300; } .chip:hover { border-color: #8EB5A2; color: #3D4A3E; } .chip.selected { background: #8EB5A2; border-color: #8EB5A2; color: #F2EDE4; } .chip-hint { font-size: 11px; color: #7A8C7B; margin-bottom: 6px; font-style: italic; } /* Synthese resultats */ .result-block { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 16px 20px; margin-bottom: 12px; } .result-block .tag { color: #8EB5A2; margin-bottom: 6px; } .result-block h3.serif { font-size: 18px; margin-bottom: 8px; color: #3D4A3E; font-family: "Playfair Display", serif; font-weight: 400; } .result-content { font-size: 14px; line-height: 1.65; color: #3D4A3E; font-weight: 300; white-space: pre-wrap; } .result-content.empty { color: #A8B5A9; font-style: italic; } .result-message { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 3px; padding: 16px; margin-top: 12px; font-size: 14px; line-height: 1.7; color: #3D4A3E; font-weight: 300; font-style: italic; } .result-message strong { font-style: normal; font-weight: 500; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #8EB5A2; display: block; margin-bottom: 6px; } /* Boutons */ .btn-primary { width: 100%; padding: 14px; background: #3D4A3E; color: #F2EDE4; border: none; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; margin-top: 14px; transition: opacity 0.15s; font-weight: 500; } .btn-primary:hover { opacity: 0.85; } .btn-secondary { width: 100%; padding: 12px; background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 10px; transition: background 0.15s; font-weight: 500; } .btn-secondary:hover { background: #EAE3D8; } .btn-pdf { width: 100%; padding: 13px; background: #3D4A3E; color: #F2EDE4; border: none; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; margin-top: 14px; transition: opacity 0.15s; } .btn-pdf:hover { opacity: 0.85; } .btn-nav { padding: 10px 18px; background: transparent; color: #3D4A3E; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; transition: background 0.15s; } .btn-nav:hover { background: #EAE3D8; } .nav-row { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; gap: 10px; } .nav-row .btn-primary { margin-top: 0; flex: 1; } .back-link { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; background: transparent; border: none; cursor: pointer; padding: 6px 10px; border-radius: 3px; transition: background 0.15s; } .back-link:hover { background: #EAE3D8; color: #3D4A3E; } /* Privacy box */ .privacy-box { background: #EAE3D8; border-left: 3px solid #8EB5A2; border-radius: 0 4px 4px 0; padding: 14px 16px; margin: 18px 0; } .privacy-box .tag { color: #8EB5A2; margin-bottom: 6px; } .privacy-box p { font-size: 12.5px; line-height: 1.55; color: #3D4A3E; font-weight: 300; margin: 0; } /* Header navigation */ .entry-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid #C8BFB0; } .entry-header .header-step { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; } /* Situation card compact sur resultats */ .situation-recap { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 3px; padding: 12px 14px; margin-bottom: 16px; font-size: 13px; color: #7A8C7B; line-height: 1.6; font-style: italic; } .situation-recap strong { font-style: normal; font-weight: 500; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: #8EB5A2; display: block; margin-bottom: 4px; } /* ─── MODULES PARTAGES ─── */ .btn-share { width: 100%; padding: 12px; background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; transition: background 0.15s; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; } .btn-share:hover { background: #EAE3D8; } .btn-share svg { width: 12px; height: 12px; } .share-overlay { position: fixed; inset: 0; background: rgba(61, 74, 62, 0.55); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 20px; font-family: "Lato", sans-serif; } .share-overlay.open { display: flex; } .share-modal { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 6px; padding: 26px 26px 22px; width: 100%; max-width: 420px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18); } .share-modal h3 { font-family: "Playfair Display", serif; font-size: 21px; font-weight: 400; color: #3D4A3E; margin: 0 0 4px; } .share-sub { color: #7A8C7B; font-size: 12.5px; line-height: 1.55; margin: 0 0 18px; font-weight: 300; } .share-label { display: block; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; margin-bottom: 6px; } .share-link-row { display: flex; gap: 6px; margin-bottom: 18px; } .share-link-row input { flex: 1; padding: 9px 11px; border: 1px solid #C8BFB0; border-radius: 3px; font-size: 12px; font-family: "IBM Plex Mono", monospace; color: #7A8C7B; background: #EAE3D8; outline: none; } .share-copy { background: #3D4A3E; color: #F2EDE4; border: none; padding: 0 14px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; white-space: nowrap; transition: background 0.2s; } .share-copy.copied { background: #8EB5A2; } .share-channels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } .share-channels button { background: #EAE3D8; border: 1px solid #C8BFB0; padding: 11px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; color: #3D4A3E; display: flex; align-items: center; justify-content: center; gap: 7px; transition: background 0.15s; } .share-channels button:hover { background: #F2EDE4; } .share-channels svg { width: 13px; height: 13px; } .share-close { background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; padding: 9px 14px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; margin-top: 16px; float: right; } .share-close:hover { background: #EAE3D8; } .share-psy-steps { margin: 0 0 16px 0; padding-left: 18px; color: #3D4A3E; font-size: 12.5px; line-height: 1.65; font-weight: 300; font-family: "Lato", sans-serif; } .share-psy-steps li { margin-bottom: 6px; } .share-psy-steps li:last-child { margin-bottom: 0; } .share-psy-hint { color: #7A8C7B; font-size: 11px; line-height: 1.5; margin: 14px 0 0; font-style: italic; } .share-psy-copy-wide { width: 100%; padding: 10px; margin-top: 8px; } @media (max-width: 480px) { .share-channels { grid-template-columns: 1fr; } } :root { --primary-font: "Lato", sans-serif; --secondary-font: "Lato", sans-serif; }5:["$","$L3b",null,{"pageReplacement":"$undefined","getWebVital":false,"pageId":"tests-osbd-cnv","records":{"__version__":3,"block":{"tests-osbd-cnv":{"id":"tests-osbd-cnv","children":[],"hasContent":false,"parentId":"35fc913f2b26808a8970000b4115c33d","title":[["OSBD - CNV"]],"updatedAt":1789743905305,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","coverPosition":0.5,"createdTime":1782764258298,"lastEditedTime":1789743905305,"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/osbd-cnv","fullWidth":false,"smallText":false,"cover":"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/1f0c72e1-a7bb-49f9-9066-d6be5c952478/vignetteosbd/public","noCover":false,"superProperties":{},"propertyValues":{"o_Lv":[{"color":"brown","value":"Activité"}],"lE_N":[],"?TM?":[],"bg]v":[]},"blockId":"38ec913f-2b26-8012-b2a2-ce5bdb936e60"},"tests":{"id":"tests","children":[],"hasContent":true,"parentId":"35fc913f2b2680ce9102e420b71bac35","title":[["Les tests"]],"updatedAt":1789409251286,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","createdTime":1778662492187,"lastEditedTime":1789409251286,"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":1790831527039,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","createdTime":1778595011154,"lastEditedTime":1790831527039,"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":1790864805514,"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","360c913f2b268034a23ee19bbde49404","37ac913f2b2680b78598c554da545630","360c913f2b2680a799b0eafa9d843473","37cc913f2b268084b7abc75bb9d4b8b6","3d1c913f2b2680249ebaece358f59812","3dfc913f2b2680b4a9e5dd920af4b081","2d20543ebbac4ee9a700b76ba815063c"],"hasContent":true,"parentId":"35ec913f2b268034928be6377dfd16f1","title":[["Menu"]],"updatedAt":1789935985693,"type":"toggle","subType":null,"depth":null,"color":"BgBrown"},"3c4c913f2b26808f820cd2353a7191d0":null},"form_question":{},"entity":{},"pageId":"38ec913f2b268012b2a2ce5bdb936e60","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,"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","list":[]},{"id":"bd8e4b2a-9e7a-4424-8e15-6e1ee9a20944","type":"page","label":"Contribuer","link":"/contribuer","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::16fd5d5e-02f7-4787-be1b-8097792e5788","icon":"HeartHandshake","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":[]},{"id":"9e3a1751-b6e3-4f72-9118-9ff1ee76da63","type":"list","label":"A propos","icon":"Info","list":[{"id":"2d713bc6-24a0-45c4-8442-18854326c006","type":"page","label":"Le projet","link":"/le-projet","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::c2a3e2fa-85a5-4a79-bf94-aa090fb295a1","icon":"Cat","list":[]},{"id":"dd1d3051-be6e-4639-a1aa-8449adb01a31","type":"page","label":"Développement du site et IA","link":"/developpement-du-site-et-usage-de-lia","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::e44933f3-6725-4d45-a91d-4c5a67482590","icon":"Brackets","description":"","list":[]},{"id":"dc00d1c8-5b92-47c8-a158-6463b0763e67","type":"page","label":"Droits d'utilisation","link":"/droits-dutilisation","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::eefe9af0-3f91-44f1-8d75-f8adddc6182c","icon":"Landmark","description":"","list":[]},{"id":"693cfb54-9dfa-4e4a-a848-8cb69b741bd5","type":"page","label":"Mises à jour","link":"/mises-jour","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::ac82d281-eef9-48ea-a059-339c602860a3","icon":"PackageOpen","description":"","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":"/le-projet","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::c2a3e2fa-85a5-4a79-bf94-aa090fb295a1","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":"#364e59","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:::bedc37ca-fe92-4e98-8cd3-e580d38438eb","content":"\r\n\r\n\r\nActivité OSBD · Communication NonViolente · psytests.work\r\n\r\n\r\n"}],"body":[{"id":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::9124fdb9-f7bb-4786-b40a-4071ae16c232","content":"$3c"}],"style":[],"css":"$3d"},"files":[],"hasPassword":false,"hasFeed":false,"membershipTierIds":null},"smallText":false,"config":"$undefined","pageLocation":"/tests/osbd-cnv","passwords":[],"styles":"$3e","children":["$L3f","$L40",null]}]