{"id":821,"date":"2026-07-03T17:09:38","date_gmt":"2026-07-03T17:09:38","guid":{"rendered":"https:\/\/ose-echange.org\/ose-pic\/general-presentation-of-the-cpi-cpi-00\/"},"modified":"2026-08-02T23:30:52","modified_gmt":"2026-08-02T23:30:52","slug":"general-presentation-of-the-cpi-cpi-00","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/en\/ose-pic\/general-presentation-of-the-cpi-cpi-00\/","title":{"rendered":"General presentation of the CPI (CPI 00)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"821\" class=\"elementor elementor-821 elementor-202\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e083b1 e-flex e-con-boxed e-con e-parent\" data-id=\"2e083b1\" 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-089eae7 elementor-widget elementor-widget-html\" data-id=\"089eae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================ -->\r\n<!-- PAGE : CPI 00 \u2014 Planetary Identity Card (ENGLISH VERSION)     -->\r\n<!-- Traduction WPML \u2014 CSS\/structure identiques \u00e0 la version FR    -->\r\n<!-- Pr\u00e9fixe CSS : .cpi00-  |  WPML-safe  |  Sans header global     -->\r\n<!-- ================================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700&family=Montserrat:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =================== RESET D\u00c9FENSIF ELEMENTOR =================== *\/\r\n.cpi00-wrap,.cpi00-wrap *{box-sizing:border-box;margin:0;padding:0}\r\n.cpi00-wrap img{max-width:100%;height:auto;display:block}\r\n.cpi00-wrap ul{list-style:none}\r\n.cpi00-wrap a{text-decoration:none;color:inherit}\r\n.cpi00-wrap p,.cpi00-wrap h1,.cpi00-wrap h2,.cpi00-wrap h3,\r\n.cpi00-wrap h4,.cpi00-wrap span,.cpi00-wrap li{line-height:1.5}\r\n\r\n\/* =================== VARIABLES COULEURS CLIENT =================== *\/\r\n.cpi00-wrap{\r\n  --navy:   #0B3C5D;\r\n  --orange: #FF8C00;\r\n  --gold:   #F5C97B;\r\n  --dark:   #071e30;\r\n  --light:  #F4F7FA;\r\n  --border: #D0DAE6;\r\n  --text:   #1e2e3e;\r\n  font-family:'Open Sans',sans-serif;\r\n  color:var(--navy);\r\n  overflow-x:hidden;\r\n  font-size:15px; \/* BASE POLICE 15px \u2014 rendu fin et institutionnel v15 *\/\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 1 \u2014 BANDE D'IDENTIFICATION                               *\/\r\n\/* ================================================================ *\/\r\n.cpi00-pageid{\r\n  width:100%;background:#fff;\r\n  border-bottom:4px solid var(--orange);\r\n  padding:18px 5%;\r\n}\r\n.cpi00-pageid-inner{\r\n  max-width:1300px;margin:0 auto;\r\n  display:flex;align-items:center;gap:26px;flex-wrap:wrap;\r\n}\r\n.cpi00-pageid-logo img{height:60px;width:auto;object-fit:contain}\r\n.cpi00-pid-badge{\r\n  background:var(--navy);color:#fff;\r\n  padding:10px 24px;border-radius:8px;text-align:center;flex-shrink:0;\r\n}\r\n.cpi00-pid-badge .num{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:18px;font-weight:700;color:var(--orange);\r\n  display:block;line-height:1;\r\n}\r\n.cpi00-pid-badge .lbl{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:11px;font-weight:700;letter-spacing:3px;\r\n  text-transform:uppercase;display:block;margin-top:5px;\r\n}\r\n.cpi00-pid-text{flex:1}\r\n.cpi00-pid-text .eyebrow{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:11px;font-weight:700;letter-spacing:3px;\r\n  text-transform:uppercase;color:var(--orange);\r\n  display:block;margin-bottom:5px;\r\n}\r\n.cpi00-pid-text h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(13px,1.4vw,17px);\r\n  color:var(--navy);font-weight:700;line-height:1.2;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 2 \u2014 HERO                                                  *\/\r\n\/* ================================================================ *\/\r\n.cpi00-hero{\r\n  position:relative;width:100%;\r\n  min-height:520px;display:flex;align-items:center;overflow:hidden;\r\n}\r\n.cpi00-hero-photo{position:absolute;inset:0}\r\n.cpi00-hero-photo img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;object-position:center 30%;\r\n}\r\n.cpi00-hero-overlay{\r\n  position:absolute;inset:0;\r\n  background:linear-gradient(90deg,\r\n    rgba(11,60,93,.93) 0%,\r\n    rgba(11,60,93,.70) 55%,\r\n    rgba(11,60,93,.20) 100%);\r\n}\r\n.cpi00-hero-content{\r\n  position:relative;z-index:2;\r\n  padding:90px 5%;max-width:740px;\r\n}\r\n.cpi00-hero h1{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(22px,3vw,36px);\r\n  font-weight:800;line-height:1.05;\r\n  color:#fff;margin-bottom:28px;\r\n}\r\n.cpi00-hero h1 .hi{color:var(--orange);font-style:italic}\r\n.cpi00-tagline{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:clamp(12px,1.2vw,15px);\r\n  color:var(--gold);font-style:italic;\r\n  font-weight:300;line-height:1.55;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 3 \u2014 CITATION (fond BLANC total, guillemets INTERNES)    *\/\r\n\/*  Conforme Image 2 : fond blanc, textes navy + orange, avatar     *\/\r\n\/* ================================================================ *\/\r\n.cpi00-quotes{width:100%;background:#fff;padding:90px 5%}\r\n.cpi00-quotes-card{\r\n  max-width:1220px;margin:0 auto;\r\n  background:#fff;\r\n  border-radius:20px;\r\n  border:2px solid #D8E4EF;\r\n  box-shadow:0 6px 40px rgba(11,60,93,.10);\r\n  padding:55px 65px;\r\n  position:relative;\r\n}\r\n\/* Guillemets \u2014 MARINE FONC\u00c9, DANS la carte, aux coins int\u00e9rieurs *\/\r\n.cpi00-gm{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:26px;font-weight:900;\r\n  line-height:1;\r\n  position:absolute;user-select:none;pointer-events:none;\r\n}\r\n.cpi00-gm.open{color:var(--navy);top:18px;left:28px}\r\n.cpi00-gm.close{color:var(--navy);bottom:8px;right:28px}\r\n\/* Grille int\u00e9rieure : col-gauche | avatar | col-droite *\/\r\n.cpi00-quotes-inner{\r\n  display:grid;\r\n  grid-template-columns:1fr 100px 1fr;\r\n  gap:32px;align-items:center;\r\n  padding:0 30px; \/* espace pour les guillemets de coins *\/\r\n}\r\n\/* Colonnes \u2014 fond BLANC, texte navy *\/\r\n.cpi00-q-col{display:flex;flex-direction:column}\r\n.cpi00-q-col p{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:15px;\r\n  color:var(--navy);line-height:1.9;margin-bottom:12px;\r\n}\r\n\/* Textes en orange (questions-cl\u00e9s) \u2014 NON italique pour un Q propre et lisible *\/\r\n.cpi00-q-col .q-orange{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:16px;\r\n  color:var(--orange);font-weight:700;\r\n  display:block;margin:6px 0;line-height:1.35;\r\n  font-style:normal; \/* PAS d'italique = Q propre et simple *\/\r\n}\r\n\/* Avatar central : cercle orange + silhouette navy PROPRE *\/\r\n.cpi00-q-avatar{\r\n  width:88px;height:88px;border-radius:50%;\r\n  border:3px solid var(--orange);\r\n  background:#fff;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin:0 auto;flex-shrink:0;\r\n}\r\n.cpi00-q-avatar svg{width:56px;height:56px}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 4 \u2014 DEUX H\u00c9RITAGES ET UNE INTUITION                      *\/\r\n\/* S\u00e9parateur vertical entre les colonnes et l'avatar *\/\r\n.cpi00-q-sep-line{\r\n  width:1px;height:100%;background:var(--border);margin:auto 0;display:none;\r\n}\r\n\/* ================================================================ *\/\r\n.cpi00-heritage{\r\n  width:100%;background:var(--light);padding:90px 5%;\r\n}\r\n.cpi00-heritage-inner{max-width:1300px;margin:0 auto}\r\n.cpi00-sec-title{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(15px,1.7vw,26px);\r\n  color:var(--navy);font-weight:700;\r\n  text-align:center;text-transform:uppercase;\r\n  letter-spacing:1.5px;line-height:1.3;\r\n  margin-bottom:62px;padding-bottom:24px;\r\n  border-bottom:3px solid var(--orange);\r\n}\r\n.cpi00-heritage-grid{\r\n  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;\r\n}\r\n.cpi00-hcard{\r\n  background:#fff;border-radius:14px;padding:42px 30px;\r\n  box-shadow:0 4px 24px rgba(11,60,93,.09);\r\n  text-align:center;display:flex;\r\n  flex-direction:column;align-items:center;\r\n}\r\n.cpi00-hcard-portrait{\r\n  width:120px;height:120px;border-radius:50%;\r\n  overflow:hidden;border:4px solid var(--orange);\r\n  margin-bottom:22px;background:#dce8f0;\r\n}\r\n.cpi00-hcard-portrait img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n\/* Placeholder icon circle pour \"Une Intuition\" *\/\r\n.cpi00-hcard-icon-ph{\r\n  width:120px;height:120px;border-radius:50%;\r\n  border:4px solid var(--orange);\r\n  margin-bottom:22px;background:#dce8f0;\r\n  display:flex;align-items:center;justify-content:center;\r\n  overflow:hidden;\r\n}\r\n.cpi00-hcard-icon-ph img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n.cpi00-hcard .eyebrow{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:11px;font-weight:700;letter-spacing:3px;\r\n  text-transform:uppercase;color:var(--orange);\r\n  margin-bottom:6px;display:block;\r\n}\r\n.cpi00-hcard .nom{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(14px,1.4vw,20px);\r\n  font-weight:700;color:var(--navy);\r\n  margin-bottom:20px;display:block;line-height:1.2;\r\n}\r\n.cpi00-hcard p{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:15px;\r\n  color:var(--text);line-height:1.9;\r\n}\r\n\/* Zone logo sous photo (placeholders Olympic rings \/ Rotary) *\/\r\n.cpi00-hcard-logo{\r\n  margin-top:20px;\r\n  width:100%;display:flex;\r\n  align-items:center;justify-content:center;\r\n  min-height:50px;\r\n}\r\n.cpi00-hcard-logo img{\r\n  max-height:44px;width:auto;object-fit:contain;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 5 \u2014 LES 12 REP\u00c8RES                                       *\/\r\n\/*  Design EXACT Image 1 : badge num\u00e9ro + ic\u00f4ne sur fond blanc       *\/\r\n\/*  S\u00e9parateurs fins entre colonnes et entre les 2 rang\u00e9es           *\/\r\n\/* ================================================================ *\/\r\n.cpi00-reperes{width:100%;background:#fff;padding:90px 5%}\r\n.cpi00-reperes-inner{max-width:1300px;margin:0 auto}\r\n\/* Titre avec lignes d\u00e9coratives lat\u00e9rales *\/\r\n.cpi00-rep-title-row{\r\n  display:flex;align-items:center;gap:20px;\r\n  margin-bottom:55px;\r\n}\r\n.cpi00-rep-title-line{\r\n  flex:1;height:2px;\r\n  background:linear-gradient(90deg,transparent,var(--orange),transparent);\r\n  display:block;\r\n}\r\n.cpi00-rep-title-row h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(12px,1.3vw,17px);\r\n  color:var(--navy);font-weight:700;\r\n  text-transform:uppercase;letter-spacing:1.5px;\r\n  white-space:nowrap;text-align:center;\r\n}\r\n\/* Grille 6\u00d72 avec s\u00e9parateurs fins *\/\r\n.cpi00-rep-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(6,1fr);\r\n  gap:0;\r\n  border:1px solid rgba(11,60,93,.15);\r\n  border-radius:8px;\r\n  overflow:hidden; \/* remis : \u00e9vite les artefacts de coin *\/\r\n  box-shadow:0 2px 16px rgba(11,60,93,.08);\r\n}\r\n\/* Item \u2014 static, non cliquable *\/\r\n.cpi00-rep-item{\r\n  display:flex;flex-direction:column;\r\n  align-items:center;text-align:center;\r\n  padding:16px 8px 18px;\r\n  cursor:default;\r\n  border-right:1px solid rgba(11,60,93,.12);\r\n  border-bottom:1px solid rgba(255,140,0,.45);\/* ligne orange entre rang\u00e9e 1 et 2 *\/\r\n}\r\n\r\n\/* Derni\u00e8re colonne de chaque rang\u00e9e : pas de bord droit *\/\r\n.cpi00-rep-item:nth-child(6n){border-right:none}\r\n\/* Rang\u00e9e 2 : pas de bord bas *\/\r\n.cpi00-rep-item:nth-child(n+7){border-bottom:none}\r\n\/* BADGE NUM\u00c9RO \u2014 petit cercle marine standalone *\/\r\n.cpi00-rep-num{\r\n  width:26px;height:26px;border-radius:50%;\r\n  background:var(--navy);color:#fff;\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:12px;font-weight:800;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:10px;flex-shrink:0;\r\n}\r\n\/* ZONE IC\u00d4NE \u2014 sur fond blanc, taille coh\u00e9rente *\/\r\n.cpi00-rep-icon{\r\n  width:46px;height:46px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:12px;\r\n}\r\n.cpi00-rep-icon svg{width:44px;height:44px}\r\n.cpi00-rep-icon img{width:44px;height:44px;object-fit:contain}\r\n\/* LABEL \u2014 police augment\u00e9e, uppercase navy *\/\r\n.cpi00-rep-lbl{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:clamp(9px,0.65vw,10px);\r\n  font-weight:700;color:var(--navy);\r\n  text-align:center;line-height:1.35;\r\n  text-transform:uppercase;letter-spacing:.3px;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 6 \u2014 BANDE \"REP\u00c8RE COMMUN\"                                *\/\r\n\/* ================================================================ *\/\r\n.cpi00-band{width:100%;background:var(--navy);padding:80px 5%}\r\n.cpi00-band-inner{\r\n  max-width:1300px;margin:0 auto;\r\n  display:flex;align-items:center;gap:50px;\r\n}\r\n\/* Placeholder boussole (image \u00e0 ins\u00e9rer) *\/\r\n.cpi00-band-compass-ph{\r\n  flex-shrink:0;width:140px;height:140px;\r\n  border-radius:50%;border:4px solid var(--orange);\r\n  background:rgba(255,140,0,.1);\r\n  display:flex;align-items:center;justify-content:center;\r\n  overflow:hidden;\r\n}\r\n.cpi00-band-compass-ph img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n.cpi00-band-text{flex:1}\r\n.cpi00-band-text h3{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(15px,1.7vw,26px);\r\n  color:#fff;font-weight:700;\r\n  line-height:1.3;margin-bottom:24px;\r\n}\r\n.cpi00-band-text h3 em{color:var(--orange);font-style:italic}\r\n.cpi00-band-text p{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:15px;\r\n  color:rgba(255,255,255,.85);\r\n  line-height:1.9;margin-bottom:14px;\r\n}\r\n.cpi00-band-text p .gold{\r\n  color:var(--orange);font-weight:600;font-style:italic;\r\n}\r\n\/* Placeholder livre CPI *\/\r\n.cpi00-band-book-ph{\r\n  flex-shrink:0;width:160px;\r\n  display:flex;align-items:center;justify-content:center;\r\n}\r\n.cpi00-band-book-ph img{\r\n  width:100%;height:auto;object-fit:contain;\r\n  border-radius:8px;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 7 \u2014 NOS CONVICTIONS FONDAMENTALES                        *\/\r\n\/* ================================================================ *\/\r\n.cpi00-conv{\r\n  width:100%;background:#fff; \/* BLANC \u2014 correction v4 *\/\r\n  padding:90px 5% 0;\r\n}\r\n.cpi00-conv-inner{max-width:1300px;margin:0 auto}\r\n.cpi00-conv-grid{\r\n  display:grid;grid-template-columns:repeat(4,1fr);\r\n  background:#fff;\r\n  border:2px solid var(--border);\r\n  border-radius:14px 14px 0 0;\r\n  overflow:hidden;\r\n}\r\n.cpi00-conv-item{\r\n  padding:46px 28px;\r\n  border-right:1px solid var(--border);\r\n  display:flex;flex-direction:column;\r\n  align-items:center;text-align:center;\r\n}\r\n.cpi00-conv-item:last-child{border-right:none}\r\n\/* Placeholder ic\u00f4ne conviction (image \u00e0 ins\u00e9rer par l'int\u00e9grateur) *\/\r\n.cpi00-conv-icon-ph{\r\n  width:100px;height:100px;\r\n  border-radius:12px;\r\n  border:2px dashed var(--orange);\r\n  background:#fff8f0;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:28px;flex-shrink:0;\r\n  overflow:hidden;\r\n}\r\n.cpi00-conv-icon-ph img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n.cpi00-conv-text{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:15px;\r\n  color:var(--navy);line-height:1.9;\r\n}\r\n\/* Bande r\u00e9capitulative en 3 cellules *\/\r\n.cpi00-conv-bottom{\r\n  display:grid;grid-template-columns:5fr 3fr 5fr;\r\n  background:#fff;\r\n  border:2px solid var(--border);border-top:none;\r\n  border-radius:0 0 14px 14px;overflow:hidden;\r\n}\r\n.cpi00-conv-btm-cell{\r\n  padding:32px 34px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  border-right:1px solid var(--border);\r\n}\r\n.cpi00-conv-btm-cell:last-child{border-right:none}\r\n.cpi00-conv-btm-txt{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:clamp(11px,0.9vw,13px);\r\n  font-weight:700;color:var(--navy);\r\n  text-transform:uppercase;letter-spacing:.5px;line-height:1.45;\r\n}\r\n\/* Placeholder globe central *\/\r\n.cpi00-conv-globe-ph{\r\n  width:80px;height:80px;border-radius:50%;\r\n  border:2px dashed var(--orange);\r\n  background:#fff8f0;\r\n  display:flex;align-items:center;justify-content:center;\r\n  overflow:hidden;\r\n}\r\n.cpi00-conv-globe-ph img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n.cpi00-conv-right-block{\r\n  display:flex;flex-direction:column;\r\n  width:100%;gap:0;\r\n}\r\n.cpi00-conv-right-txt{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:clamp(11px,0.9vw,13px);\r\n  font-weight:700;color:var(--navy);\r\n  text-transform:uppercase;letter-spacing:.5px;\r\n  text-align:center;padding:18px 10px;line-height:1.3;\r\n}\r\n.cpi00-conv-right-txt+.cpi00-conv-right-txt{\r\n  border-top:1px solid var(--border);\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  FOOTER \u2014 SIMPLE 3 COLONNES (EXACT MOCKUP LUIS)                   *\/\r\n\/*  Logo compact, tagline coll\u00e9e, slogan sans collision sur PC        *\/\r\n\/* ================================================================ *\/\r\n.cpi00-footer{\r\n  width:100%;background:var(--dark);\r\n  padding:0;\r\n}\r\n\/* Footer simple 3 colonnes \u2014 layout propre sans collision PC *\/\r\n.cpi00-footer-strip{\r\n  width:100%;\r\n  display:grid;\r\n  grid-template-columns:190px 1fr auto; \/* col 1 fixe = logo vraiment compact *\/\r\n}\r\n.cpi00-footer-col{\r\n  padding:20px 28px;\r\n  display:flex;align-items:center;gap:12px;\r\n  border-right:1px solid rgba(255,255,255,.12);\r\n}\r\n.cpi00-footer-col:last-child{border-right:none}\r\n\/* Colonne 1 \u2014 Logo PETIT + tagline empil\u00e9s verticalement *\/\r\n\/* \u2192 \u00e9vite toute collision avec le slogan central *\/\r\n.cpi00-footer-col:first-child{\r\n  flex-direction:column;  \/* logo + tagline empil\u00e9s verticalement *\/\r\n  align-items:flex-start;\r\n  gap:5px;\r\n  padding:16px 20px;\r\n}\r\n.cpi00-footer-logo-img{\r\n  height:30px;   \/* taille moyenne \u2014 comme les autres pages *\/\r\n  width:auto;\r\n  max-width:100px;\r\n  object-fit:contain;\r\n  flex-shrink:0;\r\n  display:block;\r\n}\r\n.cpi00-footer-tagline{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:11px;\r\n  color:rgba(255,255,255,.78);\r\n  line-height:1.4;\r\n  max-width:180px; \/* col 1 = 190px, padding 20px \u2192 contenu max 150px *\/\r\n}\r\n\/* Colonne 2 \u2014 Slogan centr\u00e9 avec bullets oranges *\/\r\n.cpi00-footer-slogan{\r\n  justify-content:center;text-align:center;\r\n}\r\n.cpi00-footer-slogan-txt{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:clamp(10px,0.75vw,11px);\r\n  color:#fff;letter-spacing:2.5px;\r\n  text-transform:uppercase;font-weight:600;\r\n  line-height:1.5;white-space:nowrap;\r\n}\r\n.cpi00-footer-slogan-txt .bullet{\r\n  color:var(--orange);padding:0 10px;\r\n}\r\n\/* Colonne 3 \u2014 URL + r\u00e9seaux *\/\r\n.cpi00-footer-contact-col{\r\n  flex-direction:column;align-items:flex-end;gap:12px;\r\n}\r\n.cpi00-footer-url{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:11px;color:rgba(255,255,255,.75);\r\n}\r\n.cpi00-footer-social{display:flex;gap:10px}\r\n.cpi00-footer-social a{\r\n  width:36px;height:36px;border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  transition:transform .3s;\r\n}\r\n.cpi00-footer-social a:hover{transform:translateY(-3px)}\r\n.cpi00-footer-social .fb{background:#1877F2}\r\n.cpi00-footer-social .ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}\r\n.cpi00-footer-social .yt{background:#FF0000}\r\n.cpi00-footer-social .li{background:#0A66C2}\r\n.cpi00-footer-social a svg{width:18px;height:18px}\r\n.cpi00-footer-copy{\r\n  background:#040f1a;padding:12px 32px;\r\n  text-align:center;\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:11px;color:rgba(255,255,255,.38);\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  RESPONSIVE \u2014 TABLETTE                                             *\/\r\n\/* ================================================================ *\/\r\n@media(max-width:1024px){\r\n  .cpi00-hero{min-height:420px}\r\n  .cpi00-hero-content{max-width:580px}\r\n  .cpi00-heritage-grid{grid-template-columns:1fr}\r\n  \/* 12 rep\u00e8res tablette \u2014 4 colonnes, toutes les r\u00e8gles de bordure recalcul\u00e9es *\/\r\n  .cpi00-rep-grid{\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:0;\r\n    overflow:visible;\r\n  }\r\n  .cpi00-rep-item{\r\n    padding:22px 10px 24px;\r\n    \/* R\u00e9initialisation compl\u00e8te des bordures *\/\r\n    border-right:1px solid rgba(11,60,93,.12);\r\n    border-bottom:1px solid rgba(255,140,0,.25);\r\n  }\r\n  \/* 4e, 8e, 12e = derniers de chaque ligne \u2192 pas de bord droit *\/\r\n  .cpi00-rep-item:nth-child(4n){border-right:none}\r\n  \/* Rang\u00e9e 3 (items 9-12) = derni\u00e8re rang\u00e9e \u2192 pas de bord bas *\/\r\n  .cpi00-rep-item:nth-child(n+9){border-bottom:none}\r\n  \/* Reset explicite des r\u00e8gles 6-col h\u00e9rit\u00e9es qui pourraient interf\u00e9rer *\/\r\n  .cpi00-rep-item:nth-child(6){border-right:1px solid rgba(11,60,93,.12)}\r\n  .cpi00-rep-item:nth-child(12){border-right:none}\r\n  .cpi00-rep-item:nth-child(7),.cpi00-rep-item:nth-child(8){border-bottom:1px solid rgba(255,140,0,.25)}\r\n  \/* Bande marine tablette : empil\u00e9 en colonne pour que tout soit visible *\/\r\n  .cpi00-band-inner{\r\n    flex-direction:column;\r\n    align-items:center;\r\n    text-align:center;\r\n    gap:28px;\r\n  }\r\n  .cpi00-band-compass-ph{margin:0 auto}\r\n  .cpi00-band-text h3{text-align:center}\r\n  .cpi00-band-text p{text-align:left}\r\n  \/* Livre visible sur tablette, centr\u00e9 et taille r\u00e9duite *\/\r\n  .cpi00-band-book-ph{\r\n    display:flex;\r\n    width:120px;\r\n    flex-shrink:0;\r\n    justify-content:center;\r\n    align-items:center;\r\n  }\r\n  .cpi00-conv-grid{grid-template-columns:repeat(2,1fr)}\r\n  .cpi00-conv-item:nth-child(2){border-right:none}\r\n  .cpi00-conv-bottom{grid-template-columns:1fr}\r\n  .cpi00-conv-btm-cell{border-right:none;border-bottom:1px solid var(--border)}\r\n  .cpi00-conv-btm-cell:last-child{border-bottom:none}\r\n  .cpi00-conv-right-block{flex-direction:row}\r\n  .cpi00-conv-right-txt+.cpi00-conv-right-txt{border-top:none;border-left:1px solid var(--border)}\r\n  .cpi00-footer-strip{grid-template-columns:1fr}\r\n  .cpi00-footer-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}\r\n  .cpi00-footer-col:last-child{border-bottom:none}\r\n  .cpi00-footer-contact-col{align-items:flex-start}\r\n  .cpi00-footer-slogan-txt{white-space:normal;letter-spacing:2px}\r\n  .cpi00-quotes-inner{grid-template-columns:1fr auto 1fr}\r\n  .cpi00-q-left,.cpi00-q-right{padding:44px 32px}\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  RESPONSIVE \u2014 MOBILE (\u2264640px) \u2014 CORRECTION COMPL\u00c8TE              *\/\r\n\/*  Probl\u00e8mes corrig\u00e9s :                                             *\/\r\n\/*  \u2022 Textes d\u00e9bordant \u00e0 droite \u2192 overflow-x:hidden + centrage      *\/\r\n\/*  \u2022 \"Telle est son intention\/esp\u00e9rance\" coup\u00e9 \u2192 col unique        *\/\r\n\/*  \u2022 padding citation trop large \u2192 r\u00e9duit                          *\/\r\n\/*  \u2022 H\u00e9ritage de flex-direction:row tablette \u2192 remis \u00e0 z\u00e9ro        *\/\r\n\/* ================================================================ *\/\r\n@media(max-width:640px){\r\n\r\n  \/* === CONTENEUR GLOBAL : emp\u00eache tout d\u00e9bordement horizontal === *\/\r\n  .cpi00-wrap{\r\n    font-size:14px;\r\n    overflow-x:hidden;\r\n    width:100%;\r\n    max-width:100vw;\r\n  }\r\n  .cpi00-wrap *{\r\n    max-width:100%;\r\n    word-break:break-word;\r\n    overflow-wrap:break-word;\r\n  }\r\n\r\n  \/* === BANDE D'IDENTIFICATION === *\/\r\n  .cpi00-pageid-inner{\r\n    gap:10px;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n    text-align:center;\r\n  }\r\n  .cpi00-pid-text h2{text-align:center}\r\n\r\n  \/* === HERO === *\/\r\n  .cpi00-hero{min-height:340px}\r\n  .cpi00-hero-content{padding:60px 5%;text-align:center}\r\n  .cpi00-tagline{text-align:center}\r\n\r\n  \/* === CITATIONS (r\u00e9duire le padding de la carte) === *\/\r\n  .cpi00-quotes{padding:50px 4%}\r\n  .cpi00-quotes-card{\r\n    padding:28px 18px; \/* \u00e9tait 55px 65px \u2014 beaucoup trop sur mobile *\/\r\n    border-radius:14px;\r\n  }\r\n  .cpi00-gm.open{top:10px;left:12px;font-size:18px}\r\n  .cpi00-gm.close{bottom:4px;right:12px;font-size:18px}\r\n  .cpi00-quotes-inner{\r\n    grid-template-columns:1fr; \/* 1 colonne : gauche PUIS droite empil\u00e9es *\/\r\n  }\r\n  .cpi00-q-sep{display:none}\r\n  .cpi00-q-col{padding:6px 0;text-align:center}\r\n  .cpi00-q-col p{text-align:left} \/* corps de texte gauche pour lisibilit\u00e9 *\/\r\n  .cpi00-q-col .q-orange{text-align:center}\r\n\r\n  \/* === H\u00c9RITAGE === *\/\r\n  .cpi00-heritage{padding:55px 4%}\r\n  .cpi00-heritage-grid{grid-template-columns:1fr;gap:20px}\r\n  .cpi00-hcard{padding:30px 20px;text-align:center}\r\n  .cpi00-hcard p{text-align:left}\r\n\r\n  \/* === 12 REP\u00c8RES === *\/\r\n  .cpi00-reperes{padding:55px 4%}\r\n  .cpi00-rep-grid{\r\n    grid-template-columns:repeat(3,1fr); \/* 3 colonnes mobile (items plus petits) *\/\r\n    gap:0;\r\n  }\r\n  \/* Ajuster les bornes pour une grille 2 colonnes *\/\r\n  .cpi00-rep-item:nth-child(6n){border-right:1px solid rgba(11,60,93,.12)} \/* reset r\u00e8gle 6 cols *\/\r\n  .cpi00-rep-item:nth-child(3n){border-right:none} \/* 3\u00e8me de chaque rang\u00e9e *\/\r\n  .cpi00-rep-item{padding:20px 10px 22px}\r\n  .cpi00-rep-num{width:28px;height:28px;font-size:12px}\r\n  .cpi00-rep-icon{width:38px;height:38px}\r\n  .cpi00-rep-icon svg{width:36px;height:36px}\r\n  .cpi00-rep-icon img{width:36px;height:36px;object-fit:contain}\r\n  .cpi00-rep-lbl{font-size:8px;letter-spacing:0px;line-height:1.2}\r\n  .cpi00-rep-title-row{flex-direction:column;gap:12px;text-align:center}\r\n  .cpi00-rep-title-row h2{font-size:clamp(1rem,3.5vw,1.4rem);white-space:normal}\r\n  .cpi00-rep-title-line{display:none}\r\n\r\n  \/* === BANDE MARINE === *\/\r\n  .cpi00-band{padding:55px 4%}\r\n  .cpi00-band-inner{flex-direction:column;text-align:center;gap:30px}\r\n  .cpi00-band-compass-ph{margin:0 auto}\r\n  \/* Livre visible sur mobile \u2014 empil\u00e9 sous le texte, centr\u00e9 *\/\r\n  .cpi00-band-book-ph{\r\n    display:flex;\r\n    width:110px;\r\n    margin:0 auto;\r\n    justify-content:center;\r\n    align-items:center;\r\n  }\r\n  .cpi00-band-text h3{text-align:center}\r\n  .cpi00-band-text p{text-align:left}\r\n\r\n  \/* === CONVICTIONS === *\/\r\n  .cpi00-conv{padding:55px 4% 0}\r\n  .cpi00-conv-grid{grid-template-columns:1fr}\r\n  .cpi00-conv-item{\r\n    border-right:none;\r\n    border-bottom:1px solid var(--border);\r\n    text-align:center;\r\n    padding:36px 20px;\r\n  }\r\n  .cpi00-conv-item:last-child{border-bottom:none}\r\n  .cpi00-conv-text{text-align:left}\r\n\r\n  \/* === BANDE BAS CONVICTIONS \u2014 \"Telle est son intention\/esp\u00e9rance\" === *\/\r\n  \/* CORRECTION PRINCIPALE : 1 colonne, textes centr\u00e9s, plus de coupure *\/\r\n  .cpi00-conv-bottom{\r\n    grid-template-columns:1fr; \/* colonne unique \u2014 plus de coupure *\/\r\n  }\r\n  .cpi00-conv-btm-cell{\r\n    border-right:none;\r\n    border-bottom:1px solid var(--border);\r\n    padding:22px 16px;\r\n    justify-content:center;\r\n    text-align:center;\r\n  }\r\n  .cpi00-conv-btm-cell:last-child{border-bottom:none}\r\n  .cpi00-conv-btm-txt{text-align:center}\r\n  \/* Remise \u00e0 z\u00e9ro de flex-direction:row h\u00e9rit\u00e9 du CSS tablette *\/\r\n  .cpi00-conv-right-block{\r\n    flex-direction:column; \/* \u2190 CORRECTION du bug tablette *\/\r\n    width:100%;\r\n  }\r\n  .cpi00-conv-right-txt{\r\n    text-align:center;\r\n    padding:14px 10px;\r\n    white-space:normal; \/* \u00e9vite la coupure *\/\r\n  }\r\n  \/* Remettre border-top \u00e0 la place de border-left (h\u00e9rit\u00e9 tablette) *\/\r\n  .cpi00-conv-right-txt+.cpi00-conv-right-txt{\r\n    border-left:none; \/* reset tablette *\/\r\n    border-top:1px solid var(--border);\r\n  }\r\n\r\n  \/* === FOOTER === *\/\r\n  .cpi00-footer-strip{grid-template-columns:1fr}\r\n  .cpi00-footer-col{\r\n    padding:18px 20px;\r\n    border-right:none;\r\n    border-bottom:1px solid rgba(255,255,255,.1);\r\n    flex-wrap:wrap;\r\n    justify-content:flex-start;\r\n    gap:10px;\r\n  }\r\n  .cpi00-footer-col:last-child{border-bottom:none}\r\n  .cpi00-footer-slogan{justify-content:center;text-align:center}\r\n  .cpi00-footer-slogan-txt{\r\n    white-space:normal;\r\n    font-size:10px;\r\n    letter-spacing:1.5px;\r\n    text-align:center;\r\n  }\r\n  .cpi00-footer-contact-col{align-items:flex-start}\r\n  .cpi00-footer-logo-img{height:24px;max-width:80px}\r\n}\r\n\r\n\/* === TR\u00c8S PETIT \u00c9CRAN (\u2264380px) === *\/\r\n@media(max-width:380px){\r\n  .cpi00-rep-grid{grid-template-columns:1fr} \/* 1 seule colonne sur tout petit \u00e9cran *\/\r\n  .cpi00-rep-item:nth-child(2n){border-right:none}\r\n  .cpi00-rep-item{border-right:none}\r\n  .cpi00-quotes-card{padding:20px 12px}\r\n  .cpi00-footer-slogan-txt{font-size:0.75rem;letter-spacing:1.5px}\r\n}\r\n<\/style>\r\n\r\n<!-- ================================================================ -->\r\n<!--  HTML \u2014 CORPS DE PAGE CPI 00                                      -->\r\n<!-- ================================================================ -->\r\n<div class=\"cpi00-wrap\">\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 2 \u2014 HERO                                             -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-hero\">\r\n    <div class=\"cpi00-hero-photo\">\r\n      <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n      <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/photo-de-la-carte-didentite-planetaire.png\"\r\n           alt=\"OSE young ambassadors contemplating the Planetary Identity Card together \u2013 international sports exchange programme\">\r\n    <\/div>\r\n    <div class=\"cpi00-hero-overlay\"><\/div>\r\n    <div class=\"cpi00-hero-content\">\r\n      <h1>The<br>Planetary<br>Identity<br><span class=\"hi\">Card<\/span><\/h1>\r\n      <p class=\"cpi00-tagline\">A compass to grow,<br>act and contribute.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 3 \u2014 CITATION (fond BLANC, guillemets INTERNES)      -->\r\n  <!--  Conforme Image 2 client                                     -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-quotes\">\r\n    <div class=\"cpi00-quotes-card\">\r\n\r\n      <!-- Guillemet OUVRANT \u2014 orange, DANS la carte -->\r\n      <span class=\"cpi00-gm open\">&#8220;<\/span>\r\n\r\n      <div class=\"cpi00-quotes-inner\">\r\n\r\n        <!-- COLONNE GAUCHE \u2014 texte navy + questions en orange -->\r\n        <div class=\"cpi00-q-col\">\r\n          <p>Every human being who grows eventually asks an essential question:<\/p>\r\n          <span class=\"q-orange\">Who am I, objectively?<\/span>\r\n          <p>And, even more deeply:<\/p>\r\n          <span class=\"q-orange\">What is my purpose?<\/span>\r\n        <\/div>\r\n\r\n        <!-- AVATAR CENTRAL \u2014 cercle orange + silhouette navy propre -->\r\n        <div class=\"cpi00-q-avatar\">\r\n          <svg viewBox=\"0 0 54 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <!-- T\u00eate -->\r\n            <circle cx=\"27\" cy=\"16\" r=\"9\" fill=\"#0B3C5D\"\/>\r\n            <!-- Corps + \u00e9paules -->\r\n            <path d=\"M9 48 C9 38 17.5 30 27 30 C36.5 30 45 38 45 48\" fill=\"#0B3C5D\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- COLONNE DROITE \u2014 texte navy + questions en orange -->\r\n        <div class=\"cpi00-q-col\">\r\n          <p>Human organisations are no exception to this same questioning. Every organisation that grows is eventually confronted with an essential question:<\/p>\r\n          <span class=\"q-orange\">Who are we?<\/span>\r\n          <p>And, even more deeply:<\/p>\r\n          <span class=\"q-orange\">What are we truly seeking to accomplish?<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Guillemet FERMANT \u2014 orange, DANS la carte -->\r\n      <span class=\"cpi00-gm close\">&#8221;<\/span>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 4 \u2014 DEUX H\u00c9RITAGES ET UNE INTUITION                  -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-heritage\">\r\n    <div class=\"cpi00-heritage-inner\">\r\n      <h2 class=\"cpi00-sec-title\">OSE was born from the meeting of two legacies and one intuition<\/h2>\r\n      <div class=\"cpi00-heritage-grid\">\r\n\r\n        <!-- COUBERTIN -->\r\n        <div class=\"cpi00-hcard\">\r\n          <div class=\"cpi00-hcard-portrait\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/06\/Pierre-de-CoubertinFondateur-du-CIO.png\"\r\n                 alt=\"Portrait of Pierre de Coubertin, reviver of the modern Olympic Games and first founding legacy of the OSE programme\">\r\n          <\/div>\r\n          <span class=\"eyebrow\">The Legacy of<\/span>\r\n          <span class=\"nom\">Pierre de Coubertin<\/span>\r\n          <p>Reviver of the modern Olympic Games, who saw sport as a powerful means of education, bringing nations together and building peace.<\/p>\r\n          <div class=\"cpi00-hcard-logo\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/logo_de_COUBERTIN.png\"\r\n                 alt=\"The five Olympic rings, symbol of Pierre de Coubertin's legacy at the heart of the OSE programme\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- PAUL HARRIS -->\r\n        <div class=\"cpi00-hcard\">\r\n          <div class=\"cpi00-hcard-portrait\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/06\/Paul-HarrisFondateur-du-Rotary-International.png\"\r\n                 alt=\"Portrait of Paul Harris, founder of Rotary International and second founding legacy of the OSE programme\">\r\n          <\/div>\r\n          <span class=\"eyebrow\">The Legacy of<\/span>\r\n          <span class=\"nom\">Paul Harris<\/span>\r\n          <p>Founder of Rotary International, who for over a century has shown the strength of friendship, service and understanding among peoples.<\/p>\r\n          <div class=\"cpi00-hcard-logo\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/06\/l_ADN_avant_la_croissance.png\"\r\n                 alt=\"Official Rotary International logo, second founding legacy of the OSE youth exchange mission\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- UNE INTUITION -->\r\n        <div class=\"cpi00-hcard\">\r\n          <div class=\"cpi00-hcard-icon-ph\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/logo_intuition-removebg-preview.png\"\r\n                 alt=\"Globe illustrating OSE's founding intuition: transferring Rotary's international exchanges to sport\">\r\n          <\/div>\r\n          <span class=\"eyebrow\">A Founding<\/span>\r\n          <span class=\"nom\">Intuition<\/span>\r\n          <p>Transferring to the world of sport the experience of international youth exchanges developed over several decades by Rotary International, turning it into an educational, human and existential adventure.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 5 \u2014 LES 12 REP\u00c8RES (NON CLIQUABLES)                  -->\r\n  <!--  Design EXACT Image 1 : badge num\u00e9ro + ic\u00f4ne blanc + label     -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-reperes\">\r\n    <div class=\"cpi00-reperes-inner\">\r\n\r\n      <!-- Titre avec lignes d\u00e9coratives lat\u00e9rales -->\r\n      <div class=\"cpi00-rep-title-row\">\r\n        <span class=\"cpi00-rep-title-line\"><\/span>\r\n        <h2>The 12 Milestones of the Planetary Identity Card<\/h2>\r\n        <span class=\"cpi00-rep-title-line\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cpi00-rep-grid\">\r\n\r\n        <!-- 1 \u2014 Conception de l'\u00catre Humain : figure orange, bras ouverts -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">1<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <circle cx=\"29\" cy=\"9\" r=\"6\" stroke=\"#FF8C00\" stroke-width=\"2.2\" fill=\"none\"\/>\r\n              <line x1=\"29\" y1=\"15\" x2=\"29\" y2=\"33\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"22\" x2=\"11\" y2=\"28\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"22\" x2=\"47\" y2=\"28\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"33\" x2=\"19\" y2=\"50\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"33\" x2=\"39\" y2=\"50\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Conception of the Human Being<\/span>\r\n        <\/div>\r\n\r\n        <!-- 2 \u2014 Raison d'\u00catre : cible + fl\u00e8che orange -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">2<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <circle cx=\"24\" cy=\"34\" r=\"21\" stroke=\"#0B3C5D\" stroke-width=\"2\"\/>\r\n              <circle cx=\"24\" cy=\"34\" r=\"13\" stroke=\"#0B3C5D\" stroke-width=\"2\"\/>\r\n              <circle cx=\"24\" cy=\"34\" r=\"6\"  stroke=\"#0B3C5D\" stroke-width=\"2\"\/>\r\n              <circle cx=\"24\" cy=\"34\" r=\"2\"  fill=\"#0B3C5D\"\/>\r\n              <!-- Fl\u00e8che orange du haut-droit vers la cible -->\r\n              <line x1=\"52\" y1=\"6\" x2=\"30\" y2=\"28\" stroke=\"#FF8C00\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M24 22 L32 16 L34 26\" stroke=\"#FF8C00\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Purpose and Mission of OSE<\/span>\r\n        <\/div>\r\n\r\n        <!-- 3 \u2014 Finalit\u00e9 : trois montagnes + drapeau -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">3<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Montagne gauche petite -->\r\n              <polyline points=\"2,52 14,30 24,44\" stroke=\"#0B3C5D\" stroke-width=\"2\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n              <!-- Montagne droite petite -->\r\n              <polyline points=\"34,44 44,26 56,52\" stroke=\"#0B3C5D\" stroke-width=\"2\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n              <!-- Montagne centrale (la plus haute) -->\r\n              <polyline points=\"8,52 29,6 50,52\" stroke=\"#0B3C5D\" stroke-width=\"2.5\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n              <!-- M\u00e2t du drapeau -->\r\n              <line x1=\"29\" y1=\"6\" x2=\"29\" y2=\"2\" stroke=\"#0B3C5D\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <!-- Drapeau -->\r\n              <path d=\"M29 2 L42 6 L29 10 Z\" fill=\"#0B3C5D\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Ultimate Goal of OSE<\/span>\r\n        <\/div>\r\n\r\n        <!-- 4 \u2014 Filiation OSE : placeholder (logo \u00e0 ins\u00e9rer) -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">4<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_filiation_OSE-removebg-preview.png\"\r\n                 alt=\"CPI Milestone 4 \u2013 The OSE Lineage: institutional link between the Olympic Movement and Rotary International\"\r\n                 style=\"width:58px;height:58px;object-fit:contain;\">\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The OSE Lineage<\/span>\r\n        <\/div>\r\n\r\n        <!-- 5 \u2014 Principe d'Alignement : boussole avec aiguille orange -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">5<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Cercle ext\u00e9rieur -->\r\n              <circle cx=\"29\" cy=\"29\" r=\"26\" stroke=\"#0B3C5D\" stroke-width=\"2\" fill=\"none\"\/>\r\n              <!-- Aiguille : demi-nord en orange, demi-sud en navy -->\r\n              <path d=\"M29 29 L18 13 L24 27 Z\" fill=\"#FF8C00\"\/>\r\n              <path d=\"M29 29 L40 45 L34 31 Z\" fill=\"#0B3C5D\"\/>\r\n              <!-- Centre de l'aiguille -->\r\n              <circle cx=\"29\" cy=\"29\" r=\"3\" fill=\"white\" stroke=\"#0B3C5D\" stroke-width=\"1.5\"\/>\r\n              <!-- Petites marques cardinales -->\r\n              <line x1=\"29\" y1=\"3\" x2=\"29\" y2=\"8\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"55\" y1=\"29\" x2=\"50\" y2=\"29\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"55\" x2=\"29\" y2=\"50\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"3\" y1=\"29\" x2=\"8\" y2=\"29\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Alignment Principle<\/span>\r\n        <\/div>\r\n\r\n        <!-- 6 \u2014 Crit\u00e8re des 4 Questions : point d'interrogation + \u00e9tiquettes -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">6<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Grand point d'interrogation -->\r\n              <path d=\"M20 20 C20 13 24 10 29 10 C34 10 38 14 38 20 C38 26 34 27 29 32\" stroke=\"#0B3C5D\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"29\" cy=\"41\" r=\"3\" fill=\"#0B3C5D\"\/>\r\n              <!-- Petites \u00e9tiquettes (repr\u00e9sentent les 4 questions) -->\r\n              <rect x=\"38\" y=\"8\" width=\"16\" height=\"10\" rx=\"2\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n              <line x1=\"40\" y1=\"12\" x2=\"52\" y2=\"12\" stroke=\"#0B3C5D\" stroke-width=\"1.2\"\/>\r\n              <line x1=\"40\" y1=\"14.5\" x2=\"50\" y2=\"14.5\" stroke=\"#0B3C5D\" stroke-width=\"1.2\"\/>\r\n              <rect x=\"38\" y=\"22\" width=\"16\" height=\"10\" rx=\"2\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n              <line x1=\"40\" y1=\"26\" x2=\"52\" y2=\"26\" stroke=\"#0B3C5D\" stroke-width=\"1.2\"\/>\r\n              <line x1=\"40\" y1=\"28.5\" x2=\"50\" y2=\"28.5\" stroke=\"#0B3C5D\" stroke-width=\"1.2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Four-Question Criterion<\/span>\r\n        <\/div>\r\n\r\n        <!-- 7 \u2014 Valeurs Institutionnelles : diamant taill\u00e9 (facettes) -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">7<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Contour principal du diamant -->\r\n              <path d=\"M29 4 L50 22 L29 54 L8 22 Z\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" fill=\"none\" stroke-linejoin=\"round\"\/>\r\n              <!-- Ligne de ceinture -->\r\n              <line x1=\"8\" y1=\"22\" x2=\"50\" y2=\"22\" stroke=\"#0B3C5D\" stroke-width=\"2\"\/>\r\n              <!-- Facettes sup\u00e9rieures -->\r\n              <line x1=\"29\" y1=\"4\" x2=\"20\" y2=\"22\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"\/>\r\n              <line x1=\"29\" y1=\"4\" x2=\"38\" y2=\"22\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"\/>\r\n              <!-- Facettes inf\u00e9rieures vers la pointe -->\r\n              <line x1=\"20\" y1=\"22\" x2=\"29\" y2=\"54\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"\/>\r\n              <line x1=\"38\" y1=\"22\" x2=\"29\" y2=\"54\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"\/>\r\n              <!-- R\u00e9flexion sup\u00e9rieure -->\r\n              <path d=\"M14 22 L20 12 L29 4 L38 12 L44 22\" stroke=\"#0B3C5D\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">OSE's Institutional Values<\/span>\r\n        <\/div>\r\n\r\n        <!-- 8 \u2014 Valeurs Humaines : grand c\u0153ur + petit c\u0153ur orange int\u00e9rieur -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">8<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Grand c\u0153ur ext\u00e9rieur (navy) -->\r\n              <path d=\"M29 50 C29 50 6 34 6 20 C6 13 11 8 18 8 C22 8 26 10 29 14 C32 10 36 8 40 8 C47 8 52 13 52 20 C52 34 29 50 29 50Z\" stroke=\"#0B3C5D\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n              <!-- Petit c\u0153ur int\u00e9rieur (orange) -->\r\n              <path d=\"M29 32 C29 32 20 25 20 19 C20 16 22 14 25 14 C27 14 28.2 15 29 16.5 C29.8 15 31 14 33 14 C36 14 38 16 38 19 C38 25 29 32 29 32Z\" fill=\"#FF8C00\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Human Values Sought<\/span>\r\n        <\/div>\r\n\r\n        <!-- 9 \u2014 Chemins de Transformation : personnage qui monte des marches -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">9<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Marches (orange) montant de gauche \u00e0 droite -->\r\n              <path d=\"M4 54 L4 44 L16 44 L16 34 L28 34 L28 24 L40 24 L40 14 L54 14\" stroke=\"#FF8C00\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n              <!-- Personnage courant (navy) sur la marche haute -->\r\n              <circle cx=\"46\" cy=\"8\" r=\"4.5\" fill=\"#0B3C5D\"\/>\r\n              <line x1=\"44\" y1=\"12.5\" x2=\"40\" y2=\"22\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"42\" y1=\"16\" x2=\"36\" y2=\"14\" stroke=\"#0B3C5D\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"40\" y1=\"22\" x2=\"44\" y2=\"30\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"40\" y1=\"22\" x2=\"34\" y2=\"28\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Paths of Transformation<\/span>\r\n        <\/div>\r\n\r\n        <!-- 10 \u2014 Pactes et Serments : placeholder (logo \u00e0 ins\u00e9rer) -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">10<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/les_pactes_et_les_serments-removebg-preview.png\"\r\n                 alt=\"CPI Milestone 10 \u2013 OSE Pacts and Oaths: solemn commitments of ambassadors and partner clubs\"\r\n                 style=\"width:58px;height:58px;object-fit:contain;\">\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Pacts and Oaths<\/span>\r\n        <\/div>\r\n\r\n        <!-- 11 \u2014 Fruits Esp\u00e9r\u00e9s : arbre avec fruits orange -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">11<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Tronc -->\r\n              <rect x=\"25\" y=\"36\" width=\"8\" height=\"18\" rx=\"3\" fill=\"#0B3C5D\"\/>\r\n              <!-- Couronne ronde -->\r\n              <circle cx=\"29\" cy=\"24\" r=\"18\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" fill=\"none\"\/>\r\n              <!-- Branches int\u00e9rieures -->\r\n              <line x1=\"29\" y1=\"36\" x2=\"29\" y2=\"16\" stroke=\"#0B3C5D\" stroke-width=\"1.8\"\/>\r\n              <line x1=\"29\" y1=\"26\" x2=\"16\" y2=\"20\" stroke=\"#0B3C5D\" stroke-width=\"1.5\"\/>\r\n              <line x1=\"29\" y1=\"26\" x2=\"42\" y2=\"20\" stroke=\"#0B3C5D\" stroke-width=\"1.5\"\/>\r\n              <!-- Fruits (orange) dans la couronne -->\r\n              <circle cx=\"20\" cy=\"18\" r=\"3.5\" fill=\"#FF8C00\"\/>\r\n              <circle cx=\"34\" cy=\"15\" r=\"3.5\" fill=\"#FF8C00\"\/>\r\n              <circle cx=\"22\" cy=\"28\" r=\"3.5\" fill=\"#FF8C00\"\/>\r\n              <!-- Fruits tomb\u00e9s au sol -->\r\n              <circle cx=\"14\" cy=\"54\" r=\"3\" fill=\"#FF8C00\" opacity=\".7\"\/>\r\n              <circle cx=\"29\" cy=\"55\" r=\"3\" fill=\"#FF8C00\" opacity=\".7\"\/>\r\n              <circle cx=\"44\" cy=\"54\" r=\"3\" fill=\"#FF8C00\" opacity=\".7\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Hoped-For Fruits<\/span>\r\n        <\/div>\r\n\r\n        <!-- 12 \u2014 Horizon d'OSE : soleil orange se levant sur l'horizon -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">12<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Ligne d'horizon -->\r\n              <line x1=\"2\" y1=\"40\" x2=\"56\" y2=\"40\" stroke=\"#FF8C00\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/>\r\n              <!-- Demi-cercle soleil -->\r\n              <path d=\"M10 40 A19 19 0 0 1 48 40\" fill=\"#FF8C00\" opacity=\".25\"\/>\r\n              <path d=\"M10 40 A19 19 0 0 1 48 40\" stroke=\"#FF8C00\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n              <!-- Rayons du soleil -->\r\n              <line x1=\"29\" y1=\"21\" x2=\"29\" y2=\"13\" stroke=\"#FF8C00\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"44\" y1=\"25\" x2=\"49\" y2=\"19\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"14\" y1=\"25\" x2=\"9\"  y2=\"19\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"50\" y1=\"36\" x2=\"56\" y2=\"32\" stroke=\"#FF8C00\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"8\"  y1=\"36\" x2=\"2\"  y2=\"32\" stroke=\"#FF8C00\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"38\" y1=\"19\" x2=\"42\" y2=\"12\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"20\" y1=\"19\" x2=\"16\" y2=\"12\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">The Horizon of OSE<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 6 \u2014 BANDE \"REP\u00c8RE COMMUN\"                            -->\r\n  <!--  Boussole + Livre : placeholders \u00e0 remplir                   -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-band\">\r\n    <div class=\"cpi00-band-inner\">\r\n\r\n      <div class=\"cpi00-band-compass-ph\">\r\n        <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n        <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/boussole_de_la_carte_d_identite_planetaire-removebg-preview.png\"\r\n             alt=\"Compass, a metaphor for the OSE Planetary Identity Card, a common reference point shared by all members\">\r\n      <\/div>\r\n\r\n      <div class=\"cpi00-band-text\">\r\n        <h3>This Planetary Identity Card will become <em>a common reference point. A shared point of reference. A compass.<\/em><\/h3>\r\n        <p>It will accompany OSE's development across time, generations and countries. As new young people, new families, new clubs, new sporting institutions, new associations and new partners join the adventure, it will serve as a common reference point. A shared point of reference. A compass.<\/p>\r\n        <p>Its ambition is not to confine OSE within a fixed definition. Its ambition is at once simpler and more demanding: <span class=\"gold\">To enable OSE to remain true to what gave it life.<\/span><\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cpi00-band-book-ph\">\r\n        <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n        <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/document_de_la_carte_d_identite_planetaire-removebg-preview.png\"\r\n             alt=\"OSE Planetary Identity Card book \u2013 institutional compass and shared reference across generations and countries\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 7 \u2014 NOS CONVICTIONS FONDAMENTALES                   -->\r\n  <!--  Les 4 ic\u00f4nes + globe = placeholders \u00e0 ins\u00e9rer               -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-conv\">\r\n    <div class=\"cpi00-conv-inner\">\r\n      <h2 class=\"cpi00-sec-title\">Our Core Convictions<\/h2>\r\n\r\n      <!-- 4 colonnes convictions -->\r\n      <div class=\"cpi00-conv-grid\">\r\n\r\n        <!-- CONVICTION 1 -->\r\n        <div class=\"cpi00-conv-item\">\r\n          <div class=\"cpi00-conv-icon-ph\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_conviction_de_l_etre_humain-removebg-preview.png\"\r\n                 alt=\"Illustration of OSE's 1st core conviction: human beings are called not only to live, but to truly exist\">\r\n          <\/div>\r\n          <p class=\"cpi00-conv-text\">The conviction that human beings are called not only to live, but to truly exist.<\/p>\r\n        <\/div>\r\n\r\n        <!-- CONVICTION 2 -->\r\n        <div class=\"cpi00-conv-item\">\r\n          <div class=\"cpi00-conv-icon-ph\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_conviction_du_sport-removebg-preview.png\"\r\n                 alt=\"Illustration of OSE's 2nd core conviction: sport as a remarkable school of human existence\">\r\n          <\/div>\r\n          <p class=\"cpi00-conv-text\">The conviction that sport can be a remarkable school of life.<\/p>\r\n        <\/div>\r\n\r\n        <!-- CONVICTION 3 -->\r\n        <div class=\"cpi00-conv-item\">\r\n          <div class=\"cpi00-conv-icon-ph\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_conviction_des_personnes_par_leurs_empruntes-removebg-preview.png\"\r\n                 alt=\"Illustration of OSE's 3rd core conviction: every person has a unique value to bring to the world\">\r\n          <\/div>\r\n          <p class=\"cpi00-conv-text\">The conviction that every person has a unique value to bring to the world.<\/p>\r\n        <\/div>\r\n\r\n        <!-- CONVICTION 4 -->\r\n        <div class=\"cpi00-conv-item\">\r\n          <div class=\"cpi00-conv-icon-ph\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_conviction_a_aider_les_gens_a_devenir_eux_memes-removebg-preview.png\"\r\n                 alt=\"Illustration of OSE's 4th core conviction: by helping everyone grow, we modestly contribute to the growth of Humanity\">\r\n          <\/div>\r\n          <p class=\"cpi00-conv-text\">Finally, the conviction that by helping each person become more fully themselves, it is possible to contribute, modestly but genuinely, to the growth of Humanity.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Bande r\u00e9sum\u00e9 3 cellules -->\r\n      <div class=\"cpi00-conv-bottom\">\r\n\r\n        <div class=\"cpi00-conv-btm-cell\">\r\n          <p class=\"cpi00-conv-btm-txt\">This is the purpose<br>of this Planetary Identity Card.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cpi00-conv-btm-cell\">\r\n          <div class=\"cpi00-conv-globe-ph\">\r\n            <!-- REPLACE THIS LINK WITH YOUR OSE PHOTO -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/carte_d_identite_planetaire-removebg-preview.png\"\r\n                 alt=\"OSE globe, symbol of the universal intention and hope behind the Planetary Identity Card\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cpi00-conv-btm-cell\">\r\n          <div class=\"cpi00-conv-right-block\">\r\n            <p class=\"cpi00-conv-right-txt\">This is its intention.<\/p>\r\n            <p class=\"cpi00-conv-right-txt\">This is its hope.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n\r\n<\/div>\r\n<!-- ================================================================ -->\r\n<!-- FIN \u2014 CPI 00 CARTE D'IDENTIT\u00c9 PLAN\u00c9TAIRE (VERSION 3)             -->\r\n<!-- Pr\u00e9fixe .cpi00-  |  WPML-safe  |  Police augment\u00e9e              -->\r\n<!-- ================================================================ -->\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>ThePlanetaryIdentityCard A compass to grow,act and contribute. &#8220; Every human being who grows eventually asks an essential question: Who am I, objectively? And, even more deeply: What is my purpose? Human organisations are no exception to this same questioning. Every organisation that grows is eventually confronted with an essential question: Who are we? And, even [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":817,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-821","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/821","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=821"}],"version-history":[{"count":5,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/821\/revisions"}],"predecessor-version":[{"id":1888,"href":"https:\/\/ose-echange.org\/en\/wp-json\/wp\/v2\/pages\/821\/revisions\/1888"}],"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=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}