Ma carte psychique
Dernière mise à jour : il y a 3 jours
<div class="conteneur">
<div class="entete">
<div class="gauche">Thérapie Active · Mon fonctionnement psychique</div>
<div class="pill">Outil interactif</div>
</div>
<div class="filet"></div>
<div class="kicker">Ma carte psychique</div>
<h1>Découvrez votre carte psychique pour mieux comprendre vos émotions</h1>
<p class="lede">Vingt phrases, un chiffre pour chacune. Vos volumes se calculent automatiquement, et votre carte s'affiche à la fin. <strong>Répondez d'instinct, sans chercher la bonne réponse : c'est votre réalité qui nous intéresse, pas un idéal.</strong></p>
Comment utiliser cet outil
Dans cet outil, tu vas répondre à des questions qui t'aideront à mieux comprendre ton fonctionnement psychique. Chaque question a quatre options de réponse. Voici comment noter :
<div class="enc lavande">
<div class="k">Comment noter</div>
<p><strong>1</strong> presque jamais · <strong>2</strong> parfois · <strong>3</strong> souvent · <strong>4</strong> presque toujours</p>
</div>
Les différentes forces psychiques
Le ça · ce qui pousse
<div class="bloc" id="bloc-ca">
<div class="force-t" style="color:var(--orange-t);">Le ça · ce qui pousse</div>
<div class="force-s">La force qui veut. Tout, et tout de suite.</div>
<div id="qs-ca"></div>
<div class="total-ligne"><span>Total du ça</span><span class="total-val" id="tot-ca">–</span></div>
</div>
Le surmoi · ce qui juge
<div class="bloc" id="bloc-surmoi">
<div class="force-t" style="color:var(--violet-f);">Le surmoi · ce qui juge</div>
<div class="force-s">La force qui surveille. Elle connaît toutes les règles par cœur.</div>
<div id="qs-surmoi"></div>
<div class="total-ligne"><span>Total du surmoi</span><span class="total-val" id="tot-surmoi">–</span></div>
</div>
Le moi · ce qui arbitre
<div class="bloc" id="bloc-moi">
<div class="force-t" style="color:var(--eau-t);">Le moi · ce qui arbitre</div>
<div class="force-s">Votre pilote. Ici, un score haut est une force.</div>
<div id="qs-moi"></div>
<div class="total-ligne"><span>Total du moi</span><span class="total-val" id="tot-moi">–</span></div>
</div>
L'alarme · ce qui court-circuite
<div class="bloc" id="bloc-alarme">
<div class="force-t" style="color:var(--orange-t);">L'alarme · ce qui court-circuite</div>
<div class="force-s">Le système de sécurité, parfois réglé trop sensible.</div>
<div id="qs-alarme"></div>
<div class="total-ligne"><span>Total de l'alarme</span><span class="total-val" id="tot-alarme">–</span></div>
</div>
Mes volumes
<div class="resultats" id="resultats">
<h2>Mes volumes</h2>
<p class="sous-h2">Votre carte, celle que Léa, Rose et Sofia ont dessinée avant vous.</p>
<div id="vols"></div>
<h2>Ce que ma carte suggère</h2>
<p class="sous-h2">Les profils qui vous correspondent. C'est souvent une combinaison de deux.</p>
Profils psychiques
<div class="profil eau" id="pr-moi-bas">
<div class="k">Le moi est bas · l'arbitre manque de voix</div>
<p>Dire non, trancher, vous défendre : c'est son métier, et il n'a pas la parole. <strong>Terrain d'entraînement : l'estime de soi, la confiance, l'affirmation de soi.</strong></p>
</div>
<div class="profil lavande" id="pr-surmoi-haut">
<div class="k">Le surmoi est dominant · le juge occupe la table</div>
<p>Perfectionnisme, autocritique, culpabilité, besoin de tout contrôler. <strong>Terrain d'entraînement : le perfectionnisme, le lâcher-prise, la relation à l'erreur.</strong></p>
</div>
<div class="profil orange" id="pr-ca-haut">
<div class="k">Le ça est dominant · l'élan déborde</div>
<p>Les émotions décident avant vous : impulsions, colères, regrets. <strong>Terrain d'entraînement : la régulation des émotions, l'impulsivité, la colère.</strong></p>
</div>
<div class="profil orange" id="pr-alarme-haute">
<div class="k">L'alarme est très sensible · la sécurité prend toute la place</div>
<p>Corps en alerte, réactions disproportionnées, évitements. <strong>Terrain d'entraînement : l'anxiété et l'angoisse ; si l'alarme est branchée sur des blessures précises, l'EMDR.</strong></p>
</div>
<div class="profil eau" id="pr-ca-bas">
<div class="k">Le ça est discret · l'élan est en veille</div>
<p>Plus d'envie, plus d'énergie, tout demande un effort. Ce réglage-là mérite qu'on en parle vite en séance. <strong>Terrain d'entraînement : raviver l'énergie et le plaisir, pas à pas.</strong></p>
</div>
<div class="profil eau" id="pr-moi-haut">
<div class="k">Le moi est solide · l'arbitre a de la voix</div>
<p>Bonne nouvelle : votre pilote sait déjà composer. Le travail ira plus vite, on s'appuiera sur lui.</p>
</div>
<div class="profil lavande" id="pr-duo">
<div class="k">Votre duo · surmoi dominant + moi bas</div>
<p>Le duo le plus fréquent au cabinet : le juge décide, l'arbitre subit. C'est le profil de Léa et de Rose. <strong>Priorité : renforcer l'arbitre (estime et affirmation de soi), puis assouplir le juge.</strong></p>
</div>
<div class="profil lavande" id="pr-equilibre">
<div class="k">Un profil nuancé</div>
<p>Aucune force ne domine nettement : votre réglage est plus fin que les grands profils types. C'est en séance, avec vos observations des étapes 1 et 2, que votre carte prendra tout son relief.</p>
</div>
<div class="caveat">Votre carte dit d'où l'on part. Jamais où vous pouvez aller.</div>
<div class="enc sombre">
<div class="k">Une boussole, pas un verdict</div>
<p>Ce questionnaire n'est pas un test médical : c'est un outil d'observation, un instantané. Nous le lirons ensemble en séance pour choisir votre terrain d'entraînement, et vous le referez dans trois mois : <strong>c'est là que vous verrez la route construite.</strong> Notez vos totaux quelque part, ou faites une capture d'écran.</p>
</div>
<div class="boutons">
<button class="btn btn-p" onclick="window.print()">Imprimer / garder en PDF</button>
<button class="btn btn-s" onclick="toutEffacer()">Tout effacer</button>
</div>
</div>
<p class="pied">Support de psychoéducation, utilisé dans le cadre d'un accompagnement ; il ne remplace pas un suivi individuel. Si ce que vous ressentez devient trop lourd, ne restez pas seul(e) : le 3114, ligne nationale de prévention du suicide, répond 24h/24, gratuitement. · Thérapie Active · therapieactive.fr</p>
</div>
<div class="progression">
<span id="prog-txt">0 / 20</span>
<div class="barre"><div id="prog-barre"></div></div>
<span id="prog-msg">Répondez d'instinct</span>
</div>
<script>
var QUESTIONS = {
ca: [
"Quand une envie ou une émotion monte, il faut que ça sorte, tout de suite.",
"Sous le coup de l'émotion, je dis ou je fais des choses que je regrette après.",
"J'ai du mal à supporter la frustration ou l'attente.",
"Mes émotions montent très vite et très fort.",
"Je fais passer l'envie du moment avant les conséquences."
],
surmoi: [
"J'entends souvent « il faut », « je dois » dans ma tête.",
"Quand je fais une erreur, je me critique durement.",
"Le regard des autres pèse sur mes décisions.",
"J'ai du mal à me reposer sans culpabiliser.",
"Si ce n'est pas parfait, ça ne compte pas."
],
moi: [
"Je sais dire non sans me sentir coupable pendant des jours.",
"Entre une envie et une règle, je trouve souvent un compromis qui me va.",
"Je prends des décisions sans les ruminer pendant des heures.",
"Je peux défendre mon avis calmement, même face au désaccord.",
"Quand une émotion monte, je peux la laisser passer sans qu'elle décide pour moi."
],
alarme: [
"Mon corps réagit avant moi : gorge nouée, cœur qui s'emballe, ventre serré.",
"Un détail (un ton, un silence, un regard) peut déclencher une grosse réaction.",
"Je me sens souvent en alerte, même sans danger réel.",
"Dans certaines situations, je réagis « comme avant », de façon disproportionnée.",
"J'évite des situations par peur de ce que je pourrais y ressentir."
]
};
var META = {
ca: { nom:"Le ça", role:"l'élan, ce qui pousse", couleur:"#B5722E",
paliers:[["discret","p-bas"],["présent","p-moyen"],["dominant","p-haut"]] },
surmoi: { nom:"Le surmoi", role:"le juge, ce qui surveille", couleur:"#6C4CF0",
paliers:[["discret","p-bas"],["présent","p-moyen"],["dominant","p-haut"]] },
moi: { nom:"Le moi", role:"l'arbitre, votre pilote", couleur:"#2E8B79",
paliers:[["à renforcer","p-haut"],["présent","p-moyen"],["solide","p-bas"]] },
alarme: { nom:"L'alarme", role:"le système de sécurité", couleur:"#B5722E",
paliers:[["posée","p-bas"],["réactive","p-moyen"],["très sensible","p-haut"]] }
};
var reponses = {};
var numGlobal = 0;
Object.keys(QUESTIONS).forEach(function(force){
var conteneur = document.getElementById("qs-" + force);
QUESTIONS[force].forEach(function(texte, i){
numGlobal++;
var q = document.createElement("div");
q.className = "q";
var chips = "";
for (var v = 1; v <= 4; v++) {
chips += '<label><input type="radio" name="q' + numGlobal + '" value="' + v +
'" data-force="' + force + '" onchange="maj(this)"><span>' + v + '</span></label>';
}
q.innerHTML = '<div class="q-texte"><span class="q-num">' + numGlobal + '</span><span>' +
texte + '</span></div><div class="chips">' + chips + '</div>';
conteneur.appendChild(q);
});
});
function maj(input){
reponses[input.name] = { force: input.dataset.force, valeur: parseInt(input.value, 10) };
var n = Object.keys(reponses).length;
document.getElementById("prog-txt").textContent = n + " / 20";
document.getElementById("prog-barre").style.width = (n / 20 * 100) + "%";
document.getElementById("prog-msg").textContent =
n < 20 ? (n < 10 ? "Répondez d'instinct" : "Vous y êtes presque") : "Votre carte est prête ↓";
Object.keys(META).forEach(function(force){
var t = totalForce(force);
document.getElementById("tot-" + force).textContent = t === null ? "–" : t;
});
if (n === 20) afficherResultats();
}
function totalForce(force){
var vals = [];
Object.keys(reponses).forEach(function(k){
if (reponses[k].force === force) vals.push(reponses[k].valeur);
});
if (vals.length < 5) return null;
return vals.reduce(function(a,b){ return a+b; }, 0);
}
function palier(t) { return t <= 9 ? 0 : (t <= 14 ? 1 : 2); }
function afficherResultats(){
var vols = document.getElementById("vols");
vols.innerHTML = "";
var T = {};
Object.keys(META).forEach(function(force){
var t = totalForce(force); T[force] = t;
var m = META[force];
var p = m.paliers[palier(t)];
var bloc = document.createElement("div");
bloc.className = "vol";
bloc.innerHTML = '<div class="vol-t"><span class="vol-nom" style="color:' + m.couleur + '">' +
m.nom + ' <small style="font-weight:400;color:#6f6990;font-size:12px;">· ' + m.role + '</small></span>' +
'<span class="vol-palier ' + p[1] + '">' + t + ' · ' + p[0] + '</span></div>' +
'<div class="vol-piste"><div style="background:' + m.couleur + '"></div></div>';
vols.appendChild(bloc);
setTimeout(function(){
bloc.querySelector(".vol-piste div").style.width = ((t - 5) / 15 * 100) + "%";
}, 60);
});
var unProfil = false;
function montrer(id, cond){
document.getElementById(id).classList.toggle("visible", cond);
if (cond) unProfil = true;
}
montrer("pr-moi-bas", T.moi <= 9);
montrer("pr-surmoi-haut", T.surmoi >= 15);
montrer("pr-ca-haut", T.ca >= 15);
montrer("pr-alarme-haute", T.alarme >= 15);
montrer("pr-ca-bas", T.ca <= 9);
montrer("pr-moi-haut", T.moi >= 15);
montrer("pr-duo", T.surmoi >= 15 && T.moi <= 9);
document.getElementById("pr-equilibre").classList.toggle("visible", !unProfil);
var res = document.getElementById("resultats");
res.classList.add("visible");
res.scrollIntoView({ behavior: "smooth", block: "start" });
}
function toutEffacer(){
if (!confirm("Effacer toutes vos réponses ?")) return;
reponses = {};
document.querySelectorAll("input[type=radio]").forEach(function(r){ r.checked = false; });
["ca","surmoi","moi","alarme"].forEach(function(f){
document.getElementById("tot-" + f).textContent = "–";
});
document.getElementById("resultats").classList.remove("visible");
document.getElementById("prog-txt").textContent = "0 / 20";
document.getElementById("prog-barre").style.width = "0%";
document.getElementById("prog-msg").textContent = "Répondez d'instinct";
window.scrollTo({ top: 0, behavior: "smooth" });
}
</script>

Commentaires