PageSourceSearch

https://www.derrierelemiroir.fr/breves-audio/

html derrierelemiroir.fr collected 2026-10-04 08:09:35 UTC 48,174 bytes, 1,059 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" data-color-scheme="system" data-post-feed="grid">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
7    <title>Derrière le Miroir</title>
8
9    <meta name="HandheldFriendly" content="True">
10    <meta name="viewport" content="width=device-width, initial-scale=1.0">
11    
12    <meta name="theme-color" content="#463561">
13    <meta name="ghost-theme" content="Saaga 1.5.0">
14
15
16    <link rel="preload" href="https://www.derrierelemiroir.fr/assets/dist/app.min.js?v=fGQTKdsJoito4PuB" as="script">
17    <link rel="preload" href="https://www.derrierelemiroir.fr/assets/dist/app.min.css?v=eQyXkR4MEMFw7NtC" as="style">
18
19      <link rel="preconnect" href="https://fonts.googleapis.com">
20  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21
22<style> 
23  body { 
24    --font-headings: var(--gh-font-heading, var(--font-system));
25    --font-body: var(--gh-font-heading, var(--font-system));
26  }
27</style>
28
29
30
31  <link rel="preload stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" 
32        as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin>
33  <style>
34    body { --font-headings: var(--gh-font-heading, 'Archivo'), sans-serif; }
35    body h1, body h2, body h3 { font-weight: var(--font-weight-extra-bold); }
36  </style>
37
38
39
40
41
42
43
44
45
46
47
48  <link rel="preload stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" 
49        as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin>    
50  <style>body { --font-body: var(--gh-font-body, 'Inter'), sans-serif;}</style>
51
52
53
54
55
56
57    
57<script async defer src="https://www.derrierelemiroir.fr/assets/dist/app.min.js?v=fGQTKdsJoito4PuB"></script>
57
58
59    <link rel="stylesheet" type="text/css" href="https://www.derrierelemiroir.fr/assets/dist/app.min.css?v=eQyXkR4MEMFw7NtC">
60
61    <style>
62  :root {
63    --global-max-width: 1200px; /* site max width */
64    --global-content-width: 640px; /* post-content-width */
65    --global-wide-width: 960px; /* site max width */
66    --global-radius: 4px; /* default radius */
67    --global-radius-rounded: 30px;
68    --global-gallery-gap: 1em; /* Image gallery distance between images */
69    --global-hyphens: none; /* none/auto */
70    --global-header-height: 88px;
71    --global-theme-notifications: visible; /* visible/hidden */
72    --global-progress-bar: visible; /* visible/hidden */
73    --global-content-preview-fading: 0%; /* 50%-100% for fading effect */
74    --global-scroll-behavior: auto;
75  }
76</style>
77
78<script>
79  let preferredTheme = localStorage.getItem('PREFERRED_COLOR_SCHEME') || `system`;
80  document.documentElement.setAttribute('data-color-scheme', preferredTheme);
81
82  let preferredPostFeedLayout = localStorage.getItem('PREFERRED_POST_FEED') || `grid`;
83  document.documentElement.setAttribute('data-post-feed', preferredPostFeedLayout);
84
85  function changeFeedLayout(layout) {
86    document.documentElement.setAttribute('data-post-feed', layout);
87    localStorage.setItem('PREFERRED_POST_FEED', layout);
88  }
89  
90  // Global values needed
91  const themeGlobal = {
92    currentPage: parseInt(''),
93    nextPage: parseInt(''),
94    nextPageLink: '',
95    maxPages: parseInt(''), 
96    lastPage: `` === `` ? true : false,
97    postsPerPage: parseInt('8'),
98    scrollPos: 0,
99    imageLightbox: false,
100    featuredImageAnimation: true
101  }
102
103  // Calculate contrast & HSL value;
104  function getColorInfo(hexcolor) {
105    // get contrast
106    if (hexcolor.slice(0, 1) === '#') { hexcolor = hexcolor.slice(1); }
107    if (hexcolor.length === 3) { hexcolor = hexcolor.split('').map(function (hex) { return hex + hex;}).join(''); }
108    let r = parseInt(hexcolor.substr(0,2),16), g = parseInt(hexcolor.substr(2,2),16), b = parseInt(hexcolor.substr(4,2),16);
109    let yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
110    const colorContrast = (yiq >= 128) ? '#000' : '#fff';
111
112    //get HSL
113    r /= 255, g /= 255, b /= 255;
114    const max = Math.max(r, g, b), min = Math.min(r, g, b);
115    let h, s, l = (max + min)  /  2;  
116    if ( max == min ) { h = s = 0; } else {
117      let d = max - min;
118      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
119      switch(max){
120        case r: h = (g - b) / d + (g < b ? 6 : 0); break;
121        case g: h = (b - r) / d + 2; break;
122        case b: h = (r - g) / d + 4; break;
123      }
124      h /= 6;
125    }
126    const colorHSL = [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];
127
128    // return
129    return { colorContrast, colorHSL }
130  };
131
132  const brandColor = getColorInfo("#463561");
133  let style = document.createElement('style');
134  style.innerHTML = `:root { 
135    --color-brand-contrast: ${brandColor.colorContrast}; 
136    --color-brand-h: ${brandColor.colorHSL[0]};
137    --color-brand-s: ${brandColor.colorHSL[1]}%;
138    --color-brand-l: ${brandColor.colorHSL[2]}%;
139    --color-brand-hsl: ${brandColor.colorHSL[0]} ${brandColor.colorHSL[1]}% ${brandColor.colorHSL[2]}%;
140  }`
141  document.getElementsByTagName('head')[0].appendChild(style);
142</script>
142
143
144    
145    
146     
147
148    <link rel="icon" href="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w256h256/2026/06/v15-2-1.png" type="image/png">
149    <link rel="canonical" href="https://www.derrierelemiroir.fr/breves-audio/">
150    <meta name="referrer" content="no-referrer-when-downgrade">
151    
152    <meta property="og:site_name" content="Derrière le Miroir">
153    <meta property="og:type" content="website">
154    <meta property="og:title" content="Derrière le Miroir">
155    <meta property="og:url" content="https://www.derrierelemiroir.fr/breves-audio/">
156    <meta name="twitter:card" content="summary">
157    <meta name="twitter:title" content="Derrière le Miroir">
158    <meta name="twitter:url" content="https://www.derrierelemiroir.fr/breves-audio/">
159    
160    <meta name="generator" content="Ghost 6.68">
161    <link rel="alternate" type="application/rss+xml" title="Derrière le Miroir" href="https://www.derrierelemiroir.fr/rss/">
162    
162<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://www.derrierelemiroir.fr/" data-key="ac341ab76822dab09713f4506e" data-api="https://david-benkoel.ghost.io/ghost/api/content/" data-locale="fr" crossorigin="anonymous"></script>
162<style id="gh-members-styles">.gh-post-upgrade-cta-content,
163.gh-post-upgrade-cta {
164    display: flex;
165    flex-direction: column;
166    align-items: center;
167    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
168    text-align: center;
169    width: 100%;
170    color: #ffffff;
171    font-size: 16px;
172}
173
174.gh-post-upgrade-cta-content {
175    border-radius: 8px;
176    padding: 40px 4vw;
177}
178
179.gh-post-upgrade-cta h2 {
180    color: #ffffff;
181    font-size: 28px;
182    letter-spacing: -0.2px;
183    margin: 0;
184    padding: 0;
185}
186
187.gh-post-upgrade-cta p {
188    margin: 20px 0 0;
189    padding: 0;
190}
191
192.gh-post-upgrade-cta small {
193    font-size: 16px;
194    letter-spacing: -0.2px;
195}
196
197.gh-post-upgrade-cta a {
198    color: #ffffff;
199    cursor: pointer;
200    font-weight: 500;
201    box-shadow: none;
202    text-decoration: underline;
203}
204
205.gh-post-upgrade-cta a:hover {
206    color: #ffffff;
207    opacity: 0.8;
208    box-shadow: none;
209    text-decoration: underline;
210}
211
212.gh-post-upgrade-cta a.gh-btn {
213    display: block;
214    background: #ffffff;
215    text-decoration: none;
216    margin: 28px 0 0;
217    padding: 8px 18px;
218    border-radius: 4px;
219    font-size: 16px;
220    font-weight: 600;
221}
222
223.gh-post-upgrade-cta a.gh-btn:hover {
224    opacity: 0.92;
225}</style>
225<script async src="https://js.stripe.com/v3/"></script>
225
226    
226<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="ac341ab76822dab09713f4506e" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://david-benkoel.ghost.io/" data-locale="fr" crossorigin="anonymous"></script>
226
227    
228    <link href="https://www.derrierelemiroir.fr/webmentions/receive/" rel="webmention">
229    
229<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
229
230    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
231    
231<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://www.derrierelemiroir.fr/members/api/comments/counts/"></script>
231
232    
232<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
232
233    
233<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.derrierelemiroir.fr/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="c31ed48f-2d5d-460a-b2bc-51b14177669d" tb_post_uuid="undefined" tb_post_type="null" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
233<style>:root {--ghost-accent-color: #463561;}</style>
234    <!------------------------------------------------------------------------------------------------------------------->
235<!-- Global resources ----------------------------------------------------------------------------------------------->
236<!------------------------------------------------------------------------------------------------------------------->
237
238<meta name="keywords" content="derriere le miroir, Torah, développement personnel, accompagnement, thérapie, coaching, addiction, adolescence, analyse, analyste, auto-découverte, benkoel, bien-être, coach, coach de vie, coaching de vie, coaching en ligne, comportement humain, confiance en soi, construction de soi, couple, david benkoel, dépression, développement personnel, enfance, enfance et adolescence, fait de société, féminité, gestion du stress, identité personnelle, judaïsme, mieux-être, monde du travail, motivation, psychanalyse, psychanalyste, psychologie, psychologie clinique, psychologie cognitive, psychologue, psychopathologie, rapport à soi, relations humaines, résilience, santé mentale, souffrance, techniques de coaching, thérapie, traumatisme, troubles mentaux, vieillesse, éducation, émotions, équilibre">
239
240<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
240
241
242<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css" />
243
244<script src="https://www.benkoel.org/derrierelemiroir/js/global.js"></script>
244
245<link rel="stylesheet" href="https://www.benkoel.org/derrierelemiroir/css/global.css" />
246
247<script src="https://www.benkoel.org/derrierelemiroir/js/toast.js"></script>
247
248<link rel="stylesheet" href="https://www.benkoel.org/derrierelemiroir/css/toast.css" />
249
250<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
250
251<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
252
253<meta name="google-site-verification" content="8s6F5AQOd1I2hcLyDQoh9sZF0H_iY1Si5atl71kCMxI" />
254
255<!------------------------------------------------------------------------->
256<!-- Toastify ------------------------------------------------------------->
257<!------------------------------------------------------------------------->
258<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
259<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
259
260
261<!------------------------------------------------------------------------------------------------------------------->
262<!-- Sagaa Custom Theme --------------------------------------------------------------------------------------------->
263<!------------------------------------------------------------------------------------------------------------------->
264
265<script src="https://www.benkoel.org/derrierelemiroir/js/saaga.js"></script>
265
266<link rel="stylesheet" href="https://www.benkoel.org/derrierelemiroir/css/saaga.css" />
267
268<!------------------------------------------------------------------------->
269<!-- Foxy Cart integration ------------------------------------------------>
270<!------------------------------------------------------------------------->
271<!-- 
271<script data-cfasync="false" src="https://cdn.foxycart.com/derrierelemiroir/loader.js" async defer></script>
271 -->
272
273<!-- 
273<script src="https://www.benkoel.org/derrierelemiroir/js/foxy-cart.js"></script>
273 -->
274<!-- <link rel="stylesheet" href="https://www.benkoel.org/derrierelemiroir/css/foxy-cart.css" /> -->
275
276<!------------------------------------------------------------------------------------------------------------------>
277<!-- Posts --------------------------------------------------------------------------------------------------------->
278<!------------------------------------------------------------------------------------------------------------------>
279
280<script src="https://www.benkoel.org/derrierelemiroir/js/articles.js"></script>
280
281<link rel="stylesheet" href="https://www.benkoel.org/derrierelemiroir/css/articles.css" />
282
283<!------------------------------------------------------------------------------------------------------------------->
284<!-- Author's bio --------------------------------------------------------------------------------------------------->
285<!------------------------------------------------------------------------------------------------------------------->
286
287<script src="https://www.benkoel.org/derrierelemiroir/js/author-bio.js"></script>
287
288<link rel="stylesheet" href="https://www.benkoel.org/derrierelemiroir/css/author-bio.css" />
289  </head>
290  <body class=" is-visitor">
291    
292
293      <header class="header js-header" data-hero-style="">
294  <div class="container wrapper">
295    <div class="header__content">
296      <div class="header-brand">
297<a href="https://www.derrierelemiroir.fr">            <picture class="default-logo">
298  <source 
299    sizes="(max-width: 800px) 200px, 320px"
300    
301    
302    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w300/format/webp/2026/06/publication-logo.png 300w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w600/format/webp/2026/06/publication-logo.png 600w"
303    type="image/webp"
304  >
305  <img class="header__logo"
306    sizes="(max-width: 800px) 200px, 320px"
307    
308    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w300/2026/06/publication-logo.png 300w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w600/2026/06/publication-logo.png 600w"
309    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/publication-logo.png 30w"
310    data-src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/2026/06/publication-logo.png"
311    src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/publication-logo.png"
312    alt="Derrière le Miroir"
313    loading="eager"
314  >
315</picture></a>      </div>
316
317      <nav class="header__nav">
318        <ul class="nav" data-items="9">
319    <li class="nav-blog is-toggle" 
320      data-label="Blog" data-length="4" data-post="">
321      <a href="#">
322        <span>Blog</span>
323      </a>
324    </li>
325    <li class="nav-articles is-subitem" 
326      data-label="- Articles" data-length="10" data-post="">
327      <a href="https://www.derrierelemiroir.fr/articles/">
328        <span>- Articles</span>
329      </a>
330    </li>
331    <li class="nav-breves-audio nav-current is-subitem" 
332      data-label="- Brèves Audio" data-length="14" data-post="">
333      <a href="https://www.derrierelemiroir.fr/breves-audio/">
334        <span>- Brèves Audio</span>
335      </a>
336    </li>
337    <li class="nav-recherche-par-tag is-subitem" 
338      data-label="- Recherche par tag" data-length="19" data-post="">
339      <a href="https://www.derrierelemiroir.fr/tags/">
340        <span>- Recherche par tag</span>
341      </a>
342    </li>
343    <li class="nav-prendre-rendez-vous is-toggle" 
344      data-label="Prendre rendez-vous" data-length="19" data-post="">
345      <a href="#">
346        <span>Prendre rendez-vous</span>
347      </a>
348    </li>
349    <li class="nav-david-psychanalyste is-subitem" 
350      data-label="- David — Psychanalyste" data-length="23" data-post="">
351      <a href="https://derrierelemiroir.systeme.io/reserver-une-seance-avec-david">
352        <span>- David — Psychanalyste</span>
353      </a>
354    </li>
355    <li class="nav-emilie-therapeute-pnl is-subitem" 
356      data-label="- Emilie — Thérapeute PNL" data-length="25" data-post="">
357      <a href="https://emilie.derrierelemiroir.fr/">
358        <span>- Emilie — Thérapeute PNL</span>
359      </a>
360    </li>
361    <li class="nav-ressources-outils" 
362      data-label="Ressources &amp; outils" data-length="19" data-post="">
363      <a href="https://ressources.derrierelemiroir.fr/">
364        <span>Ressources &amp; outils</span>
365      </a>
366    </li>
367    <li class="nav-contact" 
368      data-label="Contact" data-length="7" data-post="last">
369      <a href="https://www.derrierelemiroir.fr/contact/">
370        <span>Contact</span>
371      </a>
372    </li>
373</ul>
374      </nav>
375      
376      <div class="header__actions">
377            <a href="/signin/" class="btn signin-link radius">Connexion</a>
378            <a href="/signup/" class="btn signup-link btn--brand radius">S&#x27;inscrire</a>
379
380        <button class="btn header-search-toggle" data-ghost-search title="Rechercher" aria-label="Rechercher">
381          <i class="icon icon-search">
382  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
383  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
384  <circle cx="10" cy="10" r="7" />
385  <line x1="21" y1="21" x2="15" y2="15" />
386</svg>
387
388
389
390</i>        </button>
391
392        <button class="btn header-menu-toggle js-menu-toggle" title="Menu ouvert" aria-label="Menu ouvert">
393          <i class="icon icon-menu">
394  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
395  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
396  <path d="M4 8l16 0"></path>
397  <path d="M4 16l16 0"></path>
398</svg>
399</i>        </button>
400      </div>
401    </div>
402  </div>
403</header>
404
405
406      <div class="menu js-menu">
407
408  <div class="menu-actions">
409    <div class="color-scheme flex flex-cc">
410  <span class="color-scheme-symbol"></span>
411  <select class="color-scheme-select radius js-color-scheme-select" aria-label="Changer de schéma de couleurs">
412    <option value="system" selected>Système</option>
413    <option value="light">Clair</option>
414    <option value="dark">Sombre</option>
415  </select>
416  <i class="icon icon-select">
417  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-select" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
418  <path d="M17 8.517L12 3 7 8.517M7 15.48l5 5.517 5-5.517"></path>
419</svg>
420
421
422
423</i></div>    
424    <button class="btn menu-toggle js-menu-toggle" title="Menu fermé" aria-label="Menu fermé">
425      <i class="icon icon-x">
426  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
427  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
428  <line x1="18" y1="6" x2="6" y2="18" />
429  <line x1="6" y1="6" x2="18" y2="18" />
430</svg>
431</i>    </button>
432  </div>
433
434  <nav class="menu-navigation">
435    <ul class="nav" data-items="9">
436    <li class="nav-blog is-toggle" 
437      data-label="Blog" data-length="4" data-post="">
438      <a href="#">
439        <span>Blog</span>
440      </a>
441    </li>
442    <li class="nav-articles is-subitem" 
443      data-label="- Articles" data-length="10" data-post="">
444      <a href="https://www.derrierelemiroir.fr/articles/">
445        <span>- Articles</span>
446      </a>
447    </li>
448    <li class="nav-breves-audio nav-current is-subitem" 
449      data-label="- Brèves Audio" data-length="14" data-post="">
450      <a href="https://www.derrierelemiroir.fr/breves-audio/">
451        <span>- Brèves Audio</span>
452      </a>
453    </li>
454    <li class="nav-recherche-par-tag is-subitem" 
455      data-label="- Recherche par tag" data-length="19" data-post="">
456      <a href="https://www.derrierelemiroir.fr/tags/">
457        <span>- Recherche par tag</span>
458      </a>
459    </li>
460    <li class="nav-prendre-rendez-vous is-toggle" 
461      data-label="Prendre rendez-vous" data-length="19" data-post="">
462      <a href="#">
463        <span>Prendre rendez-vous</span>
464      </a>
465    </li>
466    <li class="nav-david-psychanalyste is-subitem" 
467      data-label="- David — Psychanalyste" data-length="23" data-post="">
468      <a href="https://derrierelemiroir.systeme.io/reserver-une-seance-avec-david">
469        <span>- David — Psychanalyste</span>
470      </a>
471    </li>
472    <li class="nav-emilie-therapeute-pnl is-subitem" 
473      data-label="- Emilie — Thérapeute PNL" data-length="25" data-post="">
474      <a href="https://emilie.derrierelemiroir.fr/">
475        <span>- Emilie — Thérapeute PNL</span>
476      </a>
477    </li>
478    <li class="nav-ressources-outils" 
479      data-label="Ressources &amp; outils" data-length="19" data-post="">
480      <a href="https://ressources.derrierelemiroir.fr/">
481        <span>Ressources &amp; outils</span>
482      </a>
483    </li>
484    <li class="nav-contact" 
485      data-label="Contact" data-length="7" data-post="last">
486      <a href="https://www.derrierelemiroir.fr/contact/">
487        <span>Contact</span>
488      </a>
489    </li>
490</ul>
491
492      <ul class="nav secondary submenu" data-items="4">
493    <li class="nav-devenez-membre" 
494      data-label="Devenez Membre" data-length="14" data-post="">
495      <a href="https://www.derrierelemiroir.fr/membership/">
496        <span>Devenez Membre</span>
497      </a>
498    </li>
499    <li class="nav-ligne-decoute" 
500      data-label="Ligne d&#x27;écoute" data-length="14" data-post="">
501      <a href="https://ecoute.derrierelemiroir.fr/">
502        <span>Ligne d&#x27;écoute</span>
503      </a>
504    </li>
505    <li class="nav-auteurs" 
506      data-label="Auteurs" data-length="7" data-post="">
507      <a href="https://www.derrierelemiroir.fr/authors/">
508        <span>Auteurs</span>
509      </a>
510    </li>
511    <li class="nav-a-propos" 
512      data-label="À propos" data-length="8" data-post="last">
513      <a href="https://www.derrierelemiroir.fr/a-propos/">
514        <span>À propos</span>
515      </a>
516    </li>
517</ul>
518  </nav>
519</div>
520
521<template data-toggle-template>
522  <button class="submenu-toggle" onclick="this.parentNode.classList.toggle('is-active')" title="Basculer le menu" aria-label="Basculer le menu">
523    <i class="icon icon-chevron-down">
524  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
525   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
526   <polyline points="6 9 12 15 18 9"></polyline>
527</svg>
528</i>  </button>
529</template>
530
531
532    <main class="main" >
533      
534<div class="container wrapper mt-xl ">
535  <span class="section-title sm flex-1 mb">Catégorie <span style="color: var(--ghost-accent-color); font-style: italic;">Brèves Audio</span> </span>
536  <div class="post-feed mb-lg" data-feed="grid" >
537        <article class="post-card has-img js-post-card" 
538  data-aspect-ratio="auto">
539  
540<a class="post-card__media" href="https://www.derrierelemiroir.fr/apprendre-du-chat-a-eviter-la-rancoeur/">      <figure>
541        <picture class="">
542  <source 
543    sizes="420px"
544    data-sizes="auto"
545    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png 30w"
546    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w300/format/webp/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png 300w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w600/format/webp/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png 600w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w1000/format/webp/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png 1000w"
547    type="image/webp"
548  >
549  <img class="lazyload"
550    sizes="420px"
551    data-sizes="auto"
552    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w300/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png 300w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w600/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png 600w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w1000/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png 1000w"
553    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png 30w"
554    data-src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png"
555    src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/Gemini_Generated_Image_rj523qrj523qrj52.png"
556    alt="Apprendre du chat à éviter la rancœur"
557    
558  >
559</picture>      </figure>
560</a>
561  <div class="post-card__content flex flex-col ">
562    <div class="post-card__info">
563        <i class='ti ti-tag'></i><a class="post-tag tag-emotions" href="/tag/emotions/" aria-label="Émotions"
564          
565        >Émotions</a> 
566        
567
568
569    </div>
570
571      <h2 class="post-card__title"><a href="https://www.derrierelemiroir.fr/apprendre-du-chat-a-eviter-la-rancoeur/">Apprendre du chat à éviter la rancœur</a></h2>
572
573      <p class="post-card__excerpt">Le pardon et la rancune sont des concepts flous et nuancés, souvent difficiles à appréhender. Bien que l&#39;on<i class="ti ti-dots" style="vertical-align: bottom;padding-left: 3px;"></i></p> 
574
575    <div class="post-authors">
576  <ul class="post-authors-avatars">
577        <li class="author-avatar has-image">
578          <a href="/author/david/" title="David Benkoel" aria-label="David Benkoel">
579              <picture class="">
580  <source 
581    sizes="60px"
582    data-sizes="auto"
583    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 30w"
584    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/format/webp/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 30w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/format/webp/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 100w"
585    type="image/webp"
586  >
587  <img class="lazyload"
588    sizes="60px"
589    data-sizes="auto"
590    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 30w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 100w"
591    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 30w"
592    data-src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/2026/01/Moi-retouch---par-Nano-Banana-Pro.png"
593    src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/01/Moi-retouch---par-Nano-Banana-Pro.png"
594    alt="David Benkoel"
595    
596  >
597</picture>          </a>
598        </li>
599  </ul>
600
601  <div class="post-authors-info">
602    <span class="post-authors-names"><a href="/author/david/">David Benkoel</a></span>
603    <div class="post-date-readtime">
604      <time class="post-date" datetime="2025-01-03">3 janv. 2025</time> 
605        <span class="post-card__separator">/</span>
606        <span class="post-readtime"><i class='ti ti-clock' style='margin-right:.25rem'></i>1 minute</span>
607    </div>
608  </div>
609</div>  </div>
610</article>        <article class="post-card has-img js-post-card" 
611  data-aspect-ratio="auto">
612  
613<a class="post-card__media" href="https://www.derrierelemiroir.fr/vous-croyez-que-jarriverai-a-100-ans/">      <figure>
614        <picture class="">
615  <source 
616    sizes="420px"
617    data-sizes="auto"
618    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png 30w"
619    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w300/format/webp/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png 300w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w600/format/webp/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png 600w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w1000/format/webp/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png 1000w"
620    type="image/webp"
621  >
622  <img class="lazyload"
623    sizes="420px"
624    data-sizes="auto"
625    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w300/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png 300w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w600/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png 600w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w1000/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png 1000w"
626    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png 30w"
627    data-src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png"
628    src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/Gemini_Generated_Image_rj523qrj523qrj52-1.png"
629    alt="« Vous croyez que j&#x27;arriverai à 100 ans ? »"
630    
631  >
632</picture>      </figure>
633</a>
634  <div class="post-card__content flex flex-col ">
635    <div class="post-card__info">
636        <i class='ti ti-tag'></i><a class="post-tag tag-vieillesse" href="/tag/vieillesse/" aria-label="Vieillesse"
637          
638        >Vieillesse</a> 
639        
640
641
642    </div>
643
644      <h2 class="post-card__title"><a href="https://www.derrierelemiroir.fr/vous-croyez-que-jarriverai-a-100-ans/">« Vous croyez que j&#x27;arriverai à 100 ans ? »</a></h2>
645
646      <p class="post-card__excerpt">Une dame, qui fait l’aumône, me parle souvent de ses souvenirs et de sa famille, notamment de ses parents<i class="ti ti-dots" style="vertical-align: bottom;padding-left: 3px;"></i></p> 
647
648    <div class="post-authors">
649  <ul class="post-authors-avatars">
650        <li class="author-avatar has-image">
651          <a href="/author/david/" title="David Benkoel" aria-label="David Benkoel">
652              <picture class="">
653  <source 
654    sizes="60px"
655    data-sizes="auto"
656    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 30w"
657    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/format/webp/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 30w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/format/webp/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 100w"
658    type="image/webp"
659  >
660  <img class="lazyload"
661    sizes="60px"
662    data-sizes="auto"
663    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 30w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 100w"
664    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/01/Moi-retouch---par-Nano-Banana-Pro.png 30w"
665    data-src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/2026/01/Moi-retouch---par-Nano-Banana-Pro.png"
666    src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/01/Moi-retouch---par-Nano-Banana-Pro.png"
667    alt="David Benkoel"
668    
669  >
670</picture>          </a>
671        </li>
672  </ul>
673
674  <div class="post-authors-info">
675    <span class="post-authors-names"><a href="/author/david/">David Benkoel</a></span>
676    <div class="post-date-readtime">
677      <time class="post-date" datetime="2025-01-03">3 janv. 2025</time> 
678        <span class="post-card__separator">/</span>
679        <span class="post-readtime"><i class='ti ti-clock' style='margin-right:.25rem'></i>1 minute</span>
680    </div>
681  </div>
682</div>  </div>
683</article>
684        <div class="pagination" data-type="">
685  <nav class="pagination-items">
686    <a class="prev-posts disabled" href="javascript:">
687      <i class="icon icon-arrow-left icon--sm">
688  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
689  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
690  <line x1="5" y1="12" x2="19" y2="12" />
691  <line x1="5" y1="12" x2="11" y2="18" />
692  <line x1="5" y1="12" x2="11" y2="6" />
693</svg>
694
695
696
697</i><span class="ml-xs">Préc.</span>
698    </a>
699    <span class="page-number">Page 1 sur 1</span>
700    <a class="next-posts disabled" href="javascript:">
701      <span class="mr-xs">Suiv.</span><i class="icon icon-arrow-right icon--sm">
702  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
703  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
704  <path d="M5 12l14 0"></path>
705  <path d="M15 16l4 -4"></path>
706  <path d="M15 8l4 4"></path>
707</svg>
708
709
710
711</i>
712    </a>
713  </nav>
714
715  <button class="btn btn--wide btn--bordered btn-load-more js-load-more">
716    Charger plus
717  </button>
718</div>  </div>
719</div>
720
721    </main>
722
723      <footer class="footer">
724  <div class="container wrapper">
725
726    <div class="footer-brand row">
727      <div class="col-xs-12 col-md-4 footer-left">
728          <picture class="default-logo">
729  <source 
730    sizes="200px"
731    data-sizes="auto"
732    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/publication-logo.png 30w"
733    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w300/format/webp/2026/06/publication-logo.png 300w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w600/format/webp/2026/06/publication-logo.png 600w"
734    type="image/webp"
735  >
736  <img class="footer-logo mr lazyload"
737    sizes="200px"
738    data-sizes="auto"
739    data-srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w300/2026/06/publication-logo.png 300w, https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w600/2026/06/publication-logo.png 600w"
740    srcset="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/publication-logo.png 30w"
741    data-src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w100/2026/06/publication-logo.png"
742    src="https://storage.ghost.io/c/c3/1e/c31ed48f-2d5d-460a-b2bc-51b14177669d/content/images/size/w30/2026/06/publication-logo.png"
743    alt="Derrière le Miroir"
744    
745  >
746</picture>
747        <form class="subscribe-form" 
748  data-members-form="subscribe" data-style="inline-icon">
749  <input data-members-email class="bg-default" 
750    type="email" autocomplete="email" placeholder="Votre adresse email" 
751    aria-labelledby="footer-description" required> 
752  <button class="btn btn--brand" type="submit" aria-label="Envoyer">    
753      <i class="icon icon-arrow-right">
754  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
755  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
756  <path d="M5 12l14 0"></path>
757  <path d="M15 16l4 -4"></path>
758  <path d="M15 8l4 4"></path>
759</svg>
760
761
762
763</i>  </button>
764  <span class="msg-success">Super ! Vérifiez votre boîte de réception et cliquez sur le lien.</span>
765  <span class="msg-error">Oups ! Une erreur s&#x27;
765est produite. Veuillez réessayer.</span>
766</form>      </div>
767
768      <div class="col-xs-12 col-md-8 footer-right">
769        <p class="footer-description" id="footer-description">Se regarder, se chercher, se trouver</p>
770      </div>
771    </div>
772  </div>
773
774  <div class="footer-links">
775    <div class="container wrapper">
776      <div class="row">
777        <div class="col-xs-12 col-md-8 footer-left">
778          <ul class="nav" data-items="9">
779    <li class="nav-blog is-toggle" 
780      data-label="Blog" data-length="4" data-post="">
781      <a href="#">
782        <span>Blog</span>
783      </a>
784    </li>
785    <li class="nav-articles is-subitem" 
786      data-label="- Articles" data-length="10" data-post="">
787      <a href="https://www.derrierelemiroir.fr/articles/">
788        <span>- Articles</span>
789      </a>
790    </li>
791    <li class="nav-breves-audio nav-current is-subitem" 
792      data-label="- Brèves Audio" data-length="14" data-post="">
793      <a href="https://www.derrierelemiroir.fr/breves-audio/">
794        <span>- Brèves Audio</span>
795      </a>
796    </li>
797    <li class="nav-recherche-par-tag is-subitem" 
798      data-label="- Recherche par tag" data-length="19" data-post="">
799      <a href="https://www.derrierelemiroir.fr/tags/">
800        <span>- Recherche par tag</span>
801      </a>
802    </li>
803    <li class="nav-prendre-rendez-vous is-toggle" 
804      data-label="Prendre rendez-vous" data-length="19" data-post="">
805      <a href="#">
806        <span>Prendre rendez-vous</span>
807      </a>
808    </li>
809    <li class="nav-david-psychanalyste is-subitem" 
810      data-label="- David — Psychanalyste" data-length="23" data-post="">
811      <a href="https://derrierelemiroir.systeme.io/reserver-une-seance-avec-david">
812        <span>- David — Psychanalyste</span>
813      </a>
814    </li>
815    <li class="nav-emilie-therapeute-pnl is-subitem" 
816      data-label="- Emilie — Thérapeute PNL" data-length="25" data-post="">
817      <a href="https://emilie.derrierelemiroir.fr/">
818        <span>- Emilie — Thérapeute PNL</span>
819      </a>
820    </li>
821    <li class="nav-ressources-outils" 
822      data-label="Ressources &amp; outils" data-length="19" data-post="">
823      <a href="https://ressources.derrierelemiroir.fr/">
824        <span>Ressources &amp; outils</span>
825      </a>
826    </li>
827    <li class="nav-contact" 
828      data-label="Contact" data-length="7" data-post="last">
829      <a href="https://www.derrierelemiroir.fr/contact/">
830        <span>Contact</span>
831      </a>
832    </li>
833</ul>
834
835            <ul class="nav secondary submenu" data-items="4">
836    <li class="nav-devenez-membre" 
837      data-label="Devenez Membre" data-length="14" data-post="">
838      <a href="https://www.derrierelemiroir.fr/membership/">
839        <span>Devenez Membre</span>
840      </a>
841    </li>
842    <li class="nav-ligne-decoute" 
843      data-label="Ligne d&#x27;écoute" data-length="14" data-post="">
844      <a href="https://ecoute.derrierelemiroir.fr/">
845        <span>Ligne d&#x27;écoute</span>
846      </a>
847    </li>
848    <li class="nav-auteurs" 
849      data-label="Auteurs" data-length="7" data-post="">
850      <a href="https://www.derrierelemiroir.fr/authors/">
851        <span>Auteurs</span>
852      </a>
853    </li>
854    <li class="nav-a-propos" 
855      data-label="À propos" data-length="8" data-post="last">
856      <a href="https://www.derrierelemiroir.fr/a-propos/">
857        <span>À propos</span>
858      </a>
859    </li>
860</ul>
861        </div>
862
863        <div class="col-xs-12 col-md-4 footer-right">
864          <div class="social-links">
865            
866
867<a href="https://www.derrierelemiroir.fr/rss" class="rss" aria-label="RSS"><i class="icon icon-rss icon--sm">
868  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rss" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
869  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
870  <circle cx="5" cy="19" r="1" />
871  <path d="M4 4a16 16 0 0 1 16 16" />
872  <path d="M4 11a9 9 0 0 1 9 9" />
873</svg>
874
875
876
877</i><span>RSS</span></a>
878
879
880
881
882
883
884
885
886
887
888
889          </div>
890        </div>
891      </div>
892    </div>
893  </div>
894
895  <div class="footer-bottom">
896    <div class="footer-copy">
897      <span><i class='ti ti-copyright-filled'></i>&nbsp;2026&nbsp;<a href="https://www.derrierelemiroir.fr">Derrière le Miroir</a>.</span> 
898    </div>
899  </div>
900</footer>
901
902    <dialog class="notification">
903  <i class="icon icon-success notification-icon">
904  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-circle-check" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
905  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
906  <circle cx="12" cy="12" r="9" />
907  <path d="M9 12l2 2l4 -4" />
908</svg>
909
910
911
912</i>  <i class="icon icon-error notification-icon">
913  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-octagon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
914  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
915  <path d="M8.7 3h6.6c.3 0 .5 .1 .7 .3l4.7 4.7c.2 .2 .3 .4 .3 .7v6.6c0 .3 -.1 .5 -.3 .7l-4.7 4.7c-.2 .2 -.4 .3 -.7 .3h-6.6c-.3 0 -.5 -.1 -.7 -.3l-4.7 -4.7c-.2 -.2 -.3 -.4 -.3 -.7v-6.6c0 -.3 .1 -.5 .3 -.7l4.7 -4.7c.2 -.2 .4 -.3 .7 -.3z" />
916  <line x1="12" y1="8" x2="12" y2="12" />
917  <line x1="12" y1="16" x2="12.01" y2="16" />
918</svg>
919
920
921
922</i>  <i class="icon icon-warning notification-icon">
923  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-triangle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
924  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
925  <path d="M12 9v2m0 4v.01" />
926  <path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" />
927</svg>
928
929
930
931</i>  <p class="notification-msg signup-success">Super ! Vous vous êtes inscrit(e) avec succès.</p> 
932  <p class="notification-msg signin-success">Content de vous retrouver ! Vous vous êtes connecté(e) avec succès.</p> 
933  <p class="notification-msg subscribe-success">Vous vous êtes abonné(e) avec succès à Derrière le Miroir.</p> 
934  <p class="notification-msg link-expired">Votre lien a expiré.</p> 
935  <p class="notification-msg checkout-success">Un lien de connexion vous a été envoyé par email.</p> 
936  <p class="notification-msg billing-success">Vos informations de facturation ont été mises à jour.</p> 
937  <p class="notification-msg billing-cancel">Vos informations de facturation n&#x27;ont pas été mises à jour.</p> 
938  <button class="notification-close js-notification-close" aria-label="Fermer" onclick="closeNotification(event.currentTarget.parentNode);">
939    <i class="icon icon-x">
940  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
941  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
942  <line x1="18" y1="6" x2="6" y2="18" />
943  <line x1="6" y1="6" x2="18" y2="18" />
944</svg>
945</i>  </button>
946</dialog>
947
948      
949    
950
951    
951<script>
952  const navItems = document.querySelectorAll('.header .nav:not(.submenu) li, .menu .nav:not(.submenu) li')
953  const allNavItems = document.querySelectorAll('.is-subitem')
954
955  // Remove '-' signs
956  allNavItems.forEach(item => {
957    const itemName = item.querySelector('a span')
958    itemName.innerText = itemName.innerText.slice(1)
959  });
960
961  // Add subitems in place
962  let subMenu, hasItems
963  navItems.forEach((item, index) => {
964    if (item.classList.contains('is-subitem') && !navItems[index - 1].classList.contains('is-subitem')) navItems[index - 1].classList.add('is-mainitem'); 
965    subMenu = item.classList.contains('is-subitem') ? subMenu : document.createElement('ul');
966    if (item.classList.contains('is-subitem')) { 
967      subMenu.appendChild(item)
968      subMenu.classList.add('nav','submenu')
969    } else { 
970      item.appendChild(subMenu)
971    }
972  });
973</script>
973
974
975<script>
976  const submenus = document.querySelectorAll('.menu .is-mainitem')
977  const toggle = document.querySelector('[data-toggle-template]');
978
979  submenus.forEach(menu => { 
980    const toggleBtn = toggle.content.cloneNode(true);
981    menu.appendChild(toggleBtn);
982  });
983</script>
983
984
985  
985<script>
986    // Give the parameter a variable name
987    const qsParams = new URLSearchParams(window.location.search);
988    const isAction = qsParams.has('action');
989    const isStripe = qsParams.has('stripe');
990    const success = qsParams.get('success');
991    const action = qsParams.get('action');
992    const stripe = qsParams.get('stripe');
993
994    if (qsParams && isAction) {
995      if (success === "true") {
996        switch (action) {
997          case 'subscribe':
998            openNotification('subscribe-success');
999            break;
1000          case 'signup': 
1001            openNotification('signup-success');
1002            break;
1003          case 'signin':
1004            openNotification('signin-success');
1005            break;
1006          default:
1007            break;
1008        }
1009      } else {
1010        openNotification('link-expired');
1011      }
1012    }
1013
1014    if (qsParams && isStripe) {
1015      switch (stripe) {
1016        case 'success':
1017          openNotification('checkout-success');
1018          break;
1019        case 'billing-update-success':
1020          openNotification('billing-success');
1021          break;
1022        case 'billing-update-cancel':
1023          openNotification('billing-cancel');
1024          break;
1025        default:
1026          break;
1027      }
1028    }
1029
1030    /**
1031    * Handle Notifications
1032    */
1033    function openNotification(type) {
1034      const notification = document.querySelector('dialog.notification');
1035      if (notification) { 
1036        notification.setAttribute('data-msg-type', type);
1037        notification.show();
1038        setTimeout(function(){ closeNotification(notification); }, 3000);
1039      }
1040    }
1041    
1042    /**
1043    * Clean URI
1044    */
1045    function clearURI() {
1046      window.history.replaceState({}, '', `${window.location.pathname}`);
1047    }
1048
1049    function closeNotification(notification) {
1050      notification.close();
1051      clearURI();
1052      setTimeout(function(){ notification.removeAttribute('data-msg-type') }, 500);
1053    }
1054  </script>
1054
1055
1056
1057    
1058  </body>
1059</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.