Boussole — Relations amoureuses
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#111827;--body:#374151;--subtle:#6b7280;--border:rgba(0,0,0,.08);--bg:#f8f9fa;--white:#fff;--hero:#1a6b72;--shadow:0 2px 10px rgba(0,0,0,.07);--shadow-md:0 6px 24px rgba(0,0,0,.11);--r:.75rem;--rr:1rem;}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}
.nav{position:fixed;top:0;left:0;right:0;z-index:300;height:52px;display:flex;align-items:center;padding:0 2rem;gap:.75rem;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-brand{font-weight:800;font-size:.92rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.32rem}
.compass{display:inline-block;animation:spin-c 7s ease-in-out infinite;transform-origin:center}
@keyframes spin-c{0%,45%{transform:rotate(-18deg)}55%,95%{transform:rotate(190deg)}100%{transform:rotate(330deg)}}
.nav-end{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.nav-back{font-size:.76rem;font-weight:500;color:var(--subtle);text-decoration:none;padding:.28rem .6rem;border-radius:.45rem;transition:.15s}.nav-back:hover{background:var(--bg);color:var(--ink)}
.nav-tag{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--accent-light,rgba(0,0,0,.07));color:var(--accent,var(--subtle));border:1px solid var(--accent-border,var(--border));padding:.25rem .65rem;border-radius:2rem}
.hero{background:var(--hero);padding:7rem 2rem 4.5rem;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 80% 30%,rgba(255,255,255,.06),transparent);pointer-events:none}
.hero-inner{max-width:740px;margin:0 auto;position:relative;z-index:1}
.hero-kicker{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);display:block;margin-bottom:1rem}
.hero-title{font-size:clamp(2.2rem,6vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:.92;color:#fff;margin-bottom:1.25rem}
.hero-lead{font-size:clamp(.9rem,2vw,1.05rem);color:rgba(255,255,255,.65);font-weight:300;line-height:1.75;max-width:520px}
.content{max-width:740px;margin:0 auto;padding:0 2rem}
.section{padding:2.75rem 0;border-top:1px solid var(--border)}
.section:first-child{border-top:none;padding-top:3rem}
.sec-kicker{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#1a6b72);display:block;margin-bottom:.45rem}
.sec-title{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:var(--ink);letter-spacing:-.03em;margin-bottom:.85rem;line-height:1.05}
.sec-body{font-size:.92rem;color:var(--body);line-height:1.82;margin-bottom:1.5rem}
.src{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:1rem;padding:.14rem .52rem;font-size:.64rem;color:var(--subtle);margin-top:.25rem}
.info-box{background:var(--accent-light,rgba(26,107,114,.09));border:1.5px solid var(--accent-border,rgba(26,107,114,.25));border-radius:var(--rr);padding:1.35rem;margin-bottom:1.5rem}
.info-box h3{font-size:.9rem;font-weight:700;color:var(--accent,#1a6b72);margin-bottom:.75rem}
.ib-point{display:flex;gap:.7rem;align-items:flex-start;font-size:.87rem;color:var(--ink);line-height:1.6;margin-bottom:.5rem}
.ib-point:last-child{margin-bottom:0}
.ib-dot{width:6px;height:6px;border-radius:50%;background:var(--accent,#1a6b72);flex-shrink:0;margin-top:.55rem}
.info-note{background:var(--white);border-radius:.65rem;padding:.75rem .95rem;margin-top:.85rem;font-size:.8rem;color:var(--subtle);line-height:1.6;border:1px solid var(--border)}
.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.5rem}
.three-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1.5rem}
.kn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem;box-shadow:var(--shadow)}
.card-title{font-size:.88rem;font-weight:700;color:var(--ink);margin-bottom:.3rem}
.card-body{font-size:.8rem;color:var(--body);line-height:1.55}
.kn{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:.95rem;text-align:center;box-shadow:var(--shadow)}
.kn-num{font-size:1.9rem;font-weight:800;color:var(--accent,#1a6b72);display:block;line-height:1}
.kn-label{font-size:.72rem;color:var(--subtle);margin-top:.3rem;line-height:1.3}
.steps{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem;position:relative}
.steps::before{content:'';position:absolute;left:14px;top:20px;bottom:20px;width:2px;background:var(--accent-light,rgba(26,107,114,.15))}
.step{display:flex;gap:.85rem;align-items:flex-start;padding:.75rem 0}
.step-num{width:30px;height:30px;border-radius:50%;background:var(--accent,#1a6b72);color:white;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;position:relative;z-index:1}
.step-body{background:var(--white);border-radius:var(--r);padding:.85rem 1rem;flex:1;border:1px solid var(--border);box-shadow:var(--shadow)}
.step-title{font-size:.88rem;font-weight:700;color:var(--ink);margin-bottom:.18rem}
.step-text{font-size:.8rem;color:var(--body);line-height:1.5}
.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.tab{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.3rem .75rem;font-size:.78rem;font-weight:500;color:var(--subtle);cursor:pointer;transition:.15s;font-family:'Inter',sans-serif}
.tab.active,.tab:hover{background:var(--accent,#1a6b72);border-color:var(--accent,#1a6b72);color:white}
.tab-panel{display:none;animation:fIn .25s ease both}
.tab-panel.active{display:block}
@keyframes fIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.tab-content{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1.25rem;box-shadow:var(--shadow)}
.tab-content p{font-size:.87rem;color:var(--body);line-height:1.75;margin-bottom:.65rem}
.tab-content p:last-child{margin-bottom:0}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}
.cmp-col{border-radius:var(--r);padding:1rem 1.1rem}
.cmp-ok{background:#f0fdf4;border:1.5px solid #86efac}
.cmp-warn{background:#fff7ed;border:1.5px solid #fcd34d}
.cmp-title{font-size:.84rem;font-weight:700;margin-bottom:.6rem}
.cmp-ok .cmp-title{color:#166534}.cmp-warn .cmp-title{color:#92400e}
.cmp-item{font-size:.8rem;color:var(--body);line-height:1.45;display:flex;gap:.45rem;margin-bottom:.35rem}
.cmp-ok .cmp-item::before{content:'✓';color:#16a34a;font-weight:700;flex-shrink:0}
.cmp-warn .cmp-item::before{content:'→';color:#d97706;font-weight:700;flex-shrink:0}
.alert-box{border-left:4px solid var(--accent,#1a6b72);background:var(--accent-light,rgba(26,107,114,.09));border-radius:0 var(--r) var(--r) 0;padding:.95rem 1.1rem;margin-bottom:1.5rem;font-size:.87rem;color:var(--ink);line-height:1.65}
.quiz-wrap{background:var(--white);border:1.5px solid var(--accent-border,rgba(26,107,114,.25));border-radius:var(--rr);padding:1.35rem;margin-bottom:1.5rem}
.quiz-wrap h3{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.25rem}
.quiz-wrap>p{font-size:.78rem;color:var(--subtle);margin-bottom:1rem}
.q-block{margin-bottom:1.1rem}
.q-text{font-size:.87rem;font-weight:600;color:var(--ink);margin-bottom:.55rem;line-height:1.45}
.q-opts{display:flex;flex-direction:column;gap:.35rem}
.q-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:.55rem .85rem;font-size:.82rem;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;color:var(--ink);transition:all .15s}
.q-btn:hover{border-color:var(--accent,#1a6b72);background:var(--accent-light,rgba(26,107,114,.09))}
.q-btn.ok{background:#f0fdf4;border-color:#86efac;color:#166534;cursor:default}
.q-btn.ko{background:#fff7ed;border-color:#fcd34d;color:#92400e;cursor:default}
.q-fb{display:none;border-radius:.5rem;padding:.6rem .85rem;margin-top:.5rem;font-size:.79rem;line-height:1.5}
.q-fb.vis{display:block}
.q-fb.ok{background:#f0fdf4;border:1px solid #86efac;color:#166534}
.q-fb.ko{background:#fff7ed;border:1px solid #fcd34d;color:#92400e}
.q-score{display:none;text-align:center;padding:.5rem;border-top:1px solid var(--border);margin-top:.85rem}
.q-score.vis{display:block}
.qs-num{font-size:2rem;font-weight:800;color:var(--accent,#1a6b72)}
.qs-msg{font-size:.82rem;color:var(--subtle);margin:.3rem 0 .6rem}
.q-replay{background:var(--accent,#1a6b72);color:white;border:none;border-radius:2rem;padding:.48rem 1.1rem;font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;cursor:pointer}
.res-list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.5rem}
.res{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.05rem;border-radius:var(--r);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:all .18s}
.res:hover{transform:translateX(4px);box-shadow:var(--shadow-md);border-color:var(--accent-border,var(--border))}
.res-icon{width:40px;height:40px;border-radius:.6rem;background:var(--accent-light,rgba(26,107,114,.09));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.res-name{font-size:.88rem;font-weight:600;color:var(--ink);margin-bottom:.1rem}
.res-desc{font-size:.75rem;color:var(--subtle);line-height:1.35}
.res-arr{margin-left:auto;font-size:.78rem;color:var(--subtle);opacity:0;transform:translateX(-3px);transition:all .15s;flex-shrink:0}
.res:hover .res-arr{opacity:1;transform:translateX(0);color:var(--accent,#1a6b72)}
.video-card{background:var(--white);border-radius:var(--rr);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-md);margin-bottom:1rem}
.vthumb{position:relative;padding-bottom:56.25%;background:var(--accent-light,rgba(26,107,114,.09));overflow:hidden}
.vthumb iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.vplaceholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:.55rem;transition:background .2s}
.vplaceholder:hover{background:rgba(0,0,0,.05)}
.vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.play-btn{position:relative;width:50px;height:50px;background:white;box-shadow:0 3px 14px rgba(0,0,0,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--accent,#1a6b72);transition:transform .25s cubic-bezier(.34,1.56,.64,1);z-index:1}
.vplaceholder:hover .play-btn{transform:scale(1.1)}
.vmeta{padding:.9rem 1.1rem}
.vtag{display:inline-block;background:var(--accent-light,rgba(26,107,114,.09));color:var(--accent,#1a6b72);padding:.14rem .48rem;border-radius:1rem;font-size:.64rem;font-weight:700;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.06em}
.vmeta h3{font-size:.88rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}
.vmeta p{font-size:.75rem;color:var(--subtle);line-height:1.5}
.sources{background:var(--bg);border-radius:var(--r);padding:.9rem 1.05rem;margin-top:2rem;border:1px solid var(--border)}
.sources h5{font-size:.68rem;font-weight:700;color:var(--subtle);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.07em}
.sources p{font-size:.7rem;color:var(--subtle);font-weight:300;line-height:1.7}
footer{background:#0f172a;padding:1.75rem 2rem;margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.foot-brand{font-weight:800;font-size:.88rem;color:rgba(255,255,255,.4);text-decoration:none}
.foot-copy{font-size:.7rem;color:rgba(255,255,255,.18)}
@media(max-width:560px){.two-grid,.three-grid,.kn-grid,.compare{grid-template-columns:1fr}.content{padding:0 1.25rem}}
/* ══ SYSTÈME 2 NIVEAUX ══ */
/* Barre sticky */
.niveau-bar{
position:sticky;top:52px;z-index:90;
background:rgba(255,253,245,.97);backdrop-filter:blur(10px);
border-bottom:1px solid rgba(14,116,144,.12);
padding:.5rem 1rem;
}
.niveau-inner{
max-width:720px;margin:0 auto;
display:flex;gap:.5rem;align-items:center;
}
.niveau-btn{
flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;
padding:.55rem 1rem;border-radius:.75rem;border:1.5px solid rgba(14,116,144,.18);
cursor:pointer;font-family:'Inter',sans-serif;font-size:.82rem;font-weight:700;
color:var(--mid);background:transparent;transition:.18s;
}
.niveau-btn:hover{background:var(--accent-light);color:var(--dark);border-color:var(--accent)}
.niveau-btn.active{
background:var(--accent);color:#fff;border-color:var(--accent);
box-shadow:0 2px 12px rgba(14,116,144,.3);
}
.nb-icon{font-size:1rem}
.nb-time{font-size:.68rem;font-weight:500;opacity:.8}
/* Panneaux */
.niveau-panel{display:none}
.niveau-panel.active{display:block;animation:fadeIn .2s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* ══ ESSENTIEL ══ */
/* Action immédiate */
.essentiel-action{
background:linear-gradient(135deg,#052e38,#0e7490);
border-radius:var(--rr);padding:1.5rem;margin-bottom:1.25rem;color:#fff;
}
.ea-tag{
font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;
color:rgba(255,255,255,.6);display:block;margin-bottom:.45rem;
}
.ea-title{font-size:1.15rem;font-weight:900;margin-bottom:.45rem;line-height:1.2}
.ea-desc{font-size:.84rem;color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:1.1rem}
.ea-steps{display:flex;gap:.45rem;margin-bottom:.95rem}
.ea-step{
flex:1;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);
border-radius:.75rem;padding:.7rem .45rem;text-align:center;
}
.ea-step-num{font-size:1.5rem;font-weight:900;display:block;line-height:1;color:#fff}
.ea-step-label{font-size:.66rem;display:block;margin:.15rem 0 .08rem;color:rgba(255,255,255,.75)}
.ea-step-sub{font-size:.6rem;color:rgba(255,255,255,.5);font-weight:600}
.ea-note{font-size:.77rem;color:rgba(255,255,255,.65);border-top:1px solid rgba(255,255,255,.15);padding-top:.75rem;line-height:1.5}
/* C'est quoi */
.essentiel-quoi{
background:var(--accent-light2);border:1.5px solid var(--accent-border);
border-radius:var(--r);padding:1.1rem 1.25rem;margin-bottom:1.25rem;
}
.essentiel-quoi p{font-size:.86rem;color:var(--dark);line-height:1.7}
.essentiel-quoi strong{color:var(--accent)}
/* Signaux */
.essentiel-section-title{
font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
color:var(--mid);margin:.75rem 0 .65rem;display:flex;align-items:center;gap:.4rem;
}
.essentiel-section-title::before{
content:'';display:block;width:3px;height:14px;
background:var(--accent);border-radius:2px;flex-shrink:0;
}
.essentiel-signals{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.25rem}
.es-sig{
background:#fff;border-radius:var(--r);border:1.5px solid rgba(14,116,144,.1);
padding:.75rem .85rem;display:flex;gap:.55rem;align-items:flex-start;box-shadow:var(--shadow);
}
.es-sig-icon{font-size:1.05rem;flex-shrink:0}
.es-sig-text{font-size:.79rem;color:var(--mid);line-height:1.5}
.es-sig-text strong{color:var(--dark);font-weight:700}
/* Techniques */
.essentiel-techs{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.25rem}
.es-tech{
background:#fff;border-radius:var(--r);border:1.5px solid rgba(14,116,144,.1);
padding:.9rem 1.05rem;display:flex;gap:.75rem;align-items:flex-start;
box-shadow:var(--shadow);transition:.18s;
}
.es-tech:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}
.es-tech-icon{
width:36px;height:36px;border-radius:50%;background:var(--accent-light2);
display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;
}
.es-tech-title{font-size:.84rem;font-weight:800;color:var(--dark);margin-bottom:.18rem}
.es-tech-text{font-size:.8rem;color:var(--mid);line-height:1.6}
.es-tech-badge{
display:inline-block;margin-top:.32rem;font-size:.64rem;font-weight:700;
color:var(--accent);background:var(--accent-light);
padding:.1rem .45rem;border-radius:.5rem;border:1px solid var(--accent-border);
}
/* Quand consulter */
.essentiel-quand{
background:#fef2f2;border:1.5px solid #fca5a5;border-radius:var(--r);
padding:.95rem 1.1rem;margin-bottom:1.25rem;
}
.essentiel-quand h4{font-size:.8rem;font-weight:800;color:#dc2626;margin-bottom:.5rem}
.essentiel-quand ul{list-style:none;padding:0}
.essentiel-quand li{
font-size:.8rem;color:#7f1d1d;padding:.2rem 0 .2rem .9rem;
position:relative;line-height:1.5;border-bottom:1px solid rgba(220,38,38,.1);
}
.essentiel-quand li:last-child{border-bottom:none}
.essentiel-quand li::before{content:'!';position:absolute;left:0;color:#dc2626;font-weight:900}
/* Actions */
.essentiel-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.85rem}
.ea-btn-primary{
flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.4rem;
padding:.85rem 1rem;border-radius:.85rem;text-decoration:none;font-weight:800;
font-size:.84rem;transition:.2s;
background:linear-gradient(135deg,#0e7490,#0891b2);color:#fff;
box-shadow:0 3px 14px rgba(14,116,144,.25);
}
.ea-btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(14,116,144,.35)}
.ea-btn-secondary{
flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.4rem;
padding:.85rem 1rem;border-radius:.85rem;text-decoration:none;font-weight:700;
font-size:.84rem;transition:.2s;
background:#fff;color:var(--dark);border:1.5px solid rgba(14,116,144,.2);
box-shadow:var(--shadow);cursor:pointer;
}
.ea-btn-secondary:hover{border-color:var(--accent);transform:translateY(-1px)}
/* Urgence bas */
.essentiel-urgence{
background:#fff;border:1.5px solid rgba(14,116,144,.12);border-radius:var(--r);
padding:.85rem 1rem;display:flex;gap:.65rem;align-items:center;
}
.essentiel-urgence p{font-size:.77rem;color:var(--mid);line-height:1.55}
.essentiel-urgence a{color:var(--accent);font-weight:700}
/* Glossaire inline */
.gloss{
border-bottom:1px dashed rgba(14,116,144,.45);cursor:help;position:relative;
}
.gloss-tip{
display:none;position:absolute;left:0;top:calc(100% + 4px);z-index:99;
background:var(--dark);color:#fff;font-size:.71rem;line-height:1.45;
padding:.4rem .7rem;border-radius:.5rem;width:210px;pointer-events:none;
font-style:normal;font-weight:400;
}
.gloss:hover .gloss-tip{display:block}
@media(max-width:540px){
.ea-steps{flex-direction:column;gap:.35rem}
.essentiel-signals{grid-template-columns:1fr}
.essentiel-actions{flex-direction:column}
}
.mod-figure{margin:1.25rem 0;background:#fff;border-radius:.9rem;
border:1.5px solid rgba(0,0,0,.08);overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.07)}
.mod-figure img{display:block;width:100%;height:auto;max-height:440px;
object-fit:contain;background:#f8fafc;padding:.4rem}
.mod-figure figcaption{font-size:.7rem;color:#64748b;line-height:1.55;
padding:.65rem .9rem;border-top:1px solid rgba(0,0,0,.05);background:#f8fafc}
.mod-figure figcaption strong{color:#1e293b;font-size:.75rem}
p.fig-intro{font-size:.82rem;font-weight:700;color:var(--acc,#0891b2);
margin:1.5rem 0 .35rem;padding:.28rem 0 .28rem .7rem;
border-left:3px solid var(--acc,#0891b2)}
.essentiel-box{background:linear-gradient(135deg,rgba(8,145,178,.08),rgba(8,145,178,.04));
border:1.5px solid rgba(8,145,178,.25);border-radius:.85rem;margin:1.1rem 0;overflow:hidden}
.essentiel-toggle{width:100%;background:none;border:none;padding:.85rem 1rem;
display:flex;align-items:center;justify-content:space-between;
font-size:.88rem;font-weight:800;color:#0c4a6e;cursor:pointer;font-family:inherit;text-align:left}
.essentiel-toggle:hover{background:rgba(8,145,178,.05)}
.essentiel-content{display:none;padding:.1rem 1rem .9rem;border-top:1px solid rgba(8,145,178,.15)}
.essentiel-content.open{display:block}
.essentiel-content ul{margin:.4rem 0 0 1.1rem;padding:0}
.essentiel-content li{font-size:.82rem;color:#1e293b;line-height:1.6;margin-bottom:.18rem}
← Accueil
🧭 Boussole
🤝 Relations
📌 L'essentiel 5 min
📖 En profondeur 10 min
💘
Relations & Communication
Relations amoureuses
Ce qui rend une relation belle — ou toxique. Jalousie, rupture, premières amours.
💘 La question clé
Une relation saine te rend meilleur·e — pas plus petit·e
Pas besoin d'être parfaite pour être saine. La vraie question : est-ce que cette relation te permet d'être toi-même ? Ou est-ce que tu te retiens, tu te surveilles, tu as peur ?
😊Tu te senslibre d'être toi
🗣️Tu peux direnon et ça se respecte
👫Tu gardestes amis et ta vie
La jalousie intense, le contrôle, l'isolement des proches — ce ne sont pas des signes d'amour fort. Ce sont des signaux d'alarme.
Les premières relations amoureuses sont intenses — c'est normal. Le cerveau ado traite l'amour avec une intensité émotionnelle très élevée. Mais l'intensité des émotions ne dit rien sur la qualité de la relation.
Signe d'une relation saine vs toxique
✅Saine — confiance, communication, respect des limites, liberté gardée
🚩Alarm — jalousie excessive, contrôle (qui tu vois, ce que tu portes), isolement des amis
😔Rupture — faire mal dès le début ne veut pas dire mal toujours. Mais ignorer un signal, si.
💬Conflit — dans une relation saine, on peut se disputer et résoudre. Pas l'un contre l'autre.
Ce qui aide dans les moments difficiles
🗣️
Communiquer directement — pas par intermédiaire
Les malentendus se règlent en parlant — pas en attendant que l'autre devine ou en passant par des ami·e·s communs. "Je me suis senti·e mal quand..." est plus puissant que les reproches ou le silence.
Communication directe · messages "je"
💔
Après une rupture — laisser le temps
La douleur d'une rupture est réelle et prend du temps. Ce n'est pas un signe de faiblesse. Rester en contact immédiatement aggrave souvent la douleur. Trouver de qui s'entourer et laisser passer un peu de temps — même si c'est difficile.
Temps · soutien · pas de contact précipité
🧭
Faire confiance à ce que tu ressens
Si quelque chose te met mal à l'aise dans une relation — même si tu n'arrives pas à l'expliquer — c'est une information valable. Tes limites méritent d'être respectées, pas justifiées.
Intuition · limites valides sans justification
⚠️ Parler à un adulte si…
Tu as peur de ton·ta partenaire ou de sa réaction si tu dis non
Il ou elle te contrôle, surveille ton téléphone, t'isole de tes proches
Tu as subi quelque chose sans ton accord (voir module Consentement)
Ce qui rend une relation belle — ou toxique. Jalousie, rupture, premières amours.
💘 La question clé
Une relation saine te rend meilleur·e — pas plus petit·e
Pas besoin d'être parfaite pour être saine. La vraie question : est-ce que cette relation te permet d'être toi-même ? Ou est-ce que tu te retiens, tu te surveilles, tu as peur ?
😊Tu te senslibre d'être toi
🗣️Tu peux direnon et ça se respecte
👫Tu gardestes amis et ta vie
La jalousie intense, le contrôle, l'isolement des proches — ce ne sont pas des signes d'amour fort. Ce sont des signaux d'alarme.
Les premières relations amoureuses sont intenses — c'est normal. Le cerveau ado traite l'amour avec une intensité émotionnelle très élevée. Mais l'intensité des émotions ne dit rien sur la qualité de la relation.
Signe d'une relation saine vs toxique
✅
Saine — confiance, communication, respect des limites, liberté gardée
🚩
Alarm — jalousie excessive, contrôle (qui tu vois, ce que tu portes), isolement des amis
😔
Rupture — faire mal dès le début ne veut pas dire mal toujours. Mais ignorer un signal, si.
💬
Conflit — dans une relation saine, on peut se disputer et résoudre. Pas l'un contre l'autre.
Ce qui aide dans les moments difficiles
🗣️
Communiquer directement — pas par intermédiaire
Les malentendus se règlent en parlant — pas en attendant que l'autre devine ou en passant par des ami·e·s communs. "Je me suis senti·e mal quand..." est plus puissant que les reproches ou le silence.
Communication directe · messages "je"
💔
Après une rupture — laisser le temps
La douleur d'une rupture est réelle et prend du temps. Ce n'est pas un signe de faiblesse. Rester en contact immédiatement aggrave souvent la douleur. Trouver de qui s'entourer et laisser passer un peu de temps — même si c'est difficile.
Temps · soutien · pas de contact précipité
🧭
Faire confiance à ce que tu ressens
Si quelque chose te met mal à l'aise dans une relation — même si tu n'arrives pas à l'expliquer — c'est une information valable. Tes limites méritent d'être respectées, pas justifiées.
Intuition · limites valides sans justification
⚠️ Parler à un adulte si…
Tu as peur de ton·ta partenaire ou de sa réaction si tu dis non
Il ou elle te contrôle, surveille ton téléphone, t'isole de tes proches
Tu as subi quelque chose sans ton accord (voir module Consentement)
Tu vis une première relation et tu sais pas trop ce qui est normal
Ta relation te pèse ou te fait peur et tu sais pas si c'est de toi
Tu viens de te faire larguer et tu sais pas comment avancer
Tu te poses des questions sur le consentement ou sur tes limites
L'amour à l'ado
Pourquoi c'est si intense — et si normal
Les premières relations sont vécues plus intensément que les relations adultes. Ce n'est pas de l'immaturité — c'est de la biologie et de la chimie cérébrale.
🧠 Ce qui se passe dans ton cerveau
Le cocktail chimique. L'amour active dopamine (plaisir), ocytocine (attachement), sérotonine (humeur) et adrénaline (excitation). Ce mélange est plus puissant à l'adolescence qu'à l'âge adulte — le cortex préfrontal (régulation) n'est pas encore mature.
C'est pourquoi tu penses à l'autre tout le temps. La dopamine crée une boucle de récompense similaire à celle d'une dépendance. Ce n'est pas de la faiblesse — c'est neurochimique.
Et pourquoi les ruptures font si mal. Perdre une relation amoureuse active les mêmes zones du cerveau que la douleur physique, et déclenche un vrai sevrage chimique.
Sain vs toxique
Une relation saine ressemble à quoi ?
✅
Relation saine
Tu te sens libre d'être toi-même. Tu peux voir tes ami·e·s. Tu peux dire non. Les désaccords se règlent sans cris ni menaces. Tu te sens bien après l'avoir vu·e.
⚠️
Signaux d'alarme
Il·elle vérifie ton téléphone. Te dit comment t'habiller. T'isole de tes amis. Menace de se faire du mal si tu pars. Te culpabilise souvent. Ces comportements ne sont pas normaux.
💡 Sur le consentement
Le consentement c'est FORT : Libre (sans pression), Réversible (on peut changer d'avis), Informé (on comprend ce qui se passe), Total (ça concerne tout le corps), et continu (à chaque fois, pour chaque chose).
"J'ai pas dit non" ≠ "j'ai dit oui". Le silence, la passivité ou la peur ne sont pas un consentement. Le consentement se dit activement.
On a le droit de changer d'avis. Même si on a dit oui avant. Même si c'est au milieu. Même si l'autre est déçu·e. Son inconfort ne prime pas sur ton consentement.
Les situations difficiles
Après une rupture, comment avancer
🌊
Laisser passer la vague
Une rupture déclenche un vrai sevrage dopaminergique. La douleur est réelle et dure en moyenne 3 à 6 semaines avant de s'atténuer. Ce n'est pas "dans ta tête".
📵
Couper le contact (au moins temporairement)
Checker son profil entretient la dépendance. C'est comme vouloir arrêter de fumer en gardant des cigarettes dans sa poche. Le cerveau a besoin de temps sans stimulation.
👥
Réinvestir ses amitiés
Les relations intenses peuvent isoler. Après une rupture, retrouver ses ami·e·s, ses activités, sa vie d'avant — ça aide à reconstruire l'identité en dehors de la relation.
⏳
Ne pas se précipiter
Entrer dans une nouvelle relation trop vite pour "oublier" reporte souvent la douleur sans la traverser. Laisser du temps.
Si ta relation te fait douter ou te fait du mal, en parler à quelqu'un de confiance peut t'aider à y voir plus clair. Le médiateur est là pour ça aussi.
Relation saine vs relation toxique — les differences en un coup d'oeil :
Respect, confiance, liberte, communication dans une relation saine. Controle, jalousie, isolement dans une relation toxique. Des signaux a reconnaitre. Source : Johnson SM (2008), Hold Me Tight ; Jacobson NS (2013)
Sources
Fisher H — Why We Love (2004) · Inserm — L'amour au cerveau · Erickson SK — Adolescent Romantic Relationships (2003) · Wolitzky-Taylor KB et al. — Domestic Violence · Code pénal suisse — Art. 189-190 (contrainte sexuelle)
