{"id":69500,"date":"2026-10-19T03:43:12","date_gmt":"2026-10-19T08:43:12","guid":{"rendered":"https:\/\/osteomag.ca\/?page_id=69500"},"modified":"2026-10-19T03:43:12","modified_gmt":"2026-10-19T08:43:12","slug":"osteorespire","status":"publish","type":"page","link":"https:\/\/osteomag.ca\/fr\/osteorespire\/","title":{"rendered":"OsteoRespire"},"content":{"rendered":"\n<style>\nbody.page-id-69500 .td-main-content-wrap{padding-top:24px;background:#f6f8f7}body.page-id-69500 .td-container{max-width:1280px;width:calc(100% - 40px)}body.page-id-69500 .td-main-content{width:100%}body.page-id-69500 .td-main-sidebar,body.page-id-69500 .td-page-title,body.page-id-69500 .td-page-header,body.page-id-69500 .td-crumb-container,body.page-id-69500 #ez-toc-container{display:none!important}body.page-id-69500 .td-pb-row>[class*=td-pb-span]{padding-left:0;padding-right:0}body.page-id-69500 .td-page-content{padding-bottom:0}\n.or-page{--or-ink:#132f3c;--or-teal:#5eb4ba;--or-light:#e8f4f2;color:var(--or-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.65}.or-page *{box-sizing:border-box}.or-page p{font:inherit;margin:0}.or-page a{text-decoration:none}.or-page h1,.or-page h2,.or-page h3{font-family:inherit;margin:0;letter-spacing:-.035em;line-height:1.15}.or-page svg{display:block;width:100%;height:auto}.or-page a:focus-visible,.or-page summary:focus-visible{outline:3px solid #267780;outline-offset:6px}.or-trail{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#667a81;font-size:12px;letter-spacing:.06em}.or-trail a{color:#42626d}.or-trail span:last-child{color:#153e49;font-weight:700}.or-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;overflow:hidden;border-radius:28px;background:#102c3b;background:radial-gradient(ellipse at 85% 20%,#265a62 0,transparent 55%),#102c3b;color:#eef7f6;padding:54px 48px 38px;gap:16px;box-shadow:0 18px 50px #183e4815}.or-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(#8dc9c9 1px,transparent 1px),linear-gradient(90deg,#8dc9c9 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000)}.or-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.or-kicker i{width:7px;height:7px;background:#8ed4cf;border-radius:50%;box-shadow:0 0 0 5px #80c9c91c}.or-page .or-hero h1{font-size:clamp(42px,5vw,70px);font-weight:650;letter-spacing:-.06em;color:#fff;margin:25px 0 16px}.or-hero h1 span{color:#8fd5d1}.or-page .or-tagline{font-family:Georgia,serif;font-size:clamp(28px,3.4vw,43px);line-height:1.17;letter-spacing:-.025em;color:#cfe8e6;max-width:500px}.or-page .or-lead{font-size:15px;line-height:1.8;color:#b9d3d8;max-width:440px;margin:24px 0}.or-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin:26px 0 18px}.or-button{display:inline-flex;align-items:center;gap:23px;padding:15px 21px;border-radius:8px;background:#b1e8df;color:#102e3b!important;font-size:14px;font-weight:750;box-shadow:0 4px 20px #0002;transition:background .2s,transform .2s}.or-button:hover{background:#d0f5ed;transform:translateY(-2px)}.or-text-link{color:#e1f1ef!important;border-bottom:1px solid #7b9ea6;padding:4px 0;font-size:13px}.or-page .or-micro{color:#a9c7cf;font-size:11px;letter-spacing:.03em}.or-visual{position:relative;margin:0;min-width:0}.or-visual figcaption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#a3c6cb;margin:0}.or-hero-footer{grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:28px;padding-top:23px;border-top:1px solid #ffffff24;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b7d4d9}.or-hero-footer strong{color:#e7f7f5;font-size:14px;margin-right:7px}.or-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;padding:58px 12px 30px;align-items:end}.or-label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.18em;font-weight:750;color:#397882;margin-bottom:12px}.or-page h2{font-size:clamp(27px,3vw,36px);font-weight:600}.or-intro p{color:#5a707a;font-size:15px;max-width:640px}.or-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:0 0 48px}.or-topic{padding:26px 25px;background:#fff;border:1px solid #dfe9e9;border-radius:16px}.or-number{font-size:11px;letter-spacing:.1em;color:#357982;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.or-number span{color:#72969c;font-size:22px;line-height:1}.or-page h3{font-size:20px;font-weight:650;margin-bottom:12px}.or-topic p{color:#58707a;font-size:13px;line-height:1.75}.or-explorer{scroll-margin-top:95px;border-top:1px solid #d7e5e5;padding-top:36px}.or-explorer-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;margin:0 12px 22px}.or-explorer-head p{font-size:12px;color:#5d7780;max-width:300px;text-align:right}.or-page .osteorespire-embed{margin:0!important;border-radius:18px;overflow:hidden;box-shadow:0 15px 50px #173d4210;border:1px solid #dce7e7;background:#fff}.or-help{scroll-margin-top:95px;padding:44px 12px 40px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}.or-page .or-help h2{font-size:29px}.or-steps{list-style:none!important;padding:0!important;margin:0!important;counter-reset:or-step}.or-steps li{counter-increment:or-step;position:relative;padding:0 0 22px 45px;margin:0}.or-steps li:before{content:counter(or-step,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:11px;letter-spacing:.08em;color:#317884;background:#e1efed;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.or-steps strong{font-size:14px;font-weight:750;display:block;margin-bottom:4px}.or-steps p{font-size:13px;color:#5c727b}.or-note{background:#e9f0ed;border:1px solid #dce6df;border-radius:14px;padding:23px 28px;display:grid;grid-template-columns:190px 1fr;gap:22px;margin-bottom:25px}.or-note strong{font-size:14px;line-height:1.5}.or-note p{font-size:12px;color:#526c72;line-height:1.8}.or-back{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:7px 12px 30px;font-size:12px;color:#67828a}.or-back a{color:#267780;border-bottom:1px solid #b7d5d3}.or-page .or-schematic{transform-origin:250px 250px;animation:or-breathe 6s ease-in-out infinite}@keyframes or-breathe{50%{transform:scale(1.025)}}\n@media(max-width:1000px){.or-hero{padding:38px 30px 28px}.or-hero h1{font-size:50px}.or-intro{gap:25px}.or-topic{padding:22px 19px}}@media(max-width:700px){body.page-id-69500 .td-container{width:calc(100% - 24px)}.or-hero{grid-template-columns:1fr;padding:32px 24px 25px;border-radius:20px}.or-page .or-hero h1{font-size:48px}.or-page .or-tagline{font-size:32px}.or-visual{max-width:360px;margin:0 auto;width:100%}.or-hero-footer{margin-top:10px;gap:12px}.or-hero-footer span{font-size:10px}.or-intro{grid-template-columns:1fr;padding:35px 4px 22px;gap:18px}.or-topics{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.or-topic{padding:23px}.or-number{margin-bottom:12px}.or-help{grid-template-columns:1fr;gap:24px;padding:34px 5px 20px}.or-explorer-head{display:block;margin-left:4px}.or-explorer-head p{text-align:left;margin-top:12px}.or-note{grid-template-columns:1fr;gap:8px;padding:22px}.or-trail{font-size:10px;gap:7px}.or-page .osteorespire-embed{border-radius:12px}.or-page h2{font-size:29px}}\n@media(prefers-reduced-motion:reduce){.or-page .or-schematic{animation:none}.or-button{transition:none}}\n<\/style>\n<div class=\"or-page\" id=\"osteorespire-page\">\n<nav class=\"or-trail\" aria-label=\"Fil d\u2019Ariane\"><a href=\"https:\/\/osteomag.ca\/fr\/\">Accueil<\/a><span aria-hidden=\"true\">\/<\/span><a href=\"https:\/\/osteomag.ca\/fr\/osteointeractif\/\">OsteoInteractif<\/a><span aria-hidden=\"true\">\/<\/span><span aria-current=\"page\">OsteoRespire<\/span><\/nav>\n<section class=\"or-hero\" aria-labelledby=\"or-title\">\n<div><div class=\"or-kicker\"><i aria-hidden=\"true\"><\/i> OsteoMag \u00b7 Anatomie en mouvement<\/div><h1 id=\"or-title\"><span class=\"ez-toc-section\" id=\"OsteoRespire\"><\/span>Osteo<span>Respire<\/span><span class=\"ez-toc-section-end\"><\/span><\/h1><p class=\"or-tagline\">Le mouvement du souffle,<br>de l\u2019int\u00e9rieur.<\/p><p class=\"or-lead\">Explorez les liens entre le diaphragme, le thorax et le bassin dans un mod\u00e8le 3D que vous pouvez faire tourner, ralentir et observer sous tous les angles.<\/p><div class=\"or-actions\"><a class=\"or-button\" href=\"#or-explorer\">Explorer le mod\u00e8le 3D <span aria-hidden=\"true\">\u2197<\/span><\/a><a class=\"or-text-link\" href=\"#or-guide\">Prendre en main<\/a><\/div><p class=\"or-micro\">Animation p\u00e9dagogique \u00b7 Directement dans votre navigateur<\/p><\/div>\n<figure class=\"or-visual\"><svg viewBox=\"0 0 500 450\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-labelledby=\"or-svg-title\"><title id=\"or-svg-title\">Illustration sch\u00e9matique du thorax, du diaphragme et du bassin<\/title><defs><radialGradient id=\"or-glow\"><stop stop-color=\"#7fd6cc\" stop-opacity=\".18\"\/><stop offset=\"1\" stop-color=\"#7fd6cc\" stop-opacity=\"0\"\/><\/radialGradient><linearGradient id=\"or-lung\" x2=\"1\" y2=\"1\"><stop stop-color=\"#b2e8df\" stop-opacity=\".48\"\/><stop offset=\"1\" stop-color=\"#5eb4ba\" stop-opacity=\".07\"\/><\/linearGradient><linearGradient id=\"or-diaphragm\" x2=\"0\" y2=\"1\"><stop stop-color=\"#a4e5d6\" stop-opacity=\".65\"\/><stop offset=\"1\" stop-color=\"#6cbdbb\" stop-opacity=\".12\"\/><\/linearGradient><\/defs><circle cx=\"250\" cy=\"220\" r=\"220\" fill=\"url(#or-glow)\"\/><g fill=\"none\" stroke=\"#91cacb\" stroke-opacity=\".13\"><circle cx=\"250\" cy=\"215\" r=\"182\"\/><circle cx=\"250\" cy=\"215\" r=\"145\"\/><path d=\"M250 17v395M42 215h416\" stroke-dasharray=\"3 9\"\/><\/g><g class=\"or-schematic\"><path d=\"M221 46v25c-17 23-77 14-92 52-20 52 5 110 7 157 1 35-12 58-14 78m157-312v25c17 23 77 14 92 52 20 52-5 110-7 157-1 35 12 58 14 78\" fill=\"none\" stroke=\"#aacdcc\" stroke-width=\"2\" stroke-opacity=\".7\"\/><path d=\"M241 67v56l-22 29m40-85v56l22 29\" fill=\"none\" stroke=\"#bddfd9\" stroke-width=\"7\" stroke-linecap=\"round\"\/><path d=\"M226 125c-21-29-46-17-59 9-17 32-17 63-12 99 29 5 54-2 75-14l-5-51zM274 125c21-29 46-17 59 9 17 32 17 63 12 99-29 5-54-2-75-14l5-51z\" fill=\"url(#or-lung)\" stroke=\"#94d2cc\" stroke-width=\"1.3\"\/><g fill=\"none\" stroke=\"#d1e6dc\" stroke-width=\"2\" stroke-opacity=\".55\"><path d=\"M250 127c-29-26-62-31-86-9m86 9c29-26 62-31 86-9M250 150c-37-23-72-23-91-6m91 6c37-23 72-23 91-6M250 173c-37-19-77-19-95-5m95 5c37-19 77-19 95-5M250 195c-37-15-75-15-94-3m94 3c37-15 75-15 94-3M250 216c-36-8-71-10-91-2m91 2c36-8 71-10 91-2\"\/><\/g><path d=\"M150 252q44-47 90-22l10 5 10-5q46-25 90 22c-46 9-77 9-100 4-23 5-54 5-100-4z\" fill=\"url(#or-diaphragm)\" stroke=\"#9be0d5\" stroke-width=\"2.5\"\/><path d=\"M150 272q44-47 90-22l10 5 10-5q46-25 90 22\" fill=\"none\" stroke=\"#91dbd1\" stroke-width=\"1.2\" stroke-dasharray=\"5 6\" opacity=\".45\"\/><path d=\"M140 315c-18-12-27-2-19 24 10 33 33 47 69 49l30-20m140-53c18-12 27-2 19 24-10 33-33 47-69 49l-30-20M190 388l41 14h38l41-14\" fill=\"none\" stroke=\"#dfdfc8\" stroke-width=\"5\" stroke-linecap=\"round\" opacity=\".75\"\/><path d=\"M174 354q76 49 152 0l-18 25q-58 29-116 0z\" fill=\"#68bcb8\" fill-opacity=\".3\" stroke=\"#9ce0d5\" stroke-width=\"2\"\/><g fill=\"none\" stroke=\"#94e2d7\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M202 268v32m-7-7 7 7 7-7M298 268v32m-7-7 7 7 7-7M250 374v28m-7-7 7 7 7-7\"\/><\/g><\/g><g font-family=\"system-ui,sans-serif\" font-size=\"10\" fill=\"#c0dfdf\" letter-spacing=\"1.4\"><path d=\"M344 245h57\" stroke=\"#8fc5c7\" stroke-width=\"1\"\/><text x=\"346\" y=\"232\">DIAPHRAGME<\/text><path d=\"M101 365h65\" stroke=\"#8fc5c7\" stroke-width=\"1\"\/><text x=\"35\" y=\"344\">PLANCHER<\/text><text x=\"35\" y=\"358\">PELVIEN<\/text><\/g><circle cx=\"401\" cy=\"245\" r=\"3\" fill=\"#b0e9df\"\/><circle cx=\"101\" cy=\"365\" r=\"3\" fill=\"#b0e9df\"\/><\/svg><figcaption>Comprendre les relations \u00b7 Observer les mouvements<\/figcaption><\/figure>\n<div class=\"or-hero-footer\"><span><strong>3D<\/strong> Exploration libre<\/span><span><strong>\u2195<\/strong> Vecteurs de d\u00e9placement<\/span><span><strong>\u25cc<\/strong> Posture &amp; respiration<\/span><\/div>\n<\/section>\n<section aria-labelledby=\"or-discover\"><div class=\"or-intro\"><div><span class=\"or-label\">Un souffle, plusieurs mouvements<\/span><h2 id=\"or-discover\"><span class=\"ez-toc-section\" id=\"Voir_ce_qui_se_coordonne\"><\/span>Voir ce qui se coordonne.<span class=\"ez-toc-section-end\"><\/span><\/h2><\/div><p>Suivez un cycle respiratoire, d\u00e9voilez les structures et comparez les postures. Chaque r\u00e9glage ouvre une nouvelle fa\u00e7on de lire le mouvement.<\/p><\/div><div class=\"or-topics\"><article class=\"or-topic\"><div class=\"or-number\">01 \/ RESPIRATION <span aria-hidden=\"true\">\u2195<\/span><\/div><h3><span class=\"ez-toc-section\" id=\"Suivre_le_souffle\"><\/span>Suivre le souffle<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Observez les coupoles du diaphragme et le plancher pelvien. Les fl\u00e8ches turquoise rendent le sens du d\u00e9placement visible.<\/p><\/article><article class=\"or-topic\"><div class=\"or-number\">02 \/ ANATOMIE <span aria-hidden=\"true\">\u25c9<\/span><\/div><h3><span class=\"ez-toc-section\" id=\"Voir_sous_la_surface\"><\/span>Voir sous la surface<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Faites tourner le mod\u00e8le, masquez des couches et explorez les d\u00e9formations souples de l\u2019intestin et du c\u00f4lon. Activez le p\u00e9ristaltisme s\u00e9par\u00e9ment.<\/p><\/article><article class=\"or-topic\"><div class=\"or-number\">03 \/ POSTURE <span aria-hidden=\"true\">\u2197<\/span><\/div><h3><span class=\"ez-toc-section\" id=\"Comparer_le_thorax\"><\/span>Comparer le thorax<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Ajustez la cyphose dorsale et l\u2019arrondissement des \u00e9paules. Comparez les postures et activez le sc\u00e9nario d\u2019expansion thoracique limit\u00e9e.<\/p><\/article><\/div><\/section>\n<section class=\"or-explorer\" id=\"or-explorer\" aria-labelledby=\"or-explorer-title\"><div class=\"or-explorer-head\"><div><span class=\"or-label\">L\u2019atelier interactif<\/span><h2 id=\"or-explorer-title\"><span class=\"ez-toc-section\" id=\"A_vous_dexplorer\"><\/span>\u00c0 vous d\u2019explorer.<span class=\"ez-toc-section-end\"><\/span><\/h2><\/div><p>Glisser pour tourner \u00b7 Pincer ou utiliser la molette pour zoomer<\/p><\/div>\n\n<div class=\"osteorespire-embed\" style=\"width:100%;max-width:1400px;margin:24px auto\"><iframe data-osteorespire title=\"OsteoRespire : atelier anatomique de la respiration\" src=\"https:\/\/osteomag.ca\/wp-content\/plugins\/osteorespire\/app\/index.html?autoplay=1&#038;v=1.0.0\" width=\"100%\" height=\"920\" loading=\"lazy\" allow=\"fullscreen\" allowfullscreen style=\"display:block;width:100%;border:0;border-radius:18px;background:#f4f8f8\"><\/iframe><noscript>Activez JavaScript pour explorer le mod\u00e8le 3D OsteoRespire.<\/noscript><\/div>\n\n\n<\/section>\n<section class=\"or-help\" id=\"or-guide\" aria-labelledby=\"or-guide-title\"><div><span class=\"or-label\">Premiers gestes<\/span><h2 id=\"or-guide-title\"><span class=\"ez-toc-section\" id=\"Trois_facons_de_commencer\"><\/span>Trois fa\u00e7ons<br>de commencer.<span class=\"ez-toc-section-end\"><\/span><\/h2><\/div><ol class=\"or-steps\"><li><strong>Arr\u00eatez le temps.<\/strong><p>Mettez l\u2019animation en pause, puis d\u00e9placez le curseur du cycle pour comparer l\u2019inspiration et l\u2019expiration.<\/p><\/li><li><strong>Changez de point de vue.<\/strong><p>Choisissez \u00ab Profil \u00bb ou \u00ab Bassin \u00bb, puis ouvrez l\u2019onglet \u00ab Anatomie \u00bb pour ajuster les couches, l\u2019opacit\u00e9 ou la coupe sagittale.<\/p><\/li><li><strong>Explorez une autre posture.<\/strong><p>Dans \u00ab Posture \u00bb, ajustez le dos et les \u00e9paules. Utilisez \u00ab Comparer les postures \u00bb pour afficher la r\u00e9f\u00e9rence.<\/p><\/li><\/ol><\/section>\n<aside class=\"or-note\"><strong>Un mod\u00e8le pour comprendre.<\/strong><p>Animation p\u00e9dagogique sch\u00e9matique. Les amplitudes varient selon la personne, la posture et la profondeur respiratoire. Les r\u00e9glages illustrent des mouvements possibles et ne mesurent pas la fonction pulmonaire. Les limites et les sources sont accessibles sous le mod\u00e8le.<\/p><\/aside>\n<div class=\"or-back\"><a href=\"https:\/\/osteomag.ca\/fr\/osteointeractif\/\">\u2190 D\u00e9couvrir les autres outils OsteoInteractif<\/a><span>OsteoMag \u00b7 Comprendre le corps en mouvement<\/span><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Explorez le mouvement du souffle en 3D : diaphragme, plancher pelvien, mobilit\u00e9 visc\u00e9rale et posture.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tdm_status":"","tdm_grid_status":"","footnotes":""},"class_list":["post-69500","page","type-page","status-publish"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/osteomag.ca\/fr\/wp-json\/wp\/v2\/pages\/69500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osteomag.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osteomag.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osteomag.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osteomag.ca\/fr\/wp-json\/wp\/v2\/comments?post=69500"}],"version-history":[{"count":1,"href":"https:\/\/osteomag.ca\/fr\/wp-json\/wp\/v2\/pages\/69500\/revisions"}],"predecessor-version":[{"id":69501,"href":"https:\/\/osteomag.ca\/fr\/wp-json\/wp\/v2\/pages\/69500\/revisions\/69501"}],"wp:attachment":[{"href":"https:\/\/osteomag.ca\/fr\/wp-json\/wp\/v2\/media?parent=69500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}