{"id":2661,"date":"2026-09-07T17:36:03","date_gmt":"2026-09-07T17:36:03","guid":{"rendered":"https:\/\/jiris.ca\/?page_id=2661"},"modified":"2026-09-08T00:37:51","modified_gmt":"2026-09-08T00:37:51","slug":"retrouver-confiance","status":"publish","type":"page","link":"https:\/\/jiris.ca\/en\/retrouver-confiance\/","title":{"rendered":"Regain confidence"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2661\" class=\"elementor elementor-2661\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c372a5b e-flex e-con-boxed e-con e-parent\" data-id=\"6c372a5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-36c6c83a e-con-full e-flex e-con e-child\" data-id=\"36c6c83a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d631dbe elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1d631dbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Regain confidence\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-385c1135 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"385c1135\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/jiris.ca\/en\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Regain confidence<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f27e5a e-flex e-con-boxed e-con e-parent\" data-id=\"0f27e5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1977585 elementor-widget elementor-widget-html\" data-id=\"1977585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Retrouver confiance \u2014 JIRIS<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&family=Work+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --bg: #F8F9FC;\n    --surface: #FFFFFF;\n    --ink: #0F172A;\n    --muted: #64748B;\n    --divider: #E2E8F0;\n\n    \/* Mode Lecture 1 - Violet *\/\n    --l1: #6366F1;\n    --l1-soft: #EEF2FF;\n    --l1-shadow: rgba(99, 102, 241, 0.14);\n\n    \/* Mode Lecture 2 - \u00c9meraude *\/\n    --r1: #10B981;\n    --r1-soft: #ECFDF5;\n    --r1-shadow: rgba(16, 185, 129, 0.16);\n  }\n\n  * { box-sizing: border-box; }\n  \n  body {\n    margin: 0;\n    background: var(--bg);\n    color: var(--ink);\n    font-family: \"Work Sans\", sans-serif;\n    line-height: 1.55;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .wrap {\n    max-width: 850px;\n    margin: 0 auto;\n    padding: 56px 24px 96px;\n  }\n\n  \/* ---------- Hero ---------- *\/\n  .hero {\n    text-align: center;\n    margin-bottom: 40px;\n  }\n  \n  .hero-frame {\n    width: 64px;\n    height: 64px;\n    margin: 0 auto 20px;\n    border-radius: 20px;\n    background: var(--surface);\n    border: 1.5px solid var(--divider);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    box-shadow: 0 8px 24px var(--l1-shadow);\n  }\n  \n  h1 {\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: clamp(32px, 6vw, 44px);\n    margin: 0 0 10px;\n    letter-spacing: -0.01em;\n  }\n  \n  .hero p {\n    font-family: \"Fraunces\", serif;\n    font-style: italic;\n    color: var(--muted);\n    font-size: 18px;\n    margin: 0;\n  }\n\n  \/* ---------- Intro card ---------- *\/\n  .intro {\n    background: var(--surface);\n    border-radius: 18px;\n    padding: 28px 30px;\n    margin-bottom: 36px;\n    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);\n    border: 1px solid var(--divider);\n  }\n  \n  .intro p {\n    margin: 0 0 14px;\n    font-size: 15.5px;\n    color: #334155;\n  }\n  \n  .intro p:last-child { margin-bottom: 0; }\n  .intro strong { color: var(--l1); }\n\n  \/* ---------- En-t\u00eate de section ---------- *\/\n  .section-head {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 0 0 26px;\n  }\n\n  .arrow-badge {\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    flex-shrink: 0;\n    background: var(--l1-soft);\n    color: var(--l1);\n    transition: all 0.3s ease;\n  }\n\n  .section-title {\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: 22px;\n    margin: 0;\n    color: var(--l1);\n    transition: color 0.3s ease;\n  }\n\n  \/* Styles mode L2 *\/\n  .mode-l2-active .arrow-badge {\n    background: var(--r1-soft);\n    color: var(--r1);\n  }\n  .mode-l2-active .section-title {\n    color: var(--r1);\n  }\n\n  \/* ---------- Timeline ---------- *\/\n  .timeline {\n    position: relative;\n    padding-left: 54px;\n  }\n  \n  .timeline::before {\n    content: \"\";\n    position: absolute;\n    left: 23px;\n    top: 6px;\n    bottom: 6px;\n    width: 2px;\n    background: var(--divider);\n  }\n\n  .block {\n    position: relative;\n    background: var(--surface);\n    border-radius: 16px;\n    padding: 20px 56px 20px 22px;\n    margin-bottom: 14px;\n    border: 1px solid var(--divider);\n    box-shadow: 0 6px 18px rgba(99, 102, 241, .05);\n    transition: transform .15s ease, box-shadow .15s ease, border-color .3s ease;\n  }\n  \n  .block:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 24px var(--l1-shadow);\n  }\n\n  \/* Num\u00e9ro de gauche (Lecture 1 - Violet) *\/\n  .num-left {\n    position: absolute;\n    left: -54px;\n    top: 16px;\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: 16px;\n    color: #fff;\n    background: var(--l1);\n    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);\n    transition: opacity .3s ease, background .3s ease;\n  }\n\n  \/* Num\u00e9ro de droite (Lecture 2 - Vert) *\/\n  .num-right {\n    position: absolute;\n    right: 16px;\n    top: 16px;\n    width: 34px;\n    height: 34px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: 15px;\n    color: #fff;\n    background: var(--r1);\n    box-shadow: 0 4px 10px var(--r1-shadow);\n    opacity: 0;\n    transform: scale(0.8);\n    transition: opacity .3s ease, transform .3s ease;\n  }\n\n  \/* Changements visuels en Mode Lecture 2 *\/\n  .mode-l2-active .num-left {\n    opacity: 0.35;\n    background: var(--muted);\n  }\n\n  .mode-l2-active .num-right {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .statement {\n    font-size: 16px;\n    color: var(--ink);\n    margin: 0 0 10px 0;\n    font-weight: 500;\n  }\n  \n  .connector {\n    display: block;\n    font-family: \"Work Sans\", sans-serif;\n    font-style: italic;\n    font-size: 16px;\n    color: var(--muted);\n    margin-bottom: 6px;\n  }\n  \n  .reframe {\n    font-size: 16px;\n    font-weight: 600;\n    margin: 0;\n    padding: 2px 0;\n    display: inline;\n    color: var(--l1);\n    box-shadow: inset 0 -7px 0 var(--l1-soft);\n    transition: color .3s ease, box-shadow .3s ease;\n  }\n\n  .mode-l2-active .reframe {\n    color: var(--r1);\n    box-shadow: inset 0 -7px 0 var(--r1-soft);\n  }\n\n  \/* ---------- Bouton d'action en bas ---------- *\/\n  .action-container {\n    margin: 36px 0 20px;\n    text-align: center;\n  }\n\n  .btn-trigger {\n    border: none;\n    background: var(--r1);\n    color: #fff;\n    font-family: \"Work Sans\", sans-serif;\n    font-weight: 600;\n    font-size: 16px;\n    padding: 16px 28px;\n    border-radius: 14px;\n    cursor: pointer;\n    box-shadow: 0 8px 20px var(--r1-shadow);\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .btn-trigger:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 26px var(--r1-shadow);\n    background: #0d9668;\n  }\n\n  .btn-trigger.reset-btn {\n    background: var(--surface);\n    color: var(--muted);\n    border: 1px solid var(--divider);\n    box-shadow: none;\n  }\n\n  .btn-trigger.reset-btn:hover {\n    background: var(--l1-soft);\n    color: var(--l1);\n  }\n\n  \/* ---------- Conclusion ---------- *\/\n  .conclusion {\n    background: var(--surface);\n    border-radius: 18px;\n    padding: 28px 30px;\n    margin-top: 48px;\n    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);\n    border: 1px solid var(--divider);\n    border-left: 5px solid var(--l1);\n    transition: border-color .3s ease;\n  }\n\n  .mode-l2-active .conclusion {\n    border-left-color: var(--r1);\n  }\n  \n  .conclusion h2 {\n    font-family: \"Fraunces\", serif;\n    font-weight: 600;\n    font-size: 22px;\n    margin: 0 0 12px;\n    color: var(--l1);\n    transition: color .3s ease;\n  }\n\n  .mode-l2-active .conclusion h2 {\n    color: var(--r1);\n  }\n  \n  .conclusion p { margin: 0 0 12px; font-size: 15.5px; color: #334155; }\n  .conclusion p:last-child { margin-bottom: 0; }\n  \n  .conclusion .derniere-ligne {\n    font-weight: 600;\n    color: var(--l1);\n    margin-top: 14px;\n    transition: color .3s ease;\n  }\n\n  .mode-l2-active .conclusion .derniere-ligne {\n    color: var(--r1);\n  }\n\n  @media (max-width: 520px) {\n    .timeline { padding-left: 44px; }\n    .num-left { left: -44px; width: 32px; height: 32px; font-size: 14px; }\n    .num-right { width: 28px; height: 28px; font-size: 13px; right: 10px; top: 12px; }\n    .block { padding-right: 44px; }\n  }\n<\/style>\n<\/head>\n<body id=\"app-body\">\n\n<div class=\"wrap\">\n  <div class=\"hero\">\n    <div class=\"hero-frame\">\ud83d\udcaa<\/div>\n    <h1>Regain confidence<\/h1>\n    <p>Reconsider what we believe is impossible in our own country<\/p>\n  <\/div>\n\n  <div class=\"intro\">\n    <p>When self-confidence is fragile, it becomes easy to see only our limitations, our mistakes, or what we think we are incapable of doing. By constantly repeating certain things to ourselves, we can end up considering them as truths about ourselves.<\/p>\n    <p>L'exp\u00e9rience est simple : lisez d'abord le texte de haut en bas, puis cliquez sur le bouton en bas (Lecture 2 \u2014 De bas en haut) pour faire le chemin inverse. Observez \u00e0 quel point le sens se m\u00e9tamorphose.<\/p>\n  <\/div>\n\n  <section class=\"reading\">\n    <div class=\"section-head\">\n      <div class=\"arrow-badge\" id=\"badge-icon\">\u2193<\/div>\n      <h2 class=\"section-title\" id=\"section-title-text\">Reading 1 \u2014 From top to bottom (from 1 to 10)<\/h2>\n    <\/div>\n\n    <div class=\"timeline\" id=\"timeline\">\n      <div class=\"block\" id=\"block-1\">\n        <div class=\"num-left\">1<\/div><div class=\"num-right\">10<\/div>\n        <p class=\"statement\">I am worthless and I am a mistake.<\/p>\n        <span class=\"connector\">And it would be naive to believe that<\/span>\n        <p class=\"reframe\">I am a person capable of change.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-2\">\n        <div class=\"num-left\">2<\/div><div class=\"num-right\">9<\/div>\n        <p class=\"statement\">I have no particular talent or strength.<\/p>\n        <span class=\"connector\">It is pointless to believe that<\/span>\n        <p class=\"reframe\">I can make a difference around me.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-3\">\n        <div class=\"num-left\">3<\/div><div class=\"num-right\">8<\/div>\n        <p class=\"statement\">I am not capable of making good decisions.<\/p>\n        <span class=\"connector\">I refuse to believe that<\/span>\n        <p class=\"reframe\">I can learn to better understand my needs, my limits, and my priorities.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-4\">\n        <div class=\"num-left\">4<\/div><div class=\"num-right\">7<\/div>\n        <p class=\"statement\">My past mistakes entirely define who I am.<\/p>\n        <span class=\"connector\">It is foolish to think that<\/span>\n        <p class=\"reframe\">My history does not condemn me to remain the same.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-5\">\n        <div class=\"num-left\">5<\/div><div class=\"num-right\">6<\/div>\n        <p class=\"statement\">I am certain that I do not deserve any success.<\/p>\n        <span class=\"connector\">It would be misleading to believe that<\/span>\n        <p class=\"reframe\">I am a person worthy of respect and trust.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-6\">\n        <div class=\"num-left\">6<\/div><div class=\"num-right\">5<\/div>\n        <p class=\"statement\">I cannot be proud of myself until I have succeeded.<\/p>\n        <span class=\"connector\">It would be wrong to consider that<\/span>\n        <p class=\"reframe\">I can recognize my efforts, my progress, and the ground I've already covered.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-7\">\n        <div class=\"num-left\">7<\/div><div class=\"num-right\">4<\/div>\n        <p class=\"statement\">Every attempt is doomed to failure and shame.<\/p>\n        <span class=\"connector\">It would be illusory to hope that<\/span>\n        <p class=\"reframe\">Trying is already a form of success and learning.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-8\">\n        <div class=\"num-left\">8<\/div><div class=\"num-right\">3<\/div>\n        <p class=\"statement\">I am convinced that I am a burden to others.<\/p>\n        <span class=\"connector\">It would be incorrect to believe that<\/span>\n        <p class=\"reframe\">I possess inner resources, however modest.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-9\">\n        <div class=\"num-left\">9<\/div><div class=\"num-right\">2<\/div>\n        <p class=\"statement\">I don't have the strength to overcome the obstacles.<\/p>\n        <span class=\"connector\">I refuse to believe that<\/span>\n        <p class=\"reframe\">I am capable of resilience and rebuilding.<\/p>\n      <\/div>\n\n      <div class=\"block\" id=\"block-10\">\n        <div class=\"num-left\">10<\/div><div class=\"num-right\">1<\/div>\n        <p class=\"statement\">I need to wait until I feel completely ready before acting.<\/p>\n        <span class=\"connector\">It would be wrong to consider that<\/span>\n        <p class=\"reframe\">Trust can be built simply by taking the first step.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Bouton d'action situ\u00e9 sous le bloc 10 -->\n    <div class=\"action-container\">\n      <button class=\"btn-trigger\" id=\"action-btn\" onclick=\"toggleReadingMode()\">\n        \u2191 Click here to begin reading 2 (from bottom to top: 10 to 1)\n      <\/button>\n    <\/div>\n  <\/section>\n\n  <div class=\"conclusion\">\n    <h2>\ud83c\udf31 Mot de la fin<\/h2>\n    <p><strong>The words remained the same.<\/strong> Only the reading path has changed.<\/p>\n    <p>En remontant le texte, les m\u00eames phrases peuvent faire appara\u00eetre une autre mani\u00e8re de regarder nos capacit\u00e9s, nos erreurs, notre histoire et notre potentiel d'action.<\/p>\n    <p>Retrouver confiance ne signifie pas ne plus douter, ne plus \u00e9chouer ou se sentir capable de tout. La confiance peut aussi se construire lorsque nous d\u00e9couvrons que nous pouvons avancer, apprendre et nous ajuster, m\u00eame lorsque nous ne nous sentons pas encore pleinement pr\u00eats.<\/p>\n    <p>Vous n'avez pas besoin de croire imm\u00e9diatement \u00e0 toutes les possibilit\u00e9s qui apparaissent dans cette seconde lecture. Il suffit parfois de ne plus consid\u00e9rer nos doutes comme des verdicts.<\/p>\n    <p class=\"derniere-ligne\">Et peut-\u00eatre que la confiance commence pr\u00e9cis\u00e9ment l\u00e0 : non pas lorsque nous sommes certains de pouvoir r\u00e9ussir, mais lorsque nous acceptons de nous donner la possibilit\u00e9 d'essayer.<\/p>\n  <\/div>\n<\/div>\n\n<script>\n  let isL2Mode = false;\n\n  function toggleReadingMode() {\n    const body = document.getElementById('app-body');\n    const badgeIcon = document.getElementById('badge-icon');\n    const sectionTitle = document.getElementById('section-title-text');\n    const actionBtn = document.getElementById('action-btn');\n    const block10 = document.getElementById('block-10');\n\n    isL2Mode = !isL2Mode;\n\n    if (isL2Mode) {\n      body.classList.add('mode-l2-active');\n      badgeIcon.textContent = '\u2191';\n      sectionTitle.textContent = 'Lecture 2 \u2014 De bas en haut (de 10 \u00e0 1)';\n      actionBtn.textContent = '\u21ba Revenir \u00e0 la Lecture 1 (de 1 \u00e0 10)';\n      actionBtn.classList.add('reset-btn');\n\n      \/\/ Am\u00e8ne doucement l'\u00e9cran au bloc 10 pour d\u00e9buter la remont\u00e9e\n      block10.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    } else {\n      body.classList.remove('mode-l2-active');\n      badgeIcon.textContent = '\u2193';\n      sectionTitle.textContent = 'Lecture 1 \u2014 De haut en bas (de 1 \u00e0 10)';\n      actionBtn.textContent = '\u2191 Cliquer ici pour commencer la lecture 2 (de bas en haut : de 10 \u00e0 1)';\n      actionBtn.classList.remove('reset-btn');\n\n      const block1 = document.getElementById('block-1');\n      block1.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Retrouver confiance Accueil Retrouver confiance \u2014 JIRIS \ud83d\udcaa Retrouver confiance Reconsid\u00e9rer ce que nous croyons impossible chez nous Lorsque la confiance en soi est fragilis\u00e9e, il devient facile de ne voir que nos limites, nos erreurs ou ce que nous pensons ne pas \u00eatre capables de faire. \u00c0 force de nous r\u00e9p\u00e9ter certaines choses, nous [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"iawp_total_views":0,"footnotes":""},"class_list":["post-2661","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/pages\/2661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/comments?post=2661"}],"version-history":[{"count":13,"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/pages\/2661\/revisions"}],"predecessor-version":[{"id":2815,"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/pages\/2661\/revisions\/2815"}],"wp:attachment":[{"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/media?parent=2661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}