{"id":857,"date":"2026-07-11T06:28:57","date_gmt":"2026-07-11T06:28:57","guid":{"rendered":"https:\/\/ose-echange.org\/ose-pic\/paths-of-transformation-cpi-9\/"},"modified":"2026-08-04T10:00:19","modified_gmt":"2026-08-04T10:00:19","slug":"paths-of-transformation-cpi-9","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/en\/ose-pic\/paths-of-transformation-cpi-9\/","title":{"rendered":"Paths of Transformation (CPI 9)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"857\" class=\"elementor elementor-857 elementor-223\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60ef8f1 e-flex e-con-boxed e-con e-parent\" data-id=\"60ef8f1\" 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-7407765 elementor-widget elementor-widget-html\" data-id=\"7407765\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ocpi9-page\" lang=\"fr\">\r\n\r\n  <!-- ============ BADGE CPI 09 + R\u00c9F\u00c9RENCE CAHIER FONDATEUR ============ -->\r\n  <div class=\"ocpi9-badge-row\">\r\n    <div class=\"ocpi9-badge-circle\">\r\n      <span class=\"ocpi9-badge-cpi\">CPI<\/span>\r\n      <span class=\"ocpi9-badge-num\">09<\/span>\r\n    <\/div>\r\n    <div class=\"ocpi9-badge-below\">\r\n      <div class=\"ocpi9-badge-ref\">\r\n        <span class=\"ocpi9-badge-ref-label\">Reference<\/span>\r\n        <span class=\"ocpi9-badge-ref-title\">Foundational Notebook No. 09<\/span>\r\n      <\/div>\r\n      <div class=\"ocpi9-badge-cover\">\r\n        <!-- REMPLACER CE LIEN ICI AVEC VOTRE PHOTO OSE (miniature de la couverture du Cahier Fondateur n\u00b009) -->\r\n        <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/cahier-fondateur-09-couverture.jpg\" alt=\"Thumbnail of the cover of Foundational Notebook No. 09 \u2013 Paths of Transformation\" class=\"ocpi9-badge-cover-img\" onerror=\"this.parentElement.style.display='none'\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ============ TITRE (pas de sous-titre) ============ -->\r\n  <header class=\"ocpi9-hero\">\r\n    <div class=\"ocpi9-hero-inner\">\r\n      <h1 class=\"ocpi9-title\">PATHS OF TRANSFORMATION<\/h1>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ============ ELEMENT CENTRAL : LE CARREFOUR DES TROIS CHEMINS ============ -->\r\n  <section class=\"ocpi9-carrefour-section\">\r\n    <div class=\"ocpi9-container\">\r\n      <div class=\"ocpi9-carrefour-grid\">\r\n\r\n        <!-- ---- COLONNE CARREFOUR (dominante) ---- -->\r\n        <div class=\"ocpi9-carrefour-col\">\r\n          <h2 class=\"ocpi9-carrefour-toplabel\">The Crossroads of the Three Paths<\/h2>\r\n\r\n          <div class=\"ocpi9-tri-outer\">\r\n            <div class=\"ocpi9-tri\">\r\n\r\n              <svg class=\"ocpi9-tri-lines ocpi9-tri-lines-desktop\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\">\r\n                <line x1=\"26\" y1=\"9\" x2=\"44\" y2=\"41\" stroke=\"#0B3C5D\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"><\/line>\r\n                <line x1=\"74\" y1=\"9\" x2=\"56\" y2=\"41\" stroke=\"#FF8C00\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"><\/line>\r\n                <line x1=\"50\" y1=\"50\" x2=\"50\" y2=\"57\" stroke=\"#2F6B45\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"><\/line>\r\n              <\/svg>\r\n              <svg class=\"ocpi9-tri-lines ocpi9-tri-lines-mobile\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\">\r\n                <line x1=\"26\" y1=\"9\" x2=\"44\" y2=\"53\" stroke=\"#0B3C5D\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"><\/line>\r\n                <line x1=\"74\" y1=\"9\" x2=\"56\" y2=\"53\" stroke=\"#FF8C00\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"><\/line>\r\n                <line x1=\"50\" y1=\"61\" x2=\"50\" y2=\"72\" stroke=\"#2F6B45\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"><\/line>\r\n              <\/svg>\r\n\r\n              <!-- Noeud SE DEPASSER -->\r\n              <div class=\"ocpi9-tri-node ocpi9-node-a\">\r\n                <div class=\"ocpi9-tri-pill\" style=\"background:#0B3C5D;\">\r\n                  <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n  PUSHING ONE'S LIMITS\r\n                <\/div>\r\n                <!-- REMPLACER CE LIEN ICI AVEC VOTRE PHOTO OSE (sc\u00e8ne : un jeune au sommet d'une montagne) -->\r\n                <div class=\"ocpi9-tri-photo\" style=\"background:linear-gradient(145deg,#E7EEF7,#F5F3EC);\">\r\n                  <div class=\"ocpi9-tri-photo-fallback\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n                    <span>Photo placement \u2014 Pushing one's limits<\/span>\r\n                  <\/div>\r\n                  <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/se-depasser.jpg\" alt=\"Young OSE athlete at the top of a mountain, symbolizing personal growth and pushing one's limits in the OSE exchange program\" style=\"object-position: center 20%;\" onerror=\"this.style.display='none'\">\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <!-- Noeud SE CONNAITRE -->\r\n              <div class=\"ocpi9-tri-node ocpi9-node-b\">\r\n                <div class=\"ocpi9-tri-pill\" style=\"background:#FF8C00;\">\r\n                  <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\r\n  SELF-AWARENESS\r\n                <\/div>\r\n                <!-- REMPLACER CE LIEN ICI AVEC VOTRE PHOTO OSE (sc\u00e8ne : un jeune face \u00e0 son reflet) -->\r\n                <div class=\"ocpi9-tri-photo\" style=\"background:linear-gradient(145deg,#F7EDDC,#F5F3EC);\">\r\n                  <div class=\"ocpi9-tri-photo-fallback\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.4\"><circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\r\n                    <span>Photo placement \u2014 Self-awareness<\/span>\r\n                  <\/div>\r\n                  <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/se-connaitre.jpg\" alt=\"Young OSE participant facing their reflection, illustrating self-knowledge and introspection\" onerror=\"this.style.display='none'\">\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <!-- Centre TRANSFORMATION -->\r\n              <div class=\"ocpi9-tri-center\">\r\n                <svg class=\"ocpi9-tri-center-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B3C5D\" stroke-width=\"1.5\"><path d=\"M12 21c-4-2.8-7-6-7-10a7 7 0 0 1 14 0c0 4-3 7.2-7 10Z\"><\/path><path d=\"M12 7v8M9 11l3-2 3 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n                <div class=\"ocpi9-tc-title\">TRANSFORMATION<\/div>\r\n                <div class=\"ocpi9-tc-sub\">Becoming more <b>yourself<\/b><\/div>\r\n              <\/div>\r\n\r\n              <!-- Noeud S'OUVRIR AUX AUTRES -->\r\n              <div class=\"ocpi9-tri-node ocpi9-node-c\">\r\n                <!-- REMPLACER CE LIEN ICI AVEC VOTRE PHOTO OSE (sc\u00e8ne : un groupe de jeunes r\u00e9unis sur un pont) -->\r\n                <div class=\"ocpi9-tri-photo\" style=\"background:linear-gradient(145deg,#E9F1EA,#F5F3EC);\">\r\n                  <div class=\"ocpi9-tri-photo-fallback\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2F6B45\" stroke-width=\"1.4\"><circle cx=\"8\" cy=\"8\" r=\"2.6\"><\/circle><circle cx=\"16\" cy=\"8\" r=\"2.6\"><\/circle><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke-linecap=\"round\"><\/path><\/svg>\r\n                    <span>Photo placement \u2014 Opening up to others<\/span>\r\n                  <\/div>\r\n                  <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/s-ouvrir-aux-autres.jpg\" alt=\"Group of young OSE ambassadors gathered on a bridge, symbolizing openness to others and intercultural encounters\" onerror=\"this.style.display='none'\">\r\n                <\/div>\r\n                <div class=\"ocpi9-tri-pill\" style=\"background:#2F6B45; margin-top:14px; margin-bottom:0;\">\r\n                  <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"8\" cy=\"8\" r=\"2.6\"><\/circle><circle cx=\"16\" cy=\"8\" r=\"2.6\"><\/circle><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke-linecap=\"round\"><\/path><\/svg>\r\n  OPENING UP TO OTHERS\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ---- ENCART LAT\u00c9RAL (remplace la citation Teilhard) ---- -->\r\n        <aside class=\"ocpi9-side-col\">\r\n          <article class=\"ocpi9-side-card\">\r\n            <span class=\"ocpi9-side-eyebrow\">Three invitations<\/span>\r\n            <blockquote class=\"ocpi9-side-quote\">\u201cThree invitations to become more yourself.\u201d<\/blockquote>\r\n          <\/article>\r\n        <\/aside>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ PHRASE PRINCIPALE ============ -->\r\n  <section class=\"ocpi9-mainphrase\">\r\n    <div class=\"ocpi9-container ocpi9-container--narrow\">\r\n      <p class=\"ocpi9-mainphrase-text\">\r\n  Human qualities cannot be decreed. They are built through the experiences\r\n we live and the way we choose to live them. \r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ LES TROIS CHEMINS (cartouches courts) ============ -->\r\n  <section class=\"ocpi9-chemins\">\r\n    <div class=\"ocpi9-container\">\r\n      <div class=\"ocpi9-chemins-grid\">\r\n\r\n        <div class=\"ocpi9-chemin-card\">\r\n          <div class=\"ocpi9-chemin-ico\" style=\"background:#0B3C5D;\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ocpi9-chemin-title\" style=\"color:#0B3C5D;\">PUSHING ONE'S LIMITS<\/h3>\r\n          <p class=\"ocpi9-chemin-text\">Leaving your comfort zone and discovering unsuspected resources.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ocpi9-chemin-card\">\r\n          <div class=\"ocpi9-chemin-ico\" style=\"background:#FF8C00;\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ocpi9-chemin-title\" style=\"color:#FF8C00;\">SELF-AWARENESS<\/h3>\r\n          <p class=\"ocpi9-chemin-text\">Understanding who you are and giving meaning to your experience.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ocpi9-chemin-card\">\r\n          <div class=\"ocpi9-chemin-ico\" style=\"background:#2F6B45;\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"8\" cy=\"8\" r=\"2.6\"><\/circle><circle cx=\"16\" cy=\"8\" r=\"2.6\"><\/circle><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke-linecap=\"round\"><\/path><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ocpi9-chemin-title\" style=\"color:#2F6B45;\">OPENING UP TO OTHERS<\/h3>\r\n          <p class=\"ocpi9-chemin-text\">Building bridges between people, cultures, and nations.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ TROIS CHEMINS COMPLEMENTAIRES (synth\u00e9tique) ============ -->\r\n  <section class=\"ocpi9-complement\">\r\n    <div class=\"ocpi9-container ocpi9-container--narrow\">\r\n      <h2 class=\"ocpi9-complement-title\">Three Complementary Paths<\/h2>\r\n      <div class=\"ocpi9-complement-row\">\r\n        <div class=\"ocpi9-complement-item\">\r\n          <span class=\"ocpi9-complement-dot\" style=\"background:#0B3C5D;\"><\/span>\r\n          <p><b>Pushing one's limits<\/b> develops our capacity for action.<\/p>\r\n        <\/div>\r\n        <div class=\"ocpi9-complement-item\">\r\n          <span class=\"ocpi9-complement-dot\" style=\"background:#FF8C00;\"><\/span>\r\n          <p><b>Self-awareness<\/b> develops our consciousness of ourselves.<\/p>\r\n        <\/div>\r\n        <div class=\"ocpi9-complement-item\">\r\n          <span class=\"ocpi9-complement-dot\" style=\"background:#2F6B45;\"><\/span>\r\n          <p><b>Opening up to others<\/b> develops our awareness of the world.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ CITATION FINALE (signature de la page) ============ -->\r\n  <section class=\"ocpi9-closing\">\r\n    <div class=\"ocpi9-container ocpi9-container--narrow\">\r\n      <p class=\"ocpi9-closing-text\">\r\n        <span class=\"ocpi9-closing-quote-mark\">\u201c<\/span><span class=\"ocpi9-closing-highlight\">At the crossroads of these three paths, true transformation is born.<\/span><span class=\"ocpi9-closing-quote-mark\">\u201d<\/span>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n<!-- ============ PIED DE PAGE SP\u00c9CIFIQUE CPI (mod\u00e8le standard valid\u00e9 CPI 02\/04) ============ -->\r\n<footer class=\"ocpi9-footer\">\r\n  <div class=\"ocpi9-container ocpi9-container--narrow\">\r\n    <div class=\"ocpi9-footer-card\">\r\n      <span class=\"ocpi9-footer-label\">To learn more<\/span>\r\n      <h3 class=\"ocpi9-footer-title\">Foundational Notebook No. 09 \u2013 Paths of Transformation<\/h3>\r\n      <a href=\"\/en\/founding-notebook-9-paths-of-transformation\/\" class=\"ocpi9-footer-btn\">View the Founding Notebook<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Montserrat:wght@500;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');\r\n\r\n\/* ===================================================================\r\n   CPI 09 \u2014 \"Les Chemins de Transformation\" \u2014 .ocpi9-\r\n   D\u00e9riv\u00e9 du Cahier Fondateur 9, charte officielle CPI (Bleu OSE \/ Or OSE)\r\n   =================================================================== *\/\r\n.ocpi9-page, .ocpi9-footer {\r\n  font-family: 'Open Sans', sans-serif;\r\n  color: #0B3C5D;\r\n  box-sizing: border-box;\r\n  overflow-x: hidden;\r\n}\r\n.ocpi9-page *, .ocpi9-footer * { box-sizing: border-box; }\r\n\r\n.ocpi9-container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }\r\n.ocpi9-container--narrow { max-width: 820px; }\r\n\r\n\/* ---------- BADGE CPI 09 (align\u00e9 \u00e0 gauche, comme les autres pages CPI) ---------- *\/\r\n.ocpi9-badge-row { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 44px 24px 0 40px; max-width: 1200px; margin: 0 auto; text-align: left; }\r\n.ocpi9-badge-circle {\r\n  width: 84px; height: 84px; border-radius: 50%; flex-shrink: 0;\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;\r\n  background: radial-gradient(circle at 35% 30%, #f6dd94, #e0ab2f 45%, #c98a1e 75%, #a06a15 100%);\r\n  box-shadow: 0 6px 14px rgba(180,130,20,0.45), inset 0 2px 4px rgba(255,255,255,0.5), inset 0 -3px 6px rgba(0,0,0,0.25);\r\n}\r\n.ocpi9-badge-cpi { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 1px; color: #5a3d0a; }\r\n.ocpi9-badge-num { font-family: 'Playfair Display', serif; font-weight: 800; font-size: 28px; color: #0B3C5D; line-height: 1; }\r\n.ocpi9-badge-below { display: flex; align-items: center; justify-content: flex-start; gap: 18px; flex-wrap: wrap; }\r\n.ocpi9-badge-ref { display: flex; flex-direction: column; gap: 4px; text-align: left; }\r\n.ocpi9-badge-ref-label { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 0.8px; color: #FF8C00; }\r\n.ocpi9-badge-ref-title { font-family: 'Playfair Display', serif; font-size: 18px; color: #0B3C5D; font-weight: 700; }\r\n.ocpi9-badge-cover { width: 56px; height: 74px; border-radius: 8px; overflow: hidden; border: 2px solid #EFE2C4; box-shadow: 0 4px 10px rgba(11,60,93,0.18); flex-shrink: 0; }\r\n.ocpi9-badge-cover-img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n\/* ---------- HERO (titre seul, sans sous-titre) ---------- *\/\r\n.ocpi9-hero { background: #ffffff; padding: 30px 24px 50px; text-align: center; }\r\n.ocpi9-hero-inner { max-width: 900px; margin: 0 auto; }\r\n.ocpi9-title { font-family: 'Playfair Display', serif; font-weight: 800; font-size: clamp(24px, 3.4vw, 34px); line-height: 1.2; color: #0B3C5D; margin: 0; word-break: break-word; }\r\n\r\n\/* ---------- SECTION CARREFOUR (\u00e9l\u00e9ment dominant) ---------- *\/\r\n.ocpi9-carrefour-section { background: #ffffff; padding: 10px 24px 60px; }\r\n.ocpi9-carrefour-grid { display: grid; grid-template-columns: 1.8fr 1fr; gap: 50px; align-items: start; }\r\n.ocpi9-carrefour-col { text-align: center; }\r\n.ocpi9-carrefour-toplabel { font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: clamp(18px, 2vw, 26px); color: #0B3C5D; margin: 0 0 34px; }\r\n\r\n\/* ---- Triangle du carrefour (structure fiabilis\u00e9e : ancrage haut, sans chevauchement) ---- *\/\r\n.ocpi9-tri-outer{ max-width: 980px; margin: 0 auto; }\r\n.ocpi9-tri{ position: relative; width: 100%; aspect-ratio: 1 \/ 1.58; }\r\n.ocpi9-tri svg.ocpi9-tri-lines{ position:absolute; inset:0; width:100%; height:100%; z-index: 1; }\r\n.ocpi9-tri-lines.ocpi9-tri-lines-mobile{ display:none; }\r\n\r\n.ocpi9-tri-node{ position:absolute; transform: translate(-50%, 0); display:flex; flex-direction:column; align-items:center; width: 34%; text-align:center; z-index: 2; }\r\n.ocpi9-node-a{ left:26%; top:2%; }\r\n.ocpi9-node-b{ left:74%; top:2%; }\r\n.ocpi9-node-c{ left:50%; top:58%; width:40%; }\r\n\r\n.ocpi9-tri-pill{ display:inline-flex; align-items:center; gap:9px; padding: 10px 22px; border-radius: 50px; color:#fff; font-family:'Montserrat',sans-serif; font-weight:800; letter-spacing:0.5px; font-size: clamp(14px, 1.65vw, 19px); box-shadow: 0 5px 14px rgba(11,60,93,0.26); white-space: nowrap; margin-bottom: 14px; }\r\n.ocpi9-tri-pill svg{ width:18px; height:18px; flex:none; }\r\n\r\n.ocpi9-tri-photo{ position: relative; width: 100%; aspect-ratio: 3 \/ 2; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 26px rgba(11,60,93,0.18); border: 4px solid #FFFFFF; outline: 1px solid #ECE6D8; }\r\n.ocpi9-tri-photo-fallback{ position: absolute; inset: 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap: 8px; padding: 9%; z-index: 1; }\r\n.ocpi9-tri-photo img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; z-index: 2; }\r\n.ocpi9-tri-photo svg{ width: 22%; height:auto; flex:none; }\r\n.ocpi9-tri-photo span{ font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(10.5px, 1.05vw, 13px); color: #7C7566; font-style: italic; line-height: 1.35; }\r\n\r\n.ocpi9-tri-center{ position:absolute !important; left:50% !important; top:44% !important; transform:translate(-50%,-50%) !important; width: 24% !important; aspect-ratio:1\/1 !important; border-radius:50% !important; background: #FFFFFF !important; border: 3px solid #EFE2C4 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; box-shadow: 0 8px 24px rgba(11,60,93,0.2); text-align:center !important; padding: 0 !important; margin: 0 !important; z-index: 4; overflow: hidden !important; }\r\n.ocpi9-tri-center-icon{ width: 24% !important; height: auto !important; margin: 0 0 5% 0 !important; flex: none; }\r\n.ocpi9-tc-title{ font-family: 'Montserrat', Arial, sans-serif !important; font-weight:800 !important; letter-spacing: 0 !important; color: #0B3C5D !important; font-size: 8px !important; line-height: 1.2 !important; width: 82% !important; max-width: 82% !important; margin: 0 !important; padding: 0 !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; }\r\n.ocpi9-tc-sub{ font-family: 'Open Sans', Arial, sans-serif !important; font-size: 6.8px !important; color:#3a5066 !important; margin: 3px 0 0 0 !important; padding: 0 !important; line-height:1.25 !important; width: 78% !important; max-width: 78% !important; overflow-wrap: break-word !important; word-break: break-word !important; }\r\n.ocpi9-tc-sub b{ color: #FF8C00; }\r\n\r\n\/* ---------- ENCART LAT\u00c9RAL \"TROIS INVITATIONS\" ---------- *\/\r\n.ocpi9-side-col { display: flex; flex-direction: column; padding-top: 66px; }\r\n.ocpi9-side-card { background: #fbf9f4; border-left: 3px solid #FF8C00; border-radius: 4px; padding: 34px 30px; }\r\n.ocpi9-side-eyebrow { display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: 16px; color: #FF8C00; margin-bottom: 14px; }\r\n.ocpi9-side-quote { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 600; font-size: 18px; color: #0B3C5D; margin: 0; line-height: 1.55; }\r\n\r\n\/* ---------- PHRASE PRINCIPALE ---------- *\/\r\n.ocpi9-mainphrase { background: #0B3C5D; padding: 64px 24px; }\r\n.ocpi9-mainphrase-text { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 600; font-size: 19px; line-height: 1.6; color: #EFE2C4; text-align: center; margin: 0; }\r\n\r\n\/* ---------- LES TROIS CHEMINS (cartouches) ---------- *\/\r\n.ocpi9-chemins { background: #ffffff; padding: 64px 24px; }\r\n.ocpi9-chemins-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }\r\n.ocpi9-chemin-card { background: #fbf9f4; border: 1px solid #ECE6D8; border-radius: 16px; padding: 32px 26px; text-align: center; box-shadow: 0 3px 14px rgba(11,60,93,0.06); }\r\n.ocpi9-chemin-ico { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; }\r\n.ocpi9-chemin-title { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 17px; letter-spacing: 0.4px; margin: 0 0 12px; }\r\n.ocpi9-chemin-text { font-size: 16px; line-height: 1.68; color: #3a5066; margin: 0; }\r\n\r\n\/* ---------- TROIS CHEMINS COMPLEMENTAIRES ---------- *\/\r\n.ocpi9-complement { background: #fbf9f4; padding: 56px 24px; }\r\n.ocpi9-complement-title { font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; color: #0B3C5D; text-align: center; margin: 0 0 34px; }\r\n.ocpi9-complement-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\r\n.ocpi9-complement-item { display: flex; align-items: flex-start; gap: 12px; }\r\n.ocpi9-complement-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; margin-top: 7px; }\r\n.ocpi9-complement-item p { font-size: 16px; line-height: 1.6; color: #3a5066; margin: 0; }\r\n.ocpi9-complement-item p b { color: #0B3C5D; }\r\n\r\n\/* ---------- CITATION FINALE (signature) ---------- *\/\r\n.ocpi9-closing { background: #ffffff; padding: 70px 24px; text-align: center; }\r\n.ocpi9-closing-quote-mark { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 700; color: #FF8C00; line-height: 0; position: relative; top: 4px; margin: 0 4px; }\r\n.ocpi9-closing-text { font-family: 'Playfair Display', serif; font-size: 19px; font-style: italic; font-weight: 600; line-height: 1.6; color: #0B3C5D; margin: 0 auto; max-width: 880px; }\r\n.ocpi9-closing-highlight { color: #0B3C5D; }\r\n\r\n\/* ---------- FOOTER CPI \u2014 MOD\u00c8LE STANDARD (valid\u00e9 CPI 02 \/ CPI 04) ----------\r\n   Fond blanc + fine s\u00e9paration, carte cr\u00e8me claire, pas de bloc couleur pleine,\r\n   pas de tagline, pas de lien du site (d\u00e9j\u00e0 g\u00e9r\u00e9s par le footer global WordPress). *\/\r\n.ocpi9-footer { background: #ffffff; border-top: 1px solid #ECE6D8; padding: 60px 24px; text-align: center; }\r\n.ocpi9-footer-card { background: #FBF9F4; border: 1px solid #ECE6D8; border-radius: 20px; padding: 42px 36px; }\r\n.ocpi9-footer-label { display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; font-size: 14px; color: #FF8C00; margin-bottom: 16px; }\r\n.ocpi9-footer-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 19px; color: #0B3C5D; margin: 0 0 28px; line-height: 1.4; }\r\n.ocpi9-footer-btn { display: inline-block; background: #FF8C00; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; text-decoration: none; padding: 13px 32px; border-radius: 50px; transition: background-color 0.2s ease; }\r\n.ocpi9-footer-btn:hover { background: #E67A00; color: #ffffff; }\r\n.ocpi9-footer-btn:active { background: #CC6D00; color: #ffffff; }\r\n\r\n\/* ===================================================================\r\n   RESPONSIVE \u2014 GRAND \u00c9CRAN (le cercle dispose de plus d'espace)\r\n   =================================================================== *\/\r\n@media (min-width: 1230px) {\r\n  .ocpi9-tc-title{ font-size: 10px !important; }\r\n  .ocpi9-tc-sub{ font-size: 8.5px !important; }\r\n}\r\n\r\n\/* ===================================================================\r\n   RESPONSIVE \u2014 TABLETTE\r\n   =================================================================== *\/\r\n@media (max-width: 1024px) {\r\n  .ocpi9-title { font-size: 28px; }\r\n  .ocpi9-carrefour-grid { grid-template-columns: 1fr; }\r\n  .ocpi9-tri-outer { max-width: 620px; }\r\n  .ocpi9-side-col { max-width: 620px; margin: 34px auto 0; padding-top: 0; }\r\n  .ocpi9-chemins-grid { grid-template-columns: 1fr; }\r\n  .ocpi9-complement-row { grid-template-columns: 1fr; gap: 18px; }\r\n}\r\n@media (max-width: 1024px) and (min-width: 641px){\r\n  .ocpi9-tri-pill{ padding: 8px 16px; }\r\n  .ocpi9-tc-title{ font-size: 7.5px !important; }\r\n  .ocpi9-tc-sub{ font-size: 6.5px !important; }\r\n}\r\n\r\n\/* ===================================================================\r\n   RESPONSIVE \u2014 MOBILE\r\n   =================================================================== *\/\r\n@media (max-width: 640px) {\r\n  .ocpi9-container { padding: 0 18px; }\r\n  .ocpi9-badge-row { align-items: center; text-align: center; padding: 34px 16px 0; }\r\n  .ocpi9-badge-below { flex-direction: column; justify-content: center; }\r\n  .ocpi9-badge-ref { text-align: center; align-items: center; }\r\n  .ocpi9-hero { padding: 24px 16px 40px; }\r\n  .ocpi9-title { font-size: 22px; }\r\n\r\n  .ocpi9-carrefour-section { padding: 10px 12px 44px; }\r\n  .ocpi9-carrefour-toplabel { font-size: 18px; margin-bottom: 22px; }\r\n\r\n  .ocpi9-tri-outer{ max-width: 340px; margin-bottom: 90px; }\r\n  .ocpi9-tri{ aspect-ratio: 1\/1.85; }\r\n  .ocpi9-tri-node{ width: 42%; }\r\n  .ocpi9-tri-center{ top: 56% !important; }\r\n  .ocpi9-node-c{ top: 74%; }\r\n  .ocpi9-tri-lines.ocpi9-tri-lines-desktop{ display:none; }\r\n  .ocpi9-tri-lines.ocpi9-tri-lines-mobile{ display:block; }\r\n  .ocpi9-tri-pill{ padding: 5px 10px; font-size: 9.5px; gap:4px; margin-bottom:7px; }\r\n  .ocpi9-tri-pill svg{ width:10px; height:10px; }\r\n  .ocpi9-tri-photo{ border-radius: 10px; border-width:2px; }\r\n  .ocpi9-tri-photo-fallback{ padding: 8%; gap:4px; }\r\n  .ocpi9-tri-photo svg{ width:20%; }\r\n  .ocpi9-tri-photo span{ font-size: 7px; }\r\n  .ocpi9-tri-center{ width: 38% !important; }\r\n  .ocpi9-tri-center-icon{ width: 22% !important; margin: 0 0 5% 0 !important; }\r\n  .ocpi9-tc-title{ font-size: 6.8px !important; }\r\n  .ocpi9-tc-sub{ font-size: 5.8px !important; }\r\n\r\n  .ocpi9-side-card { padding: 26px 22px; }\r\n  .ocpi9-side-quote { font-size: 16px; }\r\n\r\n  .ocpi9-mainphrase { padding: 44px 18px; }\r\n  .ocpi9-mainphrase-text { font-size: 16px; }\r\n\r\n  .ocpi9-chemins { padding: 44px 18px; }\r\n  .ocpi9-chemin-card { padding: 26px 20px; }\r\n\r\n  .ocpi9-complement { padding: 40px 18px; }\r\n  .ocpi9-complement-item { flex-direction: column; align-items: center; text-align: center; }\r\n  .ocpi9-complement-dot { margin-top: 0; }\r\n\r\n  .ocpi9-closing { padding: 44px 18px; }\r\n  .ocpi9-closing-quote-mark { font-size: 20px; }\r\n  .ocpi9-closing-text { font-size: 16px; }\r\n\r\n  .ocpi9-footer { padding: 40px 18px; }\r\n  .ocpi9-footer-card { padding: 30px 22px; }\r\n  .ocpi9-footer-title { font-size: 16px; }\r\n}\r\n@media (max-width: 380px){\r\n  .ocpi9-tri-outer{ max-width: 300px; margin-bottom: 100px; }\r\n  .ocpi9-title{ font-size: 19px; }\r\n  .ocpi9-tri-center{ width: 42% !important; }\r\n  .ocpi9-tc-title{ font-size: 6px !important; }\r\n  .ocpi9-tc-sub{ font-size: 5.2px !important; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CPI 09 Reference Foundational Notebook No. 09 PATHS OF TRANSFORMATION The Crossroads of the Three Paths PUSHING ONE&#8217;S LIMITS Photo placement \u2014 Pushing one&#8217;s limits SELF-AWARENESS Photo placement \u2014 Self-awareness TRANSFORMATION Becoming more yourself Photo placement \u2014 Opening up to others OPENING UP TO OTHERS Three invitations \u201cThree invitations to become more yourself.\u201d Human qualities [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":817,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-857","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/comments?post=857"}],"version-history":[{"count":4,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/857\/revisions"}],"predecessor-version":[{"id":2238,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/857\/revisions\/2238"}],"up":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/817"}],"wp:attachment":[{"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/media?parent=857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}