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 & outils" data-length="19" data-post=""> 363 <a href="https://ressources.derrierelemiroir.fr/"> 364 <span>Ressources & 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'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 & outils" data-length="19" data-post=""> 480 <a href="https://ressources.derrierelemiroir.fr/"> 481 <span>Ressources & 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'écoute" data-length="14" data-post=""> 501 <a href="https://ecoute.derrierelemiroir.fr/"> 502 <span>Ligne d'é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'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'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'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'
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 & outils" data-length="19" data-post=""> 823 <a href="https://ressources.derrierelemiroir.fr/"> 824 <span>Ressources & 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'écoute" data-length="14" data-post=""> 844 <a href="https://ecoute.derrierelemiroir.fr/"> 845 <span>Ligne d'é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> 2026 <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'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.