<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vanessa Salles, Author at Vanessa Salles</title>
	<atom:link href="https://vanessa-salles.com/author/v360j1b_2an5r/feed/" rel="self" type="application/rss+xml" />
	<link>https://vanessa-salles.com/author/v360j1b_2an5r/</link>
	<description>RTT®, Coaching &#38; Hypnose.</description>
	<lastBuildDate>Mon, 19 Oct 2026 17:00:36 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://vanessa-salles.com/wp-content/uploads/2026/09/cropped-swan-copy-rights-gold-32x32.png</url>
	<title>Vanessa Salles, Author at Vanessa Salles</title>
	<link>https://vanessa-salles.com/author/v360j1b_2an5r/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Ma roue du changement de focus</title>
		<link>https://vanessa-salles.com/ma-roue-du-changement-de-focus/</link>
		
		<dc:creator><![CDATA[Vanessa Salles]]></dc:creator>
		<pubDate>Mon, 19 Oct 2026 15:40:54 +0000</pubDate>
				<category><![CDATA[Bibliothèque]]></category>
		<category><![CDATA[Cartes]]></category>
		<category><![CDATA[Pause Café]]></category>
		<guid isPermaLink="false">https://vanessa-salles.com/?p=1020</guid>

					<description><![CDATA[<p>Comment changer une pensée négative ?<br />
Comment avoir de bonnes pensées quand les mauvaises dominent ?<br />
Comment transformer une pensée qui fait se sentir mal en une pensée qui fait du bien ?</p>
<p>The post <a href="https://vanessa-salles.com/ma-roue-du-changement-de-focus/">Ma roue du changement de focus</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1020" class="elementor elementor-1020">
				<div class="elementor-element elementor-element-c7ced20 e-flex e-con-boxed e-con e-parent" data-id="c7ced20" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-00e1737 elementor-widget elementor-widget-html" data-id="00e1737" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Ma roue du changement de focus · Vanessa Salles</title>
<style>html,body{margin:0;background:#fff}</style>
</head>
<body>
<!-- =========================================================
     Ma roue du changement de focus – Bibliothèque vanessa-salles.com
     Version 1019-v25
     À coller dans un bloc « HTML personnalisé » de l'article WordPress.
     ========================================================= -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">

<style>
.vs-roue{--gold:#B8955A;--gold-deep:#97773F;--gold-soft:#D9C49C;--gold-line:#E9DFCB;--tint:#FAF7F1;--ink:#2B2621;--soft:#6B625A;--paper:#FFFFFF;
 --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Quicksand","Helvetica Neue",Arial,sans-serif;
 max-width:1120px;margin:0 auto;padding:56px 22px 64px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;font-size:16.5px;line-height:1.75;box-sizing:border-box}
.vs-roue *,.vs-roue *::before,.vs-roue *::after{box-sizing:border-box}
.vs-roue button,.vs-roue textarea{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;box-shadow:none}
.vs-roue :focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.vs-roue p{margin:0}
.vs-roue .vs-col{max-width:620px;margin:0 auto}
/* en-tête */
.vs-roue .vs-kick{text-align:center;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--gold);margin:0 0 10px}
.vs-roue h1.vs-ttl{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(40px,6vw,66px);line-height:1.05;margin:0 0 14px;color:var(--gold-deep);text-align:center}
.vs-roue .vs-sub{text-align:center;color:var(--soft);font-size:16px}
.vs-roue .vs-orn{display:block;width:56px;height:1px;background:var(--gold);margin:56px auto;border:0}
/* ouverture */
.vs-roue .vs-ask{text-align:center}
.vs-roue .vs-ask .vs-intro{color:var(--soft);margin:0 0 18px}
.vs-roue .vs-ask .q{font-family:var(--serif);font-style:italic;font-size:clamp(24px,3vw,30px);line-height:1.3;color:var(--gold-deep);margin:0 0 14px}
/* sections */
.vs-roue h2.vs-h{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,38px);line-height:1.15;color:var(--gold-deep);margin:0 0 22px}
.vs-roue .vs-sec{margin:0 0 56px}
.vs-roue .vs-sec>p+p{margin-top:14px}
.vs-roue ol.vs-steps{list-style:none;margin:0 0 22px;padding:0;counter-reset:vs}
.vs-roue ol.vs-steps li{counter-increment:vs;position:relative;margin:0 0 14px;padding:0 0 0 40px}
.vs-roue ol.vs-steps li::before{content:counter(vs);position:absolute;left:0;top:-6px;font-family:var(--serif);font-style:italic;font-size:30px;line-height:1.2;color:var(--gold)}
/* exemple */
.vs-roue .vs-exwheel{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 auto;max-width:1040px}
.vs-roue .vs-exwheel svg{display:block;width:100%;min-width:720px;height:auto;margin:0 auto}
@media (min-width:760px){.vs-roue .vs-exlist{display:none}}
@media (max-width:759px){.vs-roue .vs-exlist{margin-top:28px}}
.vs-roue .vs-exname{margin:-8px 0 14px;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.6vw,26px);line-height:1.35;color:var(--ink)}
.vs-roue .vs-exhint{margin:0 0 10px;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--soft)}
.vs-roue .vs-exctl{display:flex;gap:30px;justify-content:center;align-items:baseline;margin:10px 0 0}
.vs-roue .vs-exctl .vs-link{margin:0}
.vs-roue .vs-link.vs-quiet{font-size:17px;color:var(--soft);border-bottom-color:var(--gold-line)}
.vs-roue ol.vs-full{list-style:none;margin:0;padding:0}
.vs-roue ol.vs-full li{display:grid;grid-template-columns:58px 1fr;gap:0;margin:0;padding:9px 0;border-top:1px solid var(--gold-line);font-size:15.5px;line-height:1.6}
.vs-roue ol.vs-full li span{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gold)}
.vs-roue ol.vs-full li.fin{border-bottom:1px solid var(--gold-line);font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.4;color:var(--gold-deep)}
.vs-roue .vs-link{display:inline-block;margin:22px 0 0;padding:0 0 2px;background:none;border:0;border-bottom:1px solid var(--gold);border-radius:0;cursor:pointer;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold-deep)}
.vs-roue .vs-link:hover{color:var(--ink)}
/* phrases */
.vs-roue ul.vs-ex{list-style:none;margin:18px 0 0;padding:0;columns:2 220px;column-gap:40px}
.vs-roue ul.vs-ex li{break-inside:avoid;margin:0 0 6px;font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.4;color:var(--ink)}
/* distinction */
.vs-roue .vs-dist{display:grid;gap:28px;margin:40px 0 0}
@media (min-width:600px){.vs-roue .vs-dist{grid-template-columns:1fr 1fr;gap:0}.vs-roue .vs-dist>div:first-child{padding-right:28px;border-right:1px solid var(--gold-line)}.vs-roue .vs-dist>div:last-child{padding-left:28px}}
.vs-roue .vs-dist .q{font-family:var(--serif);font-style:italic;font-size:27px;line-height:1.2;margin:0 0 10px;color:var(--soft)}
.vs-roue .vs-dist .yes .q{color:var(--gold-deep)}
.vs-roue .vs-dist p+p{font-size:15.5px}
.vs-roue .vs-rep{text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(23px,2.8vw,28px);line-height:1.35;color:var(--gold-deep);margin:44px 0 0}
/* astuce */
.vs-roue .vs-say{font-family:var(--serif);font-style:italic;font-size:23px;line-height:1.4;color:var(--ink)}
.vs-roue .vs-sec>p.vs-say{margin-top:18px}
.vs-roue .vs-sec>p.vs-say+p.vs-say{margin-top:4px}
/* outil */
.vs-roue .vs-tool-note{text-align:center;color:var(--soft);font-size:15px;margin:0 0 24px}
.vs-roue .pill{border:0;border-bottom:1px solid var(--gold);border-radius:0;background:none;padding:2px 0;cursor:pointer;font-size:15px;color:var(--gold-deep);line-height:1.4}
.vs-roue .pill:hover{color:var(--ink)}
.vs-roue textarea{width:100%;min-height:110px;border:0;border-bottom:1px solid var(--gold);border-radius:0;padding:10px 2px;background:transparent;resize:vertical;line-height:1.6;font-weight:400;font-size:16.5px}
.vs-roue textarea:focus{outline:none;border-bottom-color:var(--gold-deep);background:var(--tint)}
.vs-roue textarea::placeholder{color:#B3A894;font-style:italic}
.vs-roue textarea[readonly]{background:transparent;cursor:default;color:var(--gold-deep);font-family:var(--serif);font-style:italic;font-size:20px}
.vs-roue .wt-kick{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gold);margin:0 0 4px}
.vs-roue .fw-list{display:flex;flex-wrap:wrap;gap:6px 26px;justify-content:center;margin:0 0 30px}
.vs-roue .fw-list button{border:0;border-bottom:1px solid transparent;border-radius:0;background:none;padding:2px 0;cursor:pointer;font-size:14.5px;color:var(--soft);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vs-roue .fw-list button.on{border-bottom-color:var(--gold);color:var(--ink)}
.vs-roue .fw-list .new{color:var(--gold-deep);font-family:var(--serif);font-style:italic;font-size:18px}
.vs-roue .fw-del{display:block;margin:34px auto 0;background:none;border:none;color:var(--soft);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}
.vs-roue .fw-grid{display:grid;gap:30px;align-items:start}
@media (min-width:900px){.vs-roue .fw-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);gap:48px}}
.vs-roue .fw-svg{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
.vs-roue .fw-grid.fw-grid-demo{grid-template-columns:1fr}
.vs-roue .fw-grid-demo [data-fwsvg]{overflow-x:auto;-webkit-overflow-scrolling:touch}
.vs-roue .fw-svg.fw-svg-demo{max-width:1040px;min-width:720px}
.vs-roue .fw-grid-demo [data-fwpanel]{max-width:620px;margin:0 auto;width:100%}
.vs-roue .fw-arc{transition:all .6s}
.vs-roue .fw-step .lab{font-family:var(--serif);font-style:italic;font-size:28px;color:var(--gold-deep);margin:0 0 6px}
.vs-roue .fw-nav{display:flex;gap:10px;justify-content:space-between;margin-top:16px}
.vs-roue .fw-nav button:disabled{opacity:.3;cursor:default}
.vs-roue .fw-final{margin:30px 0 8px;padding:18px 0;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
.vs-roue .fw-final p{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.3;color:var(--gold-deep)}
.vs-roue ol.fw-path{list-style:none;margin:20px 0 0;padding:0}
.vs-roue ol.fw-path li{display:grid;grid-template-columns:50px 1fr;padding:6px 0;margin:0;font-size:14.5px;line-height:1.55;cursor:pointer;color:var(--ink);border-top:1px solid var(--gold-line)}
.vs-roue ol.fw-path li:hover{color:var(--gold-deep)}
.vs-roue ol.fw-path li span{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:16px}
.vs-roue ol.fw-path li.fin{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold-deep)}
.vs-roue .vs-demo-bar{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;justify-content:center;margin:0 0 30px;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold-deep)}
.vs-roue .vs-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--paper);color:var(--gold-deep);border:1px solid var(--gold);padding:10px 20px;border-radius:2px;font-size:14px;opacity:0;transition:.3s;pointer-events:none;z-index:9999}
.vs-roue .vs-toast.show{opacity:1;transform:translateX(-50%)}
/* pied */
.vs-roue .vs-foot{margin:72px 0 0;text-align:center}
.vs-roue .vs-credit{color:var(--soft);font-size:16px;font-style:italic;font-family:var(--serif)}
.vs-roue .vs-copy{margin:6px 0 0;color:var(--gold-deep);font-size:13px}
.vs-roue .vs-note{color:var(--soft);font-size:12.5px;margin:8px 0 0}
@media (prefers-reduced-motion:reduce){.vs-roue .fw-arc,.vs-roue .vs-toast{transition:none}}
</style>

<div class="vs-roue" id="vs-roue">
  <p class="vs-kick">Pause café</p>
  <h1 class="vs-ttl">Ma roue du changement de focus</h1>
  <p class="vs-sub">Quelques degrés à la fois.</p>

  <hr class="vs-orn">

  <div class="vs-col">
    <div class="vs-ask">
      <p class="vs-intro">Beaucoup de personnes me demandent :</p>
      <p class="q">Comment changer une pensée négative ?</p>
      <p class="q">Comment avoir de bonnes pensées quand les mauvaises dominent ?</p>
      <p class="q">Comment transformer une pensée qui fait se sentir mal en une pensée qui fait du bien ?</p>
    </div>

    <hr class="vs-orn">

    <div class="vs-sec">
      <h2 class="vs-h">Comment ça marche</h2>
      <ol class="vs-steps">
        <li>À 0°, écris la pensée qui te fait te sentir mal, telle qu'elle est.</li>
        <li>À chaque épingle, écris une pensée qui te fait te sentir un tout petit peu mieux que la précédente, et que tu peux croire. Pas un grand saut : quelques degrés.</li>
        <li>Elle peut être plus générale ou plus précise. Si une pensée sonne faux, reviens à l'épingle d'avant et cherche plus petit.</li>
        <li>À 360°, écris ta nouvelle pensée : celle qui te fait du bien et que tu crois vraie.</li>
      </ol>
      <p>Les roues comme celle-ci peuvent servir à changer de focus et à changer une idée. Ici, dans l'exemple, on change l'idée.</p>
    </div>

  </div>

  <div class="vs-sec vs-exsec">
    <div class="vs-col"><h2 class="vs-h">Exemple</h2><p class="vs-exname">« Je me sens dépassé(e), j'ai trop à faire, je n'y arriverai jamais, je suis fatigué(e), je suis stressé(e). »</p><p class="vs-exhint">Clique sur la flèche dorée pour découvrir la pensée suivante.</p></div>
    <div class="vs-exwheel" aria-live="polite"></div>
    <div class="vs-exctl"></div>
    <div class="vs-col vs-exlist">
      <ol class="vs-full">
        <li><span>0°</span>J'ai trop de choses à faire. Je suis stressé(e), je n'arrive pas à me détendre.</li>
        <li><span>30°</span>Il y a bien des gens qui gèrent différemment.</li>
        <li><span>60°</span>Il y a bien des personnes qui ont réussi à trouver un équilibre.</li>
        <li><span>90°</span>J'aime l'idée que ça existe, un équilibre entre faire ce que je dois faire et me reposer.</li>
        <li><span>120°</span>J'aime bien l'idée d'avoir un peu plus de temps pour moi…</li>
        <li><span>150°</span>Je ne suis pas encore détendu(e), mais j'aime bien l'idée.</li>
        <li><span>180°</span>C'est agréable, l'idée de pouvoir faire une chose à la fois.</li>
        <li><span>210°</span>J'imagine l'idée d'une soirée calme, sans rien à faire.</li>
        <li><span>240°</span>C'est bien comme perspective : faire moins, et le faire mieux.</li>
        <li><span>270°</span>J'aime bien l'idée de m'accorder une pause sans culpabilité.</li>
        <li><span>300°</span>J'aime le ressenti qui va avec : mes épaules se relâchent. C'est agréable.</li>
        <li><span>330°</span>J'ai envie de vivre cela, plus de calme dans mes journées.</li>
        <li class="fin"><span>360°</span>Oui, je suis prêt(e) à faire mon premier pas vers des journées plus calmes.</li>
      </ol>
    </div>
  </div>

  <div class="vs-col">
    <div class="vs-sec">
      <h2 class="vs-h">J'aime l'idée…</h2>
      <p>Des phrases pour t'aider à monter d'épingle en épingle :</p>
      <ul class="vs-ex">
        <li>Je n'aime pas…</li>
        <li>J'aime…</li>
        <li>Oui, j'aime ça.</li>
        <li>Et j'aime l'idée de…</li>
        <li>Je trouve ça agréable.</li>
        <li>Oui, j'aime l'idée de…</li>
        <li>J'aime l'idée de me sentir…</li>
        <li>J'aime l'idée d'être…</li>
      </ul>
      <div class="vs-dist">
        <div>
          <p class="q">« Je désire… »</p>
          <p>Ton cerveau trouve toutes les raisons pour lesquelles tu ne peux pas avoir ce que tu veux.</p>
        </div>
        <div class="yes">
          <p class="q">« J'aime l'idée que ça existe… »</p>
          <p>Tu ressens ce que tu penses. Donc si tu penses « J'aime… », « J'aime… », « J'aime… », tu ressens « j'aime » à plusieurs reprises.</p>
        </div>
      </div>
      <p class="vs-rep">Petit à petit, en répétant « J'aime l'idée… », tu te sens mieux.</p>
    </div>

    <div class="vs-sec">
      <h2 class="vs-h">Astuce</h2>
      <p>Aller vers le général aide à se sentir mieux : plus de légèreté, plus d'espace.</p>
      <p>Quand tu es bloquée dans des pensées négatives, prends une seule pensée négative. Dis-la. Remarque ce que tu ressens. Puis reconnais :</p>
      <p class="vs-say">« Quand je pense à ce sujet de cette façon, je ressens ça… »</p>
      <p class="vs-say">« Et si je pense l'opposé, je ne ressens pas cela. »</p>
    </div>
  </div>

  <hr class="vs-orn">

  <p class="vs-tool-note">Tu peux créer autant de roues que tu veux et revenir sur chaque épingle.</p>
  <div class="vs-root"></div>

  <div class="vs-foot">
    <p class="vs-credit">Inspiré des enseignements d'Abraham Hicks</p>
    <p class="vs-copy">360° Expérience © Vanessa Salles</p>
    <p class="vs-note">Tes pensées restent dans ce navigateur, sur cet appareil.</p>
  </div>
  <div class="vs-toast" role="status"></div>
</div>

<script>
(function(){
var W=document.getElementById("vs-roue");if(!W||W.dataset.ready)return;W.dataset.ready="1";
var ROOT=W.querySelector(".vs-root");
var KEY="roue_changement_focus_v1";
var view={fwi:0,cur:null};var DEMO=false,prevFwi=0,EXSTEP=0;
var esc=function(s){return String(s==null?"":s).replace(/[&<>"]/g,function(c){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c]})};
function load(){try{var r=localStorage.getItem(KEY);if(r){var d=JSON.parse(r);return{wheels:Array.isArray(d.wheels)?d.wheels:[],fields:d.fields||{}}}}catch(e){}return{wheels:[],fields:{}}}
var S=load();
function persist(){try{localStorage.setItem(KEY,JSON.stringify(S))}catch(e){}}
function cur(k){var a=S.fields[k];return a&&a.length?a[a.length-1].v:""}
function setField(k,v){var a=S.fields[k]||(S.fields[k]=[]);var last=a[a.length-1];if(last&&last.v===v)return;
  if(last&&Date.now()-new Date(last.t)<30*60*1000){last.v=v;last.t=new Date().toISOString()}else a.push({t:new Date().toISOString(),v:v});persist()}
function field(k,label,ph){if(k.indexOf("wheel.demo.")===0){var di=+k.split(".")[2];return '<textarea readonly aria-label="'+esc(label)+'">'+esc(FW_EX[di])+'</textarea>'}return '<textarea data-k="'+k+'" aria-label="'+esc(label)+'" placeholder="'+esc(ph)+'">'+esc(cur(k))+'</textarea>'}
function toast(m){var t=W.querySelector(".vs-toast");t.textContent=m;t.classList.add("show");setTimeout(function(){t.classList.remove("show")},2400)}
var timers={};
function flushAll(){W.querySelectorAll("[data-k]").forEach(function(t){var k=t.dataset.k;if(timers[k]){clearTimeout(timers[k]);delete timers[k];setField(k,t.value)}})}
W.addEventListener("input",function(e){var el=e.target;if(!el.dataset||!el.dataset.k)return;var k=el.dataset.k;clearTimeout(timers[k]);
  timers[k]=setTimeout(function(){setField(k,el.value);delete timers[k];renderList();fwRedraw()},500)});
window.addEventListener("beforeunload",flushAll);

var FW_EX=["J'ai trop de choses à faire. Je suis stressé(e), je n'arrive pas à me détendre.", "Il y a bien des gens qui gèrent différemment.", "Il y a bien des personnes qui ont réussi à trouver un équilibre.", "J'aime l'idée que ça existe, un équilibre entre faire ce que je dois faire et me reposer.", "J'aime bien l'idée d'avoir un peu plus de temps pour moi…", "Je ne suis pas encore détendu(e), mais j'aime bien l'idée.", "C'est agréable, l'idée de pouvoir faire une chose à la fois.", "J'imagine l'idée d'une soirée calme, sans rien à faire.", "C'est bien comme perspective : faire moins, et le faire mieux.", "J'aime bien l'idée de m'accorder une pause sans culpabilité.", "J'aime le ressenti qui va avec : mes épaules se relâchent. C'est agréable.", "J'ai envie de vivre cela, plus de calme dans mes journées.", "Oui, je suis prêt(e) à faire mon premier pas vers des journées plus calmes."];
function fwLab(i){return i===0?"0° · Ma pensée de départ":i===12?"360° · Ma nouvelle pensée":(i*30)+"°"}
function fwVal(id,i){if(id==="demo")return FW_EX[i]||"";if(id==="ex")return i<=EXSTEP?FW_EX[i]:"";return String(cur("wheel."+id+"."+i)).trim()}
function fwReach(id){var k=0;if(!fwVal(id,0))return -1;while(k<12&&fwVal(id,k+1))k++;return k}
function pt(r,a){var C=300;return[C+r*Math.sin(a*Math.PI/180),C-r*Math.cos(a*Math.PI/180)]}
function fwSVG(id,sel){var C=300,k=fwReach(id),deg=Math.max(0,k)*30,a,wide=id==="demo"||id==="ex",s='<svg viewBox="'+(wide?"-300 -230 1200 940":"0 0 600 600")+'" class="fw-svg'+(wide?' fw-svg-demo':'')+'" role="img" aria-label="Ma roue du changement de focus, '+deg+' degrés">';
  for(a=0;a<360;a+=2){var L=a%30===0?18:a%10===0?12:7,p1=pt(206,a),p2=pt(206+L,a);s+='<line x1="'+p1[0].toFixed(1)+'" y1="'+p1[1].toFixed(1)+'" x2="'+p2[0].toFixed(1)+'" y2="'+p2[1].toFixed(1)+'" stroke="#B8955A" stroke-width="'+(a%30===0?1.4:.8)+'"/>'}
  for(a=0;a<360;a+=90){var q=pt(190,a),x=q[0].toFixed(1),y=q[1].toFixed(1);s+='<text x="'+x+'" y="'+y+'" transform="rotate('+a+' '+x+' '+y+')" text-anchor="middle" dominant-baseline="middle" font-family="Cormorant Garamond,Georgia,serif" font-style="italic" font-size="20" fill="#97773F">'+a+'</text>'}
  s+='<circle cx="'+C+'" cy="'+C+'" r="172" fill="none" stroke="#B8955A" stroke-width="1.2"/>';
  if(deg>0){var e=Math.min(deg,359.9),st=pt(152,0),en=pt(152,e),ex=en[0],ey=en[1];
    s+='<path d="M'+st[0]+','+st[1]+' A152,152 0 '+(e>180?1:0)+' 1 '+ex.toFixed(1)+','+ey.toFixed(1)+'" fill="none" stroke="#C9A86A" stroke-width="13" stroke-linecap="round" class="fw-arc"/>';
    var ar=e*Math.PI/180,tx=Math.cos(ar),ty=Math.sin(ar),nx=Math.sin(ar),ny=-Math.cos(ar);
    s+='<polygon class="fw-arc" points="'+(ex+tx*18).toFixed(1)+','+(ey+ty*18).toFixed(1)+' '+(ex+nx*13).toFixed(1)+','+(ey+ny*13).toFixed(1)+' '+(ex-nx*13).toFixed(1)+','+(ey-ny*13).toFixed(1)+'" fill="#C9A86A"/>'}
  for(var i=0;i<12;i++){var an=i*30,done=i<=k&&k>=0&&fwVal(id,i),on=sel===i,big=on||done,n=pt(214,an),b=pt(big?262:250,an),bx=b[0],by=b[1],rb=on?19:done?15:10;
    s+='<g data-fwpin="'+i+'" style="cursor:pointer"><line x1="'+n[0].toFixed(1)+'" y1="'+n[1].toFixed(1)+'" x2="'+bx.toFixed(1)+'" y2="'+by.toFixed(1)+'" stroke="#4A4642" stroke-width="'+(big?4:3)+'" stroke-linecap="round"/>'+
     '<circle cx="'+(bx+2).toFixed(1)+'" cy="'+(by+2).toFixed(1)+'" r="'+rb+'" fill="#97773F"/><circle cx="'+bx.toFixed(1)+'" cy="'+by.toFixed(1)+'" r="'+rb+'" fill="'+(done||on?"#C9A86A":"#D9C49C")+'"/>'+
     '<circle cx="'+(bx-rb*.25).toFixed(1)+'" cy="'+(by-rb*.25).toFixed(1)+'" r="'+(rb*.38).toFixed(1)+'" fill="'+(i%3===0?"#fff":"#97773F")+'"/><circle cx="'+bx.toFixed(1)+'" cy="'+by.toFixed(1)+'" r="26" fill="transparent"/></g>'}
  function star(r1,r2,nn,rot){var p=[];for(var j=0;j<nn*2;j++){var q=pt(j%2?r2:r1,rot+j*180/nn);p.push(q[0].toFixed(1)+","+q[1].toFixed(1))}return p.join(" ")}
  s+='<g><circle cx="'+C+'" cy="'+C+'" r="62" fill="none" stroke="#B8955A" stroke-width=".8"/><circle cx="'+C+'" cy="'+C+'" r="54" fill="none" stroke="#B8955A" stroke-width=".6" stroke-dasharray="2 5"/>'+
   '<polygon points="'+star(48,10,4,45)+'" fill="#C9A86A" opacity=".75"/><polygon points="'+star(80,12,4,0)+'" fill="#97773F"/></g>';
  s+='<text x="'+C+'" y="'+(C-98)+'" text-anchor="middle" font-family="Cormorant Garamond,Georgia,serif" font-size="34" fill="#97773F">'+deg+'°</text>';
  if(wide){var st=id==="ex"?EXSTEP:12;s+=fwArrows(st,id==="ex")+fwLabels(sel,st)}
  return s+'</svg>'}
function fwPath(id){var k=fwReach(id);if(k<0)return"";var h='<ol class="fw-path">';for(var i=0;i<=Math.min(12,k);i++){var v=fwVal(id,i);if(v)h+='<li'+(i===12?' class="fin"':'')+' data-fwgo="'+i+'"><span>'+(i===12?"360°":i*30+"°")+'</span>'+esc(v)+'</li>'}return h+'</ol>'}
function fwFinal(id){var fin=fwVal(id,12);return fin?'<div class="fw-final"><div class="wt-kick">Ma nouvelle pensée</div><p>'+esc(fin)+'</p></div>':""}
function fwPanel(id,sel){return '<div class="fw-step"><div class="lab">'+fwLab(sel)+'</div>'+field("wheel."+id+"."+sel,fwLab(sel),FW_EX[sel])+
  '<div class="fw-nav"><button type="button" class="pill" data-fwnav="-1" '+(sel===0?"disabled":"")+'>Précédente</button><button type="button" class="pill" data-fwnav="1" '+(sel===12?"disabled":"")+'>Suivante</button></div></div>'+
  '<div data-fwfin>'+fwFinal(id)+'</div><div data-fwpath>'+fwPath(id)+'</div>'}
function fwWrap(t,n){var w=t.split(" "),L=[],c="";w.forEach(function(x){if(c&&(c+" "+x).length>n){L.push(c);c=x}else c=c?c+" "+x:x});if(c)L.push(c);return L}
function fwArrows(st,live){var o="",R=262;for(var i=0;i<12;i++){var done=i<st,nx1=live&&i===st,col=done?"#B8955A":nx1?"#97773F":"#E9DFCB",sw=nx1?3:1.6;var a1=i*30+7,a2=(i+1)*30-7,p1=pt(R,a1),p2=pt(R,a2),ar=a2*Math.PI/180,tx=Math.cos(ar),ty=Math.sin(ar),nx=Math.sin(ar),ny=-Math.cos(ar),ex=p2[0],ey=p2[1];
    o+='<path d="M'+p1[0].toFixed(1)+','+p1[1].toFixed(1)+' A'+R+','+R+' 0 0 1 '+ex.toFixed(1)+','+ey.toFixed(1)+'" fill="none" stroke="'+col+'" stroke-width="'+sw+'"/>';
    if(nx1)o+='<path d="M'+p1[0].toFixed(1)+','+p1[1].toFixed(1)+' A'+R+','+R+' 0 0 1 '+ex.toFixed(1)+','+ey.toFixed(1)+'" fill="none" stroke="transparent" stroke-width="44" pointer-events="stroke" data-exnext="1" style="cursor:pointer"><title>Pensée suivante</title></path>';
    var k2=nx1?1.6:1;o+='<polygon points="'+(ex+tx*8*k2).toFixed(1)+','+(ey+ty*8*k2).toFixed(1)+' '+(ex+nx*4.5*k2).toFixed(1)+','+(ey+ny*4.5*k2).toFixed(1)+' '+(ex-nx*4.5*k2).toFixed(1)+','+(ey-ny*4.5*k2).toFixed(1)+'" fill="'+col+'"'+(nx1?' data-exnext="1" style="cursor:pointer"':'')+'/>'}return o}
function fwMix(t){var A=[122,113,106],B=[151,119,63];return "rgb("+A.map(function(v,j){return Math.round(v+(B[j]-v)*t)}).join(",")+")"}
function fwLabels(sel,st){if(st==null)st=12;var o="",lh=22,R=292;
  function lab(i,x,y,anc,vpos){var L=fwWrap(FW_EX[i],i===12?36:31),n=L.length,h=n*lh,y0=vpos==="above"?y-h:vpos==="below"?y:y-h/2+4,fin=i===12,on=i===sel||(st<12&&i===st);
    var t='<g data-fwpin="'+i+'" style="cursor:pointer"><text x="'+x.toFixed(1)+'" y="'+y0.toFixed(1)+'" text-anchor="'+anc+'" font-family="Cormorant Garamond,Georgia,serif" font-style="italic" font-size="19" fill="#B8955A">'+(fin?360:i*30)+'°</text>';
    t+='<text x="'+x.toFixed(1)+'" y="'+(y0+lh).toFixed(1)+'" text-anchor="'+anc+'" font-family="'+(fin?"Cormorant Garamond,Georgia,serif":"Quicksand,Arial,sans-serif")+'" font-size="'+(fin?21:16.5)+'"'+(fin?' font-style="italic"':'')+' fill="'+(fin?"#97773F":on?"#2B2621":fwMix(i/12))+'">';
    L.forEach(function(l,j){t+='<tspan x="'+x.toFixed(1)+'" dy="'+(j?lh:0)+'">'+esc(l)+'</tspan>'});return t+'</text></g>'}
  for(var i=1;i<12;i++){if(i>st)break;var a=i*30,q=pt(R,a),x=q[0],y=q[1],sn=Math.sin(a*Math.PI/180),cs=Math.cos(a*Math.PI/180),anc=sn>.2?"start":sn<-.2?"end":"middle";
    if(anc==="start")x+=12;if(anc==="end")x-=12;o+=lab(i,x,anc==="middle"&&cs<0?y+26:(i===1||i===11)?y-30:y,anc,anc==="middle"?(cs>0?"above":"below"):"mid")}
  o+=lab(0,300,2,"middle","above");if(st>=12)o+=lab(12,300,2-(fwWrap(FW_EX[0],31).length+1)*lh-16,"middle","above");
  return o}
function fwView(id){var sel=Math.max(0,Math.min(12,view.fwi||0));
  return '<div class="fw" data-fw="'+id+'"><div class="fw-grid'+(id==="demo"?' fw-grid-demo':'')+'"><div data-fwsvg>'+fwSVG(id,sel)+'</div><div data-fwpanel>'+fwPanel(id,sel)+'</div></div></div>'}
function fwRedraw(){var box=W.querySelector("[data-fw]");if(!box)return;var id=box.dataset.fw,sel=view.fwi||0;
  box.querySelector("[data-fwsvg]").innerHTML=fwSVG(id,sel);box.querySelector("[data-fwpath]").innerHTML=fwPath(id);box.querySelector("[data-fwfin]").innerHTML=fwFinal(id)}
function fwGo(i){var box=W.querySelector("[data-fw]");if(!box)return;var id=box.dataset.fw;flushAll();
  if(i>0&&!fwVal(id,i-1)){toast(i===1?"Écris d'abord ta pensée de départ.":"Écris d'abord la pensée précédente.");return}
  view.fwi=i;var p=box.querySelector("[data-fwpanel]");p.innerHTML=fwPanel(id,i);fwRedraw();var ta=p.querySelector("textarea");if(ta)ta.focus({preventScroll:true})}
function newWheel(){var w={id:"f"+Date.now().toString(36),created:new Date().toISOString()};S.wheels.push(w);persist();view.cur=w.id;view.fwi=0;return w}
function listHTML(){return '<div class="fw-list">'+S.wheels.map(function(w,i){var t=fwVal(w.id,0)||"Roue "+(i+1),k=fwReach(w.id);return '<button type="button" data-fwsel="'+w.id+'" class="'+(w.id===view.cur?"on":"")+'">'+esc(t)+' · '+(Math.max(0,k)*30)+'°</button>'}).join("")+'<button type="button" class="new" data-fwnew="1">Nouvelle roue</button></div>'}
function renderList(){var l=W.querySelector(".fw-list");if(l)l.outerHTML=listHTML()}
function render(){if(DEMO){ROOT.innerHTML='<div class="vs-demo-bar"><span>Tu regardes l\'exemple.</span><button type="button" class="vs-link" style="margin:0" data-demoexit="1">Revenir à ma roue</button></div>'+fwView("demo");return}
  if(!S.wheels.length)newWheel();if(!S.wheels.some(function(w){return w.id===view.cur}))view.cur=S.wheels[S.wheels.length-1].id;
  ROOT.innerHTML=listHTML()+fwView(view.cur)+(S.wheels.length>1?'<button type="button" class="fw-del" data-fwdel="1">Supprimer cette roue</button>':"")}
W.addEventListener("click",function(e){var t=e.target,x;
  if((x=t.closest("[data-demo]"))){flushAll();DEMO=true;prevFwi=view.fwi;view.fwi=12;render();ROOT.scrollIntoView({behavior:"smooth",block:"start"});return}
  if((x=t.closest("[data-demoexit]"))){DEMO=false;view.fwi=prevFwi;render();return}
  if((x=t.closest("[data-fwpin]"))){fwGo(+x.dataset.fwpin);return}
  if((x=t.closest("[data-fwgo]"))){fwGo(+x.dataset.fwgo);return}
  if((x=t.closest("[data-fwnav]"))){fwGo(Math.max(0,Math.min(12,(view.fwi||0)+(+x.dataset.fwnav))));return}
  if(!(x=t.closest("[data-fwsel],[data-fwnew],[data-fwdel]")))return;flushAll();
  if(x.dataset.fwsel){view.cur=x.dataset.fwsel;var k=fwReach(view.cur);view.fwi=k<0?0:Math.min(12,k+1);render()}
  else if(x.dataset.fwnew){newWheel();render();var ta=W.querySelector("[data-fw] textarea");if(ta)ta.focus()}
  else if(x.dataset.fwdel){if(confirm("Supprimer cette roue et ses pensées ?")){var id=view.cur;S.wheels=S.wheels.filter(function(w){return w.id!==id});Object.keys(S.fields).forEach(function(k){if(k.indexOf("wheel."+id+".")===0)delete S.fields[k]});persist();view.cur=null;render()}}});
(function(){var w=S.wheels[S.wheels.length-1];if(w){view.cur=w.id;var k=fwReach(w.id);view.fwi=k<0?0:Math.min(12,k+1)}})();
render();
function exRender(){var b=W.querySelector(".vs-exwheel"),c=W.querySelector(".vs-exctl");if(!b)return;
  b.innerHTML=fwSVG("ex",-1).replace(/ data-fwpin="\d+"/g,"").replace(/<g style="cursor:pointer">/g,"<g>").replace(' class="fw-svg fw-svg-demo"',' role="img"');
  if(c)c.innerHTML=EXSTEP<12?'<button type="button" class="vs-link" data-exnext="1">Pensée suivante</button><button type="button" class="vs-link vs-quiet" data-exall="1">Tout voir</button>':'<button type="button" class="vs-link" data-exreset="1">Recommencer</button>'}
W.addEventListener("click",function(e){var x=e.target.closest("[data-exnext],[data-exall],[data-exreset]");if(!x)return;
  if(x.dataset.exnext!=null&&EXSTEP<12)EXSTEP++;else if(x.dataset.exall!=null)EXSTEP=12;else if(x.dataset.exreset!=null)EXSTEP=0;exRender()});
exRender();
})();
</script>

</body>
</html>				</div>
					</div>
				</div>
				</div>
		<p>The post <a href="https://vanessa-salles.com/ma-roue-du-changement-de-focus/">Ma roue du changement de focus</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Dénicher ton schéma</title>
		<link>https://vanessa-salles.com/elementor-1001/</link>
		
		<dc:creator><![CDATA[Vanessa Salles]]></dc:creator>
		<pubDate>Mon, 19 Oct 2026 10:47:53 +0000</pubDate>
				<category><![CDATA[Bibliothèque]]></category>
		<category><![CDATA[Cartes]]></category>
		<category><![CDATA[Microminutes]]></category>
		<guid isPermaLink="false">https://vanessa-salles.com/?p=1001</guid>

					<description><![CDATA[<p>Pour trouver une solution : d’abord, où regarder. Ensuite, quoi regarder. Enfin, zoomer sur ce qui te fait rester coincé(e).</p>
<p>The post <a href="https://vanessa-salles.com/elementor-1001/">Dénicher ton schéma</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1001" class="elementor elementor-1001">
				<div class="elementor-element elementor-element-3c98f3a e-flex e-con-boxed e-con e-parent" data-id="3c98f3a" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-26354f2 elementor-widget elementor-widget-html" data-id="26354f2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ============================================================
     Dénicher ton schéma — Bibliothèque vanessa-salles.com
     Version 1019-v12
     À coller dans un bloc « HTML personnalisé » de l'article WordPress.
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">

<style>
.vs-schema{--gold:#B8955A;--gold-deep:#97773F;--gold-soft:#D9C49C;--gold-pale:#F7F1E6;--ink:#1A1A1A;--text:#3D3D3D;--muted:#8A8580;--line:#E8DFD0;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Quicksand',system-ui,sans-serif;
  max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--gold-soft);padding:56px 48px 40px;
  font-family:var(--sans);color:var(--text);font-size:15px;line-height:1.75;box-sizing:border-box;text-align:left}
.vs-schema *{box-sizing:border-box}
.vs-schema p{margin:0 0 1em}
.vs-schema button{text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;font-family:var(--sans)}
.vs-schema img{max-width:100%;height:auto}
.vs-schema [id]{scroll-margin-top:100px}

/* ---------- HERO ---------- */
.vs-schema .hero-img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto 28px;border-radius:2px}
.vs-schema .eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;font-weight:600;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.vs-schema .eyebrow::before,.vs-schema .eyebrow::after{content:"";width:34px;height:1px;background:var(--gold)}
.vs-schema h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,6vw,48px);line-height:1.1;color:var(--ink);text-align:center;margin:0 0 18px}
.vs-schema .subtitle{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--muted);text-align:center;margin:0 0 18px}
.vs-schema .meta{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.vs-schema .pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-soft);border-radius:999px;padding:5px 12px 5px 9px}
.vs-schema .pill svg{width:15px;height:15px;stroke:var(--gold)}

/* ---------- INTRO ---------- */
.vs-schema .intro{max-width:640px;margin:0 auto 10px}
.vs-schema .intro p{font-family:var(--serif);font-size:20px;line-height:1.6;color:var(--ink)}
.vs-schema .dropcap::first-letter{font-family:var(--serif);float:left;font-size:58px;line-height:.85;color:var(--gold);padding:4px 10px 0 0}
.vs-schema .pull{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 6%;margin:30px auto;max-width:640px;text-align:center;
  font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.4;color:var(--ink)}
.vs-schema .vline{width:1px;height:58px;background:var(--ink);margin:34px auto}

/* ---------- BOUTONS ---------- */
.vs-schema .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:0;padding:13px 24px;text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.vs-schema .btn:hover{background:var(--ink);color:#fff}
.vs-schema .btn svg{width:15px;height:15px;stroke:currentColor}
.vs-schema .btn.gold{border-color:var(--gold);color:var(--gold)}
.vs-schema .btn.gold:hover{background:var(--gold);color:#fff}
.vs-schema .link{background:none;border:none;font-family:var(--sans);font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px}
.vs-schema .link:hover{color:var(--gold)}
.vs-schema .actions{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:34px 0 0}
.vs-schema .err{color:#9A3B2E;font-size:13.5px;text-align:center;margin:12px 0 0;min-height:1.2em}
.vs-schema .chip:focus-visible,.vs-schema .btn:focus-visible,.vs-schema .link:focus-visible,.vs-schema button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- SECTIONS ---------- */
.vs-schema .playtag{display:flex;justify-content:center;margin-bottom:16px}
.vs-schema .playtag .pill{font-size:11px;padding:7px 16px 7px 12px;background:var(--gold-pale);border-color:var(--gold)}
.vs-schema .playtag .pill svg{fill:var(--gold);stroke:none;width:13px;height:13px}
.vs-schema .sec-head{text-align:center;margin-bottom:30px}
.vs-schema h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,4.6vw,36px);color:var(--ink);margin:0 0 6px;line-height:1.15}
.vs-schema .sec-head .subtitle{font-size:18px;line-height:1.5;max-width:600px;margin:10px auto 0}
.vs-schema .hide{display:none!important}

/* ---------- MA SCÈNE ---------- */
.vs-schema .scene{border-top:2px solid var(--ink)}
.vs-schema .srow{display:grid;grid-template-columns:200px 1fr;gap:34px;padding:22px 0;border-bottom:1px solid var(--line)}
.vs-schema .r-label{font-family:var(--serif);font-size:21px;line-height:1.3;color:var(--ink)}
.vs-schema .r-label small{display:block;font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5}
.vs-schema .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.vs-schema .chip{font-family:var(--sans);font-size:13.5px;color:var(--text);background:#fff;border:1px solid var(--gold-soft);border-radius:999px;padding:7px 15px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;line-height:1.3}
.vs-schema .chip:hover{border-color:var(--gold)}
.vs-schema .chip{max-width:100%;white-space:normal;text-align:left}
.vs-schema .chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#fff}
.vs-schema .own{width:100%;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink);border:none;border-bottom:1px solid var(--line);padding:6px 2px;background:transparent;outline:none}
.vs-schema .own:focus{border-bottom-color:var(--gold)}
.vs-schema .own::placeholder,.vs-schema .nin::placeholder{color:#B9B2A8}

/* ---------- TEXTES ---------- */
.vs-schema .cadre{max-width:620px;margin:0 auto 34px;border:1px solid var(--gold-soft);padding:8px;background:#fff}
.vs-schema .cadre-in{border:1px solid var(--gold-soft);padding:28px 7% 22px;text-align:center}
.vs-schema .cadre-in p{font-family:var(--serif);font-size:20px;line-height:1.55;color:var(--ink);margin:0 0 .7em}
.vs-schema .cadre-in .cq{font-style:italic;font-size:22px;color:var(--gold);margin:0 0 .5em}
.vs-schema .cadre-in .cq:last-child{margin-bottom:0}
.vs-schema .question{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.45;color:var(--gold);text-align:center;max-width:600px;margin:0 auto 26px}
.vs-schema .lead2{font-family:var(--serif);font-size:20px;line-height:1.6;color:var(--ink);max-width:640px;margin:0 auto 12px}
.vs-schema .try3{max-width:640px;margin:4px auto 22px;padding-left:1.4em;font-family:var(--serif);font-size:20px;line-height:1.6;color:var(--ink)}
.vs-schema .try3 li{margin:0 0 4px}
.vs-schema .try3 li::marker{color:var(--gold)}
.vs-schema .why{margin:30px auto 0;max-width:640px}
.vs-schema .why p{font-family:var(--serif);font-size:20px;line-height:1.6;color:var(--ink);margin:0 0 12px}
.vs-schema .why .hv{font-weight:500;font-style:italic;color:var(--gold-deep)}
.vs-schema .why .eureka{font-family:var(--serif);font-weight:600;font-size:clamp(22px,3.2vw,26px);line-height:1.4;color:var(--ink);text-align:center;margin:26px 0;padding:20px 4%;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:var(--gold-pale)}
.vs-schema .why .em{color:var(--gold);font-style:italic;font-size:21px;text-align:center}
.vs-schema .why .em.mid{margin:18px 0}
.vs-schema .why .em.big{font-size:23px;margin:4px 0 26px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.vs-schema .aligned{max-width:640px;margin:30px auto 0;padding:22px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font-family:var(--serif);font-style:italic;font-size:23px;color:var(--ink)}
.vs-schema .wheelnote{max-width:600px;margin:26px auto 0;padding:18px 22px;border:1px solid var(--gold-soft);background:var(--gold-pale);text-align:center}
.vs-schema .wheelnote p{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--ink);margin:0 0 6px}
.vs-schema .wheelnote p:last-child{margin:0}
.vs-schema .wheelnote b{font-weight:600;color:var(--gold-deep)}

/* ---------- L'ÉCHELLE ---------- */
.vs-schema .ladder{position:relative;padding-left:46px}
.vs-schema .lv{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center}
.vs-schema .rails{align-self:stretch;position:relative;min-height:96px;margin:0 22px;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.vs-schema .rails .bar{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:var(--gold)}
.vs-schema .lv.top .rails{border:none;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:70px;padding-bottom:4px}
.vs-schema .lv.ground .rails{min-height:74px;border-left-color:transparent;border-right-color:transparent;margin:0}
.vs-schema .lv.ground .rails::before{content:"";position:absolute;left:18px;right:18px;top:0;height:42px;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.vs-schema .grass{position:absolute;left:-12px;top:18px;width:calc(100% + 16px);height:30px}
.vs-schema .tag{position:absolute;left:0;right:0;text-align:center;font-size:12px;font-style:italic;color:var(--gold-deep);top:calc(50% - 22px);white-space:nowrap}
.vs-schema .sky-t{position:static;display:block;margin-top:2px}
.vs-schema .soil-t{top:auto;bottom:2px}
.vs-schema .lb-t{position:absolute;left:-2px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:11.5px;font-style:italic;color:#9A9086;white-space:nowrap;background:#fff;padding:0 4px}
.vs-schema .lc{padding:10px 0;border-bottom:1px solid var(--line)}
.vs-schema .lv.ground .lc{border-bottom:none}
.vs-schema .lc .k,.vs-schema .concl .k{font-size:12.5px;color:var(--muted)}
.vs-schema .lc .v,.vs-schema .concl .v{font-family:var(--serif);font-size:20px;line-height:1.35;color:var(--ink);margin:2px 0 6px}
.vs-schema .lc .think{font-family:var(--serif);font-style:italic;font-size:17px;color:#9A9086;margin:-2px 0 4px}
.vs-schema .lc .setting{font-size:12.5px;color:var(--muted);margin:0 0 4px}
.vs-schema .loopback{position:absolute;left:14px;top:34px;bottom:30px;width:26px;border:2px dashed #B9B2A6;border-right:none;border-radius:18px 0 0 18px}
.vs-schema .loopback::after{content:"";position:absolute;right:-4px;bottom:-6px;border-left:8px solid #B9B2A6;border-top:5px solid transparent;border-bottom:5px solid transparent}
.vs-schema .concl{margin:14px 0 0 40px;padding:12px 16px;border:1px dashed #B9B2A6;border-radius:10px;background:var(--gold-pale)}
.vs-schema .ladder.mini .rails{min-height:70px}
.vs-schema .lv.sw .rails .bar{background:#6FA35A;transform:rotate(-11deg) translateY(-6px);height:5px}
.vs-schema .lv.sw .tag{color:#5E7F5A;top:calc(50% - 32px)}
.vs-schema .lv.sw .v{color:#4F7A45}
.vs-schema .lv.sw .lc{background:#F4F8EF}
.vs-schema .lv.same .lc{background:#FBF3EE}
.vs-schema .lv.same .v{color:#9A5B3E}
@media (max-width:560px){.vs-schema .lv{grid-template-columns:96px minmax(0,1fr);gap:12px}
 .vs-schema .rails{margin:0 14px}
 .vs-schema .lv.ground .rails::before{left:10px;right:10px}}

/* questions numérotées */
.vs-schema .qnum{display:block;font-family:var(--sans);font-style:normal;font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.vs-schema .cadre-in .qnum{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
/* pensée en boucle */
.vs-schema .loopnote2{display:flex;gap:10px;align-items:flex-start;margin:10px 0 2px;padding-top:10px;border-top:1px dashed #B9B2A6;font-size:14px;line-height:1.55;color:var(--text)}
.vs-schema .loopnote2 svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--gold-deep)}
.vs-schema .loopnote2 b{font-weight:600;color:var(--gold-deep)}
.vs-schema .loopnote2 i{font-family:var(--serif);font-size:16px;color:var(--gold-deep)}
/* ---------- ALIGNÉ / PAS ALIGNÉ ---------- */
.vs-schema .flow{display:flex;align-items:stretch;justify-content:center;margin:16px auto 30px;max-width:720px}
.vs-schema .fc{flex:1 1 0;min-width:0;border-radius:12px;padding:12px 10px 13px;text-align:center;border:1px solid}
.vs-schema .fc .fl{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
.vs-schema .fc .fv{display:block;font-family:var(--serif);font-size:18px;line-height:1.25}
.vs-schema .ok .fc{background:#EEF0F3;border-color:#B9C1CB;color:#3F4752}
.vs-schema .ok .fc .fl{color:#6B7684}
.vs-schema .fa{flex:0 0 30px;display:flex;align-items:center;justify-content:center}
.vs-schema .fa svg{width:24px;height:24px}
.vs-schema .ok .fa svg path{stroke:#8C96A3}
.vs-schema .ko .fc{background:#fff;border-style:dashed}
.vs-schema .ko .fc.n{background:#EEF0F3;border-color:#B9C1CB;color:#3F4752}
.vs-schema .ko .fc.n .fl{color:#6B7684}
.vs-schema .ko .fc.p{background:#F6F9F1;border-color:#A9C29B;color:#3E5A33}
.vs-schema .ko .fc.p .fl{color:#5F7E52}
.vs-schema .ko .fa svg path{stroke:var(--gold)}
.vs-schema .ko .fa.zig svg{transform:rotate(-35deg)}
.vs-schema .ko .fa.zag svg{transform:rotate(35deg)}
@media (max-width:560px){.vs-schema .flow{flex-direction:column;max-width:300px}
 .vs-schema .fa{flex:0 0 26px}
 .vs-schema .fa svg{transform:rotate(90deg)}
 .vs-schema .ko .fa.zig svg{transform:rotate(55deg)}
 .vs-schema .ko .fa.zag svg{transform:rotate(125deg)}}

/* ---------- UNE SEULE MARCHE ---------- */
.vs-schema .swchips{justify-content:center;margin:0 0 18px}
.vs-schema .swl{display:block;font-family:var(--serif);font-size:19px;color:var(--ink);margin:6px 0 2px}
.vs-schema .swedit input{width:100%;border:none;border-bottom:1px solid #9CB59A;padding:6px 2px;background:transparent;font-family:var(--serif);font-size:20px;color:#4F7A45;margin-bottom:16px;outline:none}
.vs-schema .swedit input:focus{border-bottom-color:#6FA35A}
.vs-schema .swapmsg{margin:18px 0 0;padding:18px 22px;border:1px solid var(--line);background:var(--gold-pale)}
.vs-schema .swapmsg p{margin:0 0 8px;font-size:15px}
.vs-schema .swapmsg p:last-child{margin:0}
.vs-schema .swapmsg b{font-weight:600;color:var(--gold-deep)}
.vs-schema .swapmsg .horror{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin-top:10px}

/* ---------- MA NOUVELLE ÉCHELLE ---------- */
.vs-schema .duo{display:grid;grid-template-columns:76px minmax(0,1fr) 76px minmax(0,1fr);column-gap:14px}
.vs-schema .dhead,.vs-schema .drow{display:contents}
.vs-schema .dh{font-family:var(--serif);font-size:20px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.vs-schema .dh.o{color:var(--gold-deep)}
.vs-schema .dh.n{color:#4F7A45}
.vs-schema .dtag{grid-column:1/-1;text-align:center;font-size:12.5px;font-style:italic;color:var(--muted);padding:10px 0 2px}
.vs-schema .dr{position:relative;min-height:84px;margin:0 16px;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.vs-schema .dr .bar{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:var(--gold)}
.vs-schema .dr.n{border-color:#9CB59A}
.vs-schema .dr.n .bar{background:#9CB59A}
.vs-schema .dr.sky{border:none;margin:0;display:flex;align-items:center;justify-content:center;min-height:60px}
.vs-schema .dr.sky svg{width:72px;height:auto}
.vs-schema .dr.soil{border-color:transparent;margin:0;min-height:62px}
.vs-schema .dr.soil::before{content:"";position:absolute;left:12px;right:12px;top:0;height:34px;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.vs-schema .dr.soil.n::before{border-color:#9CB59A}
.vs-schema .dr.soil .grass{left:-4px;top:16px;width:calc(100% + 8px)}
.vs-schema .dc{align-self:center;padding:6px 0;border-bottom:1px solid var(--line);min-width:0}
.vs-schema .dc:has(.nin){border-bottom:none}
.vs-schema .dk{font-size:12px;font-style:italic;color:var(--muted)}
.vs-schema .dv{font-family:var(--serif);font-size:19px;line-height:1.35;color:var(--ink)}
.vs-schema .dc .think{font-family:var(--serif);font-style:italic;font-size:16px;color:#9A9086}
.vs-schema .drow.top .dc:last-child .dv{color:#4F7A45}
.vs-schema .drow.concl2 .dc{border-bottom:none;background:var(--gold-pale);padding:8px 10px;border-radius:8px}
.vs-schema .nin{width:100%;border:none;border-bottom:1px solid var(--line);padding:4px 2px 6px;background:transparent;font-family:var(--serif);font-size:19px;color:var(--ink);resize:none;overflow:hidden;line-height:1.35;display:block;min-height:0}
.vs-schema .nin:focus{outline:none;border-bottom-color:var(--gold)}
.vs-schema .sug{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}
.vs-schema .sug .chip{font-size:12px;padding:3px 11px}
@media (max-width:620px){.vs-schema .duo{grid-template-columns:40px minmax(0,1fr) 40px minmax(0,1fr);column-gap:8px}
 .vs-schema .dr{margin:0 8px;min-height:56px;border-width:3px}
 .vs-schema .dr .bar{height:3px}
 .vs-schema .dr.soil::before{left:6px;right:6px;border-width:3px}
 .vs-schema .dr.sky svg{width:40px}
 .vs-schema .dv,.vs-schema .nin{font-size:16px}
 .vs-schema .dc .think{font-size:14px}
 .vs-schema .dh{font-size:16px}}

/* ---------- DIRECTION ---------- */
.vs-schema .dimg{display:block;width:100%;max-width:680px;height:auto;margin:40px auto 0;border-radius:2px}
.vs-schema .dir{max-width:640px;margin:22px auto 8px;padding:26px 22px 16px;border:1px solid var(--gold-soft);text-align:center}
.vs-schema .dirq{font-family:var(--serif);font-size:clamp(21px,3vw,25px);line-height:1.35;color:var(--ink);margin:0 0 16px}
.vs-schema .dir .chips{justify-content:center}
.vs-schema .dir .chip{font-size:14.5px;padding:7px 20px}

/* ---------- PIED ---------- */
.vs-schema .foot{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.vs-schema .credit{font-size:11px;color:var(--muted);margin:0 0 6px}
.vs-schema .e360{font-family:var(--serif);font-size:22px;color:var(--gold);letter-spacing:.04em}
.vs-schema .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--gold);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;transition:.3s;pointer-events:none;z-index:50}
.vs-schema .toast.show{opacity:1;transform:translateX(-50%)}

@media (max-width:680px){
  .vs-schema{padding:36px 20px 28px;border-left:none;border-right:none}
  .vs-schema .srow{grid-template-columns:1fr;gap:12px}
  .vs-schema .pull{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.vs-schema *{transition:none!important}}
@media print{.vs-schema #schema-scene,.vs-schema .actions,.vs-schema .swchips,.vs-schema .swedit,.vs-schema .sug,.vs-schema .vline,.vs-schema .hero-img,.vs-schema .dimg,.vs-schema .flow,.vs-schema .toast{display:none!important}
 .vs-schema{border:none;padding:0}}
/* chemin en 3 étapes */
.vs-schema .howto{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.8vw,24px);line-height:1.45;color:var(--gold-deep);text-align:center;max-width:600px;margin:0 auto 30px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-wrap:balance}
.vs-schema .howto b{font-weight:600;font-style:normal}
.vs-schema .series{list-style:none;padding:0;margin:0 auto 56px;max-width:700px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vs-schema .series li{text-align:center;border:1px solid var(--line);padding:18px 12px 16px;margin:0;opacity:.72}
.vs-schema .series li.on{opacity:1;border-color:var(--gold);background:var(--gold-pale)}
.vs-schema .series .sno{display:block;width:32px;height:32px;line-height:30px;margin:0 auto 10px;border:1px solid var(--gold);border-radius:50%;font-family:var(--serif);font-size:18px;color:var(--gold-deep)}
.vs-schema .series li.on .sno{background:var(--gold);color:#fff}
.vs-schema .series .slab{display:block;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.vs-schema .series b{display:block;font-family:var(--serif);font-weight:400;font-style:italic;font-size:19px;line-height:1.25;color:var(--ink)}
@media (max-width:560px){.vs-schema .series{grid-template-columns:1fr;max-width:320px}}
/* ================= MAGAZINE · partie 3 ================= */
.vs-schema .mz .hv{font-weight:500;font-style:italic;color:var(--gold-deep)}
.vs-schema .mz-col{max-width:580px;margin:0 auto}
.vs-schema .mz-col p{font-family:var(--serif);font-size:clamp(19px,2.5vw,21px);line-height:1.75;color:var(--ink);margin:0 0 1.15em;text-align:left;font-weight:400;font-style:normal}
.vs-schema .mz-col p.mz-em{font-style:italic;color:var(--gold-deep)}
.vs-schema .mz-drop::first-letter{float:left;font-family:var(--serif);font-size:4.4em;line-height:.8;padding:7px 12px 0 0;color:var(--gold)}
.vs-schema .mz-pull{max-width:640px;margin:60px auto;padding:34px 4%;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(25px,3.8vw,34px);line-height:1.3;color:var(--gold-deep);text-wrap:balance}
.vs-schema .mz-pull.sm{font-size:clamp(22px,3.2vw,28px);margin:36px auto}
.vs-schema .mz-orn{display:flex;align-items:center;justify-content:center;gap:18px;margin:110px auto 70px}
.vs-schema .mz-orn::before,.vs-schema .mz-orn::after{content:"";width:80px;height:1px;background:var(--gold)}
.vs-schema .mz-orn i{display:block;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}
.vs-schema .mz-q{text-align:center;max-width:680px;margin:0 auto 54px}
.vs-schema .mz-num{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(84px,13vw,132px);line-height:.85;color:rgba(184,149,90,.10);-webkit-text-stroke:1px var(--gold);letter-spacing:.02em}
.vs-schema .mz-kick{display:block;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:18px 0 26px}
.vs-schema .mz-stand{font-family:var(--serif)!important;font-style:italic;font-size:clamp(18px,2.4vw,21px)!important;line-height:1.6!important;color:var(--muted);max-width:520px;margin:0 auto 10px!important;text-align:center!important}
.vs-schema .mz-stand+.mz-qh{margin-top:30px}
.vs-schema .mz-qh{font-family:var(--serif);font-weight:400;font-size:clamp(27px,4.4vw,40px);line-height:1.22;color:var(--ink);margin:0 auto 16px;text-wrap:balance}
.vs-schema .mz-qh.alt{font-style:italic;color:var(--gold-deep)}
.vs-schema .mz-fig{margin:60px auto;max-width:700px}
.vs-schema .mz-eureka{max-width:660px;margin:76px auto;padding:58px 2% 0;position:relative;text-align:center;font-family:var(--serif);font-weight:600;font-size:clamp(26px,4.2vw,40px);line-height:1.28;color:var(--ink);text-wrap:balance}
.vs-schema .mz-eureka::before{content:"“";position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-family:var(--serif);font-weight:400;font-size:120px;line-height:1;color:var(--gold)}
.vs-schema .mz-eureka::after{content:"";display:block;width:56px;height:1px;background:var(--gold);margin:34px auto 0}
/* flux aligné / pas aligné, plus aérés */
.vs-schema .mz .flow{margin:0 auto;max-width:720px}
.vs-schema .mz .fc{border-radius:2px;padding:20px 12px 18px}
.vs-schema .mz .fc .fl{font-size:10.5px;letter-spacing:.24em;margin-bottom:8px}
.vs-schema .mz .fc .fv{font-size:19px}
.vs-schema .mz .ok .fc,.vs-schema .mz .ko .fc.n{background:#fff;border-color:var(--line);color:var(--ink)}
.vs-schema .mz .ok .fc .fl,.vs-schema .mz .ko .fc.n .fl{color:var(--gold)}
.vs-schema .mz .ok .fa svg path{stroke:var(--gold)}
.vs-schema .mz .ko .fc.p{background:#FAFCF7}
/* échelle */
.vs-schema .mz .ladder{max-width:660px;margin:0 auto}
.vs-schema .mz .lc .v{font-size:21px}
.vs-schema .mz .concl{max-width:640px;margin:22px auto 0;padding:18px 22px;border-radius:2px}
/* pause action */
.vs-schema .mz-break{text-align:center;margin:110px 0 56px;padding:70px 6% 64px;background:var(--gold-pale);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.vs-schema .mz-tag{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.vs-schema .mz-tag svg{width:12px;height:12px;fill:var(--gold)}
.vs-schema .mz-tag::before,.vs-schema .mz-tag::after{content:"";width:34px;height:1px;background:var(--gold)}
.vs-schema .mz-h{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(34px,5.8vw,54px);line-height:1.08;color:var(--gold-deep);margin:0;text-wrap:balance}
.vs-schema .mz-sub{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,21px);color:var(--muted);margin:18px auto 0;max-width:520px}
.vs-schema .mz-lead{text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.8vw,24px);color:var(--gold-deep);margin:46px 0 0}
.vs-schema .mz-steps{list-style:none;padding:0;margin:30px auto 50px;max-width:780px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;counter-reset:mzs}
.vs-schema .mz-steps li{text-align:center;font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--ink);border-top:1px solid var(--gold);padding-top:20px;margin:0}
.vs-schema .mz-steps li::before{counter-increment:mzs;content:counter(mzs);display:block;font-size:46px;line-height:1;color:var(--gold);margin-bottom:12px}
.vs-schema .mz .swchips,.vs-schema .mz #swapbtns{justify-content:center;gap:10px;margin:0 auto 34px;max-width:720px}
.vs-schema .mz .swchips .chip,.vs-schema .mz #swapbtns .chip{padding:10px 20px;font-size:14px}
.vs-schema .mz-wide{max-width:660px;margin:0 auto}
.vs-schema .mz .swapmsg{background:#fff;border:none;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);border-radius:0;padding:28px 4%;margin:34px 0 0}
.vs-schema .mz .swapmsg p{font-family:var(--serif);font-size:19px;line-height:1.6;margin:0 0 12px}
.vs-schema .mz .swapmsg .horror{font-size:18px}
/* nouvelle échelle et direction */
.vs-schema .mz-aside{max-width:580px;margin:64px auto 0;padding:6px 0 6px 26px;border-left:2px solid var(--gold);text-align:left}
.vs-schema .mz-aside p{font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.6;color:var(--ink);margin:0 0 8px}
.vs-schema .mz-aside p:first-child{font-style:italic;color:var(--muted)}
.vs-schema .mz-aside b{font-weight:600;color:var(--gold-deep)}
.vs-schema .mz .dimg{margin-top:70px}
.vs-schema .mz .dir{max-width:660px;margin:36px auto 10px;padding:46px 6% 36px;border:none;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);border-radius:0;text-align:center;background:#fff}
.vs-schema .mz .dirq{font-family:var(--serif);font-style:italic;font-size:clamp(25px,4vw,34px);line-height:1.3;color:var(--gold-deep);margin:0 0 26px;text-wrap:balance}
.vs-schema .mz .dir .chips{justify-content:center;gap:12px}
.vs-schema .mz .dir .chip{font-size:15.5px;padding:10px 28px}
.vs-schema .mz-end{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:40px 0 0}
@media (max-width:620px){
 .vs-schema .mz-orn{margin:80px auto 50px}
 .vs-schema .mz-steps{grid-template-columns:1fr;gap:22px;max-width:340px}
 .vs-schema .mz-break{margin:80px -4px 44px;padding:54px 6% 50px}
 .vs-schema .mz-pull{margin:44px auto;padding:26px 2%}
 .vs-schema .mz-eureka{margin:60px auto}
}
@media print{.vs-schema .mz-orn,.vs-schema .mz-break .mz-tag{display:none!important}}

.vs-schema .mz-col p.mz-drop{font-size:clamp(19px,2.5vw,21px)}
.vs-schema #schema-scene{margin-top:20px}
.vs-schema .mz-q .mz-h{color:var(--ink)}
@media (max-width:680px){.vs-schema .mz-break{margin-left:-20px;margin-right:-20px}}

</style>

<article class="vs-schema">

  <!-- ===== HERO ===== -->
  <img decoding="async" class="hero-img" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Chemin-dore-vers-laube.png" alt="Un chemin doré vers l’aube" loading="lazy" onerror="this.remove()">

  <div class="eyebrow">Bienvenue · Ta boîte à outils</div>
  <h1>Dénicher ton schéma</h1>
  <p class="subtitle">Voir, c’est bien… mais à quoi ça sert&nbsp;?</p>

  <div class="meta">
    <span class="pill">
      <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 3v18M16 3v18M8 7h8M8 12h8M8 17h8"/></svg>
      Exercice interactif
    </span>
  </div>

  <!-- ===== LE CHEMIN EN 3 ÉTAPES ===== -->
  <p class="howto">Pour trouver une solution&nbsp;: d’abord, <b>où regarder</b>. Ensuite, <b>quoi regarder</b>. Enfin, <b>zoomer</b> sur ce qui te fait rester coincé(e).</p>
  <ol class="series">
    <li><span class="sno">1</span><span class="slab">Où regarder</span><b>La Perspective du Géant</b></li>
    <li><span class="sno">2</span><span class="slab">Quoi regarder</span><b>Le film de ma vie</b></li>
    <li class="on" aria-current="step"><span class="sno">3</span><span class="slab">Zoomer</span><b>Dénicher ton schéma</b></li>
  </ol>

  <!-- ===== INTRO ===== -->
<div class="mz">
<div class="mz-col">
  <p class="mz-drop">Le but de l’exercice précédent n’était pas de te dire&nbsp;: regarde ton histoire et sens-toi mal.</p>
  <p>Il s’agit de comprendre comment les mots et les images que nous utilisons façonnent, inconsciemment, notre expérience au quotidien.</p>
  <p>Avec l’histoire que tu as créée, on sort l’information et on la pose devant nous. Cela change notre vision… et permet à notre esprit de remettre de l’ordre, et de trouver d’autres façons de réagir.</p>
</div>
<p class="mz-pull">Mon schéma&nbsp;: ta scène, démontée en pièces.</p>
<div class="mz-col">
  <p>Ce que je te propose maintenant, c’est de faire grandir ta prise de conscience, avec l’échelle de ton histoire, et de «&nbsp;jouer&nbsp;» avec ces éléments&nbsp;: pour commencer doucement, sans résistance, à créer l’espace pour (é)changer certains éléments.</p>
</div>
</div>

  <div class="vline" aria-hidden="true"></div>

  <!-- ===== MA SCÈNE ===== -->
  <section id="schema-scene">
    <div class="sec-head">
      <div class="eyebrow">Ma boîte à outils · Exercice interactif</div>
      <h2>Ma scène</h2>
      <p class="subtitle">Pas besoin de réfléchir longtemps&nbsp;: clique simplement sur ce qui te semble juste, ou écris avec tes propres mots.</p>
    </div>
    <div class="scene" id="sc-qs"></div>
    <div class="actions">
      <button type="button" class="btn gold" id="sc-go">
        <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 3v18M16 3v18M8 7h8M8 12h8M8 17h8"/></svg>
        Voir mon échelle
      </button>
      <button type="button" class="link" id="sc-ex">Exemple</button>
      <button type="button" class="link" id="sc-reset">Effacer</button>
    </div>
    <p class="err" id="sc-err" role="alert"></p>
  </section>

  <!-- ===== MON ÉCHELLE ===== -->
  <section id="schema-ladder" class="hide mz">
<div class="mz-orn" aria-hidden="true"><i></i></div>
<div class="mz-q">
  <span class="mz-num" aria-hidden="true">01</span>
  <span class="mz-kick">Question 1</span>
  <p class="mz-stand">Prends un moment pour regarder – sans jugement, avec curiosité – ton échelle ci-dessous.</p>
  <p class="mz-stand">Ce n’est pas une question d’avoir raison ou tort.</p>
  <h3 class="mz-qh">Est-ce que ce schéma fonctionne pour toi&nbsp;?</h3>
  <h3 class="mz-qh alt">Est-ce que cette boucle d’éléments te rapproche de ce que tu désires&nbsp;?</h3>
</div>
<div class="mz-fig"><div id="sc-loop"></div></div>
<div class="mz-orn" aria-hidden="true"><i></i></div>
<div class="mz-q">
  <span class="mz-num" aria-hidden="true">02</span>
  <span class="mz-kick">Question 2</span>
  <h3 class="mz-qh">Est-ce que tu observes un alignement&nbsp;?</h3>
</div>
<div class="mz-col"><p id="sc-alig">Par «&nbsp;alignés&nbsp;», je veux dire que tes pensées, tes émotions et tes actions vont toutes dans la même direction.</p></div>
<p class="mz-pull">Car c’est l’alignement naturel d’un être humain&nbsp;: toujours dans la même direction.</p>
<div class="mz-fig"><div class="flow ok" id="sc-flowOk" aria-label="Ton échelle : tout va dans la même direction"></div></div>
<div class="mz-col"><p>Ce n’est pas&nbsp;: j’ai une pensée négative… je me sens super bien… et je fais quelque chose de stimulant, plein d’énergie.</p></div>
<div class="mz-fig"><div class="flow ko" id="sc-flowKo" aria-label="Exemple qui ne va pas dans la même direction"></div></div>
<div class="mz-col"><p>Tu as écrit ces mots (dans ta version de l’exercice) parce que c’est ce qui se passe pour toi en ce moment.</p></div>
<div class="mz-orn" aria-hidden="true"><i></i></div>
<div class="mz-q">
  <span class="mz-num" aria-hidden="true">03</span>
  <span class="mz-kick">Question 3</span>
  <h3 class="mz-qh">Est-ce que tu vois de la répétition dans ta vie&nbsp;?</h3>
</div>
<div class="mz-col"><p>Dans le même domaine, ou même dans différents domaines&nbsp;: les mêmes pensées, les mêmes émotions, les mêmes réactions…</p></div>
<p class="mz-eureka">Quand tu remarques que ça arrive souvent, même un peu différemment à chaque fois… c’est ça, l’indice.</p>
<div class="mz-col">
  <p class="mz-em">Si ça revient encore et encore, c’est peut-être quelque chose d’automatique, surtout quand tu n’agis pas consciemment.</p>
  <p class="mz-em">Une réaction automatique peut être vue comme un schéma. Et c’est là que tu peux commencer à l’explorer, pour en découvrir les différentes pièces.</p>
  <p>Il est peu probable que ton corps libère des hormones de stress quand tu es détendu(e). Et ce que le corps libère suit tes croyances et tes pensées, conscientes ou non.</p>
</div>
  </section>

  <!-- ===== UNE SEULE MARCHE ===== -->
  <section id="schema-swap" class="hide mz">
<div class="mz-break">
  <p class="mz-tag"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 4.5v15l13-7.5z"/></svg>Temps pour l’action · Let’s play</p>
  <h2 class="mz-h">Et si on ne changeait qu’une marche&nbsp;?</h2>
</div>
<div class="mz-col">
  <p>Souvent, quand on regarde son échelle, on voit rapidement quel changement nous semble le plus logique… et si le système est toujours aligné.</p>
  <p>Tu as sûrement déjà entendu&nbsp;:</p>
</div>
<p class="mz-pull sm">«&nbsp;Allez, courage&nbsp;! Pense à tout ce que tu as déjà réussi&nbsp;!&nbsp;»</p>
<div class="mz-col"><p>C’est une façon de changer une seule marche&nbsp;: la pensée. Mais est-ce que ça suffit&nbsp;?</p></div>
<p class="mz-lead">Fais l’essai, marche par marche&nbsp;:</p>
<ol class="mz-steps">
  <li>Choisis une marche ci-dessous, en commençant par la 1.</li>
  <li>Écris ce que tu voudrais à la place.</li>
  <li>Regarde les autres marches&nbsp;: est-ce qu’elles suivent&nbsp;?</li>
</ol>
<div class="chips swchips" id="sc-swbtns" role="group" aria-label="Marche à changer"><button type="button" class="chip" data-sw="r" aria-pressed="false">1 · Seulement le résultat</button><button type="button" class="chip" data-sw="a" aria-pressed="false">2 · Seulement l’action</button><button type="button" class="chip" data-sw="f" aria-pressed="false">3 · Seulement le ressenti</button><button type="button" class="chip" data-sw="d" aria-pressed="false">4 · Seulement la pensée</button></div>
<div class="mz-wide">
  <div class="swedit" id="sc-swedit"></div>
  <div id="sc-swlad"></div>
</div>
  </section>

  <!-- ===== MA NOUVELLE ÉCHELLE ===== -->
  <section id="schema-new" class="hide mz">
<div class="mz-orn" aria-hidden="true"><i></i></div>
<div class="mz-q">
  <span class="mz-kick">Exercice interactif</span>
  <h2 class="mz-h">Ma nouvelle échelle</h2>
  <p class="mz-sub">Pour chaque marche, prends la version neutre ou l’opposé, ou écris la tienne.</p>
</div>
<div id="sc-newlad"></div>
<div class="mz-aside">
  <p>Beaucoup de personnes me demandent&nbsp;: comment transformer une pensée qui fait se sentir mal en une pensée qui fait du bien&nbsp;?</p>
  <p>Pour orienter ton focus vers la solution, degré par degré, découvre la MicroMinute <b>«&nbsp;Ma roue du changement de focus&nbsp;»</b>.</p>
</div>
<img decoding="async" class="dimg" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Le-chemin-dore-vers-lhorizon.png" alt="Le chemin doré vers l’horizon" loading="lazy" onerror="this.remove()">
<div class="dir">
  <p class="dirq">Quelle direction te parle maintenant&nbsp;: libérer, cultiver… ou peut-être garder&nbsp;?</p>
  <div class="chips" id="sc-dirbtns" role="group" aria-label="Ma direction"><button type="button" class="chip" data-dir="Libérer" aria-pressed="false">Libérer</button><button type="button" class="chip" data-dir="Cultiver" aria-pressed="false">Cultiver</button><button type="button" class="chip" data-dir="Garder" aria-pressed="false">Garder</button></div>
</div>
    <div class="mz-end">
      <button type="button" class="btn" onclick="window.print()">
        <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9V3h12v6M6 18H4v-7h16v7h-2M6 14h12v7H6z"/></svg>
        Imprimer ma scène
      </button>
      <button type="button" class="link" id="sc-new">Nouvelle scène · retour à Ma scène</button>
    </div>
  </section>

  <!-- ===== PIED ===== -->
  <footer class="foot">
    <div>
      <p class="credit">Dénicher ton schéma · 360° Expérience © Vanessa Salles</p>
    </div>
    <div class="e360" aria-hidden="true">360°</div>
  </footer>
  <div class="toast" id="sc-toast" role="status"></div>
</article>

<script>
(function(){
var root=document.querySelector('.vs-schema');if(!root)return;
var $=function(id){return document.getElementById(id);};
/* Même mémoire que « Mon point de départ » : la scène déjà remplie là-bas réapparaît ici */
var KEY='film_de_ma_vie_v1';
var Q=[
 ['t','C’est…','',['le matin','la journée','le soir','la nuit']],
 ['a','Tu te vois…','ce que tu fais, ou ne fais pas',['répondre encore à des mails','tourner en rond','scroller sur ton téléphone','dire oui à tout','repousser','rester sans rien faire']],
 ['l','Dans…','où es-tu ?',['la cuisine','le bureau','la voiture','le salon','ton lit','dehors']],
 ['w','Autour de toi…','',['personne','ta famille','ton ou ta partenaire','des collègues','des amis']],
 ['e','Il est clair pour toi que cette version de toi est…','',['épuisée','inquiète','découragée','en colère','perdue','sur ses gardes']],
 ['f','Elle se sent…','',['seule','débordée','pas à la hauteur','invisible','triste']],
 ['d','Elle se dit souvent…','',['je dois tenir','je n’y arriverai jamais','ce n’est pas pour moi','je dois tout faire seule']],
 ['r','Et le résultat, c’est que…','',['rien n’avance','je suis fatiguée le lendemain','les tensions montent','je remets à plus tard','je me sens encore plus seule']],
 ['c','Et elle en conclut que…','',['personne ne l’aidera','c’est toujours comme ça','elle n’est pas assez','rien ne changera']]
];
var esc=function(s){return String(s).replace(/[&<>"]/g,function(c){return{'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c];});};
var ap=function(s){return String(s||'').replace(/'/g,'’');};
function blank(){return{a:{},story:'',edited:false,ch:{},shown:false,n:{},sw:{},dir:null};}
function load(){try{var r=localStorage.getItem(KEY);if(r){var d=JSON.parse(r)||{};var b=blank();for(var k in b)if(d[k]!==undefined)b[k]=d[k];
  for(var q in b.a)b.a[q]=ap(b.a[q]);return b;}}catch(e){}return blank();}
var S=load();
function persist(){try{localStorage.setItem(KEY,JSON.stringify(S));}catch(e){}}
function toast(m){var t=$('sc-toast');t.textContent=m;t.classList.add('show');setTimeout(function(){t.classList.remove('show');},2200);}
var v=function(k){return String(S.a[k]||'').trim();};
var smooth=function(){return matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth';};

/* ---------- Ma scène ---------- */
$('sc-qs').innerHTML=Q.map(function(q){var k=q[0];return '<div class="srow"><label class="r-label" for="sc_'+k+'">'+esc(q[1])+(q[2]?'<small>'+esc(q[2])+'</small>':'')+'</label>'+
 '<div><div class="chips" role="group" aria-label="Idées">'+q[3].map(function(x){return '<button type="button" class="chip" data-k="'+k+'" aria-pressed="false">'+esc(x)+'</button>';}).join('')+'</div>'+
 '<input class="own" type="text" id="sc_'+k+'" data-k="'+k+'" placeholder="avec mes mots…" value="'+esc(S.a[k]||'')+'"></div></div>';}).join('');

var items=function(s){return String(s||'').split(/\s*,\s*|\s+et\s+/).map(function(x){return x.trim();}).filter(Boolean);};
var joinFr=function(a){return a.length<2?(a[0]||''):a.slice(0,-1).join(', ')+' et '+a[a.length-1];};
function syncChips(k){var it=items(v(k));root.querySelectorAll('.chip[data-k="'+k+'"]').forEach(function(b){b.setAttribute('aria-pressed',it.indexOf(b.textContent)>-1);});}
function syncAll(){Q.forEach(function(q){$('sc_'+q[0]).value=S.a[q[0]]||'';syncChips(q[0]);});}
syncAll();
function live(){$('sc-err').textContent='';if(S.shown&&Q.every(function(q){return v(q[0]);})){renderLoop();renderSwap();renderNew();}}
$('sc-qs').addEventListener('click',function(e){var b=e.target.closest('.chip');if(!b)return;var k=b.dataset.k,x=b.textContent,it=items(v(k));
 it=it.indexOf(x)>-1?it.filter(function(y){return y!==x;}):it.concat([x]);S.a[k]=joinFr(it);$('sc_'+k).value=S.a[k];syncChips(k);S.edited=false;persist();live();});
$('sc-qs').addEventListener('input',function(e){var k=e.target.dataset.k;if(!k)return;S.a[k]=e.target.value;syncChips(k);S.edited=false;persist();live();});

/* « tu te vois scroller sur ton téléphone » devient « tu la vois scroller sur son téléphone » */
var her=function(s){var M={ton:'son',ta:'sa',tes:'ses',te:'se',toi:'elle',mon:'son',ma:'sa',mes:'ses',me:'se',"t’":"s’","m’":"s’","t'":"s'","m'":"s'"};
 return String(s||'').replace(/\bqui (te|me) /gi,'qui la ').replace(/(^|[\s\u00a0(])(ton|ta|tes|te|toi|mon|ma|mes|me)(?=[\s\u00a0,.;!?)]|$)/gi,function(a,p,w){return p+M[w.toLowerCase()];})
 .replace(/(^|[\s\u00a0(])(t’|m’|t'|m')/gi,function(a,p,w){return p+M[w.toLowerCase()];}).replace(/\bde elle\b/g,'d’elle');};
var dans=function(l){return l?(/^dehors$/i.test(l)?'dehors':/^(dans|à|au|aux|sur|chez|en) /i.test(l)?l:'dans '+l):'';};
var autour=function(){var w=v('w');return !w||/^personne$/i.test(w)?'sans personne autour':'avec '+w+' autour de toi';};
function slug(){var l=v('l'),out=/^dehors$/i.test(l);var place=l&&!out?l.replace(/^(dans|à|au|sur|chez|en) /i,''):'';
 return (out?'Extérieur':'Intérieur')+(place?' · '+place:'')+' · '+v('t');}

var GRASS='<svg class="grass" viewBox="0 0 140 30" preserveAspectRatio="none" aria-hidden="true"><path d="M0 24h140" stroke="#8FA36A" stroke-width="3"/><g stroke="#8FA36A" stroke-width="2" fill="none" stroke-linecap="round"><path d="M6 24l3-10 2 10"/><path d="M18 24l2-7 3 7"/><path d="M30 24l4-12 1 12"/><path d="M47 24l2-6 3 6"/><path d="M60 24l3-9 3 9"/><path d="M76 24l2-11 2 11"/><path d="M90 24l3-7 2 7"/><path d="M104 24l2-10 3 10"/><path d="M119 24l3-6 2 6"/><path d="M131 24l2-9 2 9"/></g></svg>';
var GREEN=GRASS.split('#8FA36A').join('#6FA35A');
var CLOUD='<svg viewBox="0 0 120 64" width="96" height="52" aria-hidden="true"><path d="M30 52h62a16 16 0 0 0 2-32 22 22 0 0 0-42-6 16 16 0 0 0-26 12 13 13 0 0 0 4 26z" fill="#F1EFEA" stroke="#B9B2A6" stroke-width="2"/><g stroke="#B9B2A6" stroke-width="2" stroke-linecap="round" stroke-dasharray="3 5"><path d="M40 58v6"/><path d="M58 58v6"/><path d="M76 58v6"/></g></svg>';
var SUN='<svg viewBox="0 0 120 70" width="96" height="56" aria-hidden="true"><circle cx="60" cy="38" r="17" fill="#F6E3A6" stroke="#C9A24F" stroke-width="2"/><g stroke="#C9A24F" stroke-width="2" stroke-linecap="round"><path d="M60 8v8"/><path d="M90 38h8"/><path d="M22 38h8"/><path d="M82 16l5-5"/><path d="M33 11l5 5"/><path d="M82 60l5 5"/><path d="M33 65l5-5"/></g></svg>';

/* ---------- Mon échelle ---------- */
function renderAlign(){
 var AR='<span class="fa"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 12h16M13 6l6 6-6 6" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></span>';
 var AZ=function(c){return AR.replace('class="fa"','class="fa '+c+'"');};
 var card=function(l,x,c){return '<div class="fc '+(c||'')+'"><span class="fl">'+l+'</span><span class="fv">'+esc(x)+'</span></div>';};
 $('sc-flowOk').innerHTML=card('Pensée','« '+v('d')+' »')+AR+card('Émotion',v('f'))+AR+card('Action',her(v('a')))+AR+card('Résultat',v('r'));
 var hv=function(x){return '<b class="hv">'+esc(x)+'</b>';};
 $('sc-alig').innerHTML='Par «&nbsp;alignés&nbsp;», je veux dire que c’est logique que, si tu penses '+hv('« '+v('d')+' »')+', tu te sentes '+hv(v('f'))+'… que tu te retrouves à '+hv(v('a'))+'… en espérant te sentir autrement… et qu’en faisant cela, le résultat, c’est que '+hv(v('r'))+'.';
 $('sc-flowKo').innerHTML=card('Pensée','« '+v('d')+' »','n')+AZ('zig')+card('Émotion','super bien','p')+AZ('zag')+card('Action','quelque chose de stimulant, plein d’énergie','p');}
function renderLoop(){renderAlign();
 var rung=function(k,lvl,tag){return '<div class="lv rung"><div class="rails"><span class="tag">('+tag+')</span><span class="bar"></span></div><div class="lc"><div class="k">'+lvl+'</div><div class="v">'+esc(v(k))+'</div></div></div>';};
 $('sc-loop').innerHTML='<div class="ladder">'+
  '<div class="lv top"><div class="rails">'+CLOUD+'<span class="tag sky-t">(expérience)</span></div><div class="lc"><div class="k">Expérience · ce qu’elle vit</div><div class="v">Elle se sent '+esc(v('f'))+', et tu la vois '+esc(her(v('a')))+'</div><div class="think">(avec, en boucle dans sa tête : « '+esc(v('d'))+' »)</div><div class="setting">'+esc(slug())+', '+esc(autour())+'</div></div></div>'+
  rung('r','Résultats','résultats')+rung('a','Actions · ce que tu fais','actions')+rung('f','Émotions · ce qu’elle ressent','émotions')+rung('d','Pensées · sa pensée en boucle','pensées')+
  '<div class="lv ground"><div class="rails">'+GRASS+'<span class="tag soil-t">(je suis…)</span></div><div class="lc"><div class="k">Le sol · identité · « je suis… » · cette version de toi est…</div><div class="v">'+esc(v('e'))+'</div></div></div>'+
  '<span class="loopback" aria-hidden="true"><span class="lb-t">(perceptions et sens)</span></span></div>'+
  '<div class="concl"><div class="k">Les pointillés · le sens qu’elle donne à cette expérience · et elle en conclut que…</div><div class="v">'+esc(v('c'))+'</div>'+
  '<p class="loopnote2"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17 2l4 4-4 4M3 11V9a3 3 0 0 1 3-3h15M7 22l-4-4 4-4M21 13v2a3 3 0 0 1-3 3H3" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg><span><b>Remarque&nbsp;:</b> les résultats, l’expérience et la perception renforcent et justifient la pensée d’origine, <i>« '+esc(v('d'))+' »</i>. C’est ce qu’on appelle <b>une pensée en boucle</b>.</span></p></div>';}

/* ---------- Neutre / opposé ---------- */
var NEU={
 a:{'répondre encore à des mails':'répondre à ses mails, avec une limite','tourner en rond':'s’arrêter un instant','scroller sur ton téléphone':'poser son téléphone un moment','dire oui à tout':'prendre le temps avant de répondre','repousser':'regarder ce qu’il y a à faire','rester sans rien faire':'se lever et bouger un peu'},
 e:{'épuisée':'fatiguée','inquiète':'attentive','découragée':'hésitante','en colère':'agacée','perdue':'en recherche','sur ses gardes':'prudente'},
 f:{'seule':'un peu isolée','débordée':'occupée','pas à la hauteur':'en apprentissage','invisible':'discrète','coincée':'en pause','triste':'un peu mélancolique'},
 d:{'je dois tenir':'je fais ce que je peux','je n’y arriverai jamais':'je ne sais pas encore comment','ce n’est pas pour moi':'peut-être que c’est possible pour moi','je dois tout faire seule':'je peux demander de l’aide'},
 r:{'rien n’avance':'ça avance doucement','je suis fatiguée le lendemain':'je récupère un peu','les tensions montent':'les tensions se calment un peu','je remets à plus tard':'je fais une petite chose','je me sens encore plus seule':'je me sens un peu moins seule'},
 c:{'personne ne l’aidera':'elle ne sait pas encore qui pourrait l’aider','c’est toujours comme ça':'c’est comme ça en ce moment','elle n’est pas assez':'elle apprend','rien ne changera':'elle ne sait pas encore ce qui peut changer'}};
var OPP={
 a:{'répondre encore à des mails':'fermer son ordinateur à temps','tourner en rond':'avancer un pas à la fois','scroller sur ton téléphone':'poser son téléphone pour faire quelque chose qui la nourrit','dire oui à tout':'dire oui à ce qui compte vraiment','repousser':'commencer par un petit pas','rester sans rien faire':'se mettre en mouvement, à son rythme'},
 e:{'épuisée':'reposée','inquiète':'sereine','découragée':'confiante','en colère':'apaisée','perdue':'claire sur ce qu’elle veut','sur ses gardes':'en confiance'},
 f:{'seule':'soutenue','débordée':'calme','pas à la hauteur':'capable','invisible':'vue et reconnue','coincée':'libre','triste':'joyeuse'},
 d:{'je dois tenir':'je peux me reposer','je n’y arriverai jamais':'j’y arriverai','ce n’est pas pour moi':'c’est aussi pour moi','je dois tout faire seule':'je peux me faire aider'},
 r:{'rien n’avance':'les choses avancent','je suis fatiguée le lendemain':'je me réveille reposée','les tensions montent':'l’ambiance s’apaise','je remets à plus tard':'je fais un premier pas','je me sens encore plus seule':'je me sens soutenue'},
 c:{'personne ne l’aidera':'de l’aide est possible','c’est toujours comme ça':'les choses peuvent changer','elle n’est pas assez':'elle est assez','rien ne changera':'quelque chose est déjà en train de changer'}};
var mapV=function(M,k){return joinFr(items(v(k)).map(function(x){return M[k][x];}).filter(Boolean));};

/* ---------- Une seule marche ---------- */
var SWL={r:'Le nouveau résultat que tu voudrais voir en haut',a:'La nouvelle action (tu te vois…)',f:'Le nouveau ressenti (elle se sent…)',d:'La nouvelle pensée (elle se dit…)'};
var swDef=function(k){return k==='d'?'pense à tout ce que tu as déjà réussi':k==='r'?(mapV(OPP,'r')||'les choses changent'):(mapV(OPP,k)||'');};
var swV=function(k){return (S.sw&&S.sw[k]!==undefined)?S.sw[k]:swDef(k);};
var swapK=null;
function swapMsg(k,x){var q=function(s){return '« '+esc(s)+' »';};
 if(k==='r')return '<p>En haut, tu écris : '+q(x)+'. Mais rien d’autre ne bouge : tu la vois toujours '+esc(her(v('a')))+', elle se sent toujours '+esc(v('f'))+', elle se dit toujours '+q(v('d'))+'.</p><p><b>Peut-on tout faire pareil, et voir un autre résultat ?</b> Ton échelle répond non : le résultat vient des marches du dessous.</p>';
 if(k==='a')return '<p>Elle change d’action : tu la vois '+esc(her(x))+'. Mais elle se dit toujours '+q(v('d'))+', et elle se sent toujours '+esc(v('f'))+'.</p><p><b>Alors, en haut, le résultat ne change pas : '+esc(v('r'))+'.</b> Une nouvelle action, portée par les mêmes pensées et les mêmes ressentis, ne tient pas longtemps.</p>';
 if(k==='f')return '<p>Elle voudrait se sentir '+esc(x)+'… tout en se disant '+q(v('d'))+'.</p><p><b>Est-ce probable ? Peut-on penser '+q(v('d'))+' et se sentir '+esc(x)+' en même temps ?</b> Ce n’est pas aligné : le ressenti suit la pensée.</p>';
 return '<p>On lui dit : '+q(x)+'. Mais au sol, cette version d’elle est toujours '+esc(v('e'))+', et elle en conclut toujours que '+esc(v('c'))+'.</p><p><b>Peut-on se dire '+q(x)+' quand on est sûre d’être '+esc(v('e'))+' ?</b> Les mots ne tiennent pas : le mental revient à ce qu’il croit, au sol de l’échelle.</p>';}
function renderSwap(){
 root.querySelectorAll('[data-sw]').forEach(function(b){b.setAttribute('aria-pressed',b.dataset.sw===swapK);});
 var box=$('sc-swlad'),ed=$('sc-swedit');if(!swapK){box.innerHTML='';ed.innerHTML='';return;}
 if(!ed.querySelector('[data-swin="'+swapK+'"]'))ed.innerHTML='<label class="swl" for="sc-swin">'+SWL[swapK]+'</label><input type="text" id="sc-swin" data-swin="'+swapK+'" value="'+esc(swV(swapK))+'">';
 var x=swV(swapK)||'…';
 var row=function(k,lvl,tag){var sw=k===swapK,same=swapK==='a'&&k==='r';return '<div class="lv rung'+(sw?' sw':'')+(same?' same':'')+'"><div class="rails"><span class="tag">('+tag+')</span><span class="bar"></span></div><div class="lc"><div class="k">'+lvl+(sw?' · changée':same?' · ne change pas':'')+'</div><div class="v">'+esc(sw?x:v(k))+'</div></div></div>';};
 box.innerHTML='<div class="ladder mini">'+row('r','Résultats','résultats')+row('a','Actions','actions')+row('f','Émotions','émotions')+row('d','Pensées','pensées')+
  '<div class="lv ground"><div class="rails">'+GRASS+'<span class="tag soil-t">(je suis…)</span></div><div class="lc"><div class="k">Le sol · identité</div><div class="v">'+esc(v('e'))+'</div></div></div></div>'+
  '<div class="swapmsg">'+swapMsg(swapK,x)+'<p>Une seule marche ne s’aligne pas avec les autres. Ton mental a besoin d’un schéma cohérent : il ne peut pas y croire, alors il revient à l’ancienne échelle, celle qui est alignée.</p><p class="horror">Les films d’horreur utilisent exactement ce ressort : la gentille vieille dame qui dit des mots doux… en frappant quelqu’un, le sourire aux lèvres. Quand les marches ne s’alignent pas, le mental ne se sent pas rassuré : il se méfie.</p></div>';}
$('sc-swbtns').addEventListener('click',function(e){var b=e.target.closest('[data-sw]');if(!b)return;swapK=swapK===b.dataset.sw?null:b.dataset.sw;$('sc-swedit').innerHTML='';renderSwap();});
$('sc-swedit').addEventListener('input',function(e){var k=e.target.dataset.swin;if(!k)return;if(!S.sw)S.sw={};S.sw[k]=e.target.value;persist();renderSwap();});

/* ---------- Ma nouvelle échelle ---------- */
var NPH={a:'tu la vois…',e:'cette version d’elle est…',f:'elle se sent…',d:'elle se dit…',r:'et le résultat…',c:'et elle en conclut que…'};
var nv=function(k){return S.n[k]!==undefined?S.n[k]:mapV(NEU,k);};
var fit=function(el){el.style.height='auto';el.style.height=el.scrollHeight+'px';};
var fitAll=function(){root.querySelectorAll('textarea.nin').forEach(fit);};addEventListener('resize',fitAll);
function expTxt(){var e1=nv('f'),e2=nv('a');return e1||e2?'Elle se sent '+(e1||'…')+', et tu la vois '+(her(e2)||'…'):'…';}
function renderNew(){
 var inp=function(k,lbl){return '<textarea class="nin" rows="1" data-n="'+k+'" placeholder="'+esc(NPH[k])+'" aria-label="'+esc(lbl)+'">'+esc(nv(k))+'</textarea>';};
 var old=function(k){return '<div class="dv">'+esc(v(k))+'</div>';};
 var lab=function(tag){return '<div class="dk">('+tag+')</div>';};
 var rail=function(cls){return '<div class="dr '+cls+'"><span class="bar"></span></div>';};
 var sug=function(k){var n=mapV(NEU,k),o=mapV(OPP,k);return (n||o)?'<div class="sug">'+(n?'<button type="button" class="chip" data-sk="'+k+'" data-sv="'+esc(n)+'" aria-pressed="'+(nv(k)===n)+'">neutre</button>':'')+(o?'<button type="button" class="chip" data-sk="'+k+'" data-sv="'+esc(o)+'" aria-pressed="'+(nv(k)===o)+'">opposé</button>':'')+'</div>':'';};
 var row=function(k,tag,lbl){return '<div class="drow">'+rail('o')+'<div class="dc">'+lab(tag)+old(k)+'</div>'+rail('n')+'<div class="dc">'+lab(tag)+inp(k,lbl)+sug(k)+'</div></div>';};
 var e3=nv('d');
 $('sc-newlad').innerHTML='<div class="duo">'+
  '<div class="dhead"><span></span><span class="dh o">Mon échelle d’aujourd’hui</span><span></span><span class="dh n">Ma nouvelle échelle</span></div>'+
  '<div class="drow top"><div class="dtag">(expérience)</div><div class="dr sky">'+CLOUD+'</div><div class="dc"><div class="dv">Elle se sent '+esc(v('f'))+', et tu la vois '+esc(her(v('a')))+'</div><div class="think">(avec, en boucle : « '+esc(v('d'))+' »)</div></div>'+
  '<div class="dr sky">'+SUN+'</div><div class="dc"><div class="dv" id="sc-nexp">'+esc(expTxt())+'</div><div class="think" id="sc-nthink">'+(e3?'(avec, en boucle : « '+esc(e3)+' »)':'')+'</div></div></div>'+
  row('r','résultats','Résultats')+row('a','actions','Actions · tu te vois…')+row('f','émotions','Émotions · elle se sent…')+row('d','pensées','Pensées · elle se dit')+
  '<div class="drow ground"><div class="dr soil o">'+GRASS+'</div><div class="dc">'+lab('je suis…')+old('e')+'</div><div class="dr soil n">'+GREEN+'</div><div class="dc">'+lab('je suis…')+inp('e','Identité')+sug('e')+'</div></div>'+
  '<div class="drow concl2"><div class="dtag">(perceptions et sens · elle en conclut que…)</div><div></div><div class="dc"><div class="dv">'+esc(v('c'))+'</div></div><div></div><div class="dc">'+inp('c','Conclusion')+sug('c')+'</div></div>'+
 '</div>';
 fitAll();}
$('sc-newlad').addEventListener('click',function(e){var b=e.target.closest('[data-sk]');if(!b)return;S.n[b.dataset.sk]=b.dataset.sv;persist();renderNew();});
$('sc-newlad').addEventListener('input',function(e){var k=e.target.dataset.n;if(!k)return;fit(e.target);S.n[k]=e.target.value;persist();
 $('sc-nexp').textContent=expTxt();var e3=nv('d');$('sc-nthink').textContent=e3?'(avec, en boucle : « '+e3+' »)':'';});

/* ---------- Direction ---------- */
function syncDir(){root.querySelectorAll('[data-dir]').forEach(function(b){b.setAttribute('aria-pressed',S.dir===b.dataset.dir);});}
$('sc-dirbtns').addEventListener('click',function(e){var b=e.target.closest('[data-dir]');if(!b)return;S.dir=S.dir===b.dataset.dir?null:b.dataset.dir;persist();syncDir();});
syncDir();

/* ---------- Boutons ---------- */
var SECS=['schema-ladder','schema-swap','schema-new'];
function showAll(scroll){renderLoop();renderSwap();renderNew();SECS.forEach(function(id){$(id).classList.remove('hide');});fitAll();
 if(scroll)$('schema-ladder').scrollIntoView({behavior:smooth()});}
$('sc-go').addEventListener('click',function(){var miss=Q.filter(function(q){return !v(q[0]);})[0];
 if(miss){$('sc-err').textContent='Complète chaque ligne avant de voir ton échelle (« '+miss[1]+' »).';$('sc_'+miss[0]).focus();return;}
 S.shown=true;persist();showAll(true);});
var EX={t:'le soir',a:'répondre encore à des mails',l:'la cuisine',w:'personne',e:'épuisée',f:'débordée',d:'je dois tout faire seule',r:'je suis fatiguée le lendemain',c:'rien ne changera'};
$('sc-ex').addEventListener('click',function(){S=blank();for(var k in EX)S.a[k]=EX[k];S.shown=true;swapK=null;persist();syncAll();syncDir();$('sc-err').textContent='';showAll(true);});
function clearAll(){S=blank();swapK=null;persist();syncAll();syncDir();$('sc-err').textContent='';SECS.forEach(function(id){$(id).classList.add('hide');});}
$('sc-reset').addEventListener('click',function(){clearAll();toast('Scène effacée');});
$('sc-new').addEventListener('click',function(){if(!confirm('Effacer cette scène et en commencer une nouvelle ?'))return;clearAll();$('schema-scene').scrollIntoView({behavior:smooth()});toast('Nouvelle scène');});

if(S.shown&&Q.every(function(q){return v(q[0]);}))showAll(false);
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-2be7176 e-con e-atomic-element e-flexbox-base e-default-div " data-id="2be7176" data-element_type="e-flexbox" data-e-type="e-flexbox" data-interaction-id="2be7176">
    			
<hr class="e-divider-base" data-interaction-id="109e157" />
		
</div>
		</div>
		<p>The post <a href="https://vanessa-salles.com/elementor-1001/">Dénicher ton schéma</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Que veux-tu changer ?</title>
		<link>https://vanessa-salles.com/que-veux-tu-changer/</link>
		
		<dc:creator><![CDATA[Vanessa Salles]]></dc:creator>
		<pubDate>Sun, 18 Oct 2026 22:06:11 +0000</pubDate>
				<category><![CDATA[Bibliothèque]]></category>
		<category><![CDATA[Cartes]]></category>
		<category><![CDATA[Parcours RTT® épanouie]]></category>
		<guid isPermaLink="false">https://vanessa-salles.com/?p=959</guid>

					<description><![CDATA[<p>Une carte pour trouver de clarté concernant ou commencer quand tout va mal .</p>
<p>The post <a href="https://vanessa-salles.com/que-veux-tu-changer/">Que veux-tu changer ?</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="959" class="elementor elementor-959">
				<div class="elementor-element elementor-element-231efd9 e-con e-atomic-element e-flexbox-base e-default-div e-14ae751 " data-id="231efd9" data-element_type="e-flexbox" data-e-type="e-flexbox" data-interaction-id="231efd9">
    		<div class="elementor-element elementor-element-8125dfa elementor-widget elementor-widget-html" data-id="8125dfa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- Technique pour trouver mon point de départ · bloc WordPress (widget HTML Elementor) · version 1019-v55 · 360° Expérience © Vanessa Salles -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
<style>
.mpd{--paper:#FFFFFF;--ink:#2B2621;--soft:#6B625A;--gold:#A8823A;--gold-deep:#8A6A2C;--gold-line:#E6D8BB;--tint:#FBF8F2;--chip:#F3E6C9;
 --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Jost","Helvetica Neue",Arial,sans-serif}
.mpd, .mpd *{box-sizing:border-box}
.mpd,.mpd{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.6}
.mpd button,.mpd input,.mpd textarea{font:inherit;color:inherit}
.mpd :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.mpd .page{max-width:820px;margin:0 auto;padding:max(32px,env(safe-area-inset-top)) 22px max(44px,env(safe-area-inset-bottom))}
.mpd .screen{position:relative;border:1px solid var(--gold);border-radius:6px;padding:clamp(34px,6vw,64px) clamp(22px,6vw,70px);text-align:center;background:var(--paper)}
.mpd .screen::before,.mpd .screen::after{content:"";position:absolute;left:14px;right:14px;height:7px;background:repeating-linear-gradient(90deg,var(--gold-line) 0 10px,transparent 10px 22px)}
.mpd .screen::before{top:12px}
.mpd .screen::after{bottom:12px}
.mpd .screen h1{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(44px,8vw,76px);line-height:1;margin:6px 0 22px;color:var(--gold-deep)}
.mpd .screen p{font-family:var(--serif);font-size:clamp(19px,2.6vw,22px);line-height:1.55;margin:0 auto 12px;max-width:600px}
.mpd .screen .sage{color:var(--gold-deep)}
.mpd .screen .pause{font-family:var(--sans);font-size:15.5px;color:var(--soft);margin-top:20px}
.mpd h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.4vw,40px);line-height:1.1;margin:56px 0 6px;color:var(--gold-deep)}
.mpd .sub{color:var(--soft);font-size:15px;margin:0 0 22px}
.mpd .q{margin:0 0 22px}
.mpd .q .lab{display:block;font-family:var(--serif);font-size:21px;line-height:1.3;margin:0 0 8px}
.mpd .q .lab small{font-family:var(--sans);font-size:13.5px;color:var(--soft)}
.mpd .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.mpd .chip{border:1px solid var(--gold-line);background:var(--paper);border-radius:999px;padding:4px 13px;font-size:14px;color:var(--soft);cursor:pointer}
.mpd .chip:hover{border-color:var(--gold)}
.mpd .chip[aria-pressed="true"]{background:var(--chip);border-color:var(--gold);color:var(--gold-deep)}
.mpd input[type=text]{width:100%;border:none;border-bottom:1px solid var(--gold-line);padding:8px 2px;background:transparent;font-size:16px}
.mpd input[type=text]:focus{outline:none;border-bottom-color:var(--gold)}
.mpd input::placeholder,.mpd textarea::placeholder{color:#B3A894;font-style:italic}
.mpd .err{color:#9A3B2E;font-size:14px;margin:4px 0 0;min-height:1.2em}
.mpd .btn{border:1px solid var(--gold);background:var(--paper);border-radius:999px;padding:9px 22px;cursor:pointer;font-size:15px;color:var(--gold-deep)}
.mpd .btn:hover{background:var(--tint)}
.mpd .btn.main{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}
.mpd .btn.main:hover{background:var(--gold)}
.mpd .quiet{border:none;background:none;color:var(--soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14px;padding:4px 0}
.mpd .script{border-left:2px solid var(--gold);padding:4px 0 4px 22px;margin:0}
.mpd .slug{font-family:var(--serif);font-variant:small-caps;letter-spacing:.08em;font-size:19px;color:var(--gold-deep);margin:0 0 8px}
.mpd .script textarea{width:100%;min-height:170px;border:1px solid var(--gold-line);border-radius:8px;padding:14px 16px;background:var(--paper);resize:vertical;font-family:var(--serif);font-size:21px;line-height:1.55}
.mpd .script textarea:focus{outline:none;border-color:var(--gold)}
.mpd .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}
.mpd .cadre{max-width:620px;margin:0 auto 30px;border:1px solid var(--gold);border-radius:6px;padding:7px;background:var(--paper)}
.mpd .cadre-in{border:1px solid var(--gold-line);border-radius:4px;padding:26px 7% 20px;text-align:center}
.mpd .cadre-in p{font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.55;margin:0 0 .7em}
.mpd .cadre-in .cq{font-style:italic;font-size:clamp(20px,2.7vw,22px);color:var(--gold-deep);margin:0 0 .5em}
.mpd .cadre-in .cq:last-child{margin-bottom:0}
.mpd .question{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--gold-deep);margin:0 0 18px}
.mpd .ladder{position:relative;padding-left:46px}
.mpd .lv{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center}
.mpd .rails{align-self:stretch;position:relative;min-height:96px;margin:0 22px;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.mpd .rails .bar{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:var(--gold)}
.mpd .lv.top .rails{border:none;margin:0;display:flex;align-items:flex-end;justify-content:center;min-height:70px;padding-bottom:4px}
.mpd .lv.ground .rails{min-height:74px;border-left-color:transparent;border-right-color:transparent;margin:0;position:relative}
.mpd .lv.ground .rails::before{content:"";position:absolute;left:18px;right:18px;top:0;height:42px;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.mpd .grass{position:absolute;left:-12px;top:18px;width:calc(100% + 16px);height:30px}
.mpd .tag{position:absolute;left:0;right:0;text-align:center;font-size:12px;font-style:italic;color:var(--gold-deep);top:calc(50% - 20px);white-space:nowrap}
.mpd .sky-t{position:static;display:block;margin-top:2px}
.mpd .lv.top .rails{flex-direction:column;align-items:center}
.mpd .soil-t{top:auto;bottom:2px}
.mpd .lb-t{position:absolute;left:-2px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:11.5px;font-style:italic;color:#9A9086;white-space:nowrap;background:var(--paper);padding:0 4px}
.mpd .lc{padding:10px 0;border-bottom:1px solid var(--gold-line)}
.mpd .lv.top .lc{border-bottom:1px solid var(--gold-line)}
.mpd .lv.ground .lc{border-bottom:none}
.mpd .lc .k,.mpd .concl .k{font-size:13px;color:var(--soft)}
.mpd .lc .v,.mpd .concl .v{font-family:var(--serif);font-size:20px;line-height:1.35;margin:2px 0 6px}
.mpd .loopback{position:absolute;left:14px;top:34px;bottom:30px;width:26px;border:2px dashed #B9B2A6;border-right:none;border-radius:18px 0 0 18px}
.mpd .loopback::after{content:"";position:absolute;right:-4px;bottom:-6px;border-left:8px solid #B9B2A6;border-top:5px solid transparent;border-bottom:5px solid transparent}
.mpd .concl{margin:14px 0 0 40px;padding:12px 16px;border:1px dashed #B9B2A6;border-radius:10px;background:var(--tint)}
.mpd .concl .kn{font-size:13.5px;color:var(--soft);margin:0 0 8px}
.mpd .loopnote{font-size:14.5px;color:var(--soft);margin:16px 0 0}
.mpd .newlad{display:flex;gap:16px;align-items:center;margin:20px 0 0;padding:14px 18px;border:1px solid var(--gold-line);border-radius:12px}
.mpd .newlad svg{flex:none;width:84px;height:84px}
.mpd .newlad p{margin:0;font-size:15px}
.mpd .newlad b{font-weight:500;color:var(--gold-deep)}
@media (max-width:560px){.mpd .lv{grid-template-columns:96px minmax(0,1fr);gap:12px}
.mpd .rails{margin:0 14px}
.mpd .lv.ground .rails::before{left:10px;right:10px}}
.mpd .choice{background:var(--tint);border:1px solid var(--gold-line);border-radius:12px;padding:20px 22px;margin-top:22px}
.mpd .choice h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:0 0 4px;color:var(--gold-deep)}
.mpd .choice ul{margin:4px 0 14px;padding-left:20px}
.mpd .choice li{margin:2px 0}
.mpd .choice .none{color:var(--soft);font-style:italic;margin:0}
.mpd .sig{text-align:center;margin-top:56px;color:var(--soft);font-size:13.5px}
.mpd .sig a{color:var(--gold-deep);text-underline-offset:3px}
.mpd .own{text-align:center;font-size:12.5px;font-style:italic;color:var(--soft);margin:6px 0 0}
.mpd .note{text-align:center;font-size:12.5px;color:#9A9086;margin:4px 0 0}
.mpd .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--gold-deep);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;transition:.3s;pointer-events:none}
.mpd .toast.show{opacity:1;transform:translateX(-50%)}
.mpd .hide{display:none}
@media (prefers-reduced-motion:reduce){.mpd .toast{transition:none}}
@media print{.mpd .chips,.mpd .row,.mpd .btn,.mpd .quiet,.mpd #form,.mpd .toast,.mpd .note{display:none!important}
.mpd .page{padding:0}
.mpd h2{margin-top:28px}}
.mpd .lc .think{font-family:var(--serif);font-style:italic;font-size:17px;color:#9A9086;margin:-2px 0 4px}
.mpd .lc .setting{font-size:13px;color:var(--soft);margin:0 0 4px}
.mpd .ladder.new .rails{border-color:#9CB59A}
.mpd .ladder.new .rails .bar{background:#9CB59A}
.mpd .ladder.new .lv.ground .rails{border-color:transparent}
.mpd .ladder.new .lv.top .rails{border:none}
.mpd .ladder.new .lv.ground .rails::before{border-color:#9CB59A}
.mpd .ladder.new .tag{color:#5E7F5A}
.mpd .ladder.new .loopback{border-color:#C9A24F}
.mpd .ladder.new .loopback::after{border-left-color:#C9A24F}
.mpd .nin{width:100%;border:none;border-bottom:1px solid var(--gold-line);padding:4px 2px 6px;background:transparent;font-family:var(--serif);font-size:20px;color:var(--ink)}
.mpd .nin:focus{outline:none;border-bottom-color:var(--gold)}
.mpd #newsec .concl{border-color:#C9A24F;background:#F7F9F3}
.mpd .aligned{margin:14px 0 0 46px;padding:10px 14px;border-left:2px solid var(--gold);border-radius:0;font-family:var(--serif);font-size:19px;color:var(--gold-deep)}
.mpd .ladder.mini .rails{min-height:70px}
.mpd .lv.sw .rails .bar{background:#6FA35A;transform:rotate(-11deg) translateY(-6px);height:5px}
.mpd .lv.sw .tag{color:#5E7F5A;top:calc(50% - 32px)}
.mpd .lv.sw .v{color:#4F7A45}
.mpd .lv.sw .lc{background:#F4F8EF}
.mpd .swapmsg{margin:16px 0 0;padding:16px 20px;border:1px solid var(--gold-line);border-radius:12px;background:var(--tint)}
.mpd .swapmsg p{margin:0 0 8px;font-size:15.5px}
.mpd .swapmsg p:last-child{margin:0}
.mpd .swapmsg b{font-weight:500;color:var(--gold-deep)}
.mpd .swapmsg .horror{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--soft);border-top:1px solid var(--gold-line);padding-top:10px;margin-top:10px}
.mpd .duo{display:grid;grid-template-columns:76px minmax(0,1fr) 76px minmax(0,1fr);column-gap:14px}
.mpd .dhead,.mpd .drow{display:contents}
.mpd .dh{font-family:var(--serif);font-size:20px;padding-bottom:8px;border-bottom:1px solid var(--gold-line)}
.mpd .dh.o{color:var(--gold-deep)}
.mpd .dh.n{color:#4F7A45}
.mpd .dtag{grid-column:1/-1;text-align:center;font-size:12.5px;font-style:italic;color:var(--soft);padding:10px 0 2px}
.mpd .dr{position:relative;min-height:84px;margin:0 16px;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.mpd .dr .bar{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:var(--gold)}
.mpd .dr.n{border-color:#9CB59A}
.mpd .dr.n .bar{background:#9CB59A}
.mpd .dr.sky{border:none;margin:0;display:flex;align-items:center;justify-content:center;min-height:60px}
.mpd .dr.sky svg{width:72px;height:auto}
.mpd .dr.soil{border-color:transparent;margin:0;min-height:48px}
.mpd .dr.soil::before{content:"";position:absolute;left:12px;right:12px;top:0;height:30px;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.mpd .dr.soil.n::before{border-color:#9CB59A}
.mpd .dr.soil .grass{left:-4px;top:12px;width:calc(100% + 8px)}
.mpd .dc{align-self:center;padding:6px 0;border-bottom:1px solid var(--gold-line);min-width:0}
.mpd .dv{font-family:var(--serif);font-size:19px;line-height:1.35}
.mpd .dc .think{font-family:var(--serif);font-style:italic;font-size:16px;color:#9A9086}
.mpd .dc .nin{font-size:19px}
.mpd .drow.top .dc:last-child .dv{color:#4F7A45}
.mpd .drow.concl2 .dc{border-bottom:none;background:var(--tint);padding:8px 10px;border-radius:8px}
@media (max-width:620px){.mpd .duo{grid-template-columns:40px minmax(0,1fr) 40px minmax(0,1fr);column-gap:8px}
.mpd .dr{margin:0 8px;min-height:56px;border-width:3px}
.mpd .dr .bar{height:3px}
.mpd .dr.soil::before{left:6px;right:6px;border-width:3px}
.mpd .dr.sky svg{width:40px}
.mpd .dv,.mpd .dc .nin{font-size:16px}
.mpd .dc .think{font-size:14px}
.mpd .dh{font-size:16px}}
.mpd .dk{font-size:12.5px;font-style:italic;color:var(--soft)}
.mpd .dc:has(.nin){border-bottom:none}
.mpd .dr.soil{min-height:62px}
.mpd .dr.soil::before{height:34px}
.mpd .dr.soil .grass{top:16px}
.mpd textarea.nin{resize:none;overflow:hidden;line-height:1.35;display:block;min-height:0}
.mpd .swl{display:block;font-family:var(--serif);font-size:19px;margin:6px 0 2px}
.mpd #swapedit input{width:100%;border:none;border-bottom:1px solid #9CB59A;padding:6px 2px;background:transparent;font-family:var(--serif);font-size:20px;color:#4F7A45;margin-bottom:12px}
.mpd #swapedit input:focus{outline:none;border-bottom-color:#6FA35A}
.mpd .lv.same .lc{background:#FBF3EE}
.mpd .lv.same .v{color:#9A5B3E}
.mpd .start{text-align:center;margin:0 0 26px}
.mpd .start .kick{font-family:var(--sans);font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.mpd .start .ptitle{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5vw,44px);line-height:1.1;color:var(--gold-deep);margin:0;padding-bottom:16px;position:relative}
.mpd .start .ptitle::after{content:"";position:absolute;left:50%;bottom:0;width:56px;margin-left:-28px;border-top:1px solid var(--gold)}
.mpd .intro3{font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.55;max-width:560px;margin:22px auto 20px}
.mpd .steps3{list-style:none;padding:0;margin:0 auto 6px;max-width:760px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mpd .steps3 li{border:1px solid var(--gold-line);border-radius:10px;padding:16px 14px 14px;background:var(--paper)}
.mpd .steps3 .partno{display:block;margin:0 auto 8px}
.mpd .steps3 b{display:block;font-family:var(--serif);font-weight:400;font-style:italic;font-size:20px;line-height:1.2;color:var(--gold-deep);margin-bottom:6px}
.mpd .steps3 small{display:block;font-size:13.5px;line-height:1.45;color:var(--soft)}
@media (max-width:560px){.mpd .steps3{grid-template-columns:1fr}}
.mpd .forest{position:relative;text-align:center;padding:clamp(30px,6vw,56px) clamp(18px,6vw,64px) clamp(34px,6vw,54px);margin:0 0 40px;border:1px solid var(--gold-line);border-radius:6px;background:linear-gradient(180deg,#FFFFFF 0%,#FBF8F2 100%)}
.mpd .forest .trees{display:block;width:min(320px,80%);height:auto;margin:0 auto 18px}
.mpd .forest .tr path{fill:none;stroke:#9CB59A;stroke-width:1.6;stroke-linejoin:round}
.mpd .forest .rise{stroke:var(--gold);stroke-width:1.4;stroke-dasharray:2 5}
.mpd .forest .eye{fill:var(--paper);stroke:var(--gold);stroke-width:1.6}
.mpd .forest h1{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(36px,6.4vw,58px);line-height:1.05;margin:0 0 24px;color:var(--gold-deep)}
.mpd .forest p{font-family:var(--serif);font-size:clamp(19px,2.5vw,21.5px);line-height:1.55;margin:0 auto 10px;max-width:580px}
.mpd .forest h1{margin-bottom:10px;font-size:clamp(34px,5.6vw,52px);text-wrap:balance}
.mpd .forest .subt{font-style:italic;color:var(--gold-deep);font-size:clamp(21px,3vw,26px);margin:0 auto 26px}
.mpd .forimg{display:block;width:100%;max-width:680px;height:auto;margin:0 auto 28px;border-radius:8px;border:1px solid var(--gold-line)}
.mpd .forest .lift{color:var(--gold-deep);font-style:italic;margin-top:20px;margin-bottom:20px}
.mpd .forest .rule{font-family:var(--sans);font-size:16px;line-height:1.6;max-width:520px;margin:26px auto 26px;padding:16px 20px;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);color:var(--ink)}
.mpd .forest .try{font-style:italic;color:var(--gold-deep)}
.mpd .choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0 8px}
.mpd .btn.tall{display:flex;flex-direction:column;align-items:center;line-height:1.25;padding:11px 26px;min-width:220px}
.mpd .btn.tall small{font-family:var(--serif);font-style:italic;font-size:18px}
.mpd .forest .trynote{font-family:var(--sans);font-size:14px;color:var(--soft);margin-top:6px}
.mpd .geant{max-width:520px;margin:22px auto 0;padding:20px 22px;border:1px solid var(--gold);border-radius:12px;background:var(--paper);text-align:center}
.mpd .screen .try{font-family:var(--serif);font-style:italic;color:var(--gold-deep);font-size:20px;margin:26px 0 4px}
.mpd .screen .geant{text-align:center}
.mpd .gsub{font-family:var(--sans)!important;font-size:14px!important;color:var(--soft);margin:-6px 0 14px!important}
.mpd .closing{margin:30px 0 22px;padding:20px 0 4px;border-top:1px solid var(--gold-line);text-align:center}
.mpd .closing p{font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.6;margin:0 auto 12px;max-width:600px}
.mpd .closing .em{color:var(--gold-deep);font-style:italic}
.mpd .credit{text-align:center;font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--soft);margin:56px 0 10px;line-height:1.8}
.mpd .fimg{display:block;width:100%;max-width:680px;height:auto;margin:0 auto 28px;border-radius:6px;border:1px solid var(--gold-line)}
.mpd .gimg{display:block;width:100%;height:auto;border-radius:8px;margin:0 0 16px;border:1px solid var(--gold-line)}
.mpd .geant .gt{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--gold-deep);margin:0 0 12px}
.mpd .gplayer{display:flex;align-items:center;gap:14px}
.mpd .gplayer .btn{min-width:96px}
.mpd .gbar{flex:1;height:6px;border-radius:99px;background:var(--gold-line);cursor:pointer;position:relative}
.mpd .gbar span{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:var(--gold)}
.mpd .gtime{font-size:13px;color:var(--soft);min-width:72px;text-align:right;font-variant-numeric:tabular-nums}
.mpd .gsoon{font-family:var(--sans)!important;font-size:14px!important;color:var(--soft);margin:12px 0 0!important}
.mpd .geant .quiet{margin-top:14px}
.mpd .gtext{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--gold-line);text-align:left}
.mpd .gtext p{font-family:var(--serif)!important;font-size:18px!important;line-height:1.6;margin:0 0 10px!important;max-width:none}
.mpd .btn[disabled]{opacity:.45;cursor:default}
.mpd .partno{width:34px;height:34px;line-height:32px;margin:0 auto 12px!important;border:1px solid var(--gold);border-radius:50%;font-family:var(--serif)!important;font-size:19px!important;color:var(--gold-deep);text-align:center}
.mpd .parttitle{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(34px,5.6vw,52px);line-height:1.08;margin:0 0 10px;color:var(--gold-deep);text-wrap:balance}
.mpd .bridge .subt{font-style:italic;color:var(--gold-deep);font-size:clamp(20px,2.8vw,24px)!important;margin:0 auto 26px!important;text-wrap:balance}
.mpd .bridge{padding-top:8px}
.mpd .part3{text-align:center;margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--gold-line)}
.mpd .part3 .subt{font-family:var(--serif);font-style:italic;color:var(--gold-deep);font-size:clamp(20px,2.8vw,24px);margin:0 auto 22px}
.mpd .part3 p:not(.partno):not(.subt){font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.6;margin:0 auto 12px;max-width:600px}
.mpd .part3 .em{color:var(--gold-deep);font-style:italic}
.mpd .notice{font-family:var(--serif);font-style:italic;color:var(--gold-deep);font-size:clamp(20px,2.7vw,22px);line-height:1.5;text-align:center;max-width:600px;margin:30px auto 0;padding:20px 0 0;border-top:1px solid var(--gold-line)}
.mpd .try3{margin:4px 0 18px;padding-left:1.4em;font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.6}
.mpd .try3 li{margin:0 0 4px}
.mpd .try3 li::marker{color:var(--gold-deep)}
.mpd .notice2{font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.6;text-align:center;max-width:600px;margin:12px auto 0}
.mpd .next3{margin-top:26px}
.mpd .flow{display:flex;align-items:stretch;justify-content:center;gap:0;margin:16px auto 30px;max-width:720px}
.mpd .fc{flex:1 1 0;min-width:0;border-radius:12px;padding:12px 10px 13px;text-align:center;border:1px solid}
.mpd .fc .fl{display:block;font-family:var(--sans);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.mpd .fc .fv{display:block;font-family:var(--serif);font-size:18px;line-height:1.25}
.mpd .ok .fc{background:#EEF0F3;border-color:#B9C1CB;color:#3F4752}
.mpd .ok .fc .fl{color:#6B7684}
.mpd .fa{flex:0 0 30px;display:flex;align-items:center;justify-content:center}
.mpd .fa svg{width:24px;height:24px}
.mpd .ok .fa svg path{stroke:#8C96A3}
.mpd .ok .fdir{display:block;height:0}
.mpd .ko .fc{background:#fff;border-style:dashed}
.mpd .ko .fc.n{background:#EEF0F3;border-color:#B9C1CB;color:#3F4752}
.mpd .ko .fc.n .fl{color:#6B7684}
.mpd .ko .fc.p{background:#F6F9F1;border-color:#A9C29B;color:#3E5A33}
.mpd .ko .fc.p .fl{color:#5F7E52}
.mpd .ko .fa svg path{stroke:var(--gold)}
.mpd .ko .fa.zig svg{transform:rotate(-35deg)}
.mpd .ko .fa.zag svg{transform:rotate(35deg)}
.mpd .okbar{position:relative;max-width:720px;margin:-18px auto 30px;height:14px}
.mpd .okbar svg{width:100%;height:14px;display:block}
@media (max-width:560px){.mpd .flow{flex-direction:column;align-items:stretch;max-width:300px}
.mpd .fa{flex:0 0 26px}
.mpd .fa svg{transform:rotate(90deg)}
.mpd .ko .fa.zig svg{transform:rotate(55deg)}
.mpd .ko .fa.zag svg{transform:rotate(125deg)}
.mpd .okbar{display:none}}
.mpd .why{margin:26px auto 0;max-width:600px;text-align:center}
.mpd .why p{font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.6;margin:0 0 12px}
.mpd .why .em.mid{font-size:clamp(20px,2.7vw,22px);margin:14px 0}
.mpd .why .em.big{font-size:clamp(21px,3vw,25px);margin:4px 0 26px;padding-bottom:22px;border-bottom:1px solid var(--gold-line)}
.mpd .loopnote2{display:flex;gap:10px;align-items:flex-start;margin:10px 0 2px;padding-top:10px;border-top:1px dashed #B9B2A6;font-size:14px;line-height:1.55;color:var(--ink)}
.mpd .loopnote2 svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--gold-deep)}
.mpd .loopnote2 b{font-weight:600;color:var(--gold-deep)}
.mpd .loopnote2 i{font-family:var(--serif);font-size:16px;color:var(--gold-deep)}
.mpd .qnum{display:block;font-family:var(--sans);font-style:normal;font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.mpd .cadre-in .qnum{margin-top:18px;padding-top:16px;border-top:1px solid var(--gold-line)}
.mpd .playtag{display:flex;justify-content:flex-start;margin:64px 0 0}
.mpd .playtag span{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);background:var(--tint);border:1px solid var(--gold);border-radius:999px;padding:7px 16px 7px 12px}
.mpd .playtag svg{width:13px;height:13px;fill:var(--gold);stroke:none}
.mpd h2.playh{margin-top:14px}
.mpd .why .eureka{font-family:var(--serif);font-weight:600;font-size:clamp(22px,3.2vw,26px);line-height:1.4;color:var(--ink);text-align:center;margin:26px 0;padding:20px 4%;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:var(--tint)}
.mpd .why .hv{font-weight:500;font-style:italic;color:var(--gold-deep)}
.mpd .why .em{color:var(--gold-deep);font-style:italic;font-size:clamp(20px,2.7vw,22px)}
.mpd .lead2{font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.6;margin:0 0 12px}
.mpd .bridge{max-width:600px;margin:0 auto 40px;text-align:center}
.mpd .bridge p{font-family:var(--serif);font-size:clamp(19px,2.5vw,21px);line-height:1.6;margin:0 0 12px}
.mpd .bridge .lead{font-size:clamp(20px,2.7vw,22px)}
.mpd .bridge p:last-child{margin-bottom:0}
.mpd .sug{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}
.mpd .sug .chip{font-size:12.5px;padding:2px 11px}
.mpd .wheelnote{max-width:600px;margin:24px 0 0;padding:16px 20px;border:1px solid var(--gold-line);border-radius:10px;background:var(--tint)}
.mpd .wheelnote p{font-family:var(--serif);font-size:clamp(17px,2.3vw,19px);line-height:1.5;margin:0 0 6px}
.mpd .wheelnote p:last-child{margin:0}
.mpd .wheelnote b{font-weight:600;color:var(--gold-deep)}
.mpd .dir{margin:30px 0 8px;padding:22px 22px 14px;border:1px solid var(--gold);border-radius:12px;text-align:center}
.mpd .dirq{font-family:var(--serif);font-size:clamp(21px,3vw,25px);line-height:1.35;color:var(--gold-deep);margin:0 0 14px}
.mpd .dir .chips{justify-content:center}
.mpd .dir .chip{font-size:15px;padding:6px 18px}
@media (max-width:560px){.mpd .gplayer{flex-wrap:wrap}
.mpd .gbar{flex-basis:100%;order:3}
.mpd .btn.tall{min-width:0;width:100%}}
@media print{.mpd .dimg,.mpd .flow,.mpd .next3,.mpd .forest,.mpd .bridge,.mpd #filmGuide,.mpd .screen .try,.mpd .screen .choices{display:none!important}}
.mpd .forest>p:not(.partno):not(.subt):not(.try):not(.trynote),.mpd .bridge>p:not(.partno):not(.subt),.mpd .closing p,.mpd .notice2,.mpd .part3>p:not(.partno):not(.subt),.mpd .why p,.mpd .intro3{text-align:left}
.mpd .forest .rule{text-align:left}
.mpd .notice{text-align:left}
.mpd .part3>p.em{text-align:center}
.mpd .dimg{margin-top:40px;margin-bottom:0}
.mpd .dimg+.dir{margin-top:22px}
.mpd #schema{margin-top:72px;padding-top:44px;border-top:1px solid var(--gold-line)}
.mpd .screen>p:not(.try){text-align:left;max-width:600px;margin-left:auto;margin-right:auto}
.mpd .pp{max-width:640px;margin:22px auto 0;padding:34px 22px 34px}
.mpd .pp-wrap{position:relative;width:100%;aspect-ratio:600/140}
.mpd .pp-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mpd .pp-base{fill:none;stroke:var(--gold-line);stroke-width:3;stroke-linecap:round}
.mpd .pp-done{fill:none;stroke:var(--gold);stroke-width:3.4;stroke-linecap:round;transition:stroke-dashoffset .9s ease}
.mpd .pp-st{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.mpd .pp-dot{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1.5px solid var(--gold-line);color:var(--soft);font-family:var(--serif);font-size:18px;transition:background .4s,border-color .4s,color .4s,box-shadow .4s}
.mpd .pp-lab{position:absolute;top:40px;white-space:nowrap;font-family:var(--sans);font-size:12px;letter-spacing:.06em;color:var(--soft)}
.mpd .pp-st[data-st="0"] .pp-lab,.mpd .pp-st[data-st="3"] .pp-lab{top:auto;bottom:40px}
.mpd .pp-st.now .pp-dot{border-color:var(--gold);color:var(--gold-deep);box-shadow:0 0 0 5px rgba(168,130,58,.15)}
.mpd .pp-st.done .pp-dot{background:var(--gold);border-color:var(--gold);color:#fff}
.mpd .pp-st.done .pp-lab,.mpd .pp-st.now .pp-lab{color:var(--gold-deep)}
.mpd .pp-st[data-st="3"] .pp-dot{width:26px;height:26px}
.mpd .pp-st:focus-visible .pp-dot{outline:2px solid var(--gold);outline-offset:3px}
.mpd .pp-mini{position:fixed;left:0;right:0;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--gold-line);padding:6px 16px;padding-top:calc(6px + env(safe-area-inset-top,0px));transform:translateY(-110%);transition:transform .35s ease;pointer-events:none}
.mpd .pp-mini.show{transform:none;pointer-events:auto}
.mpd .pp-mini .pp-wrap{max-width:220px;margin:0 auto}
.mpd .pp-mini .pp-dot{width:18px;height:18px;font-size:11px;border-width:1px}
.mpd .pp-mini .pp-st[data-st="3"] .pp-dot{width:14px;height:14px}
.mpd .pp-mini .pp-base,.mpd .pp-mini .pp-done{stroke-width:6}
.mpd .pp-mini .pp-st.now .pp-dot{box-shadow:0 0 0 3px rgba(168,130,58,.18)}
@media (max-width:560px){.mpd .pp-dot{width:28px;height:28px;font-size:15px}
.mpd .pp-lab{font-size:10.5px;letter-spacing:.02em}
.mpd .pp-st[data-st="3"] .pp-dot{width:22px;height:22px}}
@media (prefers-reduced-motion:reduce){.mpd .pp-done,.mpd .pp-dot,.mpd .pp-mini{transition:none}}
@media print{.mpd .pp,.mpd .pp-mini{display:none!important}}




.mpd{background:#fff;color:var(--ink);text-align:left;line-height:1.6;-webkit-font-smoothing:antialiased}
.mpd button{text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0}
.mpd .pp-st,.mpd .pp-st:hover,.mpd .pp-st:focus{background:none;border:0;padding:0;color:inherit}
.mpd button:focus{outline:none}
.mpd button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.mpd img{max-width:100%;height:auto}
.mpd [id]{scroll-margin-top:100px}

.mpd .howto{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.8vw,24px);line-height:1.45;color:var(--gold-deep);text-align:center;max-width:600px;margin:4px auto 26px;padding:18px 0;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);text-wrap:balance}
.mpd .howto b{font-weight:600;font-style:normal}
.mpd .steps3 .slab{display:block;font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
/* ================= MAGAZINE · partie 3 ================= */
.mpd .mz .hv{font-weight:500;font-style:italic;color:var(--gold-deep)}
.mpd .mz-col{max-width:580px;margin:0 auto}
.mpd .mz-col p{font-family:var(--serif);font-size:clamp(19px,2.5vw,21px);line-height:1.75;color:var(--ink);margin:0 0 1.15em;text-align:left;font-weight:400;font-style:normal}
.mpd .mz-col p.mz-em{font-style:italic;color:var(--gold-deep)}
.mpd .mz-drop::first-letter{float:left;font-family:var(--serif);font-size:4.4em;line-height:.8;padding:7px 12px 0 0;color:var(--gold)}
.mpd .mz-pull{max-width:640px;margin:60px auto;padding:34px 4%;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(25px,3.8vw,34px);line-height:1.3;color:var(--gold-deep);text-wrap:balance}
.mpd .mz-pull.sm{font-size:clamp(22px,3.2vw,28px);margin:36px auto}
.mpd .mz-orn{display:flex;align-items:center;justify-content:center;gap:18px;margin:110px auto 70px}
.mpd .mz-orn::before,.mpd .mz-orn::after{content:"";width:80px;height:1px;background:var(--gold)}
.mpd .mz-orn i{display:block;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}
.mpd .mz-q{text-align:center;max-width:680px;margin:0 auto 54px}
.mpd .mz-num{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(84px,13vw,132px);line-height:.85;color:rgba(184,149,90,.10);-webkit-text-stroke:1px var(--gold);letter-spacing:.02em}
.mpd .mz-kick{display:block;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:18px 0 26px}
.mpd .mz-stand{font-family:var(--serif)!important;font-style:italic;font-size:clamp(18px,2.4vw,21px)!important;line-height:1.6!important;color:var(--soft);max-width:520px;margin:0 auto 10px!important;text-align:center!important}
.mpd .mz-stand+.mz-qh{margin-top:30px}
.mpd .mz-qh{font-family:var(--serif);font-weight:400;font-size:clamp(27px,4.4vw,40px);line-height:1.22;color:var(--ink);margin:0 auto 16px;text-wrap:balance}
.mpd .mz-qh.alt{font-style:italic;color:var(--gold-deep)}
.mpd .mz-fig{margin:60px auto;max-width:700px}
.mpd .mz-eureka{max-width:660px;margin:76px auto;padding:58px 2% 0;position:relative;text-align:center;font-family:var(--serif);font-weight:600;font-size:clamp(26px,4.2vw,40px);line-height:1.28;color:var(--ink);text-wrap:balance}
.mpd .mz-eureka::before{content:"“";position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-family:var(--serif);font-weight:400;font-size:120px;line-height:1;color:var(--gold)}
.mpd .mz-eureka::after{content:"";display:block;width:56px;height:1px;background:var(--gold);margin:34px auto 0}
/* flux aligné / pas aligné, plus aérés */
.mpd .mz .flow{margin:0 auto;max-width:720px}
.mpd .mz .fc{border-radius:2px;padding:20px 12px 18px}
.mpd .mz .fc .fl{font-size:10.5px;letter-spacing:.24em;margin-bottom:8px}
.mpd .mz .fc .fv{font-size:19px}
.mpd .mz .ok .fc,.mpd .mz .ko .fc.n{background:#fff;border-color:var(--gold-line);color:var(--ink)}
.mpd .mz .ok .fc .fl,.mpd .mz .ko .fc.n .fl{color:var(--gold)}
.mpd .mz .ok .fa svg path{stroke:var(--gold)}
.mpd .mz .ko .fc.p{background:#FAFCF7}
/* échelle */
.mpd .mz .ladder{max-width:660px;margin:0 auto}
.mpd .mz .lc .v{font-size:21px}
.mpd .mz .concl{max-width:640px;margin:22px auto 0;padding:18px 22px;border-radius:2px}
/* pause action */
.mpd .mz-break{text-align:center;margin:110px 0 56px;padding:70px 6% 64px;background:var(--tint);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.mpd .mz-tag{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.mpd .mz-tag svg{width:12px;height:12px;fill:var(--gold)}
.mpd .mz-tag::before,.mpd .mz-tag::after{content:"";width:34px;height:1px;background:var(--gold)}
.mpd .mz-h{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(34px,5.8vw,54px);line-height:1.08;color:var(--gold-deep);margin:0;text-wrap:balance}
.mpd .mz-sub{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,21px);color:var(--soft);margin:18px auto 0;max-width:520px}
.mpd .mz-lead{text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.8vw,24px);color:var(--gold-deep);margin:46px 0 0}
.mpd .mz-steps{list-style:none;padding:0;margin:30px auto 50px;max-width:780px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;counter-reset:mzs}
.mpd .mz-steps li{text-align:center;font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--ink);border-top:1px solid var(--gold);padding-top:20px;margin:0}
.mpd .mz-steps li::before{counter-increment:mzs;content:counter(mzs);display:block;font-size:46px;line-height:1;color:var(--gold);margin-bottom:12px}
.mpd .mz .swchips,.mpd .mz #swapbtns{justify-content:center;gap:10px;margin:0 auto 34px;max-width:720px}
.mpd .mz .swchips .chip,.mpd .mz #swapbtns .chip{padding:10px 20px;font-size:14px}
.mpd .mz-wide{max-width:660px;margin:0 auto}
.mpd .mz .swapmsg{background:#fff;border:none;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);border-radius:0;padding:28px 4%;margin:34px 0 0}
.mpd .mz .swapmsg p{font-family:var(--serif);font-size:19px;line-height:1.6;margin:0 0 12px}
.mpd .mz .swapmsg .horror{font-size:18px}
/* nouvelle échelle et direction */
.mpd .mz-aside{max-width:580px;margin:64px auto 0;padding:6px 0 6px 26px;border-left:2px solid var(--gold);text-align:left}
.mpd .mz-aside p{font-family:var(--serif);font-size:clamp(18px,2.4vw,20px);line-height:1.6;color:var(--ink);margin:0 0 8px}
.mpd .mz-aside p:first-child{font-style:italic;color:var(--soft)}
.mpd .mz-aside b{font-weight:600;color:var(--gold-deep)}
.mpd .mz .dimg{margin-top:70px}
.mpd .mz .dir{max-width:660px;margin:36px auto 10px;padding:46px 6% 36px;border:none;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);border-radius:0;text-align:center;background:#fff}
.mpd .mz .dirq{font-family:var(--serif);font-style:italic;font-size:clamp(25px,4vw,34px);line-height:1.3;color:var(--gold-deep);margin:0 0 26px;text-wrap:balance}
.mpd .mz .dir .chips{justify-content:center;gap:12px}
.mpd .mz .dir .chip{font-size:15.5px;padding:10px 28px}
.mpd .mz-end{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:40px 0 0}
@media (max-width:620px){
 .mpd .mz-orn{margin:80px auto 50px}
 .mpd .mz-steps{grid-template-columns:1fr;gap:22px;max-width:340px}
 .mpd .mz-break{margin:80px -4px 44px;padding:54px 6% 50px}
 .mpd .mz-pull{margin:44px auto;padding:26px 2%}
 .mpd .mz-eureka{margin:60px auto}
}
@media print{.mpd .mz-orn,.mpd .mz-break .mz-tag{display:none!important}}

.mpd .mz .part3{border-bottom:none;margin-bottom:46px;padding-bottom:0}
.mpd .mz .part3 .parttitle{font-size:clamp(40px,7vw,64px)}
.mpd .mz .part3 .subt{font-size:clamp(22px,3vw,28px);margin-bottom:40px}
.mpd .mz .part3 .fimg{margin-bottom:56px}
.mpd #schema.mz{margin-top:110px;padding-top:80px}
.mpd #swapsec.mz>.mz-break{margin-top:110px}
.mpd #swapsec.mz{margin-top:0}
.mpd #newsec.mz{margin-top:0}
.mpd .mz .ladder.mini{max-width:660px}

</style>
<div class="mpd">

<div class="page">

<div class="start">
 <p class="kick">Commence ici</p>
 <p class="ptitle">Mon point de départ</p>
 <p class="intro3">Trois étapes pour y voir plus clair dans ta situation actuelle, celle que tu ne veux plus vivre, et en créer une image nette.</p>
 <p class="howto">Pour trouver une solution&nbsp;: d'abord, <b>où regarder</b>. Ensuite, <b>quoi regarder</b>. Enfin, <b>zoomer</b> sur ce qui te fait rester coincé(e).</p>
 <ol class="steps3">
  <li><span class="partno">1</span><span class="slab">Où regarder</span><b>Élargir ton champ de vision</b><small>Et si tu prenais de la hauteur&nbsp;?</small></li>
  <li><span class="partno">2</span><span class="slab">Quoi regarder</span><b>Élargir ton champ de compréhension</b><small>Deviens le scénariste&nbsp;: démêle les éléments de ce personnage, de ce rôle et de cette situation.</small></li>
  <li><span class="partno">3</span><span class="slab">Zoomer</span><b>Dénicher ton schéma</b><small>Mon schéma&nbsp;: ta scène, démontée en pièces.</small></li>
 </ol>
<nav class="pp" id="ppTop" aria-label="Ton chemin">
 <div class="pp-wrap">
 <svg class="pp-svg" viewBox="0 0 600 140" aria-hidden="true">
  <path class="pp-base" d="M12,104 C40,46 70,30 100,30 S205,116 250,116 S318,24 342,24 S378,96 404,96 S468,118 492,108 S566,30 588,26"/>
  <path class="pp-done" d="M12,104 C40,46 70,30 100,30 S205,116 250,116 S318,24 342,24 S378,96 404,96 S468,118 492,108 S566,30 588,26"/>
 </svg>
  <button type="button" class="pp-st" data-st="0" data-go="forest" style="left:16.67%;top:21.43%" aria-label="Étape 1 : Vision"><span class="pp-dot">1</span><span class="pp-lab">Vision</span></button>
  <button type="button" class="pp-st" data-st="1" data-go="filmintro" style="left:41.67%;top:82.86%" aria-label="Étape 2 : Compréhension"><span class="pp-dot">2</span><span class="pp-lab">Compréhension</span></button>
  <button type="button" class="pp-st" data-st="2" data-go="schema" style="left:67.33%;top:68.57%" aria-label="Étape 3 : Mon schéma"><span class="pp-dot">3</span><span class="pp-lab">Mon schéma</span></button>
  <button type="button" class="pp-st" data-st="3" data-go="dirblock" style="left:98.00%;top:18.57%" aria-label="Vers L'Arbre des Possibilités"><span class="pp-dot"></span><span class="pp-lab">L'Arbre</span></button>
 </div>
</nav>
<nav class="pp-mini" id="ppMini" aria-label="Ton chemin" aria-hidden="true">
 <div class="pp-wrap">
 <svg class="pp-svg" viewBox="0 0 600 140" aria-hidden="true">
  <path class="pp-base" d="M12,104 C40,46 70,30 100,30 S205,116 250,116 S318,24 342,24 S378,96 404,96 S468,118 492,108 S566,30 588,26"/>
  <path class="pp-done" d="M12,104 C40,46 70,30 100,30 S205,116 250,116 S318,24 342,24 S378,96 404,96 S468,118 492,108 S566,30 588,26"/>
 </svg>
  <button type="button" class="pp-st" data-st="0" data-go="forest" style="left:16.67%;top:21.43%" aria-label="Étape 1 : Vision"><span class="pp-dot">1</span></button>
  <button type="button" class="pp-st" data-st="1" data-go="filmintro" style="left:41.67%;top:82.86%" aria-label="Étape 2 : Compréhension"><span class="pp-dot">2</span></button>
  <button type="button" class="pp-st" data-st="2" data-go="schema" style="left:67.33%;top:68.57%" aria-label="Étape 3 : Mon schéma"><span class="pp-dot">3</span></button>
  <button type="button" class="pp-st" data-st="3" data-go="dirblock" style="left:98.00%;top:18.57%" aria-label="Vers L'Arbre des Possibilités"><span class="pp-dot"></span></button>
 </div>
</nav>
</div>

<header class="forest" id="forest">
 <p class="partno">1</p>
 <h1>Élargir ton champ de vision</h1>
 <p class="subt">Et si tu prenais de la hauteur&nbsp;?</p>
 <img loading="lazy" decoding="async" class="forimg" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Elever-sa-perspective-en-foret.png" loading="lazy" onerror="this.remove()" alt="Une femme dans la forêt, puis la même femme assise en hauteur, face à un paysage ouvert au soleil levant" width="1200" height="800">
 <p>Imagine que tu es au milieu d'une immense forêt.</p>
 <p>Tu es entouré d'arbres. Tu regardes à gauche, à droite, devant toi… mais tu ne vois pas comment en sortir.</p>
 <p>Et parfois, avec nos problèmes, c'est exactement pareil.</p>
 <p>On est tellement dedans, parfois jusqu'au cou, qu'il devient difficile de voir autre chose&nbsp;!</p>
 <p>Crois-moi, même quand on connaît les outils, ça arrive. À moi aussi&nbsp;!</p>
 <p>Alors, plutôt que de continuer à chercher parmi les arbres…</p>
 <p class="lift">Et si tu prenais de la hauteur&nbsp;?</p>
 <p>Imagine que tu t'élèves au-dessus de la forêt.</p>
 <p>Plus tu montes, plus ton champ de vision s'élargit.</p>
 <p>Tu découvres des chemins et des possibilités que tu ne pouvais pas voir depuis le sol.</p>
 <p class="lift">La forêt n'a pas changé. C'est ton point de vue qui a changé.</p>
 <p>Et parfois, c'est exactement ce dont nous avons besoin.</p>
 <p class="rule">Quand tu te sens submergé, commence par prendre de la hauteur. Quand tu te sens prêt(e), tu peux explorer, sans jugement, le problème.</p>
 <p class="try">Envie d'essayer&nbsp;?</p>
 <div class="choices">
  <button type="button" class="btn main tall" id="geantOpen" aria-expanded="false" aria-controls="geant"><span>À toi d'essayer</span><small>La Perspective du Géant</small></button>
  <button type="button" class="btn tall" data-tofilm><span>Continuer vers</span><small>Élargir mon champ de compréhension</small></button>
 </div>
 <p class="trynote">Une courte expérience guidée pour prendre du recul et découvrir une autre perspective.</p>
 <div class="geant hide" id="geant" role="region" aria-label="La Perspective du Géant">
  <img decoding="async" class="gimg" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Geante-au-dessus-dun-village-miniature.png" alt="Une géante au-dessus d'un village miniature" loading="lazy" onerror="this.remove()">
  <p class="gt">La Perspective du Géant</p>
  <audio id="gAudio" preload="metadata"></audio>
  <div class="gplayer">
   <button type="button" class="btn" id="gPlay">Écouter</button>
   <div class="gbar" id="gBar" role="slider" tabindex="0" aria-label="Progression" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><span id="gFill"></span></div>
   <span class="gtime" id="gTime">0:00</span>
  </div>
  <p class="gsoon hide" id="gSoon">Audio bientôt disponible.</p>
  <div class="gtext">
   <p>Imagine maintenant que tu grandis… que tu deviens de plus en plus grand.</p>
   <p>Grand… vraiment grand.</p>
   <p>Comme un géant, d'environ 45 mètres de haut.</p>
   <p>Les maisons et les immeubles autour de toi t'arrivent à peine aux genoux.</p>
   <p>Ton corps grandit, s'ouvre, prend de l'espace.</p>
   <p>Tu passes peut-être d'une sensation de contraction… à une sensation d'ouverture, de relâchement… d'expansion.</p>
   <p>Et maintenant, regarde ta situation actuelle depuis là-haut.</p>
   <p>Imagine que tout se déroule en miniature, comme un décor de cinéma… ou un monde construit en Lego.</p>
   <p>Et toi, tu es le réalisateur. Observe la scène.</p>
   <p>Les personnages… leurs paroles… leurs réactions… leurs émotions.</p>
   <p>Peut-être que certains s'agitent, discutent ou se disputent.</p>
   <p>Mais de là-haut, tu peux voir l'ensemble.</p>
   <p>Tu n'es plus seulement dans la scène. Tu peux aussi l'observer.</p>
   <p>Et doucement, laisse partir tes jugements. Juste observe, avec curiosité.</p>
   <p>Remarque si, à travers cette nouvelle perspective, quelque chose change pour toi.</p>
   <p>Que vois-tu que tu ne voyais pas auparavant ?</p>
   <p>Et en laissant momentanément de côté ton ancien point de vue…</p>
   <p>Quelles nouvelles idées… quelles nouvelles possibilités peuvent venir à toi, apparaître dans ton esprit conscient ?</p>
   <p>Tu n'as rien à faire, juste observer, et laisser les idées venir et partir…</p>
   <p>Car parfois, pour voir les choses autrement, il suffit simplement de changer de perspective.</p>
   <p>Quand on ne se sent pas bien, c'est utile d'ouvrir l'esprit, de prendre de la hauteur. Et quand tu es dans un bon élan, c'est bénéfique de rentrer plus dans une vision détaillée.</p>
   <p>Fais cet exercice plusieurs fois pour qu'il devienne plus facile.</p>
  </div>
  <button type="button" class="quiet" data-tofilm>Continuer vers Élargir mon champ de compréhension</button>
 </div>
</header>

<section class="bridge" id="filmintro" aria-label="Élargir ton champ de compréhension">
 <p class="partno">2</p>
 <h2 class="parttitle">Élargir ton champ de compréhension</h2>
 <p class="subt">Deviens le scénariste&nbsp;: démêle les différents éléments de ce personnage, de ce rôle et de cette situation.</p>
 <img decoding="async" class="fimg" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Projection-cinematographique-dune-vie-debordee.png" alt="Projection cinématographique d'une vie débordée" loading="lazy" onerror="this.remove()">
 <p class="lead">Pour changer ton problème, il est utile de le regarder sous un autre angle.</p>
 <p>La Perspective du Géant peut t'aider à créer un peu plus de distance, de détachement&nbsp;: prendre du recul pour voir plus clairement ce qui se passe.</p>
 <p>Une autre technique consiste à regarder la situation, à te regarder toi-même en train de vivre cette situation, comme si tu regardais un film sur un écran.</p>
 <p>Cette technique va nous aider à identifier les différents éléments de la situation non désirée. Quand on arrive à séparer ces éléments, on commence à voir le schéma qui se cache derrière.</p>
</section>

<header class="screen" id="film">
 <h1>Le film de ma vie</h1>
 <p>Imagine un grand écran devant toi. Tu regardes cet écran, et un film commence : le film de ta vie. Tu en es la star, tu joues le rôle principal.</p>
 <p class="sage">Comme le dit Peter Sage : comment sait-on que tu es la star de ton film ? Parce que tu es dans chaque scène du film de ta vie.</p>
 <p class="pause">Arrête l'image sur une scène de ta vie d'aujourd'hui, et décris ce que tu vois, sans chercher à expliquer, corriger ou juger.</p>
 <p class="try">Envie d'essayer&nbsp;?</p>
 <div class="choices">
  <button type="button" class="btn main tall" id="filmOpen" aria-expanded="false" aria-controls="filmGuide"><span>À toi d'essayer</span><small>Le film de ma vie</small></button>
  <button type="button" class="btn tall" data-toscene><span>Continuer vers</span><small>Ma scène</small></button>
 </div>
 <div class="geant hide" id="filmGuide" role="region" aria-label="Le film de ma vie, exercice guidé">
  <p class="gt">Le film de ma vie</p>
  <p class="gsub">Lis le texte ou écoute l'audio : c'est le même exercice.</p>
  <audio id="fAudio" preload="metadata"></audio>
  <div class="gplayer">
   <button type="button" class="btn" id="fPlay">Écouter</button>
   <div class="gbar" id="fBar" role="slider" tabindex="0" aria-label="Progression" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><span id="fFill"></span></div>
   <span class="gtime" id="fTime">0:00</span>
  </div>
  <p class="gsoon hide" id="fSoon">Audio bientôt disponible.</p>
  <div class="gtext">
   <p>Imagine un grand écran devant toi.</p>
   <p>Sur cet écran, un film commence… le film de ta vie.</p>
   <p>Tu en es la star. Tu joues le rôle principal.</p>
   <p>Comme le dit Peter Sage, comment sait-on que tu es la star de ton film&nbsp;?</p>
   <p>Parce que tu es dans chaque scène du film de ta vie.</p>
   <p>Et maintenant, imagine que tu disposes d’une télécommande.</p>
   <p>Tu peux avancer, revenir en arrière… ou simplement mettre le film sur pause.</p>
   <p>Arrête l’image sur une scène de ta vie d’aujourd’hui. Une scène qui représente une situation que tu aimerais voir évoluer.</p>
   <p>Observe ce qui se passe à l’écran, comme si tu regardais un film.</p>
   <p>Observe cette version de toi avec curiosité, sans aucun jugement, comme si tu découvrais un personnage dans un film.</p>
   <p>Essaie de repérer les différents éléments qui composent cette scène… ses comportements, ses pensées, ses émotions.</p>
   <p>Quel est le décor&nbsp;? Où se déroule cette scène&nbsp;?</p>
   <p>Que fait cette version de toi&nbsp;?</p>
   <p>Comment se comporte-t-elle&nbsp;?</p>
   <p>Que semble-t-elle penser&nbsp;?</p>
   <p>Que semble-t-elle ressentir&nbsp;?</p>
   <p>Et lorsque tu regardes cette scène… qu’est-ce qui te vient spontanément à l’esprit&nbsp;?</p>
   <p>Laisse-toi guider par ta curiosité.</p>
   <p>Il n’y a pas de bonne ou de mauvaise réponse.</p>
   <p>Tu n’as rien à changer, rien à résoudre, rien à expliquer.</p>
   <p>Et tu n’as pas besoin de revivre cette scène.</p>
   <p>Tu es simplement là pour observer… avec curiosité, sans chercher à corriger ou à juger.</p>
   <p>Et lorsque tu as une image en tête, ou que quelques idées te viennent à l’esprit, je t’invite à ouvrir doucement les yeux…</p>
   <p>Et à découvrir l’exercice interactif qui suit, pour explorer un peu plus en détail cette scène de ta vie.</p>
  </div>
  <button type="button" class="quiet" data-toscene>Continuer vers Ma scène</button>
 </div>
</header>

<section id="form">
 <h2>Ma scène</h2>
 <p class="sub">Repense à une scène que tu viens de voir, et essaie de remplir les éléments suivants. Pas besoin de réfléchir longtemps&nbsp;: clique simplement sur ce qui te semble juste, ou écris avec tes propres mots.</p>
 <div id="qs"></div>
 <div class="closing">
  <p>Quand tu mets ces éléments ensemble, tu obtiens ce qu’on appelle une histoire.</p>
  <p class="em">C’est l’histoire que tu te racontes, et peut-être même celle que tu racontes aux autres autour de toi.</p>
  <p>Une fois qu’on commence à remarquer sa propre histoire, et à mieux comprendre le fonctionnement de son propre esprit, on comprend vite à quel point l’histoire et l’expérience sont liées.</p>
 </div>
 <p class="err" id="err" role="alert"></p>
 <button class="btn main" id="go">Voir mon histoire</button>
</section>

<section id="story" class="hide">
 <h2>Mon scénario</h2>
 <p class="sub">Relis-le. Tu peux le corriger pour qu'il ressemble vraiment à ta scène.</p>
 <div class="script"><p class="slug" id="slug"></p><textarea id="storyTxt" aria-label="Mon scénario"></textarea></div>
 <div class="row"><button class="btn" id="copy">Copier mon histoire</button><button class="quiet" id="recompose">Recomposer depuis mes réponses</button></div>
 <p class="notice">En voyant cette histoire, est-ce que tu remarques si ce scénario se passe pour toi en ce moment… ou si tu as peut-être déjà vécu des expériences similaires dans le passé&nbsp;?</p>
 <p class="notice2">Si oui, tu as peut-être repéré une boucle&nbsp;: un schéma qui se répète, souvent guidé par ton subconscient.</p>
 <div class="choices next3"><button type="button" class="btn tall" id="to3"><span>Continuer vers</span><small>Dénicher ton schéma</small></button></div>
</section>

<section id="schema" class="hide mz">
 <div class="part3">
  <p class="partno">3</p>
  <h2 class="parttitle">Dénicher ton schéma</h2>
  <p class="subt">Voir, c'est bien… mais à quoi ça sert&nbsp;?</p>
  <img decoding="async" class="fimg" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Chemin-dore-vers-laube.png" alt="Un chemin doré vers l'aube" loading="lazy" onerror="this.remove()">
 </div>
<div class="mz-col">
  <p class="mz-drop">Le but de l'exercice précédent n'était pas de te dire&nbsp;: regarde ton histoire et sens-toi mal.</p>
  <p>Il s'agit de comprendre comment les mots et les images que nous utilisons façonnent, inconsciemment, notre expérience au quotidien.</p>
  <p>Avec l'histoire que tu as créée, on sort l'information et on la pose devant nous. Cela change notre vision… et permet à notre esprit de remettre de l'ordre, et de trouver d'autres façons de réagir.</p>
</div>
<p class="mz-pull">Mon schéma&nbsp;: ta scène, démontée en pièces.</p>
<div class="mz-col">
  <p>Ce que je te propose maintenant, c'est de faire grandir ta prise de conscience, avec l'échelle de ton histoire, et de «&nbsp;jouer&nbsp;» avec ces éléments&nbsp;: pour commencer doucement, sans résistance, à créer l'espace pour (é)changer certains éléments.</p>
</div>
<div class="mz-orn" aria-hidden="true"><i></i></div>
<div class="mz-q">
  <span class="mz-num" aria-hidden="true">01</span>
  <span class="mz-kick">Question 1</span>
  <p class="mz-stand">Prends un moment pour regarder – sans jugement, avec curiosité – ton échelle ci-dessous.</p>
  <p class="mz-stand">Ce n'est pas une question d'avoir raison ou tort.</p>
  <h3 class="mz-qh">Est-ce que ce schéma fonctionne pour toi&nbsp;?</h3>
  <h3 class="mz-qh alt">Est-ce que cette boucle d'éléments te rapproche de ce que tu désires&nbsp;?</h3>
</div>
<div class="mz-fig"><div id="loop"></div></div>
<div class="mz-orn" aria-hidden="true"><i></i></div>
<div class="mz-q">
  <span class="mz-num" aria-hidden="true">02</span>
  <span class="mz-kick">Question 2</span>
  <h3 class="mz-qh">Est-ce que tu observes un alignement&nbsp;?</h3>
</div>
<div class="mz-col"><p id="alig">Par «&nbsp;alignés&nbsp;», je veux dire que tes pensées, tes émotions et tes actions vont toutes dans la même direction.</p></div>
<p class="mz-pull">Car c'est l'alignement naturel d'un être humain&nbsp;: toujours dans la même direction.</p>
<div class="mz-fig"><div class="flow ok" id="flowOk" aria-label="Ton échelle : tout va dans la même direction"></div></div>
<div class="mz-col"><p>Ce n'est pas&nbsp;: j'ai une pensée négative… je me sens super bien… et je fais quelque chose de stimulant, plein d'énergie.</p></div>
<div class="mz-fig"><div class="flow ko" id="flowKo" aria-label="Exemple qui ne va pas dans la même direction"></div></div>
<div class="mz-col"><p>Tu as écrit ces mots (dans ta version de l'exercice) parce que c'est ce qui se passe pour toi en ce moment.</p></div>
<div class="mz-orn" aria-hidden="true"><i></i></div>
<div class="mz-q">
  <span class="mz-num" aria-hidden="true">03</span>
  <span class="mz-kick">Question 3</span>
  <h3 class="mz-qh">Est-ce que tu vois de la répétition dans ta vie&nbsp;?</h3>
</div>
<div class="mz-col"><p>Dans le même domaine, ou même dans différents domaines&nbsp;: les mêmes pensées, les mêmes émotions, les mêmes réactions…</p></div>
<p class="mz-eureka">Quand tu remarques que ça arrive souvent, même un peu différemment à chaque fois… c'est ça, l'indice.</p>
<div class="mz-col">
  <p class="mz-em">Si ça revient encore et encore, c'est peut-être quelque chose d'automatique, surtout quand tu n'agis pas consciemment.</p>
  <p class="mz-em">Une réaction automatique peut être vue comme un schéma. Et c'est là que tu peux commencer à l'explorer, pour en découvrir les différentes pièces.</p>
  <p>Il est peu probable que ton corps libère des hormones de stress quand tu es détendu(e). Et ce que le corps libère suit tes croyances et tes pensées, conscientes ou non.</p>
</div>
</section>

<section id="swapsec" class="hide mz">
<div class="mz-break">
  <p class="mz-tag"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 4.5v15l13-7.5z"/></svg>Temps pour l'action · Let's play</p>
  <h2 class="mz-h">Et si on ne changeait qu'une marche&nbsp;?</h2>
</div>
<div class="mz-col">
  <p>Souvent, quand on regarde son échelle, on voit rapidement quel changement nous semble le plus logique… et si le système est toujours aligné.</p>
  <p>Tu as sûrement déjà entendu&nbsp;:</p>
</div>
<p class="mz-pull sm">«&nbsp;Allez, courage&nbsp;! Pense à tout ce que tu as déjà réussi&nbsp;!&nbsp;»</p>
<div class="mz-col"><p>C'est une façon de changer une seule marche&nbsp;: la pensée. Mais est-ce que ça suffit&nbsp;?</p></div>
<p class="mz-lead">Fais l'essai, marche par marche&nbsp;:</p>
<ol class="mz-steps">
  <li>Choisis une marche ci-dessous, en commençant par la 1.</li>
  <li>Écris ce que tu voudrais à la place.</li>
  <li>Regarde les autres marches&nbsp;: est-ce qu'elles suivent&nbsp;?</li>
</ol>
<div class="chips " id="swapbtns" role="group" aria-label="Marche à changer"><button type="button" class="chip" data-sw="r" aria-pressed="false">1 · Seulement le résultat</button><button type="button" class="chip" data-sw="a" aria-pressed="false">2 · Seulement l'action</button><button type="button" class="chip" data-sw="f" aria-pressed="false">3 · Seulement le ressenti</button><button type="button" class="chip" data-sw="d" aria-pressed="false">4 · Seulement la pensée</button></div>
<div class="mz-wide">
  <div id="swapedit"></div>
  <div id="swaplad"></div>
</div>
</section>

<section id="newsec" class="hide mz">
<div class="mz-orn" aria-hidden="true"><i></i></div>
<div class="mz-q">
  <span class="mz-kick">Exercice interactif</span>
  <h2 class="mz-h">Ma nouvelle échelle</h2>
  <p class="mz-sub">Pour chaque marche, prends la version neutre ou l'opposé, ou écris la tienne.</p>
</div>
<div id="newlad"></div>
<div class="mz-aside">
  <p>Beaucoup de personnes me demandent&nbsp;: comment transformer une pensée qui fait se sentir mal en une pensée qui fait du bien&nbsp;?</p>
  <p>Pour orienter ton focus vers la solution, degré par degré, découvre la MicroMinute <b>«&nbsp;Ma roue du changement de focus&nbsp;»</b>.</p>
</div>
<img decoding="async" class="fimg dimg" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Le-chemin-dore-vers-lhorizon.png" alt="Le chemin doré vers l'horizon" loading="lazy" onerror="this.remove()">
<div class="dir" id="dirblock">
  <p class="dirq">Quelle direction te parle maintenant&nbsp;: libérer, cultiver… ou peut-être garder&nbsp;?</p>
  <div class="chips" id="dirbtns" role="group" aria-label="Ma direction"><button type="button" class="chip" data-dir="Libérer" aria-pressed="false">Libérer</button><button type="button" class="chip" data-dir="Cultiver" aria-pressed="false">Cultiver</button><button type="button" class="chip" data-dir="Garder" aria-pressed="false">Garder</button></div>
</div>
<div class="mz-end"><button class="btn" onclick="window.print()">Imprimer ma scène</button><button class="quiet" id="reset">Nouvelle scène · retour à Ma scène</button></div>
</section>

<p class="sig">Vanessa Salles · RTT®, Coaching &amp; Hypnose · <a href="https://vanessa-salles.com" target="_blank" rel="noopener">vanessa-salles.com</a></p>
<p class="own">360° Expérience © Vanessa Salles</p>
<p class="note">Tes réponses restent dans ce navigateur, sur cet appareil.</p>
</div>
<div class="toast" id="toast" role="status"></div>

<footer class="credit">Le film de ma vie · Inspiré de Peter Sage<br>Mon point de départ · 360° Expérience © Vanessa Salles</footer>


</div>
<script>
(function(){

const KEY="film_de_ma_vie_v1";
const Q=[
 ["t","C'est…",["le matin","la journée","le soir","la nuit"]],
 ["a","Tu te vois…","ce que tu fais, ou ne fais pas",["répondre encore à des mails","tourner en rond","scroller sur ton téléphone","dire oui à tout","repousser","rester sans rien faire"]],
 ["l","Dans…","où es-tu ?",["la cuisine","le bureau","la voiture","le salon","ton lit","dehors"]],
 ["w","Autour de toi…",["personne","ta famille","ton ou ta partenaire","des collègues","des amis"]],
 ["e","Il est clair pour toi que cette version de toi est…",["épuisée","inquiète","découragée","en colère","perdue","sur ses gardes"]],
 ["f","Elle se sent…",["seule","débordée","pas à la hauteur","invisible","triste"]],
 ["d","Elle se dit souvent…",["je dois tenir","je n'y arriverai jamais","ce n'est pas pour moi","je dois tout faire seule"]],
 ["r","Et le résultat, c'est que…",["rien n'avance","je suis fatiguée le lendemain","les tensions montent","je remets à plus tard","je me sens encore plus seule"]],
 ["c","Et elle en conclut que…",["personne ne l'aidera","c'est toujours comme ça","elle n'est pas assez","rien ne changera"]]
].map(q=>q.length===3?[q[0],q[1],"",q[2]]:q);
const PIECES=[["e","Identité · cette version de toi"],["d","Pensées · sa pensée en boucle"],["f","Émotions · ce qu'elle ressent"],["a","Actions · ce que tu fais"],["r","Résultats"],["c","Ce qu'elle en conclut"]];
const GRASS=`<svg class="grass" viewBox="0 0 140 30" preserveAspectRatio="none" aria-hidden="true"><path d="M0 24h140" stroke="#8FA36A" stroke-width="3"/><g stroke="#8FA36A" stroke-width="2" fill="none" stroke-linecap="round"><path d="M6 24l3-10 2 10"/><path d="M18 24l2-7 3 7"/><path d="M30 24l4-12 1 12"/><path d="M47 24l2-6 3 6"/><path d="M60 24l3-9 3 9"/><path d="M76 24l2-11 2 11"/><path d="M90 24l3-7 2 7"/><path d="M104 24l2-10 3 10"/><path d="M119 24l3-6 2 6"/><path d="M131 24l2-9 2 9"/></g></svg>`;
const CLOUD=`<svg viewBox="0 0 120 64" width="96" height="52" aria-hidden="true"><path d="M30 52h62a16 16 0 0 0 2-32 22 22 0 0 0-42-6 16 16 0 0 0-26 12 13 13 0 0 0 4 26z" fill="#F1EFEA" stroke="#B9B2A6" stroke-width="2"/><g stroke="#B9B2A6" stroke-width="2" stroke-linecap="round" stroke-dasharray="3 5"><path d="M40 58v6"/><path d="M58 58v6"/><path d="M76 58v6"/></g></svg>`;

const esc=s=>String(s).replace(/[&<>"]/g,c=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c]));
function load(){try{const r=localStorage.getItem(KEY);if(r){const d=JSON.parse(r);return{a:d.a||{},story:d.story||"",edited:!!d.edited,ch:d.ch||{},shown:!!d.shown,n:d.n||{},sw:d.sw||{},dir:d.dir||null}}}catch(e){}return{a:{},story:"",edited:false,ch:{},shown:false,n:{},sw:{}}}
let S=load();
function persist(){try{localStorage.setItem(KEY,JSON.stringify(S))}catch(e){}}
function toast(m){const t=document.getElementById("toast");t.textContent=m;t.classList.add("show");setTimeout(()=>t.classList.remove("show"),2200)}
const v=k=>String(S.a[k]||"").trim();

document.getElementById("qs").innerHTML=Q.map(([k,l,s,o])=>`<div class="q"><label class="lab" for="i_${k}">${esc(l)}${s?` <small>${esc(s)}</small>`:""}</label>
 <div class="chips" role="group" aria-label="Idées">${o.map(x=>`<button type="button" class="chip" data-k="${k}" aria-pressed="false">${esc(x)}</button>`).join("")}</div>
 <input type="text" id="i_${k}" data-k="${k}" placeholder="ou avec tes propres mots…" value="${esc(S.a[k]||"")}"></div>`).join("");

/* 1014 : plusieurs idées possibles par ligne — elles s'ajoutent (« seule et débordée ») */
const items=s=>String(s||"").split(/\s*,\s*|\s+et\s+/).map(x=>x.trim()).filter(Boolean);
const joinFr=a=>a.length<2?(a[0]||""):a.slice(0,-1).join(", ")+" et "+a[a.length-1];
function syncChips(k){const it=items(v(k));document.querySelectorAll(`.chip[data-k="${k}"]`).forEach(b=>b.setAttribute("aria-pressed",it.includes(b.textContent)))}
Q.forEach(([k])=>syncChips(k));
document.getElementById("qs").addEventListener("click",e=>{const b=e.target.closest(".chip");if(!b)return;const k=b.dataset.k,x=b.textContent;let it=items(v(k));it=it.includes(x)?it.filter(y=>y!==x):[...it,x];S.a[k]=joinFr(it);document.getElementById("i_"+k).value=S.a[k];syncChips(k);if(S.shown){document.getElementById("slug").textContent=slug();renderLoop()}persist();document.getElementById("err").textContent=""});
document.getElementById("qs").addEventListener("input",e=>{const k=e.target.dataset.k;if(!k)return;S.a[k]=e.target.value;syncChips(k);persist();document.getElementById("err").textContent="";if(S.shown){document.getElementById("slug").textContent=slug();renderLoop()}});

const dans=l=>l?(/^dehors$/i.test(l)?"dehors":/^(dans|à|au|aux|sur|chez|en) /i.test(l)?l:"dans "+l):"";
const autour=()=>{const w=v("w");return !w||/^personne$/i.test(w)?"sans personne autour":`avec ${w} autour de toi`};
function compose(){const lieu=dans(v("l"));
 return `C'est ${v("t")}. Tu te vois ${v("a")}${lieu?", "+lieu:""}, ${autour()}. Peut-être que tu vois, un peu plus détaché(e) et plus clairement, ce que cette version de toi vit. Elle est ${v("e")}. Elle se sent ${v("f")}. Elle se dit souvent : « ${v("d")} ». Et le résultat, c'est que ${v("r")}. Et elle en conclut que ${v("c")}.`}
function slug(){const l=v("l"),out=/^dehors$/i.test(l);const place=l&&!out?l.replace(/^(dans|à|au|sur|chez|en) /i,""):"";
 return `${out?"Extérieur":"Intérieur"}${place?" · "+place:""} · ${v("t")}`}

function showStory(scroll){document.getElementById("slug").textContent=slug();
 if(!S.edited||!S.story)S.story=compose();document.getElementById("storyTxt").value=S.story;
 document.getElementById("story").classList.remove("hide");document.getElementById("schema").classList.remove("hide");renderLoop();document.getElementById("swapsec").classList.remove("hide");renderSwap();renderNew();
 if(scroll)document.getElementById("story").scrollIntoView({behavior:matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"})}

function renderAlign(){const ok=document.getElementById("flowOk"),ko=document.getElementById("flowKo");if(!ok)return;
 const AR='<span class="fa"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 12h16M13 6l6 6-6 6" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></span>';
 const AZ=c=>AR.replace('class="fa"','class="fa '+c+'"');
 const card=(l,x,c)=>`<div class="fc ${c||""}"><span class="fl">${l}</span><span class="fv">${esc(x)}</span></div>`;
 ok.innerHTML=card("Pensée","« "+v("d")+" »")+AR+card("Émotion",v("f"))+AR+card("Action",her(v("a")))+AR+card("Résultat",v("r"));
 const hv=x=>'<b class="hv">'+esc(x)+'</b>';const al=document.getElementById("alig");
 if(al)al.innerHTML="Par « alignés », je veux dire que c'est logique que, si tu penses "+hv("« "+v("d")+" »")+", tu te sentes "+hv(v("f"))+"… que tu te retrouves à "+hv(v("a"))+"… en espérant te sentir autrement… et qu'en faisant cela, le résultat, c'est que "+hv(v("r"))+".";
 ko.innerHTML=card("Pensée","« "+v("d")+" »","n")+AZ("zig")+card("Émotion","super bien","p")+AZ("zag")+card("Action","quelque chose de stimulant, plein d'énergie","p");}
function renderLoop(){renderAlign();
 const rung=(k,n,lvl,tag)=>`<div class="lv rung"><div class="rails"><span class="tag">(${tag})</span><span class="bar"></span></div><div class="lc"><div class="k">${lvl}</div><div class="v">${esc(v(k))}</div></div></div>`;
 let h=`<div class="ladder">
  <div class="lv top"><div class="rails sky">${CLOUD}<span class="tag sky-t">(expérience)</span></div><div class="lc"><div class="k">Expérience · ce qu'elle vit</div><div class="v">Elle se sent ${esc(v("f"))}, et tu la vois ${esc(her(v("a")))}</div><div class="think">(avec, en boucle dans sa tête : « ${esc(v("d"))} »)</div><div class="setting">${esc(slug())}, ${esc(autour())}</div></div></div>
  ${rung("r","Résultats","Résultats","résultats")}${rung("a","Actions","Actions · ce que tu fais","actions")}${rung("f","Émotions","Émotions · ce qu'elle ressent","émotions")}${rung("d","Pensées","Pensées · sa pensée en boucle","pensées")}
  <div class="lv ground"><div class="rails soil">${GRASS}<span class="tag soil-t">(je suis…)</span></div><div class="lc"><div class="k">Le sol · identité · « je suis… » · cette version de toi est…</div><div class="v">${esc(v("e"))}</div></div></div>
  <span class="loopback" aria-hidden="true"><span class="lb-t">(perceptions et sens)</span></span></div>
  <div class="concl"><div class="k">Les pointillés · le sens qu'elle donne à cette expérience · et elle en conclut que…</div><div class="v">${esc(v("c"))}</div><p class="loopnote2"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17 2l4 4-4 4M3 11V9a3 3 0 0 1 3-3h15M7 22l-4-4 4-4M21 13v2a3 3 0 0 1-3 3H3" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg><span><b>Remarque&nbsp;:</b> les résultats, l'expérience et la perception renforcent et justifient la pensée d'origine, <i>« ${esc(v("d"))} »</i>. C'est ce qu'on appelle <b>une pensée en boucle</b>.</span></p></div>`;
 document.getElementById("loop").innerHTML=h;
}



/* 1014 : démonstration — une seule marche changée ne s'aligne pas avec les autres ; le mental a besoin d'un schéma cohérent */
/* « tu te vois scroller sur ton téléphone » devient « tu la vois scroller sur son téléphone » */
const her=s=>{const M={ton:"son",ta:"sa",tes:"ses",te:"se",toi:"elle",mon:"son",ma:"sa",mes:"ses",me:"se","t'":"s'","m'":"s'"};
 return String(s||"").replace(/\bqui (te|me) /gi,"qui la ").replace(/(^|[\s\u00a0(])(ton|ta|tes|te|toi|mon|ma|mes|me)(?=[\s\u00a0,.;!?)]|$)/gi,(a,p,w)=>p+M[w.toLowerCase()]).replace(/(^|[\s\u00a0(])(t'|m')/gi,(a,p,w)=>p+M[w.toLowerCase()]).replace(/\bde elle\b/g,"d'elle")};
/* 1014 : l'exercice de Vanessa — on change une seule marche (résultat, action, ressenti, pensée) et on regarde ce que disent les autres */
const SWL={r:["résultats","Le nouveau résultat que tu voudrais voir en haut"],a:["actions","La nouvelle action (tu te vois…)"],f:["émotions","Le nouveau ressenti (elle se sent…)"],d:["pensées","La nouvelle pensée (elle se dit…)"]};
const swDef=k=>k==="d"?"pense à tout ce que tu as déjà réussi":k==="r"?(mapV(OPP,"r")||"les choses changent"):(mapV(OPP,k)||"");
const swV=k=>(S.sw&&S.sw[k]!==undefined)?S.sw[k]:swDef(k);
let swapK=null;
function swapMsg(k,x){const q=s=>`« ${esc(s)} »`;
 if(k==="r")return `<p>En haut, tu écris : ${q(x)}. Mais rien d'autre ne bouge : tu la vois toujours ${esc(her(v("a")))}, elle se sent toujours ${esc(v("f"))}, elle se dit toujours ${q(v("d"))}.</p><p><b>Peut-on tout faire pareil, et voir un autre résultat ?</b> Ton échelle répond non : le résultat vient des marches du dessous.</p>`;
 if(k==="a")return `<p>Elle change d'action : tu la vois ${esc(her(x))}. Mais elle se dit toujours ${q(v("d"))}, et elle se sent toujours ${esc(v("f"))}.</p><p><b>Alors, en haut, le résultat ne change pas : ${esc(v("r"))}.</b> Une nouvelle action, portée par les mêmes pensées et les mêmes ressentis, ne tient pas longtemps.</p>`;
 if(k==="f")return `<p>Elle voudrait se sentir ${esc(x)}… tout en se disant ${q(v("d"))}.</p><p><b>Est-ce probable ? Peut-on penser ${q(v("d"))} et se sentir ${esc(x)} en même temps ?</b> Ce n'est pas aligné : le ressenti suit la pensée.</p>`;
 return `<p>On lui dit : ${q(x)}. Mais au sol, cette version d'elle est toujours ${esc(v("e"))}, et elle en conclut toujours que ${esc(v("c"))}.</p><p><b>Peut-on se dire ${q(x)} quand on est sûre d'être ${esc(v("e"))} ?</b> Les mots ne tiennent pas : le mental revient à ce qu'il croit, au sol de l'échelle.</p>`}
function renderSwap(){
 document.querySelectorAll("[data-sw]").forEach(b=>b.setAttribute("aria-pressed",b.dataset.sw===swapK));
 const box=document.getElementById("swaplad"),ed=document.getElementById("swapedit");if(!swapK){box.innerHTML="";ed.innerHTML="";return}
 if(!ed.querySelector(`[data-swin="${swapK}"]`))ed.innerHTML=`<label class="swl" for="swin">${SWL[swapK][1]}</label><input type="text" id="swin" data-swin="${swapK}" value="${esc(swV(swapK))}">`;
 const x=swV(swapK)||"…";
 const row=(k,lvl,tag)=>{const sw=k===swapK,same=swapK==="a"&&k==="r";return `<div class="lv rung${sw?" sw":""}${same?" same":""}"><div class="rails"><span class="tag">(${tag})</span><span class="bar"></span></div><div class="lc"><div class="k">${lvl}${sw?" · changée":same?" · ne change pas":""}</div><div class="v">${esc(sw?x:v(k))}</div></div></div>`};
 box.innerHTML=`<div class="ladder mini">${row("r","Résultats","résultats")}${row("a","Actions","actions")}${row("f","Émotions","émotions")}${row("d","Pensées","pensées")}
  <div class="lv ground"><div class="rails soil">${GRASS}<span class="tag soil-t">(je suis…)</span></div><div class="lc"><div class="k">Le sol · identité</div><div class="v">${esc(v("e"))}</div></div></div></div>
  <div class="swapmsg">${swapMsg(swapK,x)}<p>Une seule marche ne s'aligne pas avec les autres. Ton mental a besoin d'un schéma cohérent : il ne peut pas y croire, alors il revient à l'ancienne échelle, celle qui est alignée.</p><p class="horror">Les films d'horreur utilisent exactement ce ressort : la gentille vieille dame qui dit des mots doux… en frappant quelqu'un, le sourire aux lèvres. Quand les marches ne s'alignent pas, le mental ne se sent pas rassuré : il se méfie.</p></div>`}
document.getElementById("swapbtns").addEventListener("click",e=>{const b=e.target.closest("[data-sw]");if(!b)return;swapK=swapK===b.dataset.sw?null:b.dataset.sw;document.getElementById("swapedit").innerHTML="";renderSwap()});
document.getElementById("swapedit").addEventListener("input",e=>{const k=e.target.dataset.swin;if(!k)return;if(!S.sw)S.sw={};S.sw[k]=e.target.value;persist();renderSwap()});
/* 1017 : pour chaque idée, une version neutre (un pas) et une version opposée — sans « j'aime l'idée » ; la personne choisit */
const NEU={
 a:{"répondre encore à des mails":"répondre à ses mails, avec une limite","tourner en rond":"s'arrêter un instant","scroller sur ton téléphone":"poser son téléphone un moment","dire oui à tout":"prendre le temps avant de répondre","repousser":"regarder ce qu'il y a à faire","rester sans rien faire":"se lever et bouger un peu"},
 e:{"épuisée":"fatiguée","inquiète":"attentive","découragée":"hésitante","en colère":"agacée","perdue":"en recherche","sur ses gardes":"prudente"},
 f:{"seule":"un peu isolée","débordée":"occupée","pas à la hauteur":"en apprentissage","invisible":"discrète","coincée":"en pause","triste":"un peu mélancolique"},
 d:{"je dois tenir":"je fais ce que je peux","je n'y arriverai jamais":"je ne sais pas encore comment","ce n'est pas pour moi":"peut-être que c'est possible pour moi","je dois tout faire seule":"je peux demander de l'aide"},
 r:{"rien n'avance":"ça avance doucement","je suis fatiguée le lendemain":"je récupère un peu","les tensions montent":"les tensions se calment un peu","je remets à plus tard":"je fais une petite chose","je me sens encore plus seule":"je me sens un peu moins seule"},
 c:{"personne ne l'aidera":"elle ne sait pas encore qui pourrait l'aider","c'est toujours comme ça":"c'est comme ça en ce moment","elle n'est pas assez":"elle apprend","rien ne changera":"elle ne sait pas encore ce qui peut changer"}};
const OPP={
 a:{"répondre encore à des mails":"fermer son ordinateur à temps","tourner en rond":"avancer un pas à la fois","scroller sur ton téléphone":"poser son téléphone pour faire quelque chose qui la nourrit","dire oui à tout":"dire oui à ce qui compte vraiment","repousser":"commencer par un petit pas","rester sans rien faire":"se mettre en mouvement, à son rythme"},
 e:{"épuisée":"reposée","inquiète":"sereine","découragée":"confiante","en colère":"apaisée","perdue":"claire sur ce qu'elle veut","sur ses gardes":"en confiance"},
 f:{"seule":"soutenue","débordée":"calme","pas à la hauteur":"capable","invisible":"vue et reconnue","coincée":"libre","triste":"joyeuse"},
 d:{"je dois tenir":"je peux me reposer","je n'y arriverai jamais":"j'y arriverai","ce n'est pas pour moi":"c'est aussi pour moi","je dois tout faire seule":"je peux me faire aider"},
 r:{"rien n'avance":"les choses avancent","je suis fatiguée le lendemain":"je me réveille reposée","les tensions montent":"l'ambiance s'apaise","je remets à plus tard":"je fais un premier pas","je me sens encore plus seule":"je me sens soutenue"},
 c:{"personne ne l'aidera":"de l'aide est possible","c'est toujours comme ça":"les choses peuvent changer","elle n'est pas assez":"elle est assez","rien ne changera":"quelque chose est déjà en train de changer"}};
const mapV=(M,k)=>joinFr(items(v(k)).map(x=>M[k][x]).filter(Boolean));
const NPH={a:"tu la vois…",e:"cette version d'elle est…",f:"elle se sent…",d:"elle se dit…",r:"et le résultat…",c:"et elle en conclut que…"};
const nv=k=>S.n[k]!==undefined?S.n[k]:mapV(NEU,k);
const SUN=`<svg viewBox="0 0 120 70" width="96" height="56" aria-hidden="true"><circle cx="60" cy="38" r="17" fill="#F6E3A6" stroke="#C9A24F" stroke-width="2"/><g stroke="#C9A24F" stroke-width="2" stroke-linecap="round"><path d="M60 8v8"/><path d="M90 38h8"/><path d="M22 38h8"/><path d="M82 16l5-5"/><path d="M33 11l5 5"/><path d="M82 60l5 5"/><path d="M33 65l5-5"/></g></svg>`;
const GREEN=GRASS.replaceAll("#8FA36A","#6FA35A");
function renderNew(){
 const inp=(k,lbl)=>`<textarea class="nin" rows="1" data-n="${k}" placeholder="${esc(NPH[k])}" aria-label="${esc(lbl)}">${esc(nv(k))}</textarea>`;
 const old=(k)=>`<div class="dv">${esc(v(k))}</div>`;
 const lab=tag=>`<div class="dk">(${tag})</div>`;
 const rail=(cls)=>`<div class="dr ${cls}"><span class="bar"></span></div>`;
 const sug=k=>{const n=mapV(NEU,k),o=mapV(OPP,k);return (n||o)?`<div class="sug">${n?`<button type="button" class="chip" data-sk="${k}" data-sv="${esc(n)}" aria-pressed="${nv(k)===n}">neutre</button>`:""}${o?`<button type="button" class="chip" data-sk="${k}" data-sv="${esc(o)}" aria-pressed="${nv(k)===o}">opposé</button>`:""}</div>`:""};
 const row=(k,tag,lbl)=>`<div class="drow">${rail("o")}<div class="dc">${lab(tag)}${old(k)}</div>${rail("n")}<div class="dc">${lab(tag)}${inp(k,lbl)}${sug(k)}</div></div>`;
 const e1=nv("f"),e2=nv("a"),e3=nv("d");
 document.getElementById("newlad").innerHTML=`<div class="duo">
  <div class="dhead"><span></span><span class="dh o">Mon échelle d'aujourd'hui</span><span></span><span class="dh n">Ma nouvelle échelle</span></div>
  <div class="drow top"><div class="dtag">(expérience)</div><div class="dr sky">${CLOUD}</div><div class="dc"><div class="dv">Elle se sent ${esc(v("f"))}, et tu la vois ${esc(her(v("a")))}</div><div class="think">(avec, en boucle : « ${esc(v("d"))} »)</div></div>
   <div class="dr sky">${SUN}</div><div class="dc"><div class="dv" id="nexp">${e1||e2?`Elle se sent ${esc(e1||"…")}, et tu la vois ${esc(her(e2)||"…")}`:"…"}</div><div class="think" id="nthink">${e3?`(avec, en boucle : « ${esc(e3)} »)`:""}</div></div></div>
  ${row("r","résultats","Résultats")}${row("a","actions","Actions · tu te vois…")}${row("f","émotions","Émotions · elle se sent…")}${row("d","pensées","Pensées · elle se dit")}
  <div class="drow ground"><div class="dr soil o">${GRASS}</div><div class="dc">${lab("je suis…")}${old("e")}</div><div class="dr soil n">${GREEN}</div><div class="dc">${lab("je suis…")}${inp("e","Identité")}${sug("e")}</div></div>
  <div class="drow concl2"><div class="dtag">(perceptions et sens · elle en conclut que…)</div><div></div><div class="dc"><div class="dv">${esc(v("c"))}</div></div><div></div><div class="dc">${inp("c","Conclusion")}${sug("c")}</div></div>
 </div>`;
 document.getElementById("newsec").classList.remove("hide");fitAll()}
const fit=el=>{el.style.height="auto";el.style.height=el.scrollHeight+"px"};const fitAll=()=>document.querySelectorAll("textarea.nin").forEach(fit);addEventListener("resize",fitAll);
document.getElementById("newlad").addEventListener("click",e=>{const b=e.target.closest("[data-sk]");if(!b)return;S.n[b.dataset.sk]=b.dataset.sv;persist();renderNew()});
document.getElementById("newlad").addEventListener("input",e=>{const k=e.target.dataset.n;if(!k)return;fit(e.target);S.n[k]=e.target.value;persist();
 const e1=nv("f"),e2=nv("a"),e3=nv("d");document.getElementById("nexp").textContent=e1||e2?`Elle se sent ${e1||"…"}, et tu la vois ${her(e2)||"…"}`:"…";document.getElementById("nthink").textContent=e3?`(avec, en boucle : « ${e3} »)`:""});
function syncDir(){document.querySelectorAll("[data-dir]").forEach(b=>b.setAttribute("aria-pressed",S.dir===b.dataset.dir))}
document.getElementById("dirbtns").addEventListener("click",e=>{const b=e.target.closest("[data-dir]");if(!b)return;S.dir=S.dir===b.dataset.dir?null:b.dataset.dir;persist();syncDir()});
syncDir();
document.getElementById("go").onclick=()=>{const miss=Q.find(([k])=>!v(k));
 if(miss){document.getElementById("err").textContent="Complète chaque ligne avant de voir ton histoire (« "+miss[1]+" »).";document.getElementById("i_"+miss[0]).focus();return}
 if(S.edited&&S.story&&S.story!==compose()&&!confirm("Tu as modifié ton scénario. Le recomposer depuis tes réponses ?")){showStory(true);return}
 S.edited=false;S.shown=true;persist();showStory(true)};
document.getElementById("storyTxt").addEventListener("input",e=>{S.story=e.target.value;S.edited=true;persist()});
document.getElementById("recompose").onclick=()=>{S.edited=false;S.story=compose();persist();document.getElementById("storyTxt").value=S.story;document.getElementById("slug").textContent=slug();renderLoop();toast("Scénario recomposé")};
document.getElementById("copy").onclick=async()=>{const txt=`${slug()}\n\n${S.story}`;try{await navigator.clipboard.writeText(txt);toast("Histoire copiée")}catch(e){const ta=document.getElementById("storyTxt");ta.select();document.execCommand("copy");toast("Histoire copiée")}};
document.getElementById("reset").onclick=()=>{if(!confirm("Effacer cette scène et en commencer une nouvelle ?"))return;S={a:{},story:"",edited:false,ch:{},shown:false,n:{},sw:{},dir:null};persist();syncDir();document.getElementById("newsec").classList.add("hide");document.getElementById("swapsec").classList.add("hide");swapK=null;
 Q.forEach(([k])=>{document.getElementById("i_"+k).value="";syncChips(k)});document.getElementById("story").classList.add("hide");document.getElementById("schema").classList.add("hide");document.getElementById("form").scrollIntoView();toast("Nouvelle scène")};
if(S.shown&&Q.every(([k])=>v(k)))showStory(false);
/* 1017 : La Perspective du Géant — mettre ici le fichier audio (MP3 ou lien), puis il se lit sur la page */
const GEANT_SRC="https://vanessa-salles.com/wp-content/uploads/2026/10/Giant-Exercise-POV-.mp3";
(function(){const A=document.getElementById("gAudio"),P=document.getElementById("gPlay"),B=document.getElementById("gBar"),F=document.getElementById("gFill"),T=document.getElementById("gTime"),box=document.getElementById("geant"),op=document.getElementById("geantOpen");
 const mm=s=>isFinite(s)?Math.floor(s/60)+":"+String(Math.floor(s%60)).padStart(2,"0"):"0:00";
 const smooth=()=>matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth";
 if(GEANT_SRC){A.src=GEANT_SRC}else{P.disabled=true;document.getElementById("gSoon").classList.remove("hide")}
 op.onclick=()=>{const open=box.classList.toggle("hide")===false;op.setAttribute("aria-expanded",open);if(open)box.scrollIntoView({behavior:smooth(),block:"nearest"})};
 P.onclick=()=>{if(!GEANT_SRC)return;A.paused?A.play():A.pause()};
 A.addEventListener("play",()=>P.textContent="Pause");A.addEventListener("pause",()=>P.textContent="Écouter");
 A.addEventListener("ended",()=>{P.textContent="Réécouter"});
 const upd=()=>{const p=A.duration?A.currentTime/A.duration*100:0;F.style.width=p+"%";B.setAttribute("aria-valuenow",Math.round(p));T.textContent=mm(A.currentTime)+(A.duration?" / "+mm(A.duration):"")};
 A.addEventListener("timeupdate",upd);A.addEventListener("loadedmetadata",upd);
 B.addEventListener("click",e=>{if(!A.duration)return;const r=B.getBoundingClientRect();A.currentTime=(e.clientX-r.left)/r.width*A.duration});
 B.addEventListener("keydown",e=>{if(!A.duration)return;if(e.key==="ArrowRight")A.currentTime=Math.min(A.duration,A.currentTime+5);if(e.key==="ArrowLeft")A.currentTime=Math.max(0,A.currentTime-5)});
 document.querySelectorAll("[data-tofilm]").forEach(b=>b.onclick=()=>{if(!A.paused)A.pause();document.getElementById("filmintro").scrollIntoView({behavior:smooth()})});
})();
document.getElementById("to3").onclick=()=>document.getElementById("schema").scrollIntoView({behavior:matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"});
/* 1018 : le scénario s'agrandit pour montrer toute l'histoire */
(function(){const st=document.getElementById("storyTxt");const fitS=()=>{if(!st.offsetParent)return;st.style.height="auto";st.style.height=(st.scrollHeight+2)+"px"};
 st.addEventListener("input",fitS);addEventListener("resize",fitS);
 ["go","recompose"].forEach(id=>document.getElementById(id).addEventListener("click",()=>setTimeout(fitS,60)));
 new MutationObserver(()=>setTimeout(fitS,30)).observe(document.getElementById("story"),{attributes:true,attributeFilter:["class"]});
 setTimeout(fitS,80)})();
/* 1017 : Le film de ma vie — l'audio de Vanessa */
const FILM_SRC="https://vanessa-salles.com/wp-content/uploads/2026/10/AEE-FILM-DE-MA-VIE-DEPART-.mp3";
(function(){const A=document.getElementById("fAudio"),P=document.getElementById("fPlay"),B=document.getElementById("fBar"),F=document.getElementById("fFill"),T=document.getElementById("fTime"),box=document.getElementById("filmGuide"),op=document.getElementById("filmOpen");
 const mm=s=>isFinite(s)?Math.floor(s/60)+":"+String(Math.floor(s%60)).padStart(2,"0"):"0:00";
 const smooth=()=>matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth";
 if(FILM_SRC){A.src=FILM_SRC}else{P.disabled=true;document.getElementById("fSoon").classList.remove("hide")}
 op.onclick=()=>{const open=box.classList.toggle("hide")===false;op.setAttribute("aria-expanded",open);if(open)box.scrollIntoView({behavior:smooth(),block:"nearest"})};
 P.onclick=()=>{if(!FILM_SRC)return;A.paused?A.play():A.pause()};
 A.addEventListener("play",()=>P.textContent="Pause");A.addEventListener("pause",()=>P.textContent="Écouter");
 A.addEventListener("ended",()=>{P.textContent="Réécouter"});
 const upd=()=>{const p=A.duration?A.currentTime/A.duration*100:0;F.style.width=p+"%";B.setAttribute("aria-valuenow",Math.round(p));T.textContent=mm(A.currentTime)+(A.duration?" / "+mm(A.duration):"")};
 A.addEventListener("timeupdate",upd);A.addEventListener("loadedmetadata",upd);
 B.addEventListener("click",e=>{if(!A.duration)return;const r=B.getBoundingClientRect();A.currentTime=(e.clientX-r.left)/r.width*A.duration});
 B.addEventListener("keydown",e=>{if(!A.duration)return;if(e.key==="ArrowRight")A.currentTime=Math.min(A.duration,A.currentTime+5);if(e.key==="ArrowLeft")A.currentTime=Math.max(0,A.currentTime-5)});
 document.querySelectorAll("[data-toscene]").forEach(b=>b.onclick=()=>{if(!A.paused)A.pause();document.getElementById("form").scrollIntoView({behavior:smooth()})});
})();
/* 1018 : le chemin de progression — chaque point s'allume quand l'étape est atteinte */
(function(){const PK="mpd_progress_v1";const ids=["forest","filmintro","schema","dirblock"];
 let reached=0;try{reached=+localStorage.getItem(PK)||0}catch(e){}
 const tops=[...document.querySelectorAll(".pp")],all=[...document.querySelectorAll(".pp,.pp-mini")];
 const lens=[];
 function measure(){const p=document.querySelector("#ppTop .pp-done");if(!p||!p.getTotalLength)return;const L=p.getTotalLength();
  const tg=[[100,30],[250,116],[404,96],[588,26]];
  tg.forEach((q,k)=>{let best=0,bd=1e9;for(let s=0;s<=L;s+=2){const pt=p.getPointAtLength(s);const d=(pt.x-q[0])**2+(pt.y-q[1])**2;if(d<bd){bd=d;best=s}}lens[k]=best});
  all.forEach(n=>{const d=n.querySelector(".pp-done");d.style.strokeDasharray=L;d.dataset.L=L})}
 let cur=0;
 function paint(){all.forEach(n=>{const d=n.querySelector(".pp-done"),L=+d.dataset.L||0;
   const upto=lens[Math.min(reached,3)]||0;d.style.strokeDashoffset=Math.max(0,L-upto);
   n.querySelectorAll(".pp-st").forEach(b=>{const k=+b.dataset.st;b.classList.toggle("done",k<reached);b.classList.toggle("now",k===cur&&!(k<reached))})})}
 function visible(id){const el=document.getElementById(id);return el&&el.offsetParent!==null&&!el.closest(".hide")}
 function onScroll(){const h=innerHeight*0.45;let c=0;ids.forEach((id,k)=>{if(visible(id)&&document.getElementById(id).getBoundingClientRect().top<h)c=k});
  cur=c;const was=reached;
  // une étape est franchie quand on arrive à la suivante ; l'Arbre quand une direction est choisie
  if(c>reached)reached=c;
  try{const s=JSON.parse(localStorage.getItem(KEY)||"{}");if(s.dir)reached=Math.max(reached,4)}catch(e){}
  if(reached!==was){try{localStorage.setItem(PK,reached)}catch(e){}}
  const topBox=tops[0].getBoundingClientRect();document.getElementById("ppMini").classList.toggle("show",topBox.bottom<0);
  paint()}
 document.querySelectorAll(".pp-st").forEach(b=>b.addEventListener("click",()=>{const id=b.dataset.go;
  if(!visible(id)){(document.getElementById(id==="dirblock"||id==="schema"?"form":id)||document.body).scrollIntoView({behavior:"smooth"});return}
  document.getElementById(id).scrollIntoView({behavior:matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"})}));
 document.getElementById("dirbtns").addEventListener("click",()=>setTimeout(()=>{reached=Math.max(reached,4);try{localStorage.setItem(PK,reached)}catch(e){};paint()},30));
 document.getElementById("reset").addEventListener("click",()=>setTimeout(()=>{if(!document.getElementById("story").classList.contains("hide"))return;reached=Math.min(reached,1);try{localStorage.setItem(PK,reached)}catch(e){};onScroll()},60));
 measure();addEventListener("scroll",onScroll,{passive:true});addEventListener("resize",()=>{measure();onScroll()});onScroll();
})();


})();
</script>				</div>
		
</div>
		</div>
		<p>The post <a href="https://vanessa-salles.com/que-veux-tu-changer/">Que veux-tu changer ?</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Film de ma vie</title>
		<link>https://vanessa-salles.com/film-de-ma-vie/</link>
		
		<dc:creator><![CDATA[Vanessa Salles]]></dc:creator>
		<pubDate>Sat, 17 Oct 2026 21:43:58 +0000</pubDate>
				<category><![CDATA[Bibliothèque]]></category>
		<category><![CDATA[Cartes]]></category>
		<category><![CDATA[MicroAudio]]></category>
		<category><![CDATA[Microminutes]]></category>
		<guid isPermaLink="false">https://vanessa-salles.com/?p=935</guid>

					<description><![CDATA[<p>Bienvenue · Ta boîte à outils Le film de ma vie Exercice guidé · Audio + interactif Imagine un grand écran devant toi. Tu regardes cet écran, et un film commence&#160;: le film de ta vie. Tu en es la star, tu joues le rôle principal. Comment sait-on que tu es la star de ton [&#8230;]</p>
<p>The post <a href="https://vanessa-salles.com/film-de-ma-vie/">Film de ma vie</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="935" class="elementor elementor-935">
				<div class="elementor-element elementor-element-8e37515 e-flex e-con-boxed e-con e-parent" data-id="8e37515" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bd09ea0 elementor-widget elementor-widget-html" data-id="bd09ea0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ============================================================
     Le film de ma vie — Bibliothèque vanessa-salles.com
     Version 1017-v9
     À coller dans un bloc « HTML personnalisé » de l'article WordPress.
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">

<style>
.vs-film{--gold:#B8955A;--gold-soft:#D9C49C;--gold-pale:#F7F1E6;--ink:#1A1A1A;--text:#3D3D3D;--muted:#8A8580;--line:#E8DFD0;
  max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--gold-soft);padding:56px 48px 40px;
  font-family:'Quicksand',system-ui,sans-serif;color:var(--text);font-size:15px;line-height:1.75;box-sizing:border-box}
.vs-film *{box-sizing:border-box}
.vs-film p{margin:0 0 1em}

/* ---------- HERO ---------- */
.vs-film .hero-img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto 28px;border-radius:2px}
.vs-film .eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;font-weight:600;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.vs-film .eyebrow::before,.vs-film .eyebrow::after{content:"";width:34px;height:1px;background:var(--gold)}
.vs-film h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(34px,6vw,48px);line-height:1.1;color:var(--ink);text-align:center;margin:0 0 18px}
.vs-film .subtitle{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;color:var(--muted);text-align:center;margin:0 0 18px}
.vs-film .meta{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.vs-film .pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-soft);border-radius:999px;padding:5px 12px 5px 9px}
.vs-film .pill svg{width:15px;height:15px;stroke:var(--gold)}

/* ---------- INTRO ---------- */
.vs-film .intro{max-width:640px;margin:0 auto 10px}
.vs-film .dropcap::first-letter{font-family:'Cormorant Garamond',Georgia,serif;float:left;font-size:58px;line-height:.85;color:var(--gold);padding:4px 10px 0 0}
.vs-film .em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;color:var(--ink);line-height:1.45}
.vs-film .pull{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 6%;margin:30px auto;max-width:640px;text-align:center;
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:25px;line-height:1.4;color:var(--ink)}
.vs-film .pull cite{display:block;margin-top:10px;font-family:'Quicksand',sans-serif;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}

.vs-film .cta-wrap{text-align:center;margin:10px 0 0}
.vs-film .cta-q{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:20px;color:var(--muted);margin-bottom:14px}
.vs-film .btn{display:inline-flex;align-items:center;gap:10px;font-family:'Quicksand',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink);background:#fff;border:1px solid var(--ink);padding:13px 24px;text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.vs-film .btn:hover{background:var(--ink);color:#fff}
.vs-film .btn svg{width:15px;height:15px;stroke:currentColor}
.vs-film .btn.gold{border-color:var(--gold);color:var(--gold)}
.vs-film .btn.gold:hover{background:var(--gold);color:#fff}
.vs-film .vline{width:1px;height:58px;background:var(--ink);margin:34px auto}

/* ---------- SECTION EXERCICE ---------- */
.vs-film .sec-head{text-align:center;margin-bottom:30px}
.vs-film h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(28px,4.6vw,36px);color:var(--ink);margin:0 0 6px;line-height:1.15}
.vs-film .sec-head .subtitle{font-size:18px;line-height:1.5;max-width:600px;margin:10px auto 0}

.vs-film .scene{border-top:2px solid var(--ink)}
.vs-film .row{display:grid;grid-template-columns:200px 1fr;gap:34px;padding:22px 0;border-bottom:1px solid var(--line)}
.vs-film .r-label{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.3;color:var(--ink)}
.vs-film .r-label small{display:block;font-family:'Quicksand',sans-serif;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5}
.vs-film .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.vs-film .chip{font-family:'Quicksand',sans-serif;font-size:13.5px;color:var(--text);background:#fff;border:1px solid var(--gold-soft);border-radius:999px;padding:7px 15px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;line-height:1.3}
.vs-film .chip:hover{border-color:var(--gold)}
.vs-film .chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#fff}
.vs-film .own{width:100%;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:18px;color:var(--ink);border:none;border-bottom:1px solid var(--line);padding:6px 2px;background:transparent;outline:none}
.vs-film .own:focus{border-bottom-color:var(--gold)}
.vs-film .own::placeholder{color:#B9B2A8}
.vs-film .chip:focus-visible,.vs-film .btn:focus-visible,.vs-film .link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.vs-film .actions{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:34px 0 0}
.vs-film .link{background:none;border:none;font-family:'Quicksand',sans-serif;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px}
.vs-film .link:hover{color:var(--gold)}

/* Mon histoire : écran blanc, lettres dorées */
.vs-film .story{display:none;margin:38px 0 0;border:1px solid var(--gold-soft);padding:12px}
.vs-film .story.on{display:block}
.vs-film .story-in{border:1px solid var(--gold-soft);padding:40px 9% 34px;text-align:center;background:#fff}
.vs-film .story-in .eyebrow{margin-bottom:20px}
.vs-film .story-text p{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.6;color:var(--gold);margin:0 0 .7em}
.vs-film .story-empty{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;color:var(--muted)}

/* Lecteur audio */
.vs-film .player{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-bottom:34px}
.vs-film .ph-icon{width:76px;height:76px;border-radius:50%;background:var(--gold-pale);border:1px solid var(--gold-soft);display:flex;align-items:center;justify-content:center;position:relative}
.vs-film .ph-icon svg{width:36px;height:36px;stroke:var(--gold)}
.vs-film .ph-label{font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.vs-film .ph-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;color:var(--ink);margin-bottom:12px;line-height:1.2}
.vs-film .ctrl{display:flex;align-items:center;gap:14px}
.vs-film .play{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s}
.vs-film .play svg{width:16px;height:16px;fill:var(--ink)}
.vs-film .play:hover{background:var(--ink)} .vs-film .play:hover svg{fill:#fff}
.vs-film .play[disabled]{opacity:.35;cursor:not-allowed;background:#fff} .vs-film .play[disabled] svg{fill:var(--ink)}
.vs-film .bar{flex:1;height:22px;display:flex;align-items:center;cursor:pointer}
.vs-film .track{width:100%;height:2px;background:var(--line);position:relative}
.vs-film .fill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--gold)}
.vs-film .knob{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%);left:0}
.vs-film .time{font-size:12px;color:var(--muted);min-width:84px;text-align:right;font-variant-numeric:tabular-nums}
.vs-film .ph-note{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.vs-film .play:focus-visible,.vs-film .btn:focus-visible,.vs-film .bar:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Texte guidé */
.vs-film .guided{display:grid;grid-template-columns:200px 1fr;gap:34px}
.vs-film .g-side{position:sticky;top:24px;align-self:start}
.vs-film .g-label{font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.vs-film .g-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.2;color:var(--ink);margin-bottom:12px}
.vs-film .g-hint{font-size:12.5px;color:var(--muted);line-height:1.6}
.vs-film .g-text p{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.6;color:var(--ink);margin:0 0 1.05em}
.vs-film .g-text .q{font-style:italic;color:var(--gold)}

/* Après la scène */
.vs-film .closing{max-width:640px;margin:44px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 6%;text-align:center}
.vs-film .closing p{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.55;color:var(--ink);margin:0 0 .9em}
.vs-film .closing p:last-child{margin-bottom:0}
.vs-film .closing .em{font-size:21px}

/* Invitation finale */
.vs-film .invite{max-width:640px;margin:40px auto 0;text-align:center}
.vs-film .invite p{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;line-height:1.55;color:var(--ink);margin:0 0 .6em}
.vs-film .invite .em{font-size:21px;color:var(--gold)}

/* Pied */
.vs-film .foot{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.vs-film .credit{font-size:11px;color:var(--muted);margin:0 0 6px}
.vs-film .e360{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;color:var(--gold);letter-spacing:.04em}

@media (max-width:680px){
  .vs-film{padding:36px 20px 28px;border-left:none;border-right:none}
  .vs-film .row{grid-template-columns:1fr;gap:12px}
  .vs-film .guided{grid-template-columns:1fr;gap:18px}
  .vs-film .g-side{position:static}
  .vs-film .player{grid-template-columns:1fr;justify-items:center;text-align:center}
  .vs-film .player > div:last-child{width:100%}
  .vs-film .g-text p{font-size:19px}
  .vs-film .pull{font-size:22px}
  .vs-film .story-in{padding:30px 6% 24px}
  .vs-film .story-text p{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.vs-film *{transition:none!important}}
</style>

<article class="vs-film">

  <!-- ===== HERO ===== -->
  <img decoding="async" class="hero-img" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Projection-cinematographique-dune-vie-debordee.png" alt="Projection cinématographique d’une vie débordée" loading="lazy">

  <div class="eyebrow">Bienvenue · Ta boîte à outils</div>
  <h1>Le film de ma vie</h1>

  <div class="meta">
    <span class="pill">
      <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="12" rx="1"/><path d="M8 21h8M12 17v4"/></svg>
      Exercice guidé · Audio + interactif
    </span>
  </div>

  <!-- ===== INTRO ===== -->
  <div class="intro">
    <p class="dropcap">Imagine un grand écran devant toi. Tu regardes cet écran, et un film commence&nbsp;: le film de ta vie. Tu en es la star, tu joues le rôle principal.</p>
  </div>

  <p class="pull">Comment sait-on que tu es la star de ton film&nbsp;? Parce que tu es dans chaque scène du film de ta vie.<cite>Comme le dit Peter Sage</cite></p>

  <div class="intro">
    <p class="em" style="text-align:center">Arrête l’image sur une scène de ta vie d’aujourd’hui, et décris ce que tu vois, sans chercher à expliquer, corriger ou juger.</p>
  </div>

  <div class="cta-wrap">
    <p class="cta-q">Envie d’essayer&nbsp;?</p>
    <a class="btn" href="#film-exercice">
      <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>
      À toi d’essayer
    </a>
  </div>

  <div class="vline" aria-hidden="true"></div>

  <!-- ===== EXERCICE GUIDÉ (AUDIO + TEXTE) ===== -->
  <section id="film-exercice" style="scroll-margin-top:24px">
    <div class="sec-head">
      <div class="eyebrow">Ma boîte à outils · Exercice guidé</div>
      <h2>Le film de ma vie</h2>
      <p class="subtitle">Lis le texte ou écoute l’audio&nbsp;: c’est le même exercice.</p>
    </div>

    <div class="player" data-src="https://vanessa-salles.com/wp-content/uploads/2026/10/AEE-FILM-DE-MA-VIE-DEPART-.mp3">
      <div class="ph-icon" aria-hidden="true">
        <svg viewBox="0 0 24 24" fill="none" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>
      </div>
      <div>
        <div class="ph-label">Exercice guidé · Version audio</div>
        <div class="ph-title">Tu préfères écouter, les yeux fermés&nbsp;? Clique sur play.</div>
        <div class="ctrl">
          <button class="play" type="button" aria-label="Lecture">
            <svg class="i-play" viewBox="0 0 24 24"><path d="M7 4.5v15l13-7.5z"/></svg>
            <svg class="i-pause" viewBox="0 0 24 24" style="display:none"><path d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>
          </button>
          <div class="bar" role="slider" tabindex="0" aria-label="Position dans l’audio" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
            <div class="track"><div class="fill"></div><div class="knob"></div></div>
          </div>
          <div class="time">0:00 / –:––</div>
        </div>
      </div>
    </div>

    <div class="guided">
      <aside class="g-side">
        <div class="g-label">Exercice guidé · Version à lire</div>
        <div class="g-name">Le film de ma vie</div>
      </aside>
      <div class="g-text">
        <p>Imagine un grand écran devant toi.</p>
        <p>Sur cet écran, un film commence… le film de ta vie.</p>
        <p>Tu en es la star. Tu joues le rôle principal.</p>
        <p>Comme le dit Peter Sage, comment sait-on que tu es la star de ton film&nbsp;?</p>
        <p>Parce que tu es dans chaque scène du film de ta vie.</p>
        <p>Et maintenant, imagine que tu disposes d’une télécommande.</p>
        <p>Tu peux avancer, revenir en arrière… ou simplement mettre le film sur pause.</p>
        <p>Arrête l’image sur une scène de ta vie d’aujourd’hui. Une scène qui représente une situation que tu aimerais voir évoluer.</p>
        <p>Observe ce qui se passe à l’écran, comme si tu regardais un film.</p>
        <p>Observe cette version de toi avec curiosité, sans aucun jugement, comme si tu découvrais un personnage dans un film.</p>
        <p>Essaie de repérer les différents éléments qui composent cette scène… ses comportements, ses pensées, ses émotions.</p>
        <p class="q">Quel est le décor&nbsp;? Où se déroule cette scène&nbsp;?</p>
        <p class="q">Que fait cette version de toi&nbsp;?</p>
        <p class="q">Comment se comporte-t-elle&nbsp;?</p>
        <p class="q">Que semble-t-elle penser&nbsp;?</p>
        <p class="q">Que semble-t-elle ressentir&nbsp;?</p>
        <p class="q">Et lorsque tu regardes cette scène… qu’est-ce qui te vient spontanément à l’esprit&nbsp;?</p>
        <p>Laisse-toi guider par ta curiosité.</p>
        <p>Il n’y a pas de bonne ou de mauvaise réponse.</p>
        <p>Tu n’as rien à changer, rien à résoudre, rien à expliquer.</p>
        <p>Et tu n’as pas besoin de revivre cette scène.</p>
        <p>Tu es simplement là pour observer… avec curiosité, sans chercher à corriger ou à juger.</p>
        <p>Et lorsque tu as une image en tête, ou que quelques idées te viennent à l’esprit, je t’invite à ouvrir doucement les yeux…</p>
        <p>Et à découvrir l’exercice interactif qui suit, pour explorer un peu plus en détail cette scène de ta vie.</p>
      </div>
    </div>
  </section>

  <div class="vline" aria-hidden="true"></div>

  <!-- ===== EXERCICE INTERACTIF ===== -->
  <section id="film-scene" style="scroll-margin-top:24px">
    <div class="sec-head">
      <div class="eyebrow">Ma boîte à outils · Exercice interactif</div>
      <h2>À toi d’essayer — Ma scène</h2>
      <p class="subtitle">Repense à une scène que tu viens de voir, et essaie de remplir les éléments suivants. Pas besoin de réfléchir longtemps&nbsp;: clique simplement sur ce qui te semble juste, ou écris avec tes propres mots.</p>
    </div>

    <div class="scene">

      <div class="row" data-key="moment">
        <div class="r-label">C’est…</div>
        <div><div class="chips">
          <button type="button" class="chip">le matin</button><button type="button" class="chip">la journée</button><button type="button" class="chip">le soir</button><button type="button" class="chip">la nuit</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="C’est… avec mes mots"></div>
      </div>

      <div class="row" data-key="action">
        <div class="r-label">Tu te vois…<small>ce que tu fais, ou ne fais pas</small></div>
        <div><div class="chips">
          <button type="button" class="chip">répondre encore à des mails</button><button type="button" class="chip">tourner en rond</button><button type="button" class="chip">scroller sur ton téléphone</button><button type="button" class="chip">dire oui à tout</button><button type="button" class="chip">repousser</button><button type="button" class="chip">rester sans rien faire</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="Tu te vois… avec mes mots"></div>
      </div>

      <div class="row" data-key="lieu">
        <div class="r-label">Dans…<small>où es-tu&nbsp;?</small></div>
        <div><div class="chips">
          <button type="button" class="chip">la cuisine</button><button type="button" class="chip">le bureau</button><button type="button" class="chip">la voiture</button><button type="button" class="chip">le salon</button><button type="button" class="chip">ton lit</button><button type="button" class="chip">dehors</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="Où es-tu&nbsp;? avec mes mots"></div>
      </div>

      <div class="row" data-key="autour">
        <div class="r-label">Autour de toi…</div>
        <div><div class="chips">
          <button type="button" class="chip">personne</button><button type="button" class="chip">ta famille</button><button type="button" class="chip">ton ou ta partenaire</button><button type="button" class="chip">des collègues</button><button type="button" class="chip">des amis</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="Autour de toi… avec mes mots"></div>
      </div>

      <div class="row" data-key="version">
        <div class="r-label">Il est clair pour toi que cette version de toi est…</div>
        <div><div class="chips">
          <button type="button" class="chip">épuisée</button><button type="button" class="chip">inquiète</button><button type="button" class="chip">découragée</button><button type="button" class="chip">en colère</button><button type="button" class="chip">perdue</button><button type="button" class="chip">sur ses gardes</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="Cette version de toi est… avec mes mots"></div>
      </div>

      <div class="row" data-key="sent">
        <div class="r-label">Elle se sent…</div>
        <div><div class="chips">
          <button type="button" class="chip">seule</button><button type="button" class="chip">débordée</button><button type="button" class="chip">pas à la hauteur</button><button type="button" class="chip">invisible</button><button type="button" class="chip">triste</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="Elle se sent… avec mes mots"></div>
      </div>

      <div class="row" data-key="dit">
        <div class="r-label">Elle se dit souvent…</div>
        <div><div class="chips">
          <button type="button" class="chip">je dois tenir</button><button type="button" class="chip">je n’y arriverai jamais</button><button type="button" class="chip">ce n’est pas pour moi</button><button type="button" class="chip">je dois tout faire seule</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="Elle se dit souvent… avec mes mots"></div>
      </div>

      <div class="row" data-key="resultat">
        <div class="r-label">Et le résultat, c’est que…</div>
        <div><div class="chips">
          <button type="button" class="chip">rien n’avance</button><button type="button" class="chip">je suis fatiguée le lendemain</button><button type="button" class="chip">les tensions montent</button><button type="button" class="chip">je remets à plus tard</button><button type="button" class="chip">je me sens encore plus seule</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="Et le résultat, c’est que… avec mes mots"></div>
      </div>

      <div class="row" data-key="conclut">
        <div class="r-label">Et elle en conclut que…</div>
        <div><div class="chips">
          <button type="button" class="chip">personne ne l’aidera</button><button type="button" class="chip">c’est toujours comme ça</button><button type="button" class="chip">elle n’est pas assez</button><button type="button" class="chip">rien ne changera</button>
        </div><input class="own" type="text" placeholder="avec mes mots…" aria-label="Et elle en conclut que… avec mes mots"></div>
      </div>

    </div>

    <div class="closing">
      <p>Quand tu mets ces éléments ensemble, tu obtiens ce qu’on appelle une histoire.</p>
      <p class="em">C’est l’histoire que tu te racontes, et peut-être même celle que tu racontes aux autres autour de toi.</p>
      <p>Une fois qu’on commence à remarquer sa propre histoire, et à mieux comprendre le fonctionnement de son propre esprit, on comprend vite à quel point l’histoire et l’expérience sont liées.</p>
    </div>

    <div class="actions">
      <button type="button" class="btn gold" data-act="story">
        <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="12" rx="1"/><path d="M10 8.5v5l4-2.5z"/></svg>
        Voir mon histoire
      </button>
      <button type="button" class="link" data-act="example">Exemple</button>
      <button type="button" class="link" data-act="reset">Effacer</button>
    </div>

    <div class="story" aria-live="polite">
      <div class="story-in">
        <div class="eyebrow">Le film de ma vie</div>
        <div class="story-text"></div>
      </div>
    </div>

    <div class="invite">
      <div class="eyebrow">Invitation</div>
      <p>Est-ce que tu peux voir si cela est une situation récurrente&nbsp;?</p>
      <p class="em">Si oui, c’est une indication que c’est peut-être bien un schéma, un automatisme.</p>
    </div>
  </section>

  <!-- ===== PIED ===== -->
  <footer class="foot">
    <div>
      <p class="credit">Le film de ma vie · 360° Expérience © Vanessa Salles</p>
    </div>
    <div class="e360" aria-hidden="true">360°</div>
  </footer>
</article>

<script>
(function(){
  document.querySelectorAll('.vs-film').forEach(function(root){
    var rows={};root.querySelectorAll('.row').forEach(function(r){rows[r.getAttribute('data-key')]=r;});
    var story=root.querySelector('.story'),out=root.querySelector('.story-text');

    root.querySelectorAll('.chip').forEach(function(c){
      c.setAttribute('aria-pressed','false');
      c.addEventListener('click',function(){c.setAttribute('aria-pressed',c.getAttribute('aria-pressed')==='true'?'false':'true');});
    });

    function vals(k){
      var r=rows[k],v=[];
      r.querySelectorAll('.chip[aria-pressed="true"]').forEach(function(c){v.push(c.textContent.trim());});
      var o=r.querySelector('.own').value.trim();if(o)v.push(o);return v;
    }
    function join(a){return a.length<2?(a[0]||''):a.slice(0,-1).join(', ')+' et '+a[a.length-1];}
    function cap(s){return s.charAt(0).toUpperCase()+s.slice(1);}
    function esc(s){return s.replace(/[&<>"]/g,function(m){return{'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[m];});}

    function build(){
      var L=[],v;
      if((v=vals('moment')).length)L.push('C’est '+join(v)+'.');
      if((v=vals('action')).length)L.push('Tu te vois '+join(v)+'.');
      if((v=vals('lieu')).length){
        var chipsL=[].map.call(rows.lieu.querySelectorAll('.chip'),function(c){return c.textContent.trim();});
        v=v.map(function(x){return(chipsL.indexOf(x)>-1&&x!=='dehors')?'dans '+x:x;});
        L.push(cap(join(v))+'.');
      }
      if((v=vals('autour')).length)L.push('Autour de toi, '+join(v)+'.');
      if((v=vals('version')).length)L.push('Il est clair pour toi que cette version de toi est '+join(v)+'.');
      if((v=vals('sent')).length)L.push('Elle se sent '+join(v)+'.');
      if((v=vals('dit')).length)L.push('Elle se dit souvent&nbsp;: '+v.map(function(x){return'«&nbsp;'+esc(x)+'&nbsp;»';}).join(', ')+'.');
      if((v=vals('resultat')).length)L.push('Et le résultat, c’est que '+join(v)+'.');
      if((v=vals('conclut')).length)L.push('Et elle en conclut que '+join(v)+'.');
      story.classList.add('on');
      if(!L.length){out.innerHTML='<p class="story-empty">Touche une ou plusieurs idées, ou écris avec tes propres mots.</p>';}
      else{out.innerHTML=L.map(function(s){return'<p>'+(s.indexOf('«&nbsp;')>-1?s:esc(s))+'</p>';}).join('');}
      story.scrollIntoView({behavior:'smooth',block:'nearest'});
    }

    function reset(){
      root.querySelectorAll('.chip').forEach(function(c){c.setAttribute('aria-pressed','false');});
      root.querySelectorAll('.own').forEach(function(i){i.value='';});
      story.classList.remove('on');out.innerHTML='';
    }

    /* Exemple : une sélection parmi tes propres idées */
    var EX={moment:['le soir'],action:['répondre encore à des mails'],lieu:['la cuisine'],autour:['personne'],
      version:['épuisée'],sent:['débordée'],dit:['je dois tout faire seule'],resultat:['je suis fatiguée le lendemain'],conclut:['rien ne changera']};
    function example(){
      reset();
      Object.keys(EX).forEach(function(k){
        rows[k].querySelectorAll('.chip').forEach(function(c){if(EX[k].indexOf(c.textContent.trim())>-1)c.setAttribute('aria-pressed','true');});
      });
      build();
    }

    root.querySelector('[data-act="story"]').addEventListener('click',build);
    root.querySelector('[data-act="example"]').addEventListener('click',example);
    root.querySelector('[data-act="reset"]').addEventListener('click',reset);
  });
})();
</script>

<script>
(function(){
  document.querySelectorAll('.vs-film .player').forEach(function(p){
    var src=(p.getAttribute('data-src')||'').trim();
    var btn=p.querySelector('.play'),bar=p.querySelector('.bar'),fill=p.querySelector('.fill'),knob=p.querySelector('.knob'),
        time=p.querySelector('.time'),iPlay=p.querySelector('.i-play'),iPause=p.querySelector('.i-pause');
    function fmt(s){if(!isFinite(s))return '–:––';s=Math.floor(s);return Math.floor(s/60)+':'+String(s%60).padStart(2,'0');}
    if(!src){btn.disabled=true;time.textContent='Audio bientôt disponible';return;}
    var a=new Audio();a.preload='metadata';a.src=src;
    function draw(){var pct=a.duration?a.currentTime/a.duration*100:0;fill.style.width=pct+'%';knob.style.left=pct+'%';
      bar.setAttribute('aria-valuenow',Math.round(pct));time.textContent=fmt(a.currentTime)+' / '+fmt(a.duration);}
    a.addEventListener('loadedmetadata',draw);a.addEventListener('timeupdate',draw);
    a.addEventListener('ended',function(){iPlay.style.display='';iPause.style.display='none';btn.setAttribute('aria-label','Lecture');});
    btn.addEventListener('click',function(){
      if(a.paused){a.play();iPlay.style.display='none';iPause.style.display='';btn.setAttribute('aria-label','Pause');}
      else{a.pause();iPlay.style.display='';iPause.style.display='none';btn.setAttribute('aria-label','Lecture');}
    });
    function seek(x){var r=bar.getBoundingClientRect();if(a.duration)a.currentTime=Math.max(0,Math.min(1,(x-r.left)/r.width))*a.duration;}
    bar.addEventListener('click',function(e){seek(e.clientX);});
    bar.addEventListener('keydown',function(e){if(!a.duration)return;
      if(e.key==='ArrowRight'){a.currentTime=Math.min(a.duration,a.currentTime+5);e.preventDefault();}
      if(e.key==='ArrowLeft'){a.currentTime=Math.max(0,a.currentTime-5);e.preventDefault();}});
  });
})();
</script>				</div>
					</div>
				</div>
				</div>
		<p>The post <a href="https://vanessa-salles.com/film-de-ma-vie/">Film de ma vie</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>La perspective du Géant</title>
		<link>https://vanessa-salles.com/elementor-920/</link>
		
		<dc:creator><![CDATA[Vanessa Salles]]></dc:creator>
		<pubDate>Sat, 17 Oct 2026 20:45:35 +0000</pubDate>
				<category><![CDATA[Bibliothèque]]></category>
		<category><![CDATA[MicroAudio]]></category>
		<category><![CDATA[Pause Café]]></category>
		<guid isPermaLink="false">https://vanessa-salles.com/?p=920</guid>

					<description><![CDATA[<p>Bienvenue · Ta boîte à outils Coincée&#160;? Essaye la Perspective du Géant Élargir ton champ de vision Exercice guidé · Audio + texte Et si tu prenais de la hauteur&#160;? Imagine que tu es au milieu d’une immense forêt. Tu es entouré d’arbres. Tu regardes à gauche, à droite, devant toi… mais tu ne vois [&#8230;]</p>
<p>The post <a href="https://vanessa-salles.com/elementor-920/">La perspective du Géant</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="920" class="elementor elementor-920">
				<div class="elementor-element elementor-element-d7cc688 e-flex e-con-boxed e-con e-parent" data-id="d7cc688" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-95703f6 elementor-widget elementor-widget-html" data-id="95703f6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ============================================================
     La Perspective du Géant — Bibliothèque vanessa-salles.com
     Version 1017-v4
     À coller dans un bloc « HTML personnalisé » de l'article WordPress.
     AUDIO : colle le lien de ton fichier audio (médiathèque WordPress)
     dans data-src="" ci-dessous (cherche  AUDIO ICI ).
     ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">

<style>
.vs-geant{--gold:#B8955A;--gold-soft:#D9C49C;--gold-pale:#F7F1E6;--ink:#1A1A1A;--text:#3D3D3D;--muted:#8A8580;--line:#E8DFD0;
  max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--gold-soft);padding:56px 48px 40px;
  font-family:'Quicksand',system-ui,sans-serif;color:var(--text);font-size:15px;line-height:1.75;box-sizing:border-box}
.vs-geant *{box-sizing:border-box}
.vs-geant p{margin:0 0 1em}
.vs-geant .serif{font-family:'Cormorant Garamond',Georgia,serif}

/* ---------- HERO ---------- */
.vs-geant .hero-img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto 28px;border-radius:2px}
.vs-geant .eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;font-weight:600;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.vs-geant .eyebrow::before,.vs-geant .eyebrow::after{content:"";width:34px;height:1px;background:var(--gold)}
.vs-geant h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(34px,6vw,48px);line-height:1.1;color:var(--ink);text-align:center;margin:0 0 8px}
.vs-geant .subtitle{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;color:var(--muted);text-align:center;margin:0 0 18px}
.vs-geant .meta{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.vs-geant .pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-soft);border-radius:999px;padding:5px 12px 5px 9px}
.vs-geant .pill svg{width:15px;height:15px;stroke:var(--gold)}

.vs-geant .lead{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 8%;margin:0 auto 36px;max-width:640px;text-align:center;
  font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.4;color:var(--ink)}

/* ---------- INTRO 2 COLONNES ---------- */
.vs-geant .cols{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:34px}
.vs-geant .cols > div{padding:0 26px}
.vs-geant .cols > div:first-child{padding-left:0;border-right:1px solid var(--line)}
.vs-geant .cols > div:last-child{padding-right:0}
.vs-geant .dropcap::first-letter{font-family:'Cormorant Garamond',Georgia,serif;float:left;font-size:58px;line-height:.85;color:var(--gold);padding:4px 10px 0 0}
.vs-geant .em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;color:var(--ink);line-height:1.45}

.vs-geant .cta-wrap{text-align:center;margin:10px 0 0}
.vs-geant .cta-q{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:20px;color:var(--muted);margin-bottom:14px}
.vs-geant .btn{display:inline-flex;align-items:center;gap:10px;font-family:'Quicksand',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink);background:#fff;border:1px solid var(--ink);padding:13px 24px;text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.vs-geant .btn:hover{background:var(--ink);color:#fff}
.vs-geant .btn svg{width:15px;height:15px;stroke:currentColor}
.vs-geant .vline{width:1px;height:58px;background:var(--ink);margin:34px auto}

/* ---------- SECTION EXERCICE ---------- */
.vs-geant .sec-head{text-align:center;margin-bottom:30px}
.vs-geant h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(28px,4.6vw,36px);color:var(--ink);margin:0 0 6px;line-height:1.15}
.vs-geant .sec-head .subtitle{font-size:17px;margin-bottom:0}

/* Lecteur audio */
.vs-geant .player{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-bottom:34px}
.vs-geant .ph-icon{width:76px;height:76px;border-radius:50%;background:var(--gold-pale);border:1px solid var(--gold-soft);display:flex;align-items:center;justify-content:center;position:relative}
.vs-geant .ph-icon svg{width:36px;height:36px;stroke:var(--gold)}
.vs-geant .ph-label{font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.vs-geant .ph-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;color:var(--ink);margin-bottom:12px;line-height:1.2}
.vs-geant .ctrl{display:flex;align-items:center;gap:14px}
.vs-geant .play{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s}
.vs-geant .play svg{width:16px;height:16px;fill:var(--ink)}
.vs-geant .play:hover{background:var(--ink)} .vs-geant .play:hover svg{fill:#fff}
.vs-geant .play[disabled]{opacity:.35;cursor:not-allowed;background:#fff} .vs-geant .play[disabled] svg{fill:var(--ink)}
.vs-geant .bar{flex:1;height:22px;display:flex;align-items:center;cursor:pointer}
.vs-geant .track{width:100%;height:2px;background:var(--line);position:relative}
.vs-geant .fill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--gold)}
.vs-geant .knob{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%);left:0}
.vs-geant .time{font-size:12px;color:var(--muted);min-width:84px;text-align:right;font-variant-numeric:tabular-nums}
.vs-geant .ph-note{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.vs-geant .play:focus-visible,.vs-geant .btn:focus-visible,.vs-geant .bar:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Texte guidé */
.vs-geant .guided{display:grid;grid-template-columns:200px 1fr;gap:34px}
.vs-geant .g-side{position:sticky;top:24px;align-self:start}
.vs-geant .g-label{font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.vs-geant .g-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.2;color:var(--ink);margin-bottom:12px}
.vs-geant .g-hint{font-size:12.5px;color:var(--muted);line-height:1.6}
.vs-geant .g-text p{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.6;color:var(--ink);margin:0 0 1.05em}
.vs-geant .g-text .q{font-style:italic;color:var(--gold)}
.vs-geant .pull{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 6%;margin:30px 0;text-align:center;
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:25px;line-height:1.4;color:var(--ink)}
.vs-geant .note{border-left:2px solid var(--gold);padding:4px 0 4px 18px;margin:0 0 18px;font-size:14px;color:var(--text)}
.vs-geant .note strong{color:var(--ink);font-weight:600}

/* Pied */
.vs-geant .foot{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.vs-geant .credit{font-size:11px;color:var(--muted);margin:0 0 6px}
.vs-geant .tag{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:15px;color:var(--gold);margin:0}
.vs-geant .e360{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;color:var(--gold);letter-spacing:.04em}

@media (max-width:680px){
  .vs-geant{padding:36px 20px 28px;border-left:none;border-right:none}
  .vs-geant .lead{font-size:21px;padding:18px 2%}
  .vs-geant .cols{grid-template-columns:1fr}
  .vs-geant .cols > div{padding:0!important;border:none!important}
  .vs-geant .guided{grid-template-columns:1fr;gap:18px}
  .vs-geant .g-side{position:static}
  .vs-geant .player{grid-template-columns:1fr;justify-items:center;text-align:center}
  .vs-geant .player > div:last-child{width:100%}
  .vs-geant .g-text p{font-size:19px}
  .vs-geant .pull{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.vs-geant *{transition:none!important}}
</style>

<article class="vs-geant">

  <!-- ===== HERO ===== -->
  <img decoding="async" class="hero-img" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Geante-au-dessus-dun-village-miniature.png" alt="Une géante debout au-dessus d’un village miniature" loading="lazy">

  <div class="eyebrow">Bienvenue · Ta boîte à outils</div>
  <h1>Coincée&nbsp;? Essaye la Perspective du Géant</h1>
  <p class="subtitle">Élargir ton champ de vision</p>

  <div class="meta">
    <span class="pill">
      <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>
      Exercice guidé · Audio + texte
    </span>
  </div>

  <p class="lead">Et si tu prenais de la hauteur&nbsp;?</p>

  <!-- ===== INTRO ===== -->
  <div class="cols">
    <div>
      <p class="dropcap">Imagine que tu es au milieu d’une immense forêt.</p>
      <p>Tu es entouré d’arbres. Tu regardes à gauche, à droite, devant toi… mais tu ne vois pas comment en sortir.</p>
      <p>Et parfois, avec nos problèmes, c’est exactement pareil.</p>
      <p>On est tellement dedans, parfois jusqu’au cou, qu’il devient difficile de voir autre chose&nbsp;!</p>
      <p>Crois-moi, même quand on connaît les outils, ça arrive. À moi aussi&nbsp;!</p>
    </div>
    <div>
      <p>Alors, plutôt que de continuer à chercher parmi les arbres…</p>
      <p class="em">Et si tu prenais de la hauteur&nbsp;?</p>
      <p>Imagine que tu t’élèves au-dessus de la forêt.</p>
      <p>Plus tu montes, plus ton champ de vision s’élargit.</p>
      <p>Tu découvres des chemins et des possibilités que tu ne pouvais pas voir depuis le sol.</p>
      <p class="em">La forêt n’a pas changé. C’est ton point de vue qui a changé.</p>
      <p>Et parfois, c’est exactement ce dont nous avons besoin.</p>
      <p>Quand tu te sens submergé, commence par prendre de la hauteur. Quand tu te sens prêt(e), tu peux explorer, sans jugement, le problème.</p>
    </div>
  </div>

  <div class="cta-wrap">
    <p class="cta-q">Envie d’essayer&nbsp;?</p>
    <a class="btn" href="#geant-exercice">
      <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>
      À toi d’essayer
    </a>
  </div>

  <div class="vline" aria-hidden="true"></div>

  <!-- ===== EXERCICE ===== -->
  <section id="geant-exercice" style="scroll-margin-top:24px">
    <div class="sec-head">
      <div class="eyebrow">Ma boîte à outils · Exercice guidé</div>
      <h2>La Perspective du Géant</h2>
      <p class="subtitle">Écoute l’audio ou lis le texte : c’est le même exercice.</p>
    </div>

    <!-- Lecteur audio — AUDIO ICI : colle le lien du fichier dans data-src -->
    <div class="player" data-src="https://vanessa-salles.com/wp-content/uploads/2026/10/Giant-Exercise-POV-.mp3">
      <div class="ph-icon" aria-hidden="true">
        <svg viewBox="0 0 24 24" fill="none" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>
      </div>
      <div>
        <div class="ph-label">Exercice guidé</div>
        <div class="ph-title">La Perspective du Géant</div>
        <div class="ctrl">
          <button class="play" type="button" aria-label="Lecture">
            <svg class="i-play" viewBox="0 0 24 24"><path d="M7 4.5v15l13-7.5z"/></svg>
            <svg class="i-pause" viewBox="0 0 24 24" style="display:none"><path d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>
          </button>
          <div class="bar" role="slider" tabindex="0" aria-label="Position dans l’audio" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
            <div class="track"><div class="fill"></div><div class="knob"></div></div>
          </div>
          <div class="time">0:00 / –:––</div>
        </div>
      </div>
    </div>

    <!-- Texte guidé -->
    <div class="guided">
      <aside class="g-side">
        <div class="g-label">À toi d’essayer
        Transcription </div>
        <div class="g-name">La Perspective du Géant</div>
      </aside>

      <div class="g-text">
        <p>Imagine maintenant que tu grandis… que tu deviens de plus en plus grand.</p>
        <p>Grand… vraiment grand.</p>
        <p>Comme un géant, d’environ 45 mètres de haut.</p>
        <p>Les maisons et les immeubles autour de toi t’arrivent à peine aux genoux.</p>
        <p>Ton corps grandit, s’ouvre, prend de l’espace.</p>
        <p>Tu passes peut-être d’une sensation de contraction… à une sensation d’ouverture, de relâchement… d’expansion.</p>
        <p>Et maintenant, regarde ta situation actuelle depuis là-haut.</p>
        <p>Imagine que tout se déroule en miniature, comme un décor de cinéma… ou un monde construit en Lego.</p>
        <p>Et toi, tu es le réalisateur. Observe la scène.</p>
        <p>Les personnages… leurs paroles… leurs réactions… leurs émotions.</p>
        <p>Peut-être que certains s’agitent, discutent ou se disputent.</p>
        <p>Mais de là-haut, tu peux voir l’ensemble.</p>
        <p>Tu n’es plus seulement dans la scène. Tu peux aussi l’observer.</p>
        <p>Et doucement, laisse partir tes jugements. Juste observe, avec curiosité.</p>
        <p>Remarque si, à travers cette nouvelle perspective, quelque chose change pour toi.</p>
        <p class="q">Que vois-tu que tu ne voyais pas auparavant&nbsp;?</p>
        <p>Et en laissant momentanément de côté ton ancien point de vue…</p>
        <p class="q">Quelles nouvelles idées… quelles nouvelles possibilités peuvent venir à toi, apparaître dans ton esprit conscient&nbsp;?</p>
        <p>Tu n’as rien à faire, juste observer, et laisser les idées venir et partir…</p>

        <p class="pull">Car parfois, pour voir les choses autrement, il suffit simplement de changer de perspective.</p>

        <p class="note">Quand on ne se sent pas bien, c’est utile d’ouvrir l’esprit, de prendre de la hauteur. Et quand tu es dans un bon élan, c’est bénéfique de rentrer plus dans une vision détaillée.</p>
        <p class="note"><strong>Fais cet exercice plusieurs fois pour qu’il devienne plus facile.</strong></p>
      </div>
    </div>
  </section>

  <!-- ===== PIED ===== -->
  <footer class="foot">
    <div>
      <p class="credit">La Perspective du Géant · 360° Expérience © Vanessa Salles</p>
      <p class="tag">Prendre de la hauteur · observer · changer de perspective</p>
    </div>
    <div class="e360" aria-hidden="true">360°</div>
  </footer>
</article>

<script>
(function(){
  document.querySelectorAll('.vs-geant .player').forEach(function(p){
    var src=(p.getAttribute('data-src')||'').trim();
    var btn=p.querySelector('.play'),bar=p.querySelector('.bar'),fill=p.querySelector('.fill'),knob=p.querySelector('.knob'),
        time=p.querySelector('.time'),iPlay=p.querySelector('.i-play'),iPause=p.querySelector('.i-pause');
    function fmt(s){if(!isFinite(s))return '–:––';s=Math.floor(s);return Math.floor(s/60)+':'+String(s%60).padStart(2,'0');}
    if(!src){btn.disabled=true;time.textContent='Audio bientôt disponible';return;}
    var a=new Audio();a.preload='metadata';a.src=src;
    function draw(){var pct=a.duration?a.currentTime/a.duration*100:0;fill.style.width=pct+'%';knob.style.left=pct+'%';
      bar.setAttribute('aria-valuenow',Math.round(pct));time.textContent=fmt(a.currentTime)+' / '+fmt(a.duration);}
    a.addEventListener('loadedmetadata',draw);a.addEventListener('timeupdate',draw);
    a.addEventListener('ended',function(){iPlay.style.display='';iPause.style.display='none';btn.setAttribute('aria-label','Lecture');});
    btn.addEventListener('click',function(){
      if(a.paused){a.play();iPlay.style.display='none';iPause.style.display='';btn.setAttribute('aria-label','Pause');}
      else{a.pause();iPlay.style.display='';iPause.style.display='none';btn.setAttribute('aria-label','Lecture');}
    });
    function seek(x){var r=bar.getBoundingClientRect();if(a.duration)a.currentTime=Math.max(0,Math.min(1,(x-r.left)/r.width))*a.duration;}
    bar.addEventListener('click',function(e){seek(e.clientX);});
    bar.addEventListener('keydown',function(e){if(!a.duration)return;
      if(e.key==='ArrowRight'){a.currentTime=Math.min(a.duration,a.currentTime+5);e.preventDefault();}
      if(e.key==='ArrowLeft'){a.currentTime=Math.max(0,a.currentTime-5);e.preventDefault();}});
  });
})();
</script>				</div>
					</div>
				</div>
				</div>
		<p>The post <a href="https://vanessa-salles.com/elementor-920/">La perspective du Géant</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Si tu échoues, ce n&#8217;est pas ta faute</title>
		<link>https://vanessa-salles.com/si-tu-echoues-ce-nest-pas-ta-faute/</link>
					<comments>https://vanessa-salles.com/si-tu-echoues-ce-nest-pas-ta-faute/#respond</comments>
		
		<dc:creator><![CDATA[Vanessa Salles]]></dc:creator>
		<pubDate>Sat, 03 Oct 2026 21:18:14 +0000</pubDate>
				<category><![CDATA[Bibliothèque]]></category>
		<category><![CDATA[Pause Café]]></category>
		<guid isPermaLink="false">https://vanessa-salles.com/?p=830</guid>

					<description><![CDATA[<p>Pause café·4 min de lecture Si tu échoues, ce n&#8217;est pas ta faute Nous étions assises ensemble dans un restaurant. Je lui ai demandé si elle était prête à changer sa façon de faire. «&#160;Changer mes habitudes&#160;?&#160;» Elle m&#8217;a lancé un regard découragé. «&#160;Chaque fois, je suis tellement prête à changer… et peu après, ma [&#8230;]</p>
<p>The post <a href="https://vanessa-salles.com/si-tu-echoues-ce-nest-pas-ta-faute/">Si tu échoues, ce n&rsquo;est pas ta faute</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="830" class="elementor elementor-830">
				<div class="elementor-element elementor-element-20891c2 e-con e-atomic-element e-flexbox-base e-default-div e-5838ebc " data-id="20891c2" data-element_type="e-flexbox" data-e-type="e-flexbox" data-interaction-id="20891c2">
    		<div class="elementor-element elementor-element-50ec141 elementor-widget elementor-widget-html" data-id="50ec141" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- Article : Si tu échoues, ce n'est pas ta faute — 1003-v15 (image d'ouverture centrée) -->
<!-- Bloc autonome pour widget HTML Elementor (CSS scopé .vs-art) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Quicksand:wght@400;500&display=swap" rel="stylesheet">

<style>
.vs-art{
  --champ:#B49A61; --champ-l:#DCCDB0; --title:#252321; --text:#44413E;
  --ivory:#F8F4EF; --cream:#EEE6DC; --white:#FFFFFF;
  background:var(--white); color:var(--text);
  font-family:'Quicksand',system-ui,sans-serif; font-size:18px; line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
.vs-art *{box-sizing:border-box;}
.vs-art .wrap{max-width:680px; margin:0 auto; padding:0 24px;}
.vs-art p{margin:0 0 22px; font-size:18px; text-align:left; color:var(--text);}

/* Images */
.vs-art figure{margin:0; background:var(--cream); position:relative; overflow:hidden;}
.vs-art figure img{display:block; width:100%; height:100%; object-fit:cover;}
.vs-art figure .ph{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:15px; color:var(--champ); z-index:0;}
.vs-art figure img{position:relative; z-index:1;}

/* Ouverture */
.vs-art .hero-wrap{width:100%; max-width:1180px; margin:0 auto !important; padding:0 24px;}
.vs-art .hero-wrap .hero-img{width:100% !important; max-width:none !important; margin:0 !important; aspect-ratio:3/2; max-height:72vh; border-radius:12px;}
.vs-art .hero-wrap .hero-img img{object-position:center 45%;}
.vs-art .hero-card{position:relative; z-index:2; max-width:760px; margin:-64px auto 0; background:var(--white); padding:48px 48px 8px; border-top:3px solid var(--champ);}
.vs-art .kicker{font-family:'Montserrat',sans-serif; font-size:15px; font-weight:500; color:var(--champ); letter-spacing:.03em; margin:0 0 14px;}
.vs-art .kicker .sep{margin:0 10px; color:var(--champ-l);}
.vs-art .kicker .read{color:var(--text); font-weight:400; letter-spacing:0;}
.vs-art h1{font-family:'Montserrat',sans-serif; font-size:46px; line-height:1.12; font-weight:500; color:var(--title); margin:0; letter-spacing:-.01em; text-align:left;}

/* Conversation */
.vs-art .body{padding:48px 0 8px;}
.vs-art p.first::first-letter{font-family:'Montserrat',sans-serif; float:left; font-size:68px; line-height:.9; padding:6px 10px 0 0; color:var(--champ); font-weight:500;}
.vs-art p.narr{color:var(--title);}
.vs-art p.claire{border-left:2px solid var(--champ-l); padding-left:22px;}

.vs-art .verdict{margin:52px 0; padding:34px 0; border-top:1px solid var(--champ-l); border-bottom:1px solid var(--champ-l);}
.vs-art .verdict p{font-family:'Montserrat',sans-serif; font-size:32px; line-height:1.28; font-weight:500; color:var(--champ); margin:0;}


/* Image dans le texte */
.vs-art .inline-img{margin:8px 0 34px;}
.vs-art .inline-img figure{aspect-ratio:3/2; border-radius:12px;}
.vs-art .inline-img.natural figure{aspect-ratio:auto; background:transparent;}
.vs-art .inline-img.natural img{height:auto; border-radius:12px;}

/* Pause pleine largeur */
.vs-art .break{margin:56px 0;}
.vs-art .break figure{height:380px;}
.vs-art .break .caption{max-width:680px; margin:0 auto; padding:16px 24px 0; font-size:15px; color:var(--champ);}

.vs-art .visual{position:relative;}

/* Clôture blanche, lettres dorées */
.vs-art .close{background:var(--white); padding:24px 0 110px;}
.vs-art .close-grid{max-width:900px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:300px 1fr; gap:44px; align-items:center;}
.vs-art .close figure{height:380px; border-radius:180px 180px 12px 12px;}
.vs-art .close .me{font-size:19px; color:var(--title); margin-bottom:18px;}
.vs-art .close .question{font-family:'Montserrat',sans-serif; font-size:30px; line-height:1.3; font-weight:500; color:var(--champ); margin:28px 0 0;}

@media (max-width:760px){
  .vs-art .hero-wrap{padding:0;}
  .vs-art .hero-wrap .hero-img{border-radius:0;}
  .vs-art .hero-card{margin:-28px 16px 0; padding:32px 24px 4px;}
  .vs-art h1{font-size:33px;}
  .vs-art .verdict p{font-size:26px;}
  .vs-art .break figure{height:260px;}
    .vs-art .close-grid{grid-template-columns:1fr; gap:28px;}
  .vs-art .visual{max-width:300px;}
  .vs-art .close figure{height:340px;}
  .vs-art .close .question{font-size:25px;}
}
</style>

<article class="vs-art">

  <header>
    <div class="hero-wrap">
      <figure class="hero-img">
        <img decoding="async" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Mon-velo-en-tant-que-porte-manteaux-1.jpg" alt="Un vélo d'appartement transformé en porte-manteaux, des baskets et un tapis de yoga posés au sol" loading="eager" fetchpriority="high" onerror="this.style.visibility='hidden'">
      </figure>
    </div>
    <div class="hero-card">
      <p class="kicker">Pause café<span class="sep" aria-hidden="true">·</span><span class="read">4 min de lecture</span></p>
      <h1>Si tu échoues, ce n'est pas ta faute</h1>
    </div>
  </header>

  <div class="body">
    <div class="wrap">

      <p class="narr first">Nous étions assises ensemble dans un restaurant. Je lui ai demandé si elle était prête à changer sa façon de faire.</p>
      <p class="claire">«&nbsp;Changer mes habitudes&nbsp;?&nbsp;» Elle m'a lancé un regard découragé. «&nbsp;Chaque fois, je suis tellement prête à changer… et peu après, ma motivation chute. Quelque chose prend sa place, la résistance, sans que je comprenne vraiment ce qui vient de se passer.&nbsp;»</p>
      <p class="narr">Elle a soupiré et, après une petite pause, elle a continué.</p>
      <p class="claire">«&nbsp;La semaine dernière, par exemple, j'ai fait mes exercices tous les jours. J'étais si heureuse, fière de moi. Et puis un jour, comme par magie, j'ai arrêté. Sûrement une bonne excuse. Un jour, deux jours… En tout cas, à partir de là, je n'ai plus rien fait. Ma motivation est devenue un souvenir, remplacée par de la frustration, de la culpabilité et de la honte.&nbsp;»</p>

      <p>Je lui ai demandé&nbsp;: «&nbsp;C'est comme si ton ancienne habitude était entrée par la porte de derrière et avait repris le dessus, sans que tu la voies venir&nbsp;?&nbsp;»</p>
      <p class="narr">Elle a hoché la tête.</p>
      <p>«&nbsp;J'ai une bonne nouvelle pour toi, Claire. Tu n'es pas la seule. Ce n'est pas ta faute. Et tu peux changer cela.&nbsp;»</p>

      <div class="verdict"><p>Tu n'es pas la seule. Ce n'est pas ta faute.</p></div>

      <p class="claire">Elle a levé les yeux, pas encore convaincue. «&nbsp;Pas ma faute&nbsp;? Mais c'est bien moi qui arrête.&nbsp;»</p>
      <p>«&nbsp;Tu sais, une très grande partie de ce que tu fais chaque jour, tu ne le décides pas vraiment. C'est ton subconscient qui s'en occupe. Ce sont des programmations, des automatismes, qui se mettent en route avant même que tu aies conscience d'agir.&nbsp;»</p>
      <p class="claire">«&nbsp;Une sorte de back-office, alors&nbsp;?&nbsp;»</p>
      <p>«&nbsp;Exactement. Pense à ton téléphone. Il a des programmes préinstallés, sans lesquels il ne fonctionnerait pas. Ton subconscient, c'est pareil&nbsp;: c'est le disque dur de ton existence. Il garde ton corps en vie et le fait fonctionner, sans que tu aies à y penser.&nbsp;»</p>
      <p class="claire">«&nbsp;Et mes exercices, dans tout ça&nbsp;?&nbsp;»</p>
      <p>«&nbsp;Tes exercices, c'est une nouvelle application. Elle n'est pas indispensable à ta survie, mais tu l'installes parce que tu as envie de vivre autre chose, de te sentir mieux. Et à force de répétition, une application comme celle-là peut devenir un automatisme, elle aussi.&nbsp;»</p>
      <p class="claire">«&nbsp;Alors pourquoi elle ne tient pas&nbsp;?&nbsp;»</p>
      <p>«&nbsp;Parce que la première mission de ton cerveau, c'est de te garder en vie. Et tout ce qui est nouveau, il le regarde avec méfiance. Pas parce que c'est dangereux, simplement parce que ce n'est pas familier. Pendant très longtemps, ce qui était familier, c'est ce qui nous a permis de survivre. Tu as déjà vu ce message sur ton téléphone&nbsp;?&nbsp;»</p>

      <div class="inline-img natural">
        <figure>
          <img decoding="async" src="https://vanessa-salles.com/wp-content/uploads/2026/10/mon-telephone-outdated-1-1.jpg" alt="Un téléphone affichant le message : cette application n'est pas compatible avec la version de votre système d'exploitation" loading="lazy" onerror="this.style.display='none'">
        </figure>
      </div>

      <p class="claire">Elle a ri. «&nbsp;Oui, ça m'arrive parfois&nbsp;!&nbsp;»</p>
      <p>«&nbsp;Eh bien, c'est exactement ce qui se passe. Ta nouvelle habitude n'est pas encore compatible avec ton système. Alors ton cerveau la ferme, sans te demander ton avis.&nbsp;»</p>
      <p class="claire">Elle est restée silencieuse un moment. «&nbsp;Donc ce n'est vraiment pas un manque de volonté.&nbsp;»</p>
      <p>«&nbsp;Non. Ton cerveau fait exactement son travail&nbsp;: il te protège.&nbsp;»</p>
      <p class="claire">«&nbsp;D'accord. Mais alors, on fait comment&nbsp;?&nbsp;»</p>
    </div>

    <div class="break">
      <figure>
        <span class="ph" aria-hidden="true">Image 2</span>
        <img decoding="async" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Route-panoramique-au-coucher-du-soleil.jpg" alt="Une route panoramique qui tourne au coucher du soleil" loading="lazy" onerror="this.style.visibility='hidden'">
      </figure>
    </div>

    <div class="wrap">
      <p>«&nbsp;La bonne nouvelle, c'est que ton système d'exploitation peut se mettre à jour. L'être humain est fait pour s'adapter, c'est même comme ça qu'on a évolué. Le changement est possible. Il faut juste savoir comment s'y prendre. Tu conduis&nbsp;? Une voiture peut tourner à droite ou à gauche. Mais tant que tu ne sais pas qu'il faut tourner le volant, tourner te demande beaucoup de temps et d'efforts. Une fois que tu as le volant entre les mains, la voiture tourne sans effort.&nbsp;»</p>
      <p class="claire">«&nbsp;Et c'est quoi, mon volant&nbsp;?&nbsp;»</p>
      <p>«&nbsp;Agir aux deux niveaux en même temps. Au niveau conscient&nbsp;: ce que tu veux, ce que tu décides. Et au niveau subconscient&nbsp;: là où vivent tes automatismes. Tant que seule ta tête veut changer, ton back-office continue de suivre les anciennes instructions.&nbsp;»</p>
      <p class="claire">«&nbsp;Et comment on parle au back-office&nbsp;?&nbsp;»</p>
      <p>«&nbsp;En rendant l'inconnu familier, et l'habituel inconnu. Quand la nouvelle habitude devient familière pour ton cerveau, il n'a plus besoin de la combattre. Et quand l'ancienne devient étrangère, elle perd sa force. Là, les deux niveaux travaillent ensemble, et le changement peut enfin tenir.&nbsp;»</p>
      <p class="claire">Claire a souri pour la première fois de la soirée. «&nbsp;Alors, ce n'est pas perdu&nbsp;?&nbsp;»</p>
      <p>Je l'ai rassurée&nbsp;: «&nbsp;Oh non, loin de là&nbsp;! Tu peux même faire tes exercices demain matin&nbsp;! Si t'as vraiment envie, bien sûr.&nbsp;»</p>
      <p class="narr">On a rigolé toutes les deux.</p>

    </div>
  </div>

  <section class="close">
    <div class="close-grid">
      <div class="visual">
        <figure>
          <span class="ph" aria-hidden="true">Image 3</span>
          <img decoding="async" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Pause-sereine-au-jardin.jpg" alt="Une femme assise au jardin, sereine, avec une tasse de café" loading="lazy" onerror="this.style.visibility='hidden'">
        </figure>
      </div>
      <div>
        <p class="me">Claire n'est pas une exception. Si j'ai voulu partager notre échange, c'est parce que beaucoup d'entre nous pensent la même chose&nbsp;: qu'il y a quelque chose qui ne va pas chez nous. Une pensée qui, à force de répétition, peut finir par nous faire beaucoup de mal, tout au fond de nous.</p>
        <p class="question">Et toi, quelle est cette habitude qui revient toujours par la porte de derrière&nbsp;?</p>
      </div>
    </div>
  </section>

</article>				</div>
		
</div>
		</div>
		<p>The post <a href="https://vanessa-salles.com/si-tu-echoues-ce-nest-pas-ta-faute/">Si tu échoues, ce n&rsquo;est pas ta faute</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://vanessa-salles.com/si-tu-echoues-ce-nest-pas-ta-faute/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Carte Choix &#038; Clarté</title>
		<link>https://vanessa-salles.com/carte-choix-clarte/</link>
					<comments>https://vanessa-salles.com/carte-choix-clarte/#comments</comments>
		
		<dc:creator><![CDATA[Vanessa Salles]]></dc:creator>
		<pubDate>Fri, 02 Oct 2026 13:37:49 +0000</pubDate>
				<category><![CDATA[Bibliothèque]]></category>
		<category><![CDATA[Cartes]]></category>
		<guid isPermaLink="false">https://vanessa-salles.com/?p=736</guid>

					<description><![CDATA[<p>Bienvenue · Ta boîte à outils Carte Choix &#38; Clarté Les 7 pas d’une décision alignée Lecture : 8 minVAI+ : 30 min à 1 h Le VAI, c’est l’occasion de vivre le shift grâce à un exercice guidé, un véritable Voyage d’Alignement Intérieur. Une approche structurée et logique pour prendre une décision — enrichie [&#8230;]</p>
<p>The post <a href="https://vanessa-salles.com/carte-choix-clarte/">Carte Choix &amp; Clarté</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="736" class="elementor elementor-736">
				<div class="elementor-element elementor-element-5104313 e-con e-atomic-element e-flexbox-base e-default-div e-4279e3f " data-id="5104313" data-element_type="e-flexbox" data-e-type="e-flexbox" data-interaction-id="5104313">
    		<div class="elementor-element elementor-element-75b25b6 elementor-widget elementor-widget-html" data-id="75b25b6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Montserrat:wght@400;500;600&family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">
<style>
.elementor-widget-html:has(#ccl){width:100%;max-width:100%;align-self:stretch;flex:1 1 100%}
#ccl{--ch:#B49A61;--chl:#DCCDB0;--hair:#E6DED1;--ti:#252321;--tx:#44413E;--mu:#77726B;--wh:#FFFFFF;background:var(--wh);color:var(--tx);font-family:Quicksand,system-ui,sans-serif;font-size:17px;line-height:1.75;width:100%;max-width:1140px;margin:0 auto;padding:18px;box-sizing:border-box}
#ccl *{box-sizing:border-box}
#ccl .frame{border:1px solid var(--chl);padding:56px 64px 48px}
#ccl p{margin:0 0 14px}
#ccl strong{color:var(--ti);font-weight:600}
#ccl .eyebrow{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--ch);text-align:center;margin:0 0 22px}
#ccl .eyebrow:before,#ccl .eyebrow:after{content:"";display:inline-block;width:38px;height:1px;background:var(--ch);vertical-align:middle;margin:0 14px}
#ccl .caps{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
#ccl .serif{font-family:'Cormorant Garamond',Georgia,serif}
#ccl .hero{margin:0 auto 10px;max-width:440px}
#ccl .hero img{display:block;width:100%;height:auto}
#ccl .t1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(40px,6vw,66px);line-height:1.05;color:var(--ti);text-align:center;margin:0 0 10px}
#ccl .t1sub{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(22px,2.6vw,28px);color:var(--mu);text-align:center;margin:0 0 18px}
#ccl .time{text-align:center;color:var(--ch);margin:0 0 34px;line-height:2.1}
#ccl .vai{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ti);background:none;border:0;border-bottom:1px solid var(--ch);padding:0 0 1px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
#ccl .vai i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--ch);border-radius:50%;font-family:Quicksand,sans-serif;font-size:12px;line-height:1;letter-spacing:0;color:var(--ch);transition:transform .3s,background .3s,color .3s}
#ccl .vai:hover i{background:var(--ch);color:var(--wh)}
#ccl .vai[aria-expanded="true"] i{transform:rotate(45deg)}
#ccl .vai:focus-visible{outline:2px solid var(--ch);outline-offset:4px}
#ccl .vai-info{max-width:560px;margin:-20px auto 34px;padding:14px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);text-align:center;font-size:15px;line-height:1.7;color:var(--tx)}
#ccl .vai-info[hidden]{display:none}
#ccl .vai-info em{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;color:var(--ti)}
#ccl .lead{max-width:760px;margin:0 auto 34px;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(21px,2.3vw,26px);line-height:1.45;color:var(--ti);padding:26px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
#ccl .lead strong{font-weight:500}
#ccl .copy{columns:2;column-gap:48px;column-rule:1px solid var(--hair);max-width:900px;margin:0 auto;font-size:16px}
#ccl .copy p{break-inside:avoid}
#ccl .copy p:first-child:first-letter{font-family:'Cormorant Garamond',Georgia,serif;float:left;font-size:66px;line-height:.82;padding:6px 10px 0 0;color:var(--ch)}
#ccl .startwrap{text-align:center;margin:34px 0 0}
#ccl .start{display:inline-block;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ti);text-decoration:none;border:1px solid var(--ti);padding:16px 30px;transition:background .3s,color .3s}
#ccl .start:hover{background:var(--ti);color:var(--wh)}
#ccl .sep{display:block;width:1px;height:70px;background:var(--ch);margin:56px auto 50px}
#ccl .t2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,44px);line-height:1.1;color:var(--ti);text-align:center;margin:0 0 6px}
#ccl .t2sub{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px;color:var(--mu);text-align:center;margin:0 0 14px}
#ccl .intro{max-width:680px;margin:0 auto 44px;text-align:center;font-size:16px}
#ccl .startbox{border-top:1px solid var(--ti);display:grid;grid-template-columns:220px 1fr;gap:40px;padding:34px 0 38px}
#ccl .startbox .lab{color:var(--ch)}
#ccl .startbox h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:30px;line-height:1.15;color:var(--ti);margin:10px 0 0}
#ccl .startbox p{font-size:16px}
#ccl .aside{border-left:1px solid var(--ch);padding:4px 0 4px 26px;margin:22px 0 0;font-size:16px}
#ccl .aside a{color:var(--ti);text-decoration:none;border-bottom:1px solid var(--ch);padding-bottom:1px;transition:color .3s}
#ccl .aside a:hover{color:var(--ch)}
#ccl .mapwrap{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:34px 0 26px}
#ccl .map{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
#ccl .route{position:absolute;left:7%;right:7%;top:26px;border-top:1px dashed var(--chl)}
#ccl .step{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;color:inherit;padding:0 2px;font:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;align-self:start}
#ccl .dot{width:52px;height:52px;border-radius:50%;border:1px solid var(--chl);background:var(--wh);display:flex;align-items:center;justify-content:center;margin:0 auto;font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;color:var(--ti);transition:all .3s}
#ccl .step:hover .dot{border-color:var(--ch)}
#ccl .step.active .dot{background:var(--ti);border-color:var(--ti);color:var(--wh)}
#ccl .step:focus-visible{outline:2px solid var(--ch);outline-offset:4px}
#ccl .name{display:block;margin-top:14px;font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;color:var(--ti)}
#ccl .step.active .name{color:var(--ch)}
#ccl .sub{display:block;font-size:12px;color:var(--mu);margin-top:4px;line-height:1.35}
#ccl .card{padding:44px 0 10px;scroll-margin-top:90px}
#ccl .head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--hair)}
#ccl .eye{color:var(--ch)}
#ccl h2.ttl{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(28px,3.4vw,38px);line-height:1.15;color:var(--ti);margin:8px 0 0}
#ccl .pill{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ti);border:1px solid var(--ch);padding:9px 16px}
#ccl .core{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(20px,2.2vw,24px);line-height:1.5;color:var(--ti);margin:26px 0 30px;max-width:860px}
#ccl .core strong{font-weight:500}
#ccl .cols{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ti);border-bottom:1px solid var(--hair)}
#ccl .box{padding:26px 30px 28px 0}
#ccl .box+.box{padding:26px 0 28px 30px;border-left:1px solid var(--hair)}
#ccl .label{color:var(--mu)}
#ccl .box+.box .label{color:var(--ch)}
#ccl .box p{font-size:16px;margin:12px 0 0}
#ccl .note{border-left:1px solid var(--ch);padding:4px 0 4px 26px;margin:30px 0 0;font-size:16px;line-height:1.75}
#ccl .footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:18px;border-top:1px solid var(--hair);font-size:12px;color:var(--mu)}
#ccl .footer span:last-child{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:17px;color:var(--ch)}
@media(max-width:820px){#ccl .frame{padding:40px 26px 36px}#ccl .copy{columns:1}#ccl .startbox{grid-template-columns:1fr;gap:6px}#ccl .map{grid-template-columns:repeat(4,1fr);row-gap:26px}#ccl .route{display:none}#ccl .sub{display:none}#ccl .cols{grid-template-columns:1fr}#ccl .box,#ccl .box+.box{padding:22px 0;border-left:0}#ccl .box+.box{border-top:1px solid var(--hair)}}
@media(max-width:520px){#ccl{padding:10px;font-size:16px}#ccl .frame{padding:32px 16px 28px}#ccl .eyebrow{letter-spacing:.2em}#ccl .eyebrow:before,#ccl .eyebrow:after{width:18px;margin:0 8px}#ccl .hero{max-width:300px}#ccl .dot{width:46px;height:46px;font-size:21px}#ccl .name{font-size:9.5px;letter-spacing:.06em}#ccl .start{padding:15px 20px;letter-spacing:.16em}#ccl .aside,#ccl .note{padding-left:18px}}
</style>

<div id="ccl"><div class="frame">
<section id="bienvenue">
  <figure class="hero"><img fetchpriority="high" decoding="async" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Coffret-dore-sur-carte-dexploration.png" alt="Un coffret doré 360° posé devant une carte d’exploration" width="1254" height="1254" loading="eager"></figure>
  <div class="eyebrow">Bienvenue · Ta boîte à outils</div>
  <h1 class="t1">Carte Choix &amp; Clarté</h1>
  <p class="t1sub">Les 7 pas d’une décision alignée</p>
  <p class="time caps" data-lecture="8" data-vai="30 min à 1 h">Lecture : 8 min<br><button class="vai" type="button" aria-expanded="false" aria-controls="ccl-vai">VAI<i aria-hidden="true">+</i></button> : 30 min à 1 h</p>
  <p class="vai-info" id="ccl-vai" hidden>Le VAI, c’est l’occasion de vivre le shift grâce à un exercice guidé, un véritable <em>Voyage d’Alignement Intérieur</em>.</p>
  <p class="lead"><strong>Une approche structurée et logique pour prendre une décision — enrichie de repères qui permettent de vérifier qu’elle est aussi alignée avec soi.</strong></p>
  <div class="copy">
    <p>Prendre une décision peut rapidement devenir complexe lorsque l’on commence à explorer ce que l’on veut, les possibilités, les conséquences, les peurs, les croyances et ce qui compte vraiment pour soi.</p>
    <p>Pour éviter de se perdre dans toutes ces informations, j’utilise un cadre de prise de décision de Tony Robbins qui apporte une structure et un ordre à l’exploration.</p>
    <p>À chaque étape, vous choisissez jusqu’où vous souhaitez aller : répondre simplement pour clarifier rapidement, ou approfondir, en explorant également la situation sous un autre angle.</p>
    <p>J’y ai intégré des outils et techniques éprouvés qui permettent d’aller au-delà d’une décision uniquement « logique » et de vérifier qu’elle est aussi alignée avec vous — avec ce que vous voulez, ce que vous ressentez et ce que vous êtes réellement prête à vivre et à mettre en action.</p>
  </div>
  <div class="startwrap"><a class="start" href="#outil">Commencer les 7 pas →</a></div>
</section>

<span class="sep" aria-hidden="true"></span>

<main id="outil">
<div class="eyebrow">Ma boîte à outils · Choix &amp; décisions</div>
<h2 class="t2">Carte Choix &amp; Clarté</h2>
<p class="t2sub">Les 7 pas d’une décision alignée</p>
<p class="intro">Gagner en clarté sur chaque partie du voyage — de ce que je veux vivre jusqu’au cap que je choisis et aux actions qui m’y conduisent.</p>

<div class="startbox" id="start-here">
  <div><div class="lab caps">START HERE</div><h3>Tes Désirs · Envies · Besoins</h3></div>
  <div>
  <p>Commence par noter ce que tu désires, sans chercher encore à décider ni à savoir comment y arriver.</p>
  <p><strong>Si rien ne te vient à l’esprit, pars de choses très simples et générales :</strong> « J’aime manger… », « J’aime sentir le soleil sur ma peau », « J’aime être avec mon chien / mon chat », « J’aime regarder… ».</p>
  <div class="aside">
    <strong>Et si je ne sais pas ce que je veux ?</strong><br><br>
    C’est peut-être une bonne nouvelle — même si ce n’est pas toujours confortable. Peut-être réalises-tu simplement que tu as longtemps navigué en fonction de ce qui se passait autour de toi, de ce qu’il fallait faire, ou des besoins des autres… et qu’il est temps de réapprendre à regarder aussi <strong>à l’intérieur de toi</strong>.<br><br>
    Pas besoin de trouver immédiatement une grande réponse. Tu peux commencer petit — ou prendre un peu de temps pour <strong>réapprendre à rêver</strong>.<br><br>
    <strong>Besoin d’un petit coup de pouce ? → <a href="https://vanessa-salles.com/ose-rever-a-nouveau/" class="tool-link">Outil : Oser rêver à nouveau</a></strong>
  </div>
  </div>
</div>

<div class="mapwrap"><div class="map"><div class="route"></div>
<button class="step" type="button" data-key="priorite"><span class="dot">1</span><span class="name">PRIORITÉ</span><span class="sub">Par où commencer maintenant</span></button>
<button class="step" type="button" data-key="resultat"><span class="dot">2</span><span class="name">RÉSULTAT</span><span class="sub">Ce que je veux obtenir / vivre</span></button>
<button class="step" type="button" data-key="options"><span class="dot">3</span><span class="name">OPTIONS</span><span class="sub">Toutes les possibilités</span></button>
<button class="step" type="button" data-key="consequences"><span class="dot">4</span><span class="name">CONSÉQUENCES</span><span class="sub">+ / − pour chaque option</span></button>
<button class="step" type="button" data-key="evaluer"><span class="dot">5</span><span class="name">ÉVALUER</span><span class="sub">Probabilité · test de réalité</span></button>
<button class="step" type="button" data-key="mitiger"><span class="dot">6</span><span class="name">MITIGER</span><span class="sub">Réduire · modifier · ajuster</span></button>
<button class="step" type="button" data-key="resoudre"><span class="dot">7</span><span class="name">RÉSOUDRE</span><span class="sub">Décider</span></button>
</div></div>

<section class="card" id="ccl-card" aria-live="polite">
<div class="head"><div><div class="eye caps" id="eye"></div><h2 class="ttl" id="title"></h2></div><div class="pill" id="principle"></div></div>
<p class="core" id="core"></p>
<div class="cols">
<div class="box"><div class="label caps">Ma réponse</div><p id="automatic"></p></div>
<div class="box"><div class="label caps">Et si je regardais autrement ?</div><p id="aligned"></p></div>
</div>
<div class="note" id="note"></div>
</section>
<div class="footer"><span>Carte Choix &amp; Clarté · inspirée notamment du processus de décision OOC/EMR de Tony Robbins · enrichie d’outils et techniques éprouvés</span><span>Voir clair · choisir mon cap · avancer</span></div>
</main>
</div></div>
<script>
(function(){
const data={
priorite:{eye:"1 · Priorité",title:"PRIORITÉ · Par où commencer maintenant ?",principle:"Mettre mes désirs en ordre",core:"Regarde ta liste de désirs et mets-les en ordre. <strong>Par quoi veux-tu commencer maintenant ? Qu’est-ce qui compte le plus aujourd’hui, cette semaine, à ce moment de ta vie ?</strong>",automatic:"Je laisse l’urgence, les habitudes ou les attentes extérieures décider automatiquement de ce qui passe en premier.",aligned:"Je regarde aussi mes désirs et j’observe l’intensité du ressenti. Lequel me donne le plus envie ? Lequel m’enthousiasme, m’excite, me rend joyeuse le plus… ou le moins ? Si rien ne vient à l’esprit, j’essaie de ressentir où ce désir résonne dans mon corps. Peut-être que c’est simplement plus léger, plus facile ou plus agréable quand j’y pense.",note:"<strong>Pas de jugement. Juste de l’observation.</strong>"},
resultat:{eye:"2 · Résultat",title:"RÉSULTAT · Quel résultat est-ce que je veux ?",principle:"Clarifier l’outcome",core:"Pour le désir que tu as choisi de travailler maintenant, demande-toi : <strong>quel résultat est-ce que je veux réellement obtenir ?</strong>",automatic:"Je reste fixée sur le désir ou sur une première manière d’y arriver, sans clarifier ce que je cherche réellement à obtenir.",aligned:"Je peux aller un peu plus loin : <strong>si j’obtiens ce résultat, qu’est-ce que je m’attends à ressentir ou à vivre ?</strong> Cela me donne une information supplémentaire, sans remplacer la logique de la décision.",note:"<strong>ASTUCE · Allez jusqu’au bout de la réponse</strong><br><br>Demandez-vous : <strong>« Qu’est-ce que cela va me permettre de faire, de ressentir ou de vivre ? »</strong><br><br>Prenez votre réponse… puis posez-vous <strong>à nouveau exactement la même question</strong>. Faites-le <strong>3 à 6 fois</strong>. Ne vous arrêtez pas à la première réponse logique.<br><br>À un moment, votre esprit rationnel n’aura plus de réponse toute prête. <strong>Vous arrivez au bord de ce que vous savez déjà — votre plafond de verre.</strong><br><br><strong>Pourquoi aller jusque-là ?</strong> Parce que pour <strong>briser un plafond de verre</strong>, il faut d’abord savoir <strong>où il se trouve</strong>. En répétant la question, vous allez au-delà des réponses évidentes, jusqu’à rencontrer ce <strong>plateau invisible qui limite ce que vous imaginez possible pour vous</strong>.<br><br><strong>Une fois visible, vous pouvez commencer à le dépasser.</strong>"},
options:{eye:"3 · Options",title:"OPTIONS · Ouvrir avant de choisir",principle:"Options ≠ décisions",core:"<strong>Quelles sont mes options ? Quoi d’autre ? Et encore quoi d’autre ?</strong> Explore plusieurs possibilités et scénarios. Observe aussi ce qui apparaît : « oui, mais… », « pour réussir il faudrait… », « si ça marche alors… ».",automatic:"Je vois une première option, une peur ou une objection apparaît, et je la traite immédiatement comme une raison de ne pas avancer.",aligned:"J’ouvre le champ des possibilités. <strong>Une peur ou une croyance limitante qui apparaît devient une information à investiguer, pas une décision.</strong>",note:"Les options visibles aujourd’hui ne sont pas forcément toutes les options possibles. Une meilleure voie peut ne pas être encore visible."},
consequences:{eye:"4 · Conséquences",title:"CONSÉQUENCES · Ce que chaque option pourrait entraîner",principle:"Conséquences + / −",core:"Pour chaque option, regarde les conséquences + / −. Et surtout : <strong>qu’est-ce qui pourrait se passer si je réussis ?</strong> Puis regarde ce que cette version du chemin demanderait réellement de toi.",automatic:"Je veux le résultat 10/10 dans l’abstrait, puis une conséquence apparaît et je laisse cette peur décider silencieusement à ma place.",aligned:"Je distingue ce que je désire de la route. <strong>Ma volonté d’AGIR doit être au moins 8/10. Ma volonté de m’ENGAGER doit être au moins 8/10.</strong> Si l’une chute sous 8, je n’abandonne pas automatiquement : j’investigue ce qui fait chuter le score.",note:"En dessous de 8 = information à investiguer. Est-ce une conséquence réelle ? Une supposition ? Une croyance ? Ou simplement une version de la route que je ne veux pas prendre ?"},
evaluer:{eye:"5 · Évaluer",title:"ÉVALUER · Quelle est réellement la probabilité ?",principle:"Possible ≠ probable",core:"Prends les conséquences et les peurs apparues et demande : <strong>quelle est réellement la probabilité que cela arrive ?</strong> Est-ce un fait vérifiable, une probabilité, ou une prédiction / interprétation que mon esprit traite comme vraie ?",automatic:"Parce que je peux imaginer une conséquence, je lui donne le poids d’une vérité et j’agis comme si elle allait nécessairement arriver.",aligned:"Je fais un <strong>test de réalité</strong>. Quelle preuve ai-je ? Est-ce réellement inévitable ? Quelle est la probabilité réelle ?",note:"PROBABILITÉ RÉELLE de ce que je crains : ___ %. <br><br><strong>MON REPÈRE + · NIVEAU D’ATTENTE</strong> — à quel point est-ce que je m’attends à ce que l’issue désirée soit possible ? ___/10. Ce niveau influence ce que je remarque, la signification que je donne aux événements et les actions que je prends."},
mitiger:{eye:"6 · Mitiger",title:"MITIGER · Réduire, modifier, ajuster",principle:"Un risque réel n’est pas forcément un veto",core:"Si une conséquence est réellement possible ou probable : <strong>qu’est-ce que je peux faire à ce sujet ?</strong> Comment puis-je la réduire, la prévenir, la rendre acceptable ou modifier la route ?",automatic:"Il existe un risque ou un coût → donc je dois renoncer à la route ou à ce que je veux.",aligned:"Je cherche ce qui peut être changé : structure, rythme, limites, soutien, ressources, combinaison d’options, autre moyen. Puis je réévalue ma volonté d’agir et de m’engager.",note:"Ce n’est pas forcément A OU B OU C. Une nouvelle configuration peut préserver ce que je désire tout en changeant le moyen et ses conséquences."},
resoudre:{eye:"7 · Résoudre",title:"RÉSOUDRE · Décider",principle:"Explorer d’abord · décider ensuite",core:"Après avoir mis tes désirs en ordre, clarifié le résultat recherché, exploré les options, regardé leurs conséquences, testé ce qui est réellement probable et ajusté ce qui pouvait l’être, <strong>tu peux décider.</strong>",automatic:"La première peur, la première solution ou une conséquence imaginée a déjà pris la décision à ma place.",aligned:"Je choisis consciemment une option pour laquelle je suis prête à agir et à m’engager.",note:"PRIORITÉ → RÉSULTAT → OPTIONS → CONSÉQUENCES → ÉVALUER → MITIGER → RÉSOUDRE → AGIR → PROFITER DU RÉSULTAT."}
};
const R=document.getElementById("ccl");const qs=s=>R.querySelector(s);let first=true;
function show(k){const d=data[k];qs("#eye").textContent=d.eye;qs("#title").textContent=d.title;qs("#principle").textContent=d.principle;qs("#core").innerHTML=d.core;qs("#automatic").innerHTML=d.automatic;qs("#aligned").innerHTML=d.aligned;const n=qs("#note");n.innerHTML=d.note;n.style.display=d.note?"block":"none";R.querySelectorAll(".step").forEach(b=>{const on=b.dataset.key===k;b.classList.toggle("active",on);b.setAttribute("aria-pressed",on)});
if(!first){const c=qs("#ccl-card"),t=c.getBoundingClientRect().top;if(t>window.innerHeight*0.6||t<0)c.scrollIntoView({behavior:"smooth",block:"start"})}first=false}
R.querySelectorAll(".step").forEach(b=>b.addEventListener("click",()=>show(b.dataset.key)));
show("priorite");
const vb=qs(".vai"),vi=qs("#ccl-vai");if(vb&&vi)vb.addEventListener("click",()=>{const open=vi.hidden;vi.hidden=!open;vb.setAttribute("aria-expanded",open)});
})();
</script>				</div>
		
</div>
		</div>
		<p>The post <a href="https://vanessa-salles.com/carte-choix-clarte/">Carte Choix &amp; Clarté</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://vanessa-salles.com/carte-choix-clarte/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Ose rêver à nouveau</title>
		<link>https://vanessa-salles.com/ose-rever-a-nouveau/</link>
		
		<dc:creator><![CDATA[Vanessa Salles]]></dc:creator>
		<pubDate>Fri, 02 Oct 2026 12:40:10 +0000</pubDate>
				<category><![CDATA[Bibliothèque]]></category>
		<category><![CDATA[Microminutes]]></category>
		<guid isPermaLink="false">https://vanessa-salles.com/?p=716</guid>

					<description><![CDATA[<p>Aujourd&#8217;huiDemain MicroMinutes AEE #0.3 Ose rêver à nouveau Lecture : 4 minVAI+ : 15 à 20 min Le VAI, c’est l’occasion de vivre le shift grâce à un exercice guidé, un véritable Voyage d’Alignement Intérieur. Et si tu te donnais la permission de rêver… vraiment&#160;? Rappel de BienveillanceNe fais aucune autre activité qui demande ton [&#8230;]</p>
<p>The post <a href="https://vanessa-salles.com/ose-rever-a-nouveau/">Ose rêver à nouveau</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="716" class="elementor elementor-716">
				<div class="elementor-element elementor-element-9a22d90 e-flex e-con-boxed e-con e-parent" data-id="9a22d90" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-273bf1e elementor-widget elementor-widget-html" data-id="273bf1e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Montserrat:wght@400;500;600&family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">
<style>
.elementor-widget-html:has(#orn){width:100%;max-width:100%;align-self:stretch;flex:1 1 100%}
#orn{--ch:#B49A61;--chl:#DCCDB0;--hair:#E6DED1;--ti:#252321;--tx:#44413E;--mu:#77726B;--wh:#FFFFFF;background:var(--wh);color:var(--tx);font-family:Quicksand,system-ui,sans-serif;font-size:17px;line-height:1.75;width:100%;max-width:900px;margin:0 auto;border:1px solid var(--chl);box-sizing:border-box;overflow:hidden}
#orn *{box-sizing:border-box}
#orn h2,#orn h3{font-family:'Cormorant Garamond',Georgia,serif;color:var(--ti);font-weight:400;line-height:1.15;margin:0 0 18px}
#orn h2{font-size:clamp(36px,5vw,52px)}#orn h3{font-size:clamp(26px,3.2vw,34px)}
#orn p{margin:0 0 14px}
#orn strong{color:var(--ti);font-weight:600}
#orn .hero{margin:0;position:relative;border-bottom:1px solid var(--hair)}
#orn .hero img{display:block;width:100%;height:auto}
#orn .hero:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.55);pointer-events:none}
#orn.has-img .sky{display:none}
#orn .sky{position:relative;height:130px;overflow:hidden;background:#FFFFFF;transition:background 1.4s ease;border-bottom:1px solid var(--hair)}
#orn .sun{position:absolute;left:50%;width:48px;height:48px;margin-left:-24px;border-radius:50%;background:var(--ch);transition:bottom 1.4s ease}
#orn .sea{position:absolute;left:0;right:0;bottom:0;height:36px;background:var(--wh);border-top:1px solid var(--ch)}
#orn .path{scroll-margin-top:16px;display:flex;justify-content:space-between;align-items:center;padding:18px 48px 0;font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--mu)}
#orn .dots{display:flex;gap:5px;flex:1;margin:0 18px}
#orn .dots span{flex:1;height:3px;background:#EFE8DC;transition:background .5s}
#orn .dots span.on{background:var(--ch)}
#orn .dots span.cur{background:var(--ti)}
#orn .stage{padding:44px 64px 48px;min-height:440px}
#orn .kicker{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ch);margin-bottom:16px}
#orn .time{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ch);margin:-6px 0 22px;line-height:2.1}
#orn .vai{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ti);background:none;border:0;border-bottom:1px solid var(--ch);padding:0 0 1px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
#orn .vai i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--ch);border-radius:50%;font-family:Quicksand,sans-serif;font-size:12px;line-height:1;letter-spacing:0;color:var(--ch);transition:transform .3s,background .3s,color .3s}
#orn .vai:hover i{background:var(--ch);color:var(--wh)}
#orn .vai[aria-expanded="true"] i{transform:rotate(45deg)}
#orn .vai-info{max-width:560px;margin:-8px 0 22px;padding:14px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);font-size:15px;line-height:1.7;color:var(--tx)}
#orn .vai-info[hidden]{display:none}
#orn .vai-info em{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;color:var(--ti)}
#orn .quote{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(22px,2.6vw,28px);line-height:1.4;color:var(--ti);border-left:1px solid var(--ch);padding:2px 0 2px 24px;margin:26px 0}
#orn .soft{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:20px 0;margin:24px 0;font-size:16px}
#orn .soft strong{font-family:Montserrat,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ch);font-weight:600}
#orn .ex{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px;line-height:1.45;color:var(--ti);border-left:1px solid var(--ch);padding:2px 0 2px 20px;margin:6px 0 20px}
#orn label{display:block;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ti);margin:24px 0 10px}
#orn textarea{width:100%;min-height:110px;border:1px solid var(--chl);border-radius:0;padding:14px 16px;font:inherit;font-size:17px;color:var(--ti);background:var(--wh);resize:vertical;transition:border-color .3s}
#orn textarea:focus{outline:none;border-color:var(--ti)}
#orn button:focus-visible,#orn a:focus-visible,#orn summary:focus-visible{outline:2px solid var(--ch);outline-offset:3px}
#orn .chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px}
#orn .chip{border:1px solid var(--chl);background:var(--wh);color:var(--ti);border-radius:0;padding:7px 14px;font:inherit;font-size:15px;cursor:pointer;transition:border-color .3s,background .3s,color .3s}
#orn .chip:hover{border-color:var(--ti);background:var(--ti);color:var(--wh)}
#orn .levels{margin:18px 0;border-top:1px solid var(--ti)}
#orn .lvl{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--hair)}
#orn .lvl b{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:38px;line-height:1;color:var(--ch)}
#orn .lvl small{display:block;font-size:14px;color:var(--mu)}
#orn .sens{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:2px 0;margin:16px 0 10px}
#orn .sens summary{cursor:pointer;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:22px;color:var(--ti);padding:12px 0;list-style:none}
#orn .sens summary::-webkit-details-marker{display:none}
#orn .sens summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#orn .sens .cta{display:inline-flex;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ch)}
#orn .sens .cta i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--ch);border-radius:50%;font-size:18px;letter-spacing:0;line-height:1;transition:transform .3s,background .3s,color .3s}
#orn .sens summary:hover .cta i{background:var(--ch);color:var(--wh)}
#orn .sens .c2{display:none}
#orn .sens[open] .c1{display:none}
#orn .sens[open] .c2{display:inline}
#orn .sens[open] .cta i{transform:rotate(45deg)}
#orn .sens>p{font-size:16px}
#orn .sens .row{margin:12px 0 16px}
#orn .sens .row p{margin:0 0 6px;color:var(--ti);font-family:'Cormorant Garamond',Georgia,serif;font-size:20px}
#orn .video{position:relative;aspect-ratio:1/1;max-width:520px;margin:0 auto;background:#FAF8F4;border:1px solid var(--hair);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:20px;color:var(--mu)}
#orn .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#orn .nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--hair)}
#orn .btn{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;border-radius:0;padding:15px 28px;cursor:pointer;border:1px solid var(--ti);text-decoration:none;display:inline-block;transition:background .3s,color .3s}
#orn .btn.main{background:var(--ti);color:var(--wh)}
#orn .btn.main:hover{background:var(--ch);border-color:var(--ch)}
#orn .btn.ghost{background:transparent;color:var(--ti);border-color:var(--chl)}
#orn .btn.ghost:hover{border-color:var(--ti)}
#orn .card{border:1px solid var(--chl);padding:28px 32px;margin:24px 0}
#orn .card dt{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ch);margin-top:16px}
#orn .card dd{margin:4px 0 0;color:var(--ti);white-space:pre-wrap;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.4}
#orn .small{font-size:15px}
#orn .hint{font-size:16px;color:var(--tx);margin:6px 0 12px}
#orn .opt{font-weight:400;letter-spacing:.05em;text-transform:none;color:var(--mu);font-size:13px}
#orn .recall{border-left:1px solid var(--ch);padding:4px 0 4px 24px;margin:18px 0;color:var(--ti);white-space:pre-wrap;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:22px;line-height:1.45}
#orn .timer{margin:8px 0 18px}
#orn .note{font-family:Montserrat,sans-serif;font-size:12px;letter-spacing:.1em;color:var(--ch);min-height:20px;margin-top:10px}
@media(max-width:600px){#orn{font-size:16px;border-left:0;border-right:0}#orn .stage{padding:30px 20px 34px}#orn .path{padding:14px 20px 0;letter-spacing:.14em}#orn .nav{flex-direction:column-reverse;align-items:stretch}#orn .btn{text-align:center}#orn .card{padding:22px 20px}#orn .time{letter-spacing:.16em}}
@media(prefers-reduced-motion:reduce){#orn *{transition:none!important}}
@media print{#orn .sky,#orn .path,#orn .nav,#orn .panel:not(.last){display:none!important}#orn{background:#fff;border:0}}
</style>

<div id="orn" data-youtube="_DEUnjmhEm8" data-image="https://vanessa-salles.com/wp-content/uploads/2026/10/Reves-dores-au-dela-des-nuages.png">
  <div class="sky" aria-hidden="true"><div class="sun"></div><div class="sea"></div></div>
  <div class="path"><span>Aujourd'hui</span><div class="dots" aria-hidden="true"></div><span>Demain</span></div>

  <div class="stage">

    <section class="panel" data-title="Bienvenue">
      <div class="kicker">MicroMinutes AEE #0.3</div>
      <h2>Ose rêver à nouveau</h2>
      <p class="time" data-lecture="4" data-vai="15 à 20 min">Lecture : 4 min<br><button class="vai" type="button" aria-expanded="false" aria-controls="orn-vai">VAI<i aria-hidden="true">+</i></button> : 15 à 20 min</p>
      <p class="vai-info" id="orn-vai" hidden>Le VAI, c’est l’occasion de vivre le shift grâce à un exercice guidé, un véritable <em>Voyage d’Alignement Intérieur</em>.</p>
      <p class="quote">Et si tu te donnais la permission de rêver… vraiment&nbsp;?</p>
      <div class="soft"><strong>Rappel de Bienveillance</strong><br>Ne fais aucune autre activité qui demande ton attention pendant tes MicroMinutes.</div>
    </section>

    <section class="panel" data-title="Regarde">
      <div class="kicker">Sérénité. Calme. Clarté. # 0.3</div>
      <h3>Transformer Stress, Anxiété et Dépassement… en Calme, Clarté et Bien-être</h3>
      <div class="video" id="orn-video"><p>La vidéo « Oser rêver à nouveau » s'affichera ici.</p></div>
    </section>

    <section class="panel" data-title="Pause réflexion">
      <div class="kicker">Pause réflexion !</div>
      <p class="hint">Il n’y a pas de bonne réponse. Ce n’est pas une note, ce n’est pas un jugement : savoir où tu en es t’aide simplement à choisir ton prochain pas.</p>
      <label for="orn-q1">Où es-tu sur ton chemin aujourd’hui&nbsp;?</label>
      <textarea id="orn-q1" data-key="aujourdhui"></textarea>
      <label for="orn-q2">Et… où as-tu envie d’aller demain&nbsp;?</label>
      <details class="sens">
        <summary><span>Je ne sais vraiment pas…</span><span class="cta"><span class="c1">Clique ici</span><span class="c2">Refermer</span><i aria-hidden="true">+</i></span></summary>
        <p style="margin-top:4px">C’est tout à fait normal. Il existe de nombreuses façons de le découvrir. Essayons-en une ici&nbsp;: commence par tes sens.</p>
        <p>Regarde les exemples et trouve celui qui te parle, laisse ton esprit rester un moment avec cette pensée, puis écris tes propres associations juste en dessous.</p>
        <div class="row"><p>J’aime voir…</p><div class="chips">
          <button class="chip" type="button">la nature</button>
          <button class="chip" type="button">un ciel bleu</button>
          <button class="chip" type="button">quelqu’un que j’aime</button></div></div>
        <div class="row"><p>J’aime le toucher…</p><div class="chips">
          <button class="chip" type="button">de la soie</button>
          <button class="chip" type="button">du pelage de mon animal</button></div></div>
        <div class="row"><p>J’aime l’odeur…</p><div class="chips">
          <button class="chip" type="button">du café</button>
          <button class="chip" type="button">de la forêt</button>
          <button class="chip" type="button">des fleurs</button>
          <button class="chip" type="button">de mon parfum</button></div></div>
        <div class="row"><p>J’aime avoir…</p><div class="chips">
          <button class="chip" type="button">un endroit où vivre</button>
          <button class="chip" type="button">l’eau du robinet que je peux boire</button>
          <button class="chip" type="button">l’électricité</button>
          <button class="chip" type="button">un lit</button>
          <button class="chip" type="button">une douche</button>
          <button class="chip" type="button">de l’eau chaude</button>
          <button class="chip" type="button">de quoi manger</button></div></div>
        <p>Tu peux même imaginer que tu expliques à quelqu’un d’autre les bienfaits de tes 5 sens incroyables.</p>
        <p>Ce que tu aimes déjà te montre souvent la direction de ce que tu as envie de vivre demain.</p>
      </details>
      <textarea id="orn-q2" data-key="demain"></textarea>
      <p class="hint" id="orn-check" style="display:none;margin-top:10px"><strong>Avant de continuer, regarde ta liste&nbsp;: il doit déjà y en avoir quelques-unes maintenant.</strong></p>
    </section>

    <section class="panel" data-title="Étape 1">
      <div class="kicker"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 3 étapes · Réapprendre à rêver et avancer</div>
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4dd.png" alt="📝" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 1. Écris ton intention</h3>
      <div class="ex">Ex : Je veux retrouver plus de joie dans ma journée.</div>
      <label for="orn-s0">Si c’est encore flou, commence par ce que tu ne veux plus… <span class="opt">(facultatif)</span></label>
      <textarea id="orn-s0" data-key="neveuxplus" style="min-height:80px"></textarea>
      <p class="hint">Puis retourne-le : écris ce que tu veux à la place, en positif.</p>
      <label for="orn-s1">Je veux…</label>
      <textarea id="orn-s1" data-key="intention"></textarea>
    </section>

    <section class="panel" data-title="Étape 2">
      <div class="kicker"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 3 étapes · Réapprendre à rêver et avancer</div>
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f49b.png" alt="💛" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 2. Ressens ce que tu aimerais vivre</h3>
      <div class="ex">Écris par exemple : J’aimerais ressentir… ex : de la légèreté, l’envie, un sourire au réveil.</div>
      <div class="chips" aria-label="Ajouter un exemple">
        <button class="chip" type="button">de la légèreté</button>
        <button class="chip" type="button">l’envie</button>
        <button class="chip" type="button">un sourire au réveil</button>
      </div>
      <label for="orn-s2">J’aimerais ressentir…</label>
      <textarea id="orn-s2" data-key="ressenti"></textarea>
    </section>

    <section class="panel" data-title="Étape 3">
      <div class="kicker"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 3 étapes · Réapprendre à rêver et avancer</div>
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f305.png" alt="🌅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 3. Visualise un élément de ton rêve, comme une scène de film. Écris : Je me vois…</h3>
      <div class="ex">Ex : courir le matin au bord du lac avec d’autres personnes, pleine d’énergie, heureuse et apaisée.</div>
      <p class="hint">Écris au présent, comme si tu y étais déjà. Où es-tu ? Que fais-tu ? Qui est avec toi ? Que vois-tu, qu’entends-tu, que ressens-tu&nbsp;?</p>
      <div class="chips">
        <button class="chip" type="button">remplie d’énergie</button>
        <button class="chip" type="button">d’élan</button>
        <button class="chip" type="button">d’envie</button>
        <button class="chip" type="button">heureuse</button>
        <button class="chip" type="button">apaisée</button>
      </div>
      <label for="orn-s3">Je me vois…</label>
      <textarea id="orn-s3" data-key="scene" style="min-height:150px"></textarea>
    </section>

    <section class="panel" data-title="Intégrer">
      <h3>Prends ton temps, écris le plus possible</h3>
      <p class="quote">Petit à petit, tu réapprends à rêver. Un pas, puis un autre… et tout devient possible.</p>
      <p class="hint">Relis ta scène. Puis ferme les yeux et vis-la, 30 secondes ou plus. Un son doux t’indiquera quand rouvrir les yeux.</p>
      <div class="recall" id="orn-recall"></div>
      <div class="timer" style="display:flex;flex-wrap:wrap;gap:8px"><button class="btn ghost tbtn" type="button" data-sec="30">30 secondes</button><button class="btn ghost tbtn" type="button" data-sec="40">40 secondes</button><button class="btn ghost tbtn" type="button" data-sec="50">50 secondes</button></div>
      <div class="note" id="orn-tnote" role="status"></div>
      <div class="soft">Si tu restes un moment avec des pensées qui correspondent à de bons ressentis pour toi, tu crées de l’élan : ton esprit s’active pour trouver des pensées similaires. Pas de magie — c’est simplement comme ça que ça fonctionne.</div>
      <p><strong>Ta compréhension grandit :</strong></p>
      <div class="levels">
        <div class="lvl"><b>1</b><div>D’abord dans ta tête<small>(intellectuelle)</small></div></div>
        <div class="lvl"><b>2</b><div>Puis dans ton cœur<small>(émotionnelle)</small></div></div>
        <div class="lvl"><b>3</b><div>Enfin dans tout ton être<small>(cellulaire… sur pilote automatique)</small></div></div>
      </div>
    </section>

    <section class="panel" data-title="Ton petit pas">
      <h3>Ose formuler ton prochain rêve, même tout simple.</h3>
      <label for="orn-pas">Quel est le tout prochain petit pas que tu choisis aujourd’hui&nbsp;?</label>
      <p class="hint">Choisis un pas si petit qu’il te semble presque impossible de ne pas le faire.</p>
      <textarea id="orn-pas" data-key="petitpas"></textarea>
      <label for="orn-quand">Quand&nbsp;?</label>
      <div class="chips">
        <button class="chip" type="button">aujourd’hui</button>
        <button class="chip" type="button">demain matin</button>
        <button class="chip" type="button">cette semaine</button>
      </div>
      <textarea id="orn-quand" data-key="quand" style="min-height:70px"></textarea>
    </section>

    <section class="panel last" data-title="Rêver, ça s'entraîne">
      <h2>Rêver, ça s’entraîne&nbsp;!</h2>
      <p>Et c’est aussi ton état naturel. Tu réactives une formidable faculté de ton esprit, essentielle si tu veux créer une vie heureuse et épanouie. (On t’a peut-être appris le contraire.)</p>
      <p class="quote">Commence petit et donne-toi la permission de rêver à nouveau&nbsp;!</p>
      <div class="card" id="orn-card"><h3 style="font-size:19px">Ose rêver à nouveau</h3><dl id="orn-sum"></dl></div>
      <div class="soft">Quand tu fais cet exercice 3 jours de suite, tu remarqueras qu’à chaque fois que tu t’y engages ainsi, ton esprit est de plus en plus prêt à relâcher des tensions cachées et à te laisser simplement rêver 30 secondes, 40 secondes, 50 secondes… en traçant de nouveaux plans intérieurs, au fur et à mesure.</div>
      <div style="display:flex;flex-wrap:wrap;gap:10px">
        <button class="btn ghost" type="button" id="orn-copy">Copier mes réponses</button>
        <button class="btn ghost" type="button" id="orn-print">Imprimer</button>
        <button class="btn ghost" type="button" id="orn-reset">Recommencer</button>
      </div>
      <div class="note" id="orn-note" role="status"></div>
      <p class="small" style="margin-top:22px">Cet outil fait partie de la Carte Choix &amp; Clarté — Les 7 pas d’une décision alignée.</p>
      <a class="btn main" href="https://vanessa-salles.com/carte-choix-clarte/#start-here">Je retourne à ma Carte Choix &amp; Clarté</a>
    </section>

    <div class="nav">
      <button class="btn ghost" type="button" id="orn-prev">Retour</button>
      <button class="btn main" type="button" id="orn-next">Commencer</button>
    </div>
  </div>
</div>

<script>
(function(){
  var R=document.getElementById('orn'),P=[].slice.call(R.querySelectorAll('.panel')),i=0,K='orn-0-3',data={};
  var dots=R.querySelector('.dots'),sun=R.querySelector('.sun'),sky=R.querySelector('.sky');
  var prev=document.getElementById('orn-prev'),next=document.getElementById('orn-next'),note=document.getElementById('orn-note');
  var labels={aujourdhui:"Où es-tu sur ton chemin aujourd’hui ?",demain:"Et… où as-tu envie d’aller demain ?",neveuxplus:"Ce que je ne veux plus…",intention:"Je veux…",ressenti:"J’aimerais ressentir…",scene:"Je me vois…",petitpas:"Quel est le tout prochain petit pas que tu choisis aujourd’hui ?",quand:"Quand ?"};
  try{data=JSON.parse(localStorage.getItem(K))||{}}catch(e){data={}}
  P.forEach(function(){dots.appendChild(document.createElement('span'))});
  R.querySelectorAll('textarea').forEach(function(t){
    t.value=data[t.dataset.key]||'';
    t.addEventListener('input',function(){data[t.dataset.key]=t.value;save()});
  });
  function save(){try{localStorage.setItem(K,JSON.stringify(data))}catch(e){}}
  R.querySelectorAll('.chip').forEach(function(c){c.addEventListener('click',function(){
    var ts=c.closest('.panel').querySelectorAll('textarea'),t=ts[ts.length-1];t.value=(t.value.trim()?t.value.trim()+', ':'')+c.textContent;t.dispatchEvent(new Event('input'));t.focus();
  })});
  var im=(R.dataset.image||'').trim();if(im){var fg=document.createElement('figure');fg.className='hero';var ig=document.createElement('img');ig.src=im;ig.alt='Rêves dorés au-delà des nuages';ig.loading='eager';fg.appendChild(ig);R.insertBefore(fg,R.firstChild);R.classList.add('has-img')}
  var vid=R.dataset.youtube,box=document.getElementById('orn-video');
  if(vid&&vid!=='VIDEO_ID'){box.innerHTML='<iframe src="https://www.youtube-nocookie.com/embed/'+vid+'?rel=0" title="Oser rêver à nouveau" allow="accelerometer; encrypted-media; picture-in-picture" allowfullscreen></iframe>'}
  function summary(){
    var dl=document.getElementById('orn-sum'),h='';
    Object.keys(labels).forEach(function(k){if((data[k]||'').trim())h+='<dt>'+labels[k]+'</dt><dd>'+data[k].replace(/[&<>]/g,function(m){return{'&':'&amp;','<':'&lt;','>':'&gt;'}[m]})+'</dd>'});
    dl.innerHTML=h||'<dd>Tes réponses apparaîtront ici dès que tu auras écrit.</dd>';
  }
  function show(n){
    i=Math.max(0,Math.min(P.length-1,n));
    P.forEach(function(p,k){p.style.display=k===i?'block':'none'});
    [].forEach.call(dots.children,function(d,k){d.className=k<i?'on':(k===i?'cur':'')});
    var f=i/(P.length-1);
    sun.style.bottom=(4+f*56)+'px';
    if(sky)sky.style.background=f<.5?'#FFFFFF':(f<.9?'#FDFAF4':'#FAF3E6');
    prev.style.visibility=i===0?'hidden':'visible';
    next.style.display=i===P.length-1?'none':'inline-block';
    next.textContent=i===0?'Commencer':(i===P.length-2?'Voir ma carte':'Continuer');
    if(i===P.length-1)summary();
    var rc=document.getElementById('orn-recall');if(P[i].contains(rc)){rc.textContent=(data.scene||'').trim()?'Je me vois… '+data.scene.trim():'Ta scène apparaîtra ici quand tu l’auras écrite à l’étape 3.'}
    note.textContent='';
  }
  function toTop(){var pt=R.querySelector('.path');(pt||R).scrollIntoView({behavior:'smooth',block:'start'})}
  prev.onclick=function(){show(i-1);toTop()};
  next.onclick=function(){show(i+1);toTop()};
  document.getElementById('orn-copy').onclick=function(){
    var txt='Ose rêver à nouveau\n\n'+Object.keys(labels).filter(function(k){return(data[k]||'').trim()}).map(function(k){return labels[k]+'\n'+data[k]}).join('\n\n');
    var done=function(){note.textContent='Réponses copiées.'};
    if(navigator.clipboard){navigator.clipboard.writeText(txt).then(done,function(){note.textContent='Copie impossible ici. Sélectionne le texte de ta carte.'})}else{note.textContent='Copie impossible ici. Sélectionne le texte de ta carte.'}
  };
  document.getElementById('orn-print').onclick=function(){try{window.print()}catch(e){note.textContent='Impression impossible ici.'}};
  document.getElementById('orn-reset').onclick=function(){data={};save();R.querySelectorAll('textarea').forEach(function(t){t.value=''});show(0)};
  var tn=document.getElementById('orn-tnote'),tid=null,ac=null;
  function chime(){try{if(!ac)return;var t=ac.currentTime,o=ac.createOscillator(),g=ac.createGain();o.type='sine';o.frequency.value=528;g.gain.setValueAtTime(0.0001,t);g.gain.exponentialRampToValueAtTime(0.18,t+0.08);g.gain.exponentialRampToValueAtTime(0.0001,t+2.8);o.connect(g);g.connect(ac.destination);o.start(t);o.stop(t+3)}catch(e){}}
  R.querySelectorAll('.tbtn').forEach(function(b){b.onclick=function(){
    if(tid){clearInterval(tid);tid=null}
    try{var C=window.AudioContext||window.webkitAudioContext;if(C&&!ac)ac=new C();if(ac&&ac.resume)ac.resume()}catch(e){}
    var n=+b.dataset.sec;tn.textContent=n+' s · ferme les yeux et vis ta scène';
    tid=setInterval(function(){n--;if(n<=0){clearInterval(tid);tid=null;chime();tn.textContent='Ouvre doucement les yeux.';return}tn.textContent=n+' s · ferme les yeux et vis ta scène'},1000)}});
  var sd=R.querySelector('.sens'),ck=document.getElementById('orn-check');sd.addEventListener('toggle',function(){ck.style.display=sd.open?'block':'none'});
  var vb=R.querySelector('.vai'),vi=document.getElementById('orn-vai');if(vb&&vi)vb.addEventListener('click',function(){var o=vi.hidden;vi.hidden=!o;vb.setAttribute('aria-expanded',o)});
  show(0);
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-8f8def5 e-con e-atomic-element e-flexbox-base e-default-div e-96db328 " data-id="8f8def5" data-element_type="e-flexbox" data-e-type="e-flexbox" data-interaction-id="8f8def5">
    		<div class="elementor-element elementor-element-05cb695 elementor-widget elementor-widget-html" data-id="05cb695" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@500;600&family=Quicksand:wght@400;500&display=swap" rel="stylesheet">
<style>
.elementor-widget-html:has(#vnav){width:100%;max-width:100%;align-self:stretch;flex:1 1 100%}
#vnav{--ch:#B49A61;--chl:#DCCDB0;--hair:#E6DED1;--ti:#252321;--tx:#44413E;--mu:#77726B;background:#fff;color:var(--tx);font-family:Quicksand,system-ui,sans-serif;width:100%;max-width:1140px;margin:48px auto;padding:0 18px;box-sizing:border-box}
#vnav *{box-sizing:border-box}
#vnav .eyebrow{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--ch);text-align:center;margin:0 0 26px}
#vnav .eyebrow:before,#vnav .eyebrow:after{content:"";display:inline-block;width:38px;height:1px;background:var(--ch);vertical-align:middle;margin:0 14px}
#vnav .rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 14px;border-top:1px solid var(--ti);padding-top:28px;scrollbar-width:thin;scrollbar-color:var(--chl) transparent}
#vnav .card{scroll-snap-align:start;text-decoration:none;color:inherit;display:block}
#vnav .img{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--hair);background:#fff}
#vnav .img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s ease}
#vnav .card:hover .img img{transform:scale(1.04)}
#vnav .tag{display:block;font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ch);margin:16px 0 6px}
#vnav .t{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;line-height:1.2;color:var(--ti)}
#vnav .d{display:block;font-size:15px;line-height:1.6;color:var(--mu);margin-top:6px}
#vnav .card:focus-visible{outline:2px solid var(--ch);outline-offset:4px}
#vnav .links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid var(--hair);margin-top:16px;padding-top:22px}
#vnav .links a{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ti);text-decoration:none;border-bottom:1px solid var(--ch);padding-bottom:2px;transition:color .3s}
#vnav .links a:hover{color:var(--ch)}
#vnav .links span{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;color:var(--mu);margin-right:12px}
@media(max-width:900px){#vnav .rail{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:600px){#vnav .rail{grid-auto-columns:80%}#vnav .eyebrow:before,#vnav .eyebrow:after{width:18px;margin:0 8px}#vnav .links{flex-direction:column}}
</style>

<nav id="vnav" aria-label="Continuer le voyage" data-categorie="bibliotheque">
  <div class="eyebrow">Continuer le voyage</div>
  <div class="rail" id="vnav-rail">
    <!-- Liste de secours (affichée si la liste automatique ne peut pas se charger) -->
    <a class="card" href="https://vanessa-salles.com/carte-choix-clarte/"><span class="img"><img decoding="async" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Coffret-dore-sur-carte-dexploration.png" alt="" loading="lazy"></span><span class="tag">Cartes</span><span class="t">Carte Choix &amp; Clarté</span><span class="d">Les 7 pas d’une décision alignée.</span></a>
    <a class="card" href="https://vanessa-salles.com/ose-rever-a-nouveau/"><span class="img"><img decoding="async" src="https://vanessa-salles.com/wp-content/uploads/2026/10/Reves-dores-au-dela-des-nuages.png" alt="" loading="lazy"></span><span class="tag">MicroMinutes</span><span class="t">Ose rêver à nouveau</span><span class="d">Pour quand tu te dis : « Je ne sais pas ce que je veux. »</span></a>
  </div>
  <div class="links">
    <a href="https://vanessa-salles.com/bibliotheque/">← Retour à la Bibliothèque</a>
    <div><span>Aller plus loin, ensemble</span><a href="https://vanessa-salles.com/contact-rdv/">Contact &amp; RDV →</a></div>
  </div>
</nav>

<script>
(function(){
  var N=document.getElementById('vnav');if(!N)return;
  var rail=document.getElementById('vnav-rail'),slug=N.dataset.categorie||'bibliotheque';
  function clean(u){try{return new URL(u,location.href).pathname.replace(/\/+$/,'')}catch(e){return u}}
  var here=clean(location.href);
  function hideCurrent(){[].forEach.call(rail.querySelectorAll('.card'),function(c){if(clean(c.href)===here)c.remove()})}
  hideCurrent();
  function esc(s){return String(s).replace(/[&<>"]/g,function(m){return{'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[m]})}
  function txt(h){var d=document.createElement('div');d.innerHTML=h||'';return (d.textContent||'').trim()}
  fetch('/wp-json/wp/v2/categories?slug='+encodeURIComponent(slug)).then(function(r){return r.json()}).then(function(c){
    if(!c||!c[0])throw 0;
    return fetch('/wp-json/wp/v2/posts?categories='+c[0].id+'&per_page=24&_embed=wp:featuredmedia,wp:term').then(function(r){return r.json()});
  }).then(function(posts){
    if(!Array.isArray(posts)||!posts.length)throw 0;
    var h='';
    posts.forEach(function(p){
      if(clean(p.link)===here)return;
      var e=p._embedded||{},m=(e['wp:featuredmedia']||[])[0],img='';
      if(m){var s=(m.media_details&&m.media_details.sizes)||{};img=(s.medium_large||s.large||s.medium||{}).source_url||m.source_url||''}
      var tag='';(e['wp:term']||[]).forEach(function(g){(g||[]).forEach(function(t){if(t.taxonomy==='category'&&t.slug!==slug&&!tag)tag=t.name})});
      var ex=txt(p.excerpt&&p.excerpt.rendered).replace(/\s*\[…\]|\s*\[&hellip;\]/g,'');
      if(/[{};]|--/.test(ex)||ex.length>180)ex='';
      h+='<a class="card" href="'+esc(p.link)+'"><span class="img">'+(img?'<img decoding="async" src="'+esc(img)+'" alt="" loading="lazy">':'')+'</span>'+(tag?'<span class="tag">'+esc(tag)+'</span>':'')+'<span class="t">'+txt(p.title&&p.title.rendered)+'</span>'+(ex?'<span class="d">'+esc(ex)+'</span>':'')+'</a>';
    });
    if(h)rail.innerHTML=h;
  }).catch(function(){});
})();
</script>				</div>
		
</div>
		</div>
		<p>The post <a href="https://vanessa-salles.com/ose-rever-a-nouveau/">Ose rêver à nouveau</a> appeared first on <a href="https://vanessa-salles.com">Vanessa Salles</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
