{"id":962,"date":"2026-07-10T21:08:37","date_gmt":"2026-07-10T21:08:37","guid":{"rendered":"https:\/\/ose-echange.org\/resources\/founding-notebook-9-paths-of-transformation\/"},"modified":"2026-08-03T19:57:43","modified_gmt":"2026-08-03T19:57:43","slug":"founding-notebook-9-paths-of-transformation","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/en\/library\/founding-workbooks\/founding-notebook-9-paths-of-transformation\/","title":{"rendered":"Founding Notebook 9 &#8211; Paths of Transformation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"962\" class=\"elementor elementor-962 elementor-258\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8904d42 e-flex e-con-boxed e-con e-parent\" data-id=\"8904d42\" 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-dfc5f5c elementor-widget elementor-widget-html\" data-id=\"dfc5f5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     OSE \u2014 CAHIER FONDATEUR 9 : LES CHEMINS DE TRANSFORMATION\r\n     Corps + pied de page uniquement (header global exclu)\r\n     Pr\u00e9fixe CSS unique : .ocf9-\r\n     ============================================================ -->\r\n<div class=\"ocf9-wrap\">\r\n<style>\r\n.ocf9-wrap{\r\n  --navy:#0B2748;\r\n  --orange:#FF8C00;\r\n  --cream:#EFE2C4;\r\n  --green:#2F6B45;\r\n  --gold:#C8862B;\r\n  --bg-page:#FAF8F3;\r\n  --bg-card:#FFFFFF;\r\n  --text-body:#2B2F36;\r\n  --font-head:'Playfair Display', Georgia, serif;\r\n  --font-label:'Montserrat', Arial, sans-serif;\r\n  --font-body:'Open Sans', Arial, sans-serif;\r\n  all: initial;\r\n  display:block;\r\n  font-family: var(--font-body);\r\n  color: var(--text-body);\r\n  background: var(--bg-page);\r\n  box-sizing: border-box;\r\n  line-height: 1.5;\r\n  overflow-x: hidden;\r\n  width: 100%;\r\n}\r\n.ocf9-wrap *{ box-sizing: border-box; margin:0; padding:0; font-family: inherit; }\r\n.ocf9-wrap img{ max-width:100%; display:block; }\r\n.ocf9-wrap a{ text-decoration:none; cursor:pointer; }\r\n.ocf9-wrap ul{ list-style:none; }\r\n.ocf9-wrap svg{ display:block; }\r\n\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\/* ---------- layout helpers ---------- *\/\r\n.ocf9-section{\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 clamp(20px, 4vw, 64px);\r\n}\r\n.ocf9-eyebrow-rule{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:18px;\r\n  margin: 0 0 30px;\r\n}\r\n.ocf9-eyebrow-rule::before,\r\n.ocf9-eyebrow-rule::after{\r\n  content:\"\";\r\n  flex:0 0 60px;\r\n  height:2px;\r\n  background: linear-gradient(90deg, transparent, var(--orange));\r\n}\r\n.ocf9-eyebrow-rule::after{ background: linear-gradient(90deg, var(--orange), transparent); }\r\n.ocf9-eyebrow-rule span{\r\n  font-family: var(--font-label);\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  font-size: clamp(18px, 2vw, 30px);\r\n  color: var(--navy);\r\n  text-align:center;\r\n}\r\n\r\n\/* ================= HERO \/ TITRE ================= *\/\r\n.ocf9-hero{\r\n  padding-top: clamp(36px, 5vw, 64px);\r\n  padding-bottom: 8px;\r\n}\r\n.ocf9-hero h1{\r\n  font-family: var(--font-head);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  font-size: clamp(24px, 3.4vw, 34px);\r\n  line-height: 1.15;\r\n  letter-spacing: 0.2px;\r\n  overflow-wrap: break-word;\r\n  word-break: break-word;\r\n  width: 100%;\r\n  margin-bottom: 22px;\r\n}\r\n.ocf9-hero .ocf9-rule{\r\n  width: 90px;\r\n  height: 4px;\r\n  background: var(--orange);\r\n  margin: 20px 0 22px;\r\n  border-radius: 4px;\r\n}\r\n.ocf9-hero p.ocf9-intro{\r\n  font-size: 16px;\r\n  color: #262B33;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  line-height: 1.8;\r\n  margin-bottom: 18px;\r\n}\r\n.ocf9-hero p.ocf9-intro:last-of-type{ margin-bottom:0; }\r\n.ocf9-hero .ocf9-triad{\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  margin: 20px 0;\r\n  font-family: var(--font-label);\r\n  font-weight: 800;\r\n}\r\n.ocf9-hero .ocf9-triad span:nth-child(1){ color: var(--navy); }\r\n.ocf9-hero .ocf9-triad span:nth-child(2){ color: var(--orange); }\r\n.ocf9-hero .ocf9-triad span:nth-child(3){ color: var(--green); }\r\n\r\n\/* ================= ESSENTIEL EN UNE MINUTE ================= *\/\r\n.ocf9-essentiel{\r\n  margin: clamp(28px,3vw,40px) auto 0;\r\n  max-width: 900px;\r\n  background: #EAF1FB;\r\n  border: 1px solid #D3E1F5;\r\n  border-radius: 18px;\r\n  padding: clamp(22px,3vw,30px) clamp(22px,3.5vw,36px);\r\n  display:flex;\r\n  gap: 18px;\r\n  align-items:flex-start;\r\n}\r\n.ocf9-essentiel .ocf9-ico{\r\n  flex: none;\r\n  width: 46px; height:46px;\r\n  border-radius: 50%;\r\n  background: #FFFFFF;\r\n  border: 2px solid var(--navy);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n.ocf9-essentiel .ocf9-ico svg{ width:24px; height:24px; }\r\n.ocf9-essentiel h3{\r\n  font-family: var(--font-label);\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  color: var(--navy);\r\n  font-size: 17px;\r\n  margin-bottom: 12px;\r\n}\r\n.ocf9-essentiel p{\r\n  font-size: 16px;\r\n  color: #1E3A66;\r\n  line-height: 1.75;\r\n}\r\n.ocf9-essentiel p + p{ margin-top:10px; font-weight:700; }\r\n\r\n\/* ================= SCHEMA \u2014 LE TRIANGLE DE TRANSFORMATION ================= *\/\r\n.ocf9-schema{\r\n  padding-top: clamp(56px,6vw,80px);\r\n  padding-bottom: 10px;\r\n}\r\n.ocf9-tri-outer{\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n}\r\n.ocf9-tri{\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 1 \/ 1.58;\r\n}\r\n.ocf9-tri svg.ocf9-tri-lines{\r\n  position:absolute; inset:0;\r\n  width:100%; height:100%;\r\n  z-index: 1;\r\n}\r\n.ocf9-tri-lines.ocf9-tri-lines-mobile{ display:none; }\r\n.ocf9-tri-node{\r\n  position:absolute;\r\n  transform: translate(-50%, 0);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  width: 34%;\r\n  text-align:center;\r\n  z-index: 2;\r\n}\r\n.ocf9-node-a{ left:26%; top:2%; }\r\n.ocf9-node-b{ left:74%; top:2%; }\r\n.ocf9-node-c{ left:50%; top:58%; width:40%; }\r\n.ocf9-tri-pill{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  padding: 10px 22px;\r\n  border-radius: 50px;\r\n  color:#fff;\r\n  font-family: var(--font-label);\r\n  font-weight:800;\r\n  letter-spacing:0.5px;\r\n  font-size: clamp(13px, 1.5vw, 17px);\r\n  box-shadow: 0 5px 14px rgba(11,39,72,0.26);\r\n  white-space: nowrap;\r\n  margin-bottom: 14px;\r\n}\r\n.ocf9-tri-pill svg{ width:18px; height:18px; flex:none; }\r\n.ocf9-tri-photo{\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 3 \/ 2;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 26px rgba(11,39,72,0.18);\r\n  border: 4px solid #FFFFFF;\r\n  outline: 1px solid #ECE6D8;\r\n}\r\n.ocf9-tri-photo-fallback{\r\n  position: absolute;\r\n  inset: 0;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap: 8px;\r\n  padding: 9%;\r\n  z-index: 1;\r\n}\r\n.ocf9-tri-photo img{\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  z-index: 2;\r\n}\r\n.ocf9-tri-photo svg{ width: 22%; height:auto; flex:none; }\r\n.ocf9-tri-photo span{\r\n  font-family: var(--font-label);\r\n  font-weight: 700;\r\n  font-size: clamp(10.5px, 1.05vw, 13px);\r\n  color: #7C7566;\r\n  font-style: italic;\r\n  line-height: 1.35;\r\n}\r\n.ocf9-tri-node p.ocf9-tri-caption{\r\n  margin-top: 12px;\r\n  font-size: clamp(12.5px, 1.25vw, 15px);\r\n  line-height: 1.5;\r\n  color: #333A46;\r\n  max-width: 300px;\r\n}\r\n.ocf9-tri-node p.ocf9-tri-caption b{ color: var(--navy); }\r\n.ocf9-tri-center{\r\n  position:absolute; left:50%; top:44%; transform:translate(-50%,-50%);\r\n  width: 22%;\r\n  aspect-ratio:1\/1;\r\n  border-radius:50%;\r\n  background: #FFFFFF;\r\n  border: 3px solid #EFE2C4;\r\n  display:flex; align-items:center; justify-content:center; flex-direction:column;\r\n  box-shadow: 0 8px 24px rgba(11,39,72,0.2);\r\n  text-align:center;\r\n  padding: 0;\r\n  z-index: 4;\r\n  overflow: hidden;\r\n}\r\n.ocf9-tri-center-icon{\r\n  width: 26%;\r\n  height: auto;\r\n  margin-bottom: 6%;\r\n  flex: none;\r\n}\r\n.ocf9-tri-center .ocf9-tc-title{\r\n  font-family: var(--font-label);\r\n  font-weight:800;\r\n  letter-spacing: 0.2px;\r\n  color: var(--navy);\r\n  font-size: clamp(10px, 1.3vw, 14px);\r\n  line-height: 1.15;\r\n  width: 78%;\r\n  white-space: nowrap;\r\n}\r\n.ocf9-tri-center .ocf9-tc-sub{\r\n  font-size: clamp(9px, 1.05vw, 12px);\r\n  color:#333A46;\r\n  margin-top: 4px;\r\n  line-height:1.3;\r\n  width: 74%;\r\n  overflow-wrap: break-word;\r\n}\r\n.ocf9-tri-center .ocf9-tc-sub b{ color: var(--navy); }\r\n\r\n\/* ================= LES 3 CARTES DETAILLEES ================= *\/\r\n.ocf9-cartes{\r\n  padding-top: clamp(52px,6vw,76px);\r\n}\r\n.ocf9-cartes-grid{\r\n  display:grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n}\r\n.ocf9-carte{\r\n  background: var(--bg-card);\r\n  border: 1px solid #ECE6D8;\r\n  border-radius: 16px;\r\n  padding: 26px 24px 24px;\r\n  box-shadow: 0 3px 14px rgba(11,39,72,0.06);\r\n}\r\n.ocf9-carte-head{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin-bottom: 16px;\r\n  padding-bottom: 14px;\r\n  border-bottom: 1px solid #EFEAE0;\r\n}\r\n.ocf9-carte-head .ocf9-c-ico{\r\n  flex:none;\r\n  width: 38px; height:38px;\r\n  border-radius:50%;\r\n  display:flex; align-items:center; justify-content:center;\r\n}\r\n.ocf9-carte-head .ocf9-c-ico svg{ width:20px; height:20px; }\r\n.ocf9-carte-head h4{\r\n  font-family: var(--font-label);\r\n  font-weight: 800;\r\n  letter-spacing: 0.4px;\r\n  font-size: 17px;\r\n}\r\n.ocf9-carte p{\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  color: #3A404C;\r\n  margin-bottom: 14px;\r\n}\r\n.ocf9-carte p:last-child{ margin-bottom:0; }\r\n.ocf9-carte p.ocf9-highlight{\r\n  font-weight:700;\r\n  padding-top: 10px;\r\n  border-top: 1px dashed #EFEAE0;\r\n}\r\n\r\n\/* ================= TROIS CHEMINS COMPLEMENTAIRES ================= *\/\r\n.ocf9-complement{\r\n  padding-top: clamp(52px,6vw,76px);\r\n}\r\n.ocf9-complement-inner{\r\n  max-width: 1080px;\r\n  margin: 0 auto;\r\n}\r\n.ocf9-comp-row{\r\n  display:grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 22px;\r\n  padding-bottom: 26px;\r\n}\r\n.ocf9-comp-item{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:14px;\r\n}\r\n.ocf9-comp-item .ocf9-comp-dot{\r\n  flex:none;\r\n  width: 46px; height:46px;\r\n  border-radius:50%;\r\n  display:flex; align-items:center; justify-content:center;\r\n  box-shadow: 0 3px 10px rgba(11,39,72,0.14);\r\n}\r\n.ocf9-comp-item .ocf9-comp-dot svg{ width:24px; height:24px; }\r\n.ocf9-comp-item .ocf9-comp-title{\r\n  font-family: var(--font-label);\r\n  font-weight:800;\r\n  color: var(--navy);\r\n  font-size: 16px;\r\n  margin-bottom: 5px;\r\n}\r\n.ocf9-comp-item .ocf9-comp-text{\r\n  font-size: 16px;\r\n  color:#3A404C;\r\n  line-height:1.6;\r\n}\r\n.ocf9-comp-quote{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap: 14px;\r\n  text-align:center;\r\n  background: #FBF4E6;\r\n  border: 1px solid #EFDFC0;\r\n  border-radius: 50px;\r\n  padding: 20px 30px;\r\n}\r\n.ocf9-comp-quote svg{ flex:none; width:26px; height:26px; }\r\n.ocf9-comp-quote p{\r\n  font-family: var(--font-head);\r\n  font-weight:700;\r\n  font-style: italic;\r\n  color: var(--navy);\r\n  font-size: 18px;\r\n}\r\n\r\n\/* ================= BARRE INFO (Carte identite \/ Une invitation \/ Documents lies) ================= *\/\r\n.ocf9-infobar{\r\n  padding-top: clamp(52px,6vw,76px);\r\n}\r\n.ocf9-infogrid{\r\n  display:grid;\r\n  grid-template-columns: 1fr 1.2fr 1fr;\r\n  gap: 22px;\r\n  align-items:start;\r\n}\r\n.ocf9-infobox{\r\n  background: var(--bg-card);\r\n  border: 1px solid #ECE6D8;\r\n  border-radius: 16px;\r\n  padding: 24px 24px 26px;\r\n  height:100%;\r\n}\r\n.ocf9-infobox h5{\r\n  font-family: var(--font-label);\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n  color: var(--navy);\r\n  font-size: 17px;\r\n  margin-bottom: 20px;\r\n  padding-bottom: 13px;\r\n  border-bottom: 1px solid #EFEAE0;\r\n  text-align:center;\r\n}\r\n.ocf9-idrow{\r\n  display:flex;\r\n  gap:12px;\r\n  align-items:flex-start;\r\n  margin-bottom: 16px;\r\n}\r\n.ocf9-idrow:last-child{ margin-bottom:0; }\r\n.ocf9-idrow svg{ flex:none; width:20px; height:20px; margin-top:2px; }\r\n.ocf9-idrow .ocf9-idlabel{\r\n  font-family: var(--font-label);\r\n  font-weight:700;\r\n  color: var(--navy);\r\n  font-size: 15px;\r\n  margin-bottom:3px;\r\n}\r\n.ocf9-idrow .ocf9-idvalue{\r\n  font-size: 16px;\r\n  color:#3A404C;\r\n  line-height:1.6;\r\n}\r\n.ocf9-invit-ico{\r\n  width: 54px; height:54px;\r\n  border-radius:50%;\r\n  border: 2px solid var(--navy);\r\n  display:flex; align-items:center; justify-content:center;\r\n  margin: 0 auto 16px;\r\n}\r\n.ocf9-invit-ico svg{ width:28px; height:28px; }\r\n.ocf9-infobox p.ocf9-invit-text{\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n  color: #3A404C;\r\n  margin-bottom: 14px;\r\n}\r\n.ocf9-invit-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap: 12px;\r\n  margin: 16px 0;\r\n}\r\n.ocf9-invit-list-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap: 10px;\r\n  font-family: var(--font-label);\r\n  font-weight:700;\r\n  font-size: 16px;\r\n}\r\n.ocf9-invit-list-item .ocf9-invit-dot{\r\n  flex:none;\r\n  width: 28px; height:28px;\r\n  border-radius:50%;\r\n  display:flex; align-items:center; justify-content:center;\r\n}\r\n.ocf9-invit-list-item .ocf9-invit-dot svg{ width:15px; height:15px; }\r\n.ocf9-doclink{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:10px;\r\n  padding: 12px 14px;\r\n  margin: 0 -14px;\r\n  border-radius: 50px;\r\n  border-bottom: 1px solid #EFEAE0;\r\n  font-family: var(--font-label);\r\n  font-weight:700;\r\n  color: var(--navy);\r\n  font-size: 16px;\r\n  transition: background-color .25s ease, color .25s ease, transform .25s ease;\r\n}\r\n.ocf9-doclink:last-child{ border-bottom:none; }\r\n.ocf9-doclink .ocf9-doclink-left{ display:flex; align-items:center; gap:10px; }\r\n.ocf9-doclink svg.ocf9-doc-ico{ width:19px; height:19px; color: var(--gold); transition: color .25s ease; }\r\n.ocf9-doclink svg.ocf9-arrow{ width:16px; height:16px; flex:none; color: var(--navy); transition: transform .25s ease, color .25s ease; }\r\n.ocf9-doclink:hover{\r\n  background-color: var(--orange);\r\n  color: #FFFFFF;\r\n  transform: translateX(4px);\r\n}\r\n.ocf9-doclink:hover svg.ocf9-doc-ico{ color: #FFFFFF; }\r\n.ocf9-doclink:hover svg.ocf9-arrow{ color: #FFFFFF; transform: translateX(4px); }\r\n\r\n\/* ================= FOOTER \u2014 identique aux autres Cahiers Fondateurs (barre Mission \/ Finalit\u00e9 \/ Vision) ================= *\/\r\n.ocf9-footer{ background: #FFFFFF; padding: 0; margin-top: clamp(56px,6vw,80px); }\r\n.ocf9-mfv{ max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); }\r\n.ocf9-mfv > div{ display: flex; align-items: center; gap: 18px; padding: 40px 36px; border-right: 1px solid rgba(11,39,72,0.12); }\r\n.ocf9-mfv > div:last-child{ border-right: none; }\r\n.ocf9-mfv svg{ width: 46px; height: 46px; flex: 0 0 auto; }\r\n.ocf9-mfv-label{ font-family: var(--font-label); font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 9px; color: var(--navy); }\r\n.ocf9-mfv p{ color: #3A404C; font-size: 15px; line-height: 1.6; margin: 0; font-family: var(--font-body); }\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n\r\n\/* ---- TABLETTE (641px \u00e0 1024px) ---- *\/\r\n@media (max-width: 1024px){\r\n  .ocf9-mfv{ grid-template-columns: 1fr; }\r\n  .ocf9-mfv > div{ border-right:none; border-bottom:1px solid rgba(11,39,72,0.12); }\r\n  .ocf9-cartes-grid{ grid-template-columns: 1fr; }\r\n  .ocf9-infogrid{ grid-template-columns: 1fr; }\r\n  .ocf9-comp-row{ grid-template-columns: 1fr; gap:18px; }\r\n}\r\n@media (max-width: 1024px) and (min-width: 641px){\r\n  .ocf9-tri-outer{ max-width: 560px; }\r\n  .ocf9-tri-pill{ padding: 8px 16px; }\r\n  .ocf9-tri-node p.ocf9-tri-caption{ max-width: 100%; }\r\n  .ocf9-tri-center .ocf9-tc-title{ font-size: 9px; letter-spacing:0; }\r\n  .ocf9-tri-center .ocf9-tc-sub{ font-size: 7.5px; }\r\n}\r\n\r\n\/* ---- MOBILE (jusqu'\u00e0 640px) ---- *\/\r\n@media (max-width: 640px){\r\n  .ocf9-wrap{ overflow-x:hidden; }\r\n  .ocf9-section{ padding: 0 18px; }\r\n\r\n  .ocf9-hero, .ocf9-schema, .ocf9-cartes, .ocf9-complement, .ocf9-infobar{\r\n    text-align:center;\r\n  }\r\n  .ocf9-hero h1{ font-size: 24px; line-height:1.25; margin-bottom: 18px; }\r\n  .ocf9-hero p.ocf9-intro{ margin:0 auto 16px; font-size:15px; }\r\n  .ocf9-hero .ocf9-triad{ margin: 16px auto; font-size:15px; }\r\n  .ocf9-essentiel{ flex-direction:column; align-items:center; text-align:center; padding:22px; }\r\n\r\n  .ocf9-eyebrow-rule span{ font-size: 19px; }\r\n\r\n  \/* ---- Triangle : on compresse les cadres et le texte tout en gardant\r\n     la g\u00e9om\u00e9trie exacte du sch\u00e9ma (triangle + centre), toujours en %,\r\n     pour rester lisible, net et sans chevauchement sur petit \u00e9cran. ---- *\/\r\n  .ocf9-tri-outer{ max-width: 340px; margin-bottom: 90px; }\r\n  .ocf9-tri{ aspect-ratio: 1\/1.85; }\r\n  .ocf9-tri-center{ top: 56%; }\r\n  .ocf9-node-c{ top: 74%; }\r\n  .ocf9-tri-lines.ocf9-tri-lines-desktop{ display:none; }\r\n  .ocf9-tri-lines.ocf9-tri-lines-mobile{ display:block; }\r\n  .ocf9-tri-node{ width: 42%; }\r\n  .ocf9-tri-pill{ padding: 5px 10px; font-size: 9.5px; gap:4px; margin-bottom:7px; }\r\n  .ocf9-tri-pill svg{ width:10px; height:10px; }\r\n  .ocf9-tri-photo{ border-radius: 10px; border-width:2px; padding:8%; gap:4px; }\r\n  .ocf9-tri-photo svg{ width:20%; }\r\n  .ocf9-tri-photo span{ font-size: 7px; }\r\n  .ocf9-tri-node p.ocf9-tri-caption{ font-size: 10.5px; margin-top:7px; line-height:1.4; }\r\n  .ocf9-tri-center{ width: 36%; }\r\n  .ocf9-tri-center-icon{ width: 24%; margin-bottom:5%; }\r\n  .ocf9-tri-center .ocf9-tc-title{ font-size: 7.6px; letter-spacing:0; }\r\n  .ocf9-tri-center .ocf9-tc-sub{ font-size: 6.4px; }\r\n\r\n  .ocf9-carte{ text-align:center; }\r\n  .ocf9-carte-head{ flex-direction:column; text-align:center; }\r\n  .ocf9-comp-item{ flex-direction:column; align-items:center; text-align:center; }\r\n  .ocf9-comp-quote{ flex-direction:column; border-radius: 24px; }\r\n  .ocf9-idrow{ flex-direction:column; align-items:center; text-align:center; }\r\n  .ocf9-invit-list-item{ justify-content:center; }\r\n  .ocf9-doclink{ justify-content:center; text-align:center; }\r\n  .ocf9-doclink .ocf9-doclink-left{ justify-content:center; }\r\n  .ocf9-infobox{ text-align:center; }\r\n\r\n  .ocf9-mfv > div{ flex-direction: column; text-align: center; padding: 28px 20px; max-width: 100%; }\r\n  .ocf9-footer{ padding: 36px 16px 28px; }\r\n}\r\n@media (max-width: 380px){\r\n  .ocf9-tri-outer{ max-width: 300px; margin-bottom: 100px; }\r\n  .ocf9-hero h1{ font-size: 21px; }\r\n  .ocf9-tri-center{ width: 40%; }\r\n  .ocf9-tri-center .ocf9-tc-title{ font-size: 6.8px; }\r\n  .ocf9-tri-center .ocf9-tc-sub{ font-size: 5.8px; }\r\n}\r\n<\/style>\r\n\r\n<!-- ================= HERO ================= -->\r\n<section class=\"ocf9-section ocf9-hero\">\r\n  <h1>THE PATHS OF TRANSFORMATION<\/h1>\r\n\r\n  <p class=\"ocf9-intro\">Every human transformation begins with a path.<\/p>\r\n  <p class=\"ocf9-intro\">The human qualities OSE seeks to nurture cannot simply be decided upon. One does not simply choose to become more confident, more at peace, more responsible or more open. These qualities are built up gradually through the experiences we live and the way we choose to live them.<\/p>\r\n  <p class=\"ocf9-intro\">OSE does not claim to transform young people. It offers them experiences likely to foster their growth. To this end, the programme is built around three paths of transformation that form the heart of its educational project:<\/p>\r\n\r\n  <p class=\"ocf9-triad\"><span>Rise above yourself.<\/span> &nbsp; <span>Know yourself.<\/span> &nbsp; <span>Open up to others.<\/span><\/p>\r\n\r\n  <p class=\"ocf9-intro\">These three verbs are neither slogans nor goals to be achieved once and for all. They describe three freely chosen paths of growth. Three invitations to become more fully oneself.<\/p>\r\n\r\n  <div class=\"ocf9-essentiel\">\r\n    <div class=\"ocf9-ico\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B2748\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4.2\"\/><circle cx=\"12\" cy=\"12\" r=\"0.9\" fill=\"#0B2748\"\/><path d=\"M12 2 V5 M12 19 V22 M2 12 H5 M19 12 H22\" stroke-linecap=\"round\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <h3>THE ESSENTIALS IN ONE MINUTE<\/h3>\r\n      <p>Rising above yourself, knowing yourself, opening up to others: three paths of personal transformation offered by OSE.<\/p>\r\n      <p>At the crossroads of these three paths lies the inner transformation being sought.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= SCHEMA : LE TRIANGLE DE TRANSFORMATION ================= -->\r\n<section class=\"ocf9-section ocf9-schema\">\r\n  <div class=\"ocf9-eyebrow-rule\"><span>The Path to Transformation<\/span><\/div>\r\n\r\n  <div class=\"ocf9-tri-outer\">\r\n    <div class=\"ocf9-tri\">\r\n      <svg class=\"ocf9-tri-lines ocf9-tri-lines-desktop\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\r\n        <line x1=\"26\" y1=\"9\" x2=\"44\" y2=\"41\" stroke=\"#0B2748\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"\/>\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\"\/>\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\"\/>\r\n      <\/svg>\r\n      <svg class=\"ocf9-tri-lines ocf9-tri-lines-mobile\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\r\n        <line x1=\"26\" y1=\"9\" x2=\"44\" y2=\"53\" stroke=\"#0B2748\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"\/>\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\"\/>\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\"\/>\r\n      <\/svg>\r\n\r\n      <!-- Node RISE ABOVE YOURSELF: photo placeholder (mountain \/ self-transcendence) -->\r\n      <div class=\"ocf9-tri-node ocf9-node-a\">\r\n        <div class=\"ocf9-tri-pill\" style=\"background:var(--navy);\">\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\"\/><\/svg>\r\n          RISE ABOVE YOURSELF\r\n        <\/div>\r\n        <!-- REPLACE THIS LINK HERE WITH YOUR OSE PHOTO (scene: a young person at a mountain summit) -->\r\n        <div class=\"ocf9-tri-photo\" style=\"background:linear-gradient(145deg,#E7EEF7,#F5F3EC);\">\r\n          <div class=\"ocf9-tri-photo-fallback\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B2748\" stroke-width=\"1.4\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <span>Photo placeholder \u2014 Rise above yourself<\/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 summit of a mountain, symbolising self-transcendence within the OSE exchange programme\" style=\"object-position: center 20%;\" onerror=\"this.style.display='none'\">\r\n        <\/div>\r\n        <p class=\"ocf9-tri-caption\">Going beyond what feels <b>immediately easy<\/b> or comfortable.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Node KNOW YOURSELF: photo placeholder (mirror \/ introspection) -->\r\n      <div class=\"ocf9-tri-node ocf9-node-b\">\r\n        <div class=\"ocf9-tri-pill\" style=\"background:var(--orange);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n          KNOW YOURSELF\r\n        <\/div>\r\n        <!-- REPLACE THIS LINK HERE WITH YOUR OSE PHOTO (scene: a young person facing their reflection) -->\r\n        <div class=\"ocf9-tri-photo\" style=\"background:linear-gradient(145deg,#F7EDDC,#F5F3EC);\">\r\n          <div class=\"ocf9-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 cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n            <span>Photo placeholder \u2014 Know yourself<\/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        <p class=\"ocf9-tri-caption\">Better understanding who we are and what <b>gives meaning<\/b> to our existence.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Centre TRANSFORMATION -->\r\n      <div class=\"ocf9-tri-center\">\r\n        <svg class=\"ocf9-tri-center-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B2748\" 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 d=\"M12 7v8M9 11l3-2 3 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <div class=\"ocf9-tc-title\">TRANSFORMATION<\/div>\r\n        <div class=\"ocf9-tc-sub\">Becoming more fully <b>oneself.<\/b><\/div>\r\n      <\/div>\r\n\r\n      <!-- Node OPEN UP TO OTHERS: photo placeholder (group \/ bridge \/ encounter) -->\r\n      <div class=\"ocf9-tri-node ocf9-node-c\">\r\n        <!-- REPLACE THIS LINK HERE WITH YOUR OSE PHOTO (scene: a group of young people gathered on a bridge) -->\r\n        <div class=\"ocf9-tri-photo\" style=\"background:linear-gradient(145deg,#E9F1EA,#F5F3EC);\">\r\n          <div class=\"ocf9-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 cx=\"16\" cy=\"8\" r=\"2.6\"\/><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\"\/><\/svg>\r\n            <span>Photo placeholder \u2014 Open 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, symbolising openness to others and intercultural encounter\" onerror=\"this.style.display='none'\">\r\n        <\/div>\r\n        <div class=\"ocf9-tri-pill\" style=\"background:var(--green); 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 cx=\"16\" cy=\"8\" r=\"2.6\"\/><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\"\/><\/svg>\r\n          OPEN UP TO OTHERS\r\n        <\/div>\r\n        <p class=\"ocf9-tri-caption\" style=\"max-width:300px;\">Embracing diversity and building relationships founded on respect and trust.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= LES 3 CARTES DETAILLEES ================= -->\r\n<section class=\"ocf9-section ocf9-cartes\">\r\n  <div class=\"ocf9-cartes-grid\">\r\n\r\n    <div class=\"ocf9-carte\">\r\n      <div class=\"ocf9-carte-head\">\r\n        <div class=\"ocf9-c-ico\" style=\"background:var(--navy);\">\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\"\/><\/svg>\r\n        <\/div>\r\n        <h4 style=\"color:var(--navy);\">RISE ABOVE YOURSELF<\/h4>\r\n      <\/div>\r\n      <p>Rising above yourself means going beyond what feels immediately easy or comfortable.<\/p>\r\n      <p>It means agreeing to leave your comfort zone. It means facing the unknown. It means persevering through difficulties. It means discovering resources you did not know you had.<\/p>\r\n      <p>The OSE experience regularly places young people in new situations that invite them to develop this capacity.<\/p>\r\n      <p class=\"ocf9-highlight\">Rising above yourself does not mean becoming someone else. It means revealing more fully what you are capable of becoming.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ocf9-carte\">\r\n      <div class=\"ocf9-carte-head\">\r\n        <div class=\"ocf9-c-ico\" style=\"background:var(--orange);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n        <\/div>\r\n        <h4 style=\"color:var(--orange);\">KNOW YOURSELF<\/h4>\r\n      <\/div>\r\n      <p>Knowing yourself means better understanding who you are.<\/p>\r\n      <p>It means discovering your strengths and vulnerabilities. It means identifying what drives you at a deep level. It means recognising what gives meaning to your existence.<\/p>\r\n      <p>Self-knowledge does not come from reflection alone. It is often revealed through action, encounters, successes, failures and lived experience. Reflection then allows us to connect these discoveries and deepen their meaning.<\/p>\r\n      <p class=\"ocf9-highlight\" style=\"color:var(--orange);\">OSE believes that genuine growth comes through this gradual encounter with oneself.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ocf9-carte\">\r\n      <div class=\"ocf9-carte-head\">\r\n        <div class=\"ocf9-c-ico\" style=\"background:var(--green);\">\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 cx=\"16\" cy=\"8\" r=\"2.6\"\/><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\"\/><\/svg>\r\n        <\/div>\r\n        <h4 style=\"color:var(--green);\">OPEN UP TO OTHERS<\/h4>\r\n      <\/div>\r\n      <p>Opening up to others is not merely a natural disposition or a character trait. It is a choice. A choice to connect. A choice to listen. A choice to be open to what is different from oneself.<\/p>\r\n      <p>Some people seem naturally inclined towards others. Others less so. But in every case, genuine openness requires a conscious and freely chosen approach.<\/p>\r\n      <p>It means welcoming other cultures, other sensibilities, other ways of seeing the world. It calls us to build bridges rather than borders \u2014 to recognise in others not a threat, but a source of richness.<\/p>\r\n      <p class=\"ocf9-highlight\">OSE believes that this capacity for openness is one of the essential conditions for bringing people and nations closer together.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= TROIS CHEMINS COMPLEMENTAIRES ================= -->\r\n<section class=\"ocf9-section ocf9-complement\">\r\n  <div class=\"ocf9-complement-inner\">\r\n    <div class=\"ocf9-eyebrow-rule\"><span>Three Complementary Paths<\/span><\/div>\r\n\r\n    <div class=\"ocf9-comp-row\">\r\n      <div class=\"ocf9-comp-item\">\r\n        <div class=\"ocf9-comp-dot\" style=\"background:var(--navy);\">\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\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"ocf9-comp-title\">Rise above yourself<\/div>\r\n          <div class=\"ocf9-comp-text\">develops our capacity for action.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-comp-item\">\r\n        <div class=\"ocf9-comp-dot\" style=\"background:var(--orange);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"ocf9-comp-title\">Know yourself<\/div>\r\n          <div class=\"ocf9-comp-text\">develops our self-awareness.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-comp-item\">\r\n        <div class=\"ocf9-comp-dot\" style=\"background:var(--green);\">\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 cx=\"16\" cy=\"8\" r=\"2.6\"\/><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\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"ocf9-comp-title\">Open up to others<\/div>\r\n          <div class=\"ocf9-comp-text\">develops our awareness of others and the world.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ocf9-comp-quote\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"\/><path d=\"M12 3v2.2M12 18.8V21M21 12h-2.2M5.2 12H3M18.4 5.6l-1.5 1.5M7.1 16.9l-1.5 1.5M18.4 18.4l-1.5-1.5M7.1 7.1L5.6 5.6\" stroke-linecap=\"round\"\/><\/svg>\r\n      <p>At the crossroads of these three paths, true transformation is born.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= BARRE INFO ================= -->\r\n<section class=\"ocf9-section ocf9-infobar\">\r\n  <div class=\"ocf9-infogrid\">\r\n\r\n    <!-- Document profile -->\r\n    <div class=\"ocf9-infobox\">\r\n      <h5>DOCUMENT PROFILE<\/h5>\r\n      <div class=\"ocf9-idrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"#C8862B\" stroke=\"none\"><path d=\"M12 2l2.9 6.3 6.9.7-5.2 4.7 1.6 6.8L12 16.9 5.8 20.5l1.6-6.8L2.2 9l6.9-.7L12 2Z\"\/><\/svg>\r\n        <div><div class=\"ocf9-idlabel\">Type<\/div><div class=\"ocf9-idvalue\">Founding principle<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-idrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"9.2\" fill=\"none\"\/><circle cx=\"12\" cy=\"12\" r=\"5.4\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"#C8862B\" stroke=\"none\"\/><\/svg>\r\n        <div><div class=\"ocf9-idlabel\">Theme<\/div><div class=\"ocf9-idvalue\">Human transformation and education<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-idrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.5l4 2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <div><div class=\"ocf9-idlabel\">Reading time<\/div><div class=\"ocf9-idvalue\">7\u20138 min<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-idrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"1.7\"><circle cx=\"7\" cy=\"7\" r=\"3.3\"\/><circle cx=\"17\" cy=\"7\" r=\"3.3\"\/><circle cx=\"12\" cy=\"17\" r=\"3.3\"\/><\/svg>\r\n        <div><div class=\"ocf9-idlabel\">Related links<\/div><div class=\"ocf9-idvalue\">Principle of Alignment, Institutional Values, Human Values, The 4 Questions, Pact of Adventure<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- An invitation -->\r\n    <div class=\"ocf9-infobox\">\r\n      <h5>AN INVITATION<\/h5>\r\n      <div class=\"ocf9-invit-ico\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B2748\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"6.5\" r=\"2.4\"\/><circle cx=\"5.5\" cy=\"10\" r=\"2\"\/><circle cx=\"18.5\" cy=\"10\" r=\"2\"\/><path d=\"M12 10.5c-3 0-5.5 2.3-5.5 5.5v3h11v-3c0-3.2-2.5-5.5-5.5-5.5Z\"\/><path d=\"M5.5 12c-2 .3-3.5 2-3.5 4.2V19h3M18.5 12c2 .3 3.5 2 3.5 4.2V19h-3\" stroke-linecap=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <p class=\"ocf9-invit-text\">OSE does not promise transformation. Transformation belongs to each individual.<\/p>\r\n      <p class=\"ocf9-invit-text\">But OSE offers a framework, experiences and encounters likely to foster it. This is why it invites every young person to follow these three paths:<\/p>\r\n      <div class=\"ocf9-invit-list\">\r\n        <div class=\"ocf9-invit-list-item\">\r\n          <div class=\"ocf9-invit-dot\" style=\"background:var(--navy);\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <span style=\"color:var(--navy);\">Rise above yourself.<\/span>\r\n        <\/div>\r\n        <div class=\"ocf9-invit-list-item\">\r\n          <div class=\"ocf9-invit-dot\" style=\"background:var(--orange);\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"7.5\"\/><circle cx=\"12\" cy=\"12\" r=\"2.6\"\/><\/svg><\/div>\r\n          <span style=\"color:var(--orange);\">Know yourself.<\/span>\r\n        <\/div>\r\n        <div class=\"ocf9-invit-list-item\">\r\n          <div class=\"ocf9-invit-dot\" style=\"background:var(--green);\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><circle cx=\"8\" cy=\"9\" r=\"2.2\"\/><circle cx=\"16\" cy=\"9\" r=\"2.2\"\/><path d=\"M3 19c0-2.6 2-4.6 4.5-4.6s4.5 2 4.5 4.6M11 19c0-2.6 2-4.6 4.5-4.6s4.5 2 4.5 4.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n          <span style=\"color:var(--green);\">Open up to others.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"ocf9-invit-text\" style=\"margin-top:14px;\">For it is often at their crossroads that the most beautiful human transformations are born.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Related documents -->\r\n    <div class=\"ocf9-infobox\">\r\n      <h5>RELATED DOCUMENTS<\/h5>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><polygon points=\"14,10 12,15 10,14 12,9\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n          Principle of Alignment\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"9.2\" fill=\"none\"\/><circle cx=\"12\" cy=\"12\" r=\"5.4\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n          OSE's Institutional Values\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 21s-7-4.35-9.5-8.5C.7 8.9 2.3 5 6 5c2 0 3.3 1.1 4 2.2C10.7 6.1 12 5 14 5c3.7 0 5.3 3.9 3.5 7.5C19 16.65 12 21 12 21Z\"\/><\/svg>\r\n          Human Values Sought\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M6 2.5h9l3.5 3.5V21H6z\"\/><path d=\"M9 11h6M9 14.5h6M9 17.5h4\" stroke-linecap=\"round\"\/><\/svg>\r\n          The 4 Questions of Alignment\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M6 21 11 8l2 5 2-3 3 11z\"\/><\/svg>\r\n          Pact of Adventure\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= FOOTER (identique Cahiers Fondateurs \u2014 copi\u00e9 du mod\u00e8le CF7) ================= -->\r\n<footer class=\"ocf9-footer\">\r\n  <div class=\"ocf9-mfv\">\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#FF8C00\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"12\" r=\"5.2\" stroke=\"#FF8C00\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"#FF8C00\"\/><path d=\"M15.5 8.5L20 4\" stroke=\"#FF8C00\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><path d=\"M17 4h3v3\" stroke=\"#FF8C00\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf9-mfv-label\">Our mission<\/div>\r\n        <p>Forming ambassadors of Olympism.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"2.3\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><circle cx=\"16\" cy=\"8\" r=\"2.3\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><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=\"#FF8C00\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf9-mfv-label\">Our purpose<\/div>\r\n        <p>Helping young people succeed in life.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><path d=\"M12 3v2.4M12 18.6V21M21 12h-2.4M5.4 12H3M18.4 5.6l-1.7 1.7M7.3 16.7l-1.7 1.7M18.4 18.4l-1.7-1.7M7.3 7.3 5.6 5.6\" stroke=\"#FF8C00\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><path d=\"M12 7l1.8 3.7L17.5 12l-3.7 1.3L12 17l-1.8-3.7L6.5 12l3.7-1.3z\" fill=\"#FF8C00\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf9-mfv-label\">Our vision<\/div>\r\n        <p>Meeting others to better discover oneself, and to build a more humane world.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/div>\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>THE PATHS OF TRANSFORMATION Every human transformation begins with a path. The human qualities OSE seeks to nurture cannot simply be decided upon. One does not simply choose to become more confident, more at peace, more responsible or more open. These qualities are built up gradually through the experiences we live and the way we [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1973,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-962","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/962","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=962"}],"version-history":[{"count":7,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/962\/revisions"}],"predecessor-version":[{"id":2157,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/962\/revisions\/2157"}],"up":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/1973"}],"wp:attachment":[{"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/media?parent=962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}