{"id":946,"date":"2026-07-07T09:53:25","date_gmt":"2026-07-07T09:53:25","guid":{"rendered":"https:\/\/ose-echange.org\/resources\/founding-notebook-5-the-principle-of-alignment\/"},"modified":"2026-08-03T19:16:00","modified_gmt":"2026-08-03T19:16:00","slug":"founding-notebook-5-the-principle-of-alignment","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/en\/library\/founding-workbooks\/founding-notebook-5-the-principle-of-alignment\/","title":{"rendered":"Founding Notebook 5 &#8211; The Principle of Alignment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"946\" class=\"elementor elementor-946 elementor-249\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c415004 e-flex e-con-boxed e-con e-parent\" data-id=\"c415004\" 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-aae3701 elementor-widget elementor-widget-html\" data-id=\"aae3701\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     OSE \u2014 FOUNDING PAPER N\u00b05: THE PRINCIPLE OF ALIGNMENT (v4 \u2014 EN)\r\n     Scoped CSS prefix: .ocf5b-\r\n     English (General British) version \u2014 structure, classes and CSS\r\n     kept strictly identical to the French version.\r\n     ============================================================ -->\r\n\r\n<section class=\"ocf5b-page\" lang=\"en\">\r\n\r\n  <style>\r\n    .ocf5b-page, .ocf5b-page * { box-sizing: border-box; }\r\n    .ocf5b-page {\r\n      width: 100%;\r\n      background: #FFFFFF;\r\n      font-family: 'Open Sans', Arial, sans-serif;\r\n      color: #0B2748;\r\n      overflow-x: hidden;\r\n    }\r\n    .ocf5b-page h1, .ocf5b-page h2, .ocf5b-page h3 {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* ---------- HERO \/ TITLE ---------- *\/\r\n    .ocf5b-hero {\r\n      width: 100%;\r\n      background: #EFE2C4;\r\n      padding: 68px 24px 52px;\r\n      text-align: center;\r\n    }\r\n    .ocf5b-hero h1 {\r\n      font-size: clamp(24px, 4vw, 36px);\r\n      font-weight: 800;\r\n      color: #0B2748;\r\n      line-height: 1.15;\r\n      margin-bottom: 16px;\r\n      overflow-wrap: break-word;\r\n      word-break: normal;\r\n      hyphens: none;\r\n      padding: 0 6px;\r\n    }\r\n    .ocf5b-hero-sub {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 16px;\r\n      color: #2F6B45;\r\n      font-style: italic;\r\n      margin-bottom: 28px;\r\n    }\r\n    .ocf5b-hero-quote {\r\n      max-width: 880px;\r\n      margin: 0 auto;\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-style: italic;\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n      color: #0B2748;\r\n      position: relative;\r\n      padding: 0 40px;\r\n    }\r\n    .ocf5b-quote-mark {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-size: 26px;\r\n      font-weight: 700;\r\n      color: #FF8C00;\r\n      line-height: 0;\r\n      position: relative;\r\n      top: 8px;\r\n    }\r\n    .ocf5b-quote-mark.ocf5b-open { margin-right: 6px; }\r\n    .ocf5b-quote-mark.ocf5b-close { margin-left: 6px; }\r\n\r\n    \/* ---------- KEY POINT SUMMARY ---------- *\/\r\n    .ocf5b-essentiel-wrap { max-width: 1040px; margin: 0 auto; padding: 0 24px; margin-top: -20px; }\r\n    .ocf5b-essentiel {\r\n      background: #FFFFFF;\r\n      border: 2px solid #0B2748;\r\n      border-radius: 20px;\r\n      padding: 32px 36px;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 22px;\r\n      box-shadow: 0 10px 26px rgba(11,39,72,0.10);\r\n    }\r\n    .ocf5b-essentiel-icon {\r\n      flex-shrink: 0;\r\n      width: 56px; height: 56px;\r\n      border-radius: 50%;\r\n      background: #FF8C00;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .ocf5b-essentiel h3 {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 14px;\r\n      letter-spacing: 1.5px;\r\n      text-transform: uppercase;\r\n      color: #0B2748;\r\n      margin-bottom: 10px;\r\n    }\r\n    .ocf5b-essentiel p { font-size: 16px; line-height: 1.65; margin: 0; }\r\n\r\n    \/* ---------- MAIN LAYOUT: CONTENT + SIDEBAR ---------- *\/\r\n    .ocf5b-main {\r\n      max-width: 1440px;\r\n      margin: 0 auto;\r\n      padding: 64px 24px;\r\n      display: flex;\r\n      gap: 46px;\r\n      align-items: flex-start;\r\n    }\r\n    .ocf5b-content { flex: 1 1 68%; min-width: 0; }\r\n    .ocf5b-sidebar { flex: 1 1 30%; min-width: 0; max-width: 400px; }\r\n\r\n    .ocf5b-content-grid {\r\n      display: flex;\r\n      gap: 42px;\r\n      align-items: flex-start;\r\n    }\r\n    .ocf5b-list-col { flex: 1 1 50%; min-width: 0; }\r\n    .ocf5b-diagram-col { flex: 1 1 50%; min-width: 0; }\r\n\r\n    \/* ---------- ICONED BULLET LIST ---------- *\/\r\n    .ocf5b-item {\r\n      display: flex;\r\n      gap: 20px;\r\n      padding: 26px 0;\r\n      border-bottom: 1px solid rgba(11,39,72,0.09);\r\n    }\r\n    .ocf5b-item:first-child { padding-top: 0; }\r\n    .ocf5b-badge {\r\n      flex-shrink: 0;\r\n      width: 52px; height: 52px;\r\n      border-radius: 50%;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .ocf5b-item-body h3 {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 18px;\r\n      letter-spacing: 0.5px;\r\n      color: #0B2748;\r\n      margin-bottom: 10px;\r\n    }\r\n    .ocf5b-item-body p {\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n      color: #333;\r\n      margin: 0 0 10px;\r\n    }\r\n    .ocf5b-more {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      color: #FF8C00;\r\n      text-decoration: none;\r\n    }\r\n\r\n    \/* ---------- OCEAN DIAGRAM: SINGLE SVG SYSTEM (photo + boxes + arrows) ---------- *\/\r\n    .ocf5b-diagram-title {\r\n      text-align: center;\r\n      margin-bottom: 6px;\r\n      font-size: 26px;\r\n    }\r\n    .ocf5b-diagram-sub {\r\n      text-align: center;\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 15px;\r\n      letter-spacing: 1px;\r\n      color: #2F6B45;\r\n      text-transform: uppercase;\r\n      margin-bottom: 22px;\r\n    }\r\n    .ocf5b-ocean-stage {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 560 \/ 760;\r\n      border-radius: 22px;\r\n      overflow: hidden;\r\n      box-shadow: 0 12px 30px rgba(11,39,72,0.18);\r\n      background: #EFE2C4;\r\n    }\r\n    \/* The photo now covers the ENTIRE height of the diagram (including the Alignment zone, made transparent) *\/\r\n    .ocf5b-ocean-photo {\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n    .ocf5b-ocean-svg {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n    }\r\n    \/* Real text inside foreignObject elements (WPML-translatable) *\/\r\n    .ocf5b-fo-div { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }\r\n    .ocf5b-fo-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; color: #FFFFFF; margin: 0 0 4px; line-height: 1.15; }\r\n    .ocf5b-fo-text { font-family: 'Open Sans', Arial, sans-serif; color: #EAF2F8; margin: 0; line-height: 1.3; }\r\n    .ocf5b-fo-embruns  .ocf5b-fo-title { font-size: 15px; }\r\n    .ocf5b-fo-embruns  .ocf5b-fo-text  { font-size: 11.5px; }\r\n    .ocf5b-fo-vagues   .ocf5b-fo-title { font-size: 15px; }\r\n    .ocf5b-fo-vagues   .ocf5b-fo-text  { font-size: 11.5px; }\r\n    .ocf5b-fo-courant  .ocf5b-fo-title { font-size: 15px; }\r\n    .ocf5b-fo-courant  .ocf5b-fo-text  { font-size: 11.5px; color: #C9D6E4; }\r\n    .ocf5b-fo-marees-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 800; color: #FF8C00; font-size: 14px; margin: 0 0 6px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n    .ocf5b-fo-marees-lead { font-size: 11.5px; color: #555; margin: 0 0 10px; line-height: 1.3; }\r\n    .ocf5b-fo-marees-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }\r\n    .ocf5b-fo-marees-list li { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: #0B2748; padding: 5px 0; border-bottom: 1px dotted rgba(11,39,72,0.2); }\r\n    .ocf5b-fo-marees-list li:last-child { border-bottom: none; }\r\n    .ocf5b-fo-align-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 800; color: #FFFFFF; font-size: 17px; text-align: center; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 0 2px 8px rgba(0,0,0,0.6); }\r\n    .ocf5b-fo-align-text { font-size: 13px; color: #F2F2F2; text-align: center; line-height: 1.5; margin: 0; text-shadow: 0 2px 6px rgba(0,0,0,0.6); }\r\n\r\n    .ocf5b-fo-stage-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 800; color: #0B2748; font-size: 17px; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 4px; }\r\n    .ocf5b-fo-stage-sub { font-family: 'Open Sans', Arial, sans-serif; color: #24435f; font-size: 12px; text-align: center; margin: 0; }\r\n    .ocf5b-marees-panel-bg { fill: #FFFDF8; stroke: #E8D5A8; stroke-width: 2; }\r\n    .ocf5b-align-panel-bg { fill: url(#ocf5b-align-scrim); }\r\n\r\n    \/* ---------- SIDEBAR ---------- *\/\r\n    .ocf5b-side-card {\r\n      background: #FFFFFF;\r\n      border: 1px solid rgba(11,39,72,0.12);\r\n      border-radius: 20px;\r\n      padding: 28px 28px;\r\n      margin-bottom: 28px;\r\n      box-shadow: 0 8px 22px rgba(11,39,72,0.07);\r\n    }\r\n    .ocf5b-side-card h3 {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 16px;\r\n      letter-spacing: 1.5px;\r\n      text-transform: uppercase;\r\n      color: #0B2748;\r\n      margin-bottom: 20px;\r\n      padding-bottom: 14px;\r\n      border-bottom: 2px solid #EFE2C4;\r\n    }\r\n    .ocf5b-id-row {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 14px;\r\n      margin-bottom: 18px;\r\n    }\r\n    .ocf5b-id-row:last-child { margin-bottom: 0; }\r\n    .ocf5b-id-icon {\r\n      flex-shrink: 0;\r\n      width: 38px; height: 38px;\r\n      border-radius: 50%;\r\n      background: #FF8C00;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .ocf5b-id-row .ocf5b-id-label {\r\n      display: block;\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 13px;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      color: #999;\r\n      margin-bottom: 3px;\r\n    }\r\n    .ocf5b-id-row p {\r\n      font-size: 15px;\r\n      margin: 0;\r\n      color: #0B2748;\r\n      font-weight: 600;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .ocf5b-retenir-item { margin-bottom: 18px; }\r\n    .ocf5b-retenir-item:last-child { margin-bottom: 0; }\r\n    .ocf5b-retenir-item h4 {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: #FF8C00;\r\n      margin-bottom: 5px;\r\n    }\r\n    .ocf5b-retenir-item p { font-size: 15px; color: #333; margin: 0; line-height: 1.55; }\r\n\r\n    \/* Elementor-native \"Icon List\" widget style *\/\r\n    .ocf5b-doclink {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 13px 4px;\r\n      border-bottom: 1px dotted rgba(11,39,72,0.25);\r\n      text-decoration: none;\r\n      color: #0B2748;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      transition: padding-left 0.15s ease, color 0.15s ease;\r\n    }\r\n    .ocf5b-doclink:last-child { border-bottom: none; }\r\n    .ocf5b-doclink:before {\r\n      content: \"\";\r\n      width: 7px; height: 7px;\r\n      border-radius: 50%;\r\n      background: #FF8C00;\r\n      flex-shrink: 0;\r\n    }\r\n    .ocf5b-doclink span { margin-left: auto; }\r\n    .ocf5b-doclink:hover { padding-left: 8px; color: #FF8C00; }\r\n\r\n    \/* ---------- SIDEBAR QUOTE (with quotation marks, matching final quote) ---------- *\/\r\n    .ocf5b-side-quote {\r\n      background: #0B2748;\r\n      border-radius: 20px;\r\n      padding: 34px 28px;\r\n      text-align: center;\r\n    }\r\n    .ocf5b-side-quote p {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-style: italic;\r\n      font-size: 16px;\r\n      line-height: 1.55;\r\n      color: #EFE2C4;\r\n      margin: 0;\r\n    }\r\n    .ocf5b-side-quote .ocf5b-quote-mark { color: #FF8C00; font-size: 24px; }\r\n\r\n    \/* ---------- FULL-WIDTH QUOTE (with quotation marks, exact client text) ---------- *\/\r\n    .ocf5b-final-quote {\r\n      width: 100%;\r\n      background: #FFFFFF;\r\n      padding: 54px 24px;\r\n    }\r\n    .ocf5b-final-quote-inner {\r\n      max-width: 1150px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n    .ocf5b-final-quote-inner p {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-style: italic;\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n      color: #0B2748;\r\n    }\r\n\r\n  <\/style>\r\n\r\n  <!-- ================= HERO \/ TITLE ================= -->\r\n  <header class=\"ocf5b-hero\">\r\n    <h1>THE PRINCIPLE OF ALIGNMENT<\/h1>\r\n    <p class=\"ocf5b-hero-sub\">The spirit that guides OSE<\/p>\r\n    <p class=\"ocf5b-hero-quote\">\r\n      <span class=\"ocf5b-quote-mark ocf5b-open\">&#8220;<\/span>I ask them to go to the very end of themselves, and they listen to me because they see, they sense that I go to the very end of myself, to the end of my quest.<span class=\"ocf5b-quote-mark ocf5b-close\">&#8221;<\/span>\r\n    <\/p>\r\n  <\/header>\r\n\r\n  <!-- ================= THE ESSENTIALS IN ONE MINUTE ================= -->\r\n  <div class=\"ocf5b-essentiel-wrap\">\r\n    <div class=\"ocf5b-essentiel\">\r\n      <div class=\"ocf5b-essentiel-icon\">\r\n        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\"><path d=\"M12 2 L14 9 L21 9 L15.5 13 L17.5 21 L12 16.5 L6.5 21 L8.5 13 L3 9 L10 9 Z\" fill=\"#0B2748\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h3>The essentials in one minute<\/h3>\r\n        <p>Alignment means staying true to what our deep current recognises as true and right, for our own fulfilment and our contribution to Humanity.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ================= MAIN CONTENT + SIDEBAR ================= -->\r\n  <div class=\"ocf5b-main\">\r\n\r\n    <div class=\"ocf5b-content\">\r\n      <div class=\"ocf5b-content-grid\">\r\n\r\n        <!-- BULLET LIST -->\r\n        <div class=\"ocf5b-list-col\">\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#0B2748;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>Man, this ocean<\/h3>\r\n              <p>Every human being is like an ocean. Deep within lies a deep current. On the surface, visible to all, drift the sea spray: emotions, thoughts, decisions.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Find out more \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#FF8C00;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>Coherence<\/h3>\r\n              <p>Connecting the sea spray to the waves. Making what we think, what we say and what we do match. An important stage in personal development.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Find out more \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#0B2748;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>Alignment<\/h3>\r\n              <p>Connecting the waves to the deep current. A constant search for faithfulness to what our deep current recognises as right. Alignment is not a state, it is a direction, it is a path.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Find out more \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#FF8C00;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>A shared requirement<\/h3>\r\n              <p>This requirement concerns young people, but also families, clubs and leaders. Everyone is invited to pursue their own work of alignment.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Find out more \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#0B2748;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>The alignment of organisations<\/h3>\r\n              <p>Organisations have a purpose. Their alignment consists of remaining faithful to that purpose, by connecting their mission, their choices, their actions and their consequences.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Find out more \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#FF8C00;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>Discerning alignment<\/h3>\r\n              <p>OSE offers a simple tool: the Four Questions of Alignment Criterion. It helps everyone question their choices, decisions and actions.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Find out more \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#0B2748;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>Trust<\/h3>\r\n              <p>It is born when people perceive a deep faithfulness between what we affirm and what we truly seek to live.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Find out more \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#FF8C00;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>Becoming more fully oneself<\/h3>\r\n              <p>OSE does not seek to manufacture role models. OSE seeks to help everyone become more fully themselves, by discovering what they are called to be and by striving to remain true to it.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Find out more \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ============================================================\r\n             OCEAN DIAGRAM: SINGLE SYSTEM \u2014 photo (provided by the integrator)\r\n             + boxes (Sea spray\/Waves\/Deep current) + connecting arrows\r\n             + Tides panel + Alignment block, all within ONE viewBox\r\n             to guarantee identical, non-distorted scaling.\r\n             ============================================================ -->\r\n        <div class=\"ocf5b-diagram-col\">\r\n\r\n          <div class=\"ocf5b-ocean-stage\">\r\n            <!-- REPLACE THIS LINK HERE WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" class=\"ocf5b-ocean-photo\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/le-modele-de-ocean.jpg\" alt=\"Sailing boat on the ocean, a metaphor for OSE's principle of alignment between sea spray, waves and deep current\">\r\n\r\n            <svg class=\"ocf5b-ocean-svg\" viewBox=\"0 0 560 760\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\r\n              <defs>\r\n                <marker id=\"ocf5b-arrowhead\" markerWidth=\"8\" markerHeight=\"8\" refX=\"4\" refY=\"4\" orient=\"auto\">\r\n                  <path d=\"M0 0 L8 4 L0 8 Z\" fill=\"#FFFFFF\"\/>\r\n                <\/marker>\r\n                <marker id=\"ocf5b-arrowhead-rev\" markerWidth=\"8\" markerHeight=\"8\" refX=\"4\" refY=\"4\" orient=\"auto-start-reverse\">\r\n                  <path d=\"M0 0 L8 4 L0 8 Z\" fill=\"#FFFFFF\"\/>\r\n                <\/marker>\r\n                <marker id=\"ocf5b-arrowhead-gold\" markerWidth=\"9\" markerHeight=\"9\" refX=\"4.5\" refY=\"4.5\" orient=\"auto\">\r\n                  <path d=\"M0 0 L9 4.5 L0 9 Z\" fill=\"#FF8C00\"\/>\r\n                <\/marker>\r\n                <linearGradient id=\"ocf5b-align-scrim\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#0B2748\" stop-opacity=\"0.15\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#0B2748\" stop-opacity=\"0.55\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n\r\n              <!-- bottom-of-page background (Alignment zone) -->\r\n              <rect x=\"0\" y=\"486\" width=\"560\" height=\"274\" class=\"ocf5b-align-panel-bg\"\/>\r\n\r\n              <!-- ---- TITLE OVERLAID ON THE SKY AREA OF THE PHOTO ---- -->\r\n              <foreignObject x=\"20\" y=\"14\" width=\"520\" height=\"70\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div\">\r\n                  <p class=\"ocf5b-fo-stage-title\">The ocean model<\/p>\r\n                  <p class=\"ocf5b-fo-stage-sub\">The path of alignment<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- ---- SEA SPRAY BOX ---- -->\r\n              <rect x=\"20\" y=\"130\" width=\"340\" height=\"82\" rx=\"14\" fill=\"#1F6F8B\" fill-opacity=\"0.92\"\/>\r\n              <foreignObject x=\"44\" y=\"140\" width=\"292\" height=\"62\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div ocf5b-fo-embruns\">\r\n                  <p class=\"ocf5b-fo-title\">Sea spray<\/p>\r\n                  <p class=\"ocf5b-fo-text\">Visible to all: words, decisions, actions, behaviours and consequences.<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- vertical arrow Sea spray \u2195 Waves -->\r\n              <line x1=\"190\" y1=\"212\" x2=\"190\" y2=\"240\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n\r\n              <!-- ---- WAVES BOX ---- -->\r\n              <rect x=\"20\" y=\"240\" width=\"340\" height=\"82\" rx=\"14\" fill=\"#2A6D91\" fill-opacity=\"0.92\"\/>\r\n              <foreignObject x=\"44\" y=\"250\" width=\"292\" height=\"62\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div ocf5b-fo-vagues\">\r\n                  <p class=\"ocf5b-fo-title\">Waves<\/p>\r\n                  <p class=\"ocf5b-fo-text\">On the surface: thoughts, emotions, desires, plans, intentions.<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- vertical arrow Waves \u2195 Deep current -->\r\n              <line x1=\"190\" y1=\"322\" x2=\"190\" y2=\"350\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n\r\n              <!-- ---- DEEP CURRENT BOX ---- -->\r\n              <rect x=\"20\" y=\"350\" width=\"340\" height=\"90\" rx=\"14\" fill=\"#123A5E\" fill-opacity=\"0.95\"\/>\r\n              <foreignObject x=\"44\" y=\"360\" width=\"292\" height=\"70\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div ocf5b-fo-courant\">\r\n                  <p class=\"ocf5b-fo-title\">Deep current<\/p>\r\n                  <p class=\"ocf5b-fo-text\">Deep within us: our quest, our purpose, what our life is moving towards.<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- ---- HORIZONTAL ARROWS towards the TIDES panel ---- -->\r\n              <line x1=\"360\" y1=\"171\" x2=\"404\" y2=\"171\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n              <line x1=\"360\" y1=\"281\" x2=\"404\" y2=\"281\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n              <line x1=\"360\" y1=\"395\" x2=\"404\" y2=\"395\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n\r\n              <!-- ---- TIDES PANEL (right side, slightly overlapping the bottom of the photo) ---- -->\r\n              <rect x=\"404\" y=\"150\" width=\"136\" height=\"330\" rx=\"16\" class=\"ocf5b-marees-panel-bg\"\/>\r\n              <foreignObject x=\"420\" y=\"166\" width=\"104\" height=\"298\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div\">\r\n                  <p class=\"ocf5b-fo-marees-title\">The tides<\/p>\r\n                  <p class=\"ocf5b-fo-marees-lead\">The different environments in which we live<\/p>\r\n                  <ul class=\"ocf5b-fo-marees-list\">\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><path d=\"M9 5 C6 5 5 8 5 9 C5 10 6 13 9 13 C12 13 13 10 13 9 C13 8 12 5 9 5Z\" fill=\"#FF8C00\"\/><\/svg>Family<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><rect x=\"5\" y=\"7\" width=\"8\" height=\"6\" fill=\"#FF8C00\"\/><polygon points=\"9,3 5,7 13,7\" fill=\"#FF8C00\"\/><\/svg>School<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><circle cx=\"9\" cy=\"9\" r=\"4\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.6\"\/><\/svg>Club<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><rect x=\"6\" y=\"6\" width=\"6\" height=\"7\" fill=\"#FF8C00\"\/><\/svg>Profession<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><circle cx=\"6\" cy=\"8\" r=\"1.6\" fill=\"#FF8C00\"\/><circle cx=\"12\" cy=\"8\" r=\"1.6\" fill=\"#FF8C00\"\/><circle cx=\"9\" cy=\"12\" r=\"1.6\" fill=\"#FF8C00\"\/><\/svg>Society<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><path d=\"M9 4 A5 5 0 0 1 9 14 A3 3 0 0 0 9 4\" fill=\"#FF8C00\"\/><\/svg>Humanity<\/li>\r\n                  <\/ul>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- ---- GOLD CURVED ARROW: Tides \u2192 Alignment ---- -->\r\n              <path d=\"M 472 480 C 472 540 300 520 250 560\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"3.5\" stroke-dasharray=\"1 8\" stroke-linecap=\"round\" marker-end=\"url(#ocf5b-arrowhead-gold)\"\/>\r\n\r\n              <!-- ---- ALIGNMENT BLOCK (bottom band, outside the photo) ---- -->\r\n              <circle cx=\"230\" cy=\"560\" r=\"34\" fill=\"#FF8C00\"\/>\r\n              <path d=\"M215 560 L225 570 L246 546\" stroke=\"#0B2748\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <foreignObject x=\"60\" y=\"612\" width=\"440\" height=\"130\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div\">\r\n                  <p class=\"ocf5b-fo-align-title\">Alignment<\/p>\r\n                  <p class=\"ocf5b-fo-align-text\">Connecting the sea spray to the waves and the waves to the deep current, while taking into account the tides that influence our course.<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ---- SIDEBAR ---- -->\r\n    <div class=\"ocf5b-sidebar\">\r\n\r\n      <div class=\"ocf5b-side-card\">\r\n        <h3>Document profile<\/h3>\r\n        <div class=\"ocf5b-id-row\">\r\n          <div class=\"ocf5b-id-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\"><path d=\"M8 1 L9.5 6 L14.5 6 L10.5 9 L12 14 L8 11 L4 14 L5.5 9 L1.5 6 L6.5 6 Z\" fill=\"#fff\"\/><\/svg><\/div>\r\n          <div><span class=\"ocf5b-id-label\">Type<\/span><p>Founding principle<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"ocf5b-id-row\">\r\n          <div class=\"ocf5b-id-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><\/svg><\/div>\r\n          <div><span class=\"ocf5b-id-label\">Theme<\/span><p>Personal and collective coherence<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"ocf5b-id-row\">\r\n          <div class=\"ocf5b-id-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><line x1=\"8\" y1=\"8\" x2=\"8\" y2=\"4.5\" stroke=\"#fff\" stroke-width=\"1.6\"\/><line x1=\"8\" y1=\"8\" x2=\"11\" y2=\"9.5\" stroke=\"#fff\" stroke-width=\"1.6\"\/><\/svg><\/div>\r\n          <div><span class=\"ocf5b-id-label\">Reading time<\/span><p>7\u20138 min<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"ocf5b-id-row\">\r\n          <div class=\"ocf5b-id-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\"><path d=\"M5 8 h6 M5 8 l2.5 -2.5 M5 8 l2.5 2.5\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div><span class=\"ocf5b-id-label\">Related links<\/span><p>OSE Values \u00b7 Adventure Pact \u00b7 OSE Charter<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ocf5b-side-card\">\r\n        <h3>Key points<\/h3>\r\n        <div class=\"ocf5b-retenir-item\">\r\n          <h4>Coherence<\/h4>\r\n          <p>Connecting what I think, what I say and what I do.<\/p>\r\n        <\/div>\r\n        <div class=\"ocf5b-retenir-item\">\r\n          <h4>Alignment<\/h4>\r\n          <p>Connecting my life to what is most essential within me.<\/p>\r\n        <\/div>\r\n        <div class=\"ocf5b-retenir-item\">\r\n          <h4>Faithfulness<\/h4>\r\n          <p>A direction rather than a state.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ocf5b-side-card\">\r\n        <h3>Related documents<\/h3>\r\n        <a href=\"#\" class=\"ocf5b-doclink\">OSE Values <span>\u2192<\/span><\/a>\r\n        <a href=\"#\" class=\"ocf5b-doclink\">Adventure Pact <span>\u2192<\/span><\/a>\r\n        <a href=\"#\" class=\"ocf5b-doclink\">OSE Charter <span>\u2192<\/span><\/a>\r\n      <\/div>\r\n\r\n      <!-- SIDEBAR QUOTE \u2014 with quotation marks -->\r\n      <div class=\"ocf5b-side-quote\">\r\n        <p><span class=\"ocf5b-quote-mark ocf5b-open\">&#8220;<\/span>Alignment is not a state. It is a direction. It is a path.<span class=\"ocf5b-quote-mark ocf5b-close\">&#8221;<\/span><\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ================= FULL-WIDTH FINAL QUOTE \u2014 with quotation marks ================= -->\r\n  <div class=\"ocf5b-final-quote\">\r\n    <div class=\"ocf5b-final-quote-inner\">\r\n      <p><span class=\"ocf5b-quote-mark ocf5b-open\">&#8220;<\/span>The vitality of an organisation depends less on its size, its age or its resources than on its ability to remain true to its soul. Like any human adventure, OSE must regularly return to its deep current to check that its projects, decisions and actions remain in service of its founding vocation.<span class=\"ocf5b-quote-mark ocf5b-close\">&#8221;<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ================================================================\r\n     FOOTER \u2014 IDENTICAL TO THE MODEL USED FOR FOUNDING PAPERS 1, 2, 3 & 4\r\n     ================================================================ -->\r\n<footer class=\"ocf5b-footer\">\r\n  <div class=\"ocf5b-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=\"ocf5b-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=\"ocf5b-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=\"ocf5b-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\r\n  <style>\r\n    .ocf5b-footer { background: #FFFFFF; padding: 0; }\r\n    .ocf5b-footer * { box-sizing: border-box; }\r\n    .ocf5b-mfv { max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); }\r\n    .ocf5b-mfv > div { display: flex; align-items: center; gap: 18px; padding: 42px 36px; border-right: 1px solid rgba(11,39,72,0.12); }\r\n    .ocf5b-mfv > div:last-child { border-right: none; }\r\n    .ocf5b-mfv svg { width: 40px; height: 40px; flex: 0 0 auto; }\r\n    .ocf5b-mfv-label { font-family: 'Montserrat', Arial, sans-serif; font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 6px; color: #FF8C00; }\r\n    .ocf5b-mfv p { color: #333333; font-size: 15px; line-height: 1.55; margin: 0; }\r\n\r\n    @media (max-width: 1024px) {\r\n      .ocf5b-mfv { grid-template-columns: 1fr; }\r\n      .ocf5b-mfv > div { border-right: none; border-bottom: 1px solid rgba(11,39,72,0.12); }\r\n    }\r\n    @media (max-width: 640px) {\r\n      .ocf5b-mfv > div { flex-direction: column; text-align: center; padding: 30px 20px; }\r\n      .ocf5b-footer { padding-bottom: 4px; }\r\n    }\r\n  <\/style>\r\n<\/footer>\r\n\r\n<style>\r\n  \/* ============================================================\r\n     RESPONSIVE \u2014 TABLET (diagram structure\/geometry kept identical:\r\n     the viewBox guarantees that boxes + arrows + Tides + Alignment\r\n     keep exactly the same relative proportions and positions, only\r\n     the overall size is reduced)\r\n     ============================================================ *\/\r\n  @media (max-width: 1024px) {\r\n    .ocf5b-main { flex-direction: column; }\r\n    .ocf5b-sidebar { max-width: 100%; width: 100%; }\r\n    .ocf5b-content-grid { flex-direction: column; }\r\n\r\n    \/* Tablet centring *\/\r\n    .ocf5b-item { text-align: center; align-items: center; }\r\n    .ocf5b-id-row { flex-direction: column; align-items: center; text-align: center; }\r\n    .ocf5b-retenir-item { text-align: center; }\r\n    .ocf5b-doclink { justify-content: center; gap: 10px; }\r\n    .ocf5b-doclink span { margin-left: 0; }\r\n    .ocf5b-fo-marees-list li { justify-content: center; }\r\n    .ocf5b-essentiel { text-align: center; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE \u2014 MOBILE (everything centred, diagram not distorted)\r\n     ============================================================ *\/\r\n  @media (max-width: 640px) {\r\n    .ocf5b-hero { padding: 40px 14px 34px; }\r\n    .ocf5b-hero h1 { font-size: clamp(26px, 8.5vw, 38px); }\r\n    .ocf5b-hero-quote { padding: 0 20px; }\r\n    .ocf5b-essentiel { flex-direction: column; align-items: center; text-align: center; padding: 26px 22px; }\r\n    .ocf5b-main { padding: 44px 18px; gap: 32px; }\r\n    .ocf5b-item { flex-direction: column; align-items: center; text-align: center; }\r\n    .ocf5b-item-body { text-align: center; }\r\n    .ocf5b-diagram-col { order: -1; }\r\n    .ocf5b-final-quote { padding: 38px 18px; text-align: center; }\r\n    .ocf5b-side-card { text-align: center; }\r\n    .ocf5b-side-card h3 { text-align: center; }\r\n    .ocf5b-id-row { flex-direction: column; align-items: center; text-align: center; }\r\n    .ocf5b-retenir-item { text-align: center; }\r\n    .ocf5b-doclink { justify-content: center; }\r\n    .ocf5b-doclink span { margin-left: 0; }\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>THE PRINCIPLE OF ALIGNMENT The spirit that guides OSE &#8220;I ask them to go to the very end of themselves, and they listen to me because they see, they sense that I go to the very end of myself, to the end of my quest.&#8221; The essentials in one minute Alignment means staying true to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1973,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-946","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/946","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=946"}],"version-history":[{"count":7,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/946\/revisions"}],"predecessor-version":[{"id":2133,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/946\/revisions\/2133"}],"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=946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}