Contenu du cours
Agrafeuses et Sutures
<!-- WP ID: 679 | Module: instrumentations | v3.0 --> <style> /* ═══════════════════════════════════════════════ IBODE ACADEMY — Design System v3.0 (Mars 2026) CSS scopé pour injection dans post_content WP → :root remplacé par .lesson-wrapper → body remplacé par .lesson-wrapper Template Grade A · Guardian v2 compatible ═══════════════════════════════════════════════ */ .lesson-wrapper { /* ── Couleurs module — overridées par chaque leçon ── */ --module: #455A64; --module-light: #eceff1; --module-mid: #37474F; --enc-astuce-bg: rgba(59,130,246,0.08); --enc-astuce-bord: rgba(59,130,246,0.35); --enc-securite-bg: rgba(245,158,11,0.08); --enc-securite-bord: rgba(245,158,11,0.35); --enc-erreur-bg: rgba(239,68,68,0.08); --enc-erreur-bord: rgba(239,68,68,0.35); --enc-legal-bg: rgba(16,185,129,0.08); --enc-legal-bord: rgba(16,185,129,0.35); --enc-mnemot-bg: rgba(139,92,246,0.08); --enc-mnemot-bord: rgba(139,92,246,0.35); --enc-approfond-bg: rgba(100,116,139,0.08); --enc-approfond-bord:rgba(100,116,139,0.35); --anat-os:#E8B86D; --anat-muscle:#D4856A; --anat-artere:#C99A9A; --anat-veine:#2C5F7C; --anat-nerf:#B8A5C6; --anat-ligament:#A8C6A5; --font-main: 'Plus Jakarta Sans', sans-serif; --font-serif: 'Crimson Pro', serif; --bg-primary:#f8fafc; --bg-secondary:#ffffff; --text-primary:#0f172a; --text-secondary:#475569; --text-muted:#94a3b8; --border:#e2e8f0; --shadow-sm:0 1px 3px rgba(0,0,0,0.06); --shadow-md:0 4px 16px rgba(0,0,0,0.08); --shadow-lg:0 8px 32px rgba(0,0,0,0.10); --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; /* ── Layout de base (remplace body) ── */ font-family: var(--font-main); color: var(--text-primary); line-height: 1.7; font-size: 16px; max-width: 860px; margin: 0 auto; padding: 0 1.5rem 4rem; box-sizing: border-box; } .lesson-wrapper *, .lesson-wrapper *::before, .lesson-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ── Header ── */ .lesson-wrapper .lesson-header { position: relative; background: linear-gradient(135deg, var(--module) 0%, var(--module-mid) 100%); border-radius: 0 0 var(--radius-xl) var(--radius-xl); padding: 3rem 2rem 2rem; color: #fff; overflow: hidden; margin-bottom: 2rem; box-shadow: var(--shadow-lg); } .lesson-wrapper .lesson-header::before { content: '🔧'; position: absolute; top: -10px; right: 20px; font-size: 120px; opacity: 0.08; line-height: 1; pointer-events: none; } .lesson-wrapper .lesson-header::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); } .lesson-wrapper .lesson-header h1 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.5rem; position: relative; } .lesson-wrapper .lesson-header .subtitle { font-size: 1rem; opacity: 0.85; margin-bottom: 1.2rem; position: relative; } .lesson-wrapper .meta-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; position: relative; } .lesson-wrapper .badge { display: inline-flex; align-items: center; gap: 0.3rem; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(8px); border-radius: 100px; padding: 4px 12px; font-size: 0.75rem; font-weight: 600; color: #fff; white-space: nowrap; } /* ── Barre progression ── */ .lesson-wrapper .progress-section { height: 5px; background: var(--border); border-radius: 3px; margin-bottom: 2.5rem; overflow: hidden; } .lesson-wrapper .progress-fill { height: 100%; background: linear-gradient(90deg, var(--module), var(--module-mid)); border-radius: 3px; width: 0%; transition: width 1.2s ease; } /* ── Typographie ── */ .lesson-wrapper h2 { font-size: 1.25rem; font-weight: 700; color: var(--text-primary); margin: 2.5rem 0 1rem; padding-bottom: 0.6rem; border-bottom: 2px solid var(--module-light); display: flex; align-items: center; gap: 0.5rem; } .lesson-wrapper h2::before { content: ''; display: inline-block; width: 4px; height: 1.2em; background: var(--module); border-radius: 2px; flex-shrink: 0; } .lesson-wrapper h3 { font-size: 1.05rem; font-weight: 700; color: var(--module); margin: 1.8rem 0 0.6rem; } .lesson-wrapper p { margin-bottom: 0.9rem; color: var(--text-secondary); line-height: 1.75; } .lesson-wrapper strong { color: var(--text-primary); font-weight: 700; } .lesson-wrapper em { font-family: var(--font-serif); font-style: italic; } .lesson-wrapper ul, .lesson-wrapper ol { padding-left: 1.5rem; margin-bottom: 1rem; color: var(--text-secondary); } .lesson-wrapper li { margin-bottom: 0.35rem; line-height: 1.65; } .lesson-wrapper .src { font-size: 0.78rem; color: var(--text-muted); font-style: italic; background: #f1f5f9; border-radius: 4px; padding: 1px 6px; white-space: nowrap; } /* ── Tableau ── */ .lesson-wrapper .table-wrapper { overflow-x: auto; margin-bottom: 1.5rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .lesson-wrapper table { width: 100%; border-collapse: collapse; font-size: 0.88rem; background: var(--bg-secondary); } .lesson-wrapper th { background: var(--module); color: #fff; padding: 0.7rem 1rem; text-align: left; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.03em; } .lesson-wrapper td { padding: 0.65rem 1rem; border-bottom: 1px solid var(--border); color: var(--text-secondary); } .lesson-wrapper tr:last-child td { border-bottom: none; } .lesson-wrapper tr:nth-child(even) td { background: #f8fafc; } /* ── Encadrés glassmorphisme ── */ .lesson-wrapper .encadre { border-radius: var(--radius-lg); padding: 1.25rem 1.4rem; margin: 1.2rem 0; border: 1px solid; position: relative; overflow: hidden; backdrop-filter: blur(12px) saturate(160%); -webkit-backdrop-filter: blur(12px) saturate(160%); transition: transform 0.2s ease, box-shadow 0.2s ease; } .lesson-wrapper .encadre:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); } .lesson-wrapper .encadre::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); } .lesson-wrapper .enc-header { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.6rem; } .lesson-wrapper .enc-icon { width: 30px; height: 30px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .lesson-wrapper .enc-title { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; } .lesson-wrapper .enc-body { font-size: 0.9rem; line-height: 1.7; } .lesson-wrapper .enc-astuce { background: var(--enc-astuce-bg); border-color: var(--enc-astuce-bord); box-shadow: 0 2px 12px rgba(59,130,246,0.08); } .lesson-wrapper .enc-securite { background: var(--enc-securite-bg); border-color: var(--enc-securite-bord); box-shadow: 0 2px 12px rgba(245,158,11,0.08); } .lesson-wrapper .enc-erreur { background: var(--enc-erreur-bg); border-color: var(--enc-erreur-bord); box-shadow: 0 2px 12px rgba(239,68,68,0.08); } .lesson-wrapper .enc-legal { background: var(--enc-legal-bg); border-color: var(--enc-legal-bord); box-shadow: 0 2px 12px rgba(16,185,129,0.08); } .lesson-wrapper .enc-mnemot { background: var(--enc-mnemot-bg); border-color: var(--enc-mnemot-bord); box-shadow: 0 2px 12px rgba(139,92,246,0.08); } .lesson-wrapper .enc-approfond { background: var(--enc-approfond-bg); border-color: var(--enc-approfond-bord); box-shadow: 0 2px 12px rgba(0,0,0,0.04); } .lesson-wrapper .enc-astuce .enc-icon { background: rgba(59,130,246,0.15); } .lesson-wrapper .enc-securite .enc-icon { background: rgba(245,158,11,0.15); } .lesson-wrapper .enc-erreur .enc-icon { background: rgba(239,68,68,0.15); } .lesson-wrapper .enc-legal .enc-icon { background: rgba(16,185,129,0.15); } .lesson-wrapper .enc-mnemot .enc-icon { background: rgba(139,92,246,0.15); } .lesson-wrapper .enc-approfond .enc-icon { background: rgba(100,116,139,0.15); } .lesson-wrapper .enc-astuce .enc-title { color: #1d4ed8; } .lesson-wrapper .enc-securite .enc-title { color: #b45309; } .lesson-wrapper .enc-erreur .enc-title { color: #b91c1c; } .lesson-wrapper .enc-legal .enc-title { color: #065f46; } .lesson-wrapper .enc-mnemot .enc-title { color: #6d28d9; } .lesson-wrapper .enc-approfond .enc-title { color: #475569; } .lesson-wrapper .enc-astuce .enc-body { color: #1e3a5f; } .lesson-wrapper .enc-securite .enc-body { color: #4d2600; } .lesson-wrapper .enc-erreur .enc-body { color: #4a0000; } .lesson-wrapper .enc-legal .enc-body { color: #003322; } .lesson-wrapper .enc-mnemot .enc-body { color: #2e1065; } .lesson-wrapper .enc-approfond .enc-body { color: var(--text-secondary); } .lesson-wrapper .mnemot-formula { display: inline-block; background: rgba(139,92,246,0.12); border: 1px solid rgba(139,92,246,0.3); border-radius: var(--radius-sm); padding: 0.5rem 1rem; font-size: 1rem; font-weight: 800; letter-spacing: 0.12em; color: #6d28d9; margin-top: 0.4rem; } /* ── Placeholder image ── */ .lesson-wrapper .img-placeholder { background: #f1f5f9; border: 2px dashed var(--border); border-radius: var(--radius-lg); padding: 2rem; text-align: center; color: var(--text-muted); font-size: 0.88rem; margin: 1.2rem 0; line-height: 1.6; } .lesson-wrapper .img-placeholder span { font-size: 0.75rem; display: block; margin-top: 0.3rem; } /* ── Flashcards ── */ .lesson-wrapper .flashcards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .lesson-wrapper .flashcard { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.2rem; box-shadow: var(--shadow-sm); transition: box-shadow 0.2s, transform 0.2s; } .lesson-wrapper .flashcard:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } .lesson-wrapper .fc-badge { display: inline-block; font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 100px; margin-bottom: 0.6rem; } .lesson-wrapper .fc-facile { background: #dcfce7; color: #166534; } .lesson-wrapper .fc-inter { background: #fef9c3; color: #854d0e; } .lesson-wrapper .fc-avance { background: #fee2e2; color: #991b1b; } .lesson-wrapper .fc-recto { font-size: 0.9rem; font-weight: 600; color: var(--text-primary); line-height: 1.5; margin-bottom: 0.7rem; } .lesson-wrapper .flashcard details summary { font-size: 0.78rem; font-weight: 700; color: var(--module); cursor: pointer; padding: 0.4rem 0; border-top: 1px solid var(--border); list-style: none; display: flex; align-items: center; gap: 0.4rem; } .lesson-wrapper .flashcard details summary::-webkit-details-marker { display: none; } .lesson-wrapper .flashcard details summary::before { content: '▶'; font-size: 0.6rem; transition: transform 0.2s; } .lesson-wrapper .flashcard details[open] summary::before { transform: rotate(90deg); } .lesson-wrapper .fc-verso { font-size: 0.87rem; color: var(--text-secondary); line-height: 1.65; padding-top: 0.6rem; } .lesson-wrapper .fc-mnemot { font-size: 0.78rem; color: #7c3aed; font-style: italic; margin-top: 0.4rem; padding: 0.3rem 0.6rem; background: rgba(139,92,246,0.06); border-radius: var(--radius-sm); } .lesson-wrapper .fc-source { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.3rem; } /* ── CTA quiz ── */ .lesson-wrapper .quiz-cta { background: linear-gradient(135deg, var(--module), var(--module-mid)); border-radius: var(--radius-xl); padding: 2rem; text-align: center; color: #fff; margin: 2.5rem 0; box-shadow: var(--shadow-lg); position: relative; overflow: hidden; } .lesson-wrapper .quiz-cta::before { content: '📝'; position: absolute; right: 20px; bottom: -10px; font-size: 80px; opacity: 0.1; pointer-events: none; } .lesson-wrapper .quiz-cta h3 { font-size: 1.1rem; font-weight: 800; color: #fff; margin-bottom: 0.4rem; } .lesson-wrapper .quiz-cta p { font-size: 0.88rem; opacity: 0.85; margin-bottom: 0; color: rgba(255,255,255,0.9); } /* ── Footer sources ── */ .lesson-wrapper .sources-footer { border-top: 3px solid var(--module); padding-top: 1.5rem; margin-top: 2.5rem; } .lesson-wrapper .sources-footer h2 { border-bottom-color: var(--border); } .lesson-wrapper .sources-footer ol { font-size: 0.82rem; color: var(--text-secondary); padding-left: 1.2rem; margin: 0.8rem 0 1.2rem; } .lesson-wrapper .sources-footer li { margin-bottom: 0.5rem; line-height: 1.6; } .lesson-wrapper .sources-footer a { color: var(--module); text-decoration: underline; word-break: break-all; } .lesson-wrapper .disclaimer { background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 0.8rem 1rem; font-size: 0.78rem; color: #78350f; line-height: 1.6; } /* IBODE_MULTI_INJ_START */ article .container strong, .lesson-content .container strong, div.container strong { color: #0f172a !important; font-weight: 700 !important; } .ibode-anat-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .ibode-anat-gallery figure { margin: 0; background: linear-gradient(135deg, #f8fafc, #eff6ff); border-radius: 12px; padding: 0.8rem; box-shadow: 0 4px 12px rgba(15,23,42,0.06); border: 1px solid #e2e8f0; } .ibode-anat-gallery figure img { width: 100%; height: auto; border-radius: 8px; display: block; aspect-ratio: 4/3; object-fit: contain; background: #fff; } .ibode-anat-gallery figcaption { font-size: 0.78rem; color: #475569; font-style: italic; text-align: center; margin-top: 0.5rem; } /* IBODE_MULTI_INJ_END */ </style> <div class="lesson-wrapper"> <header class="lesson-header"> <h1>Instruments de Préhension et Dissection</h1> <!-- MULTI_INJ_START:auto_679 --> <div class="ibode-anat-gallery"> <figure> <img src="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/679-famille-prehension" srcset="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_480,f_auto,q_auto/ibode-academy/grade-a/instrumentation/679-famille-prehension 480w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/679-famille-prehension 800w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_1200,f_auto,q_auto/ibode-academy/grade-a/instrumentation/679-famille-prehension 1200w" sizes="(max-width: 768px) 100vw, 280px" alt="Famille prehension" loading="lazy" /> <figcaption>Famille prehension</figcaption> </figure> </div> <!-- MULTI_INJ_END:auto_679 --> <p class="subtitle">Maîtriser la morphologie, l'usage et l'entretien des pinces et ciseaux chirurgicaux</p> <div class="meta-badges"> <span class="badge">🟡 Intermédiaire</span> <span class="badge">⏱ 30 min</span> <span class="badge">📚 UE 3</span> <span class="badge">🎯 C3 · C4</span> <span class="badge">Version 3.0 · Mars 2026</span> </div> </header> <div class="progress-section"> <div class="progress-fill" id="pf-679"></div> </div> <div class="encadre enc-approfond"> <div class="enc-header"> <div class="enc-icon">📖</div> <span class="enc-title">Auto-évaluation</span> </div> <div class="enc-body"> <ul> <li>Je distingue pince atraumatique et traumatique à la morphologie des mors</li> <li>Je connais l'usage spécifique de Babcock, Duval, Allis, Mixter</li> <li>Je maîtrise la dissection mousse vs tranchante</li> <li>Je vérifie l'état d'une pince avant stérilisation</li> </ul> </div> </div> <h2>🧠 Flashcards de révision</h2> <div class="flashcards-grid"> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Quelle est la différence entre pince et clamp ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Pince : atraumatique si possible. Clamp : traumatisme contrôlé volontaire</div> <div class="fc-mnemot">🧠 Pince tient, clamp serre</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Citez 3 pinces de préhension atraumatiques</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Babcock : organes creux. Duval : poumon. Allis : fascias solides</div> <div class="fc-mnemot">🧠 BDA = Babcock Duval Allis</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">À quoi sert une pince de Mixter ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Clamp courbe à angle droit, utilisée en chirurgie vasculaire et thoracique</div> <div class="fc-mnemot">🧠 Mixter = passage autour</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Principes de la dissection mousse vs tranchante</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Mousse respecte les plans anatomiques. Tranchante sur zones fibreuses</div> <div class="fc-mnemot">🧠 Mousse sépare, tranchante coupe</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quelle est la règle des 3 mors pour une pince ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">1 mor = traction légère. 2 mors = traction ferme. 3 mors = compression</div> <div class="fc-mnemot">🧠 1-2-3 clics progressifs</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Comment identifier une pince traumatique ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Traumatique si dents. Atraumatique si mors lisses ou striés longitudinal</div> <div class="fc-mnemot">🧠 Dents = traumatique</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Usage d'une pince porte-aiguille vs pince Kelly</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Porte-aiguille a un ressort de poignet distinct. Kelly est plus fin</div> <div class="fc-mnemot">🧠 Porte = aiguille, Kelly = hémo</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Règles d'entretien des instruments de préhension</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Corrosion aux charnières = première usure. Inox 316L recommandé</div> <div class="fc-mnemot">🧠 Charnière = zone critique</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quelle pince pour saisir l'intestin sans traumatisme ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Mors élastiques sans dents. Pression ≤ 50g/cm². Durée limitée</div> <div class="fc-mnemot">🧠 Babcock = intestin</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Comment tenir une pince correctement ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Index le long de la pince = meilleur contrôle directionnel</div> <div class="fc-mnemot">🧠 Index = guide directionnel</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Définition d'une dissection par plan anatomique</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Plans avasculaires = moins de saignement. Fascias = repères naturels</div> <div class="fc-mnemot">🧠 Plan = espace naturel</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Quelle est la différence entre ciseaux de Mayo et Metzenbaum ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Metzenbaum = chirurgie plastique, gynéco. Mayo = général</div> <div class="fc-mnemot">🧠 Mayo coupe, Metzenbaum dissèque</div> </details> </div> </div> <div class="quiz-cta"> <h3>📝 Quiz disponible dans l'onglet suivant</h3> <p>Testez vos connaissances avec les QCM — notés et suivis dans votre progression.</p> </div> <section class="sources-footer"> <h2>📚 Sources officielles</h2> <ol> <li><strong>Légifrance</strong> (2022). <em>Arrêté du 27 avril 2022 — Diplôme d'État IBODE</em>. <a href="https://www.legifrance.gouv.fr" target="_blank">legifrance.gouv.fr</a></li> <li>HAS — Guide instruments chirurgicaux (2020)</li> <li>Cathelineau G. — Atlas d'instrumentation chirurgicale, Masson (2019)</li> <li>CNRD — Référentiel IBODE, compétence 2 (2021)</li> </ol> <p class="disclaimer"> ⚠️ Ce contenu est conçu pour la <strong>révision</strong> et ne se substitue pas aux protocoles en vigueur dans votre établissement ni aux enseignements dispensés en formation IBODE. Pour toute pratique clinique, référez-vous aux recommandations officielles (SFAR, HAS, sociétés savantes) et aux protocoles de votre service.<br><br> Dernière mise à jour : Mars 2026 · Version 3.0 · IBODE Academy — ibode-academy.fr · SAFIALAB SASU </p> </section> </div><!-- /lesson-wrapper --> <script> (function(){ var pf = document.getElementById('pf-679'); if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300); })(); </script>
0/1
Dispositifs D'énergie
<!-- WP ID: 681 | Module: instrumentations | v3.0 --> <style> /* ═══════════════════════════════════════════════ IBODE ACADEMY — Design System v3.0 (Mars 2026) CSS scopé pour injection dans post_content WP → :root remplacé par .lesson-wrapper → body remplacé par .lesson-wrapper Template Grade A · Guardian v2 compatible ═══════════════════════════════════════════════ */ .lesson-wrapper { /* ── Couleurs module — overridées par chaque leçon ── */ --module: #455A64; --module-light: #eceff1; --module-mid: #37474F; --enc-astuce-bg: rgba(59,130,246,0.08); --enc-astuce-bord: rgba(59,130,246,0.35); --enc-securite-bg: rgba(245,158,11,0.08); --enc-securite-bord: rgba(245,158,11,0.35); --enc-erreur-bg: rgba(239,68,68,0.08); --enc-erreur-bord: rgba(239,68,68,0.35); --enc-legal-bg: rgba(16,185,129,0.08); --enc-legal-bord: rgba(16,185,129,0.35); --enc-mnemot-bg: rgba(139,92,246,0.08); --enc-mnemot-bord: rgba(139,92,246,0.35); --enc-approfond-bg: rgba(100,116,139,0.08); --enc-approfond-bord:rgba(100,116,139,0.35); --anat-os:#E8B86D; --anat-muscle:#D4856A; --anat-artere:#C99A9A; --anat-veine:#2C5F7C; --anat-nerf:#B8A5C6; --anat-ligament:#A8C6A5; --font-main: 'Plus Jakarta Sans', sans-serif; --font-serif: 'Crimson Pro', serif; --bg-primary:#f8fafc; --bg-secondary:#ffffff; --text-primary:#0f172a; --text-secondary:#475569; --text-muted:#94a3b8; --border:#e2e8f0; --shadow-sm:0 1px 3px rgba(0,0,0,0.06); --shadow-md:0 4px 16px rgba(0,0,0,0.08); --shadow-lg:0 8px 32px rgba(0,0,0,0.10); --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; /* ── Layout de base (remplace body) ── */ font-family: var(--font-main); color: var(--text-primary); line-height: 1.7; font-size: 16px; max-width: 860px; margin: 0 auto; padding: 0 1.5rem 4rem; box-sizing: border-box; } .lesson-wrapper *, .lesson-wrapper *::before, .lesson-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ── Header ── */ .lesson-wrapper .lesson-header { position: relative; background: linear-gradient(135deg, var(--module) 0%, var(--module-mid) 100%); border-radius: 0 0 var(--radius-xl) var(--radius-xl); padding: 3rem 2rem 2rem; color: #fff; overflow: hidden; margin-bottom: 2rem; box-shadow: var(--shadow-lg); } .lesson-wrapper .lesson-header::before { content: '🔧'; position: absolute; top: -10px; right: 20px; font-size: 120px; opacity: 0.08; line-height: 1; pointer-events: none; } .lesson-wrapper .lesson-header::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); } .lesson-wrapper .lesson-header h1 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.5rem; position: relative; } .lesson-wrapper .lesson-header .subtitle { font-size: 1rem; opacity: 0.85; margin-bottom: 1.2rem; position: relative; } .lesson-wrapper .meta-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; position: relative; } .lesson-wrapper .badge { display: inline-flex; align-items: center; gap: 0.3rem; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(8px); border-radius: 100px; padding: 4px 12px; font-size: 0.75rem; font-weight: 600; color: #fff; white-space: nowrap; } /* ── Barre progression ── */ .lesson-wrapper .progress-section { height: 5px; background: var(--border); border-radius: 3px; margin-bottom: 2.5rem; overflow: hidden; } .lesson-wrapper .progress-fill { height: 100%; background: linear-gradient(90deg, var(--module), var(--module-mid)); border-radius: 3px; width: 0%; transition: width 1.2s ease; } /* ── Typographie ── */ .lesson-wrapper h2 { font-size: 1.25rem; font-weight: 700; color: var(--text-primary); margin: 2.5rem 0 1rem; padding-bottom: 0.6rem; border-bottom: 2px solid var(--module-light); display: flex; align-items: center; gap: 0.5rem; } .lesson-wrapper h2::before { content: ''; display: inline-block; width: 4px; height: 1.2em; background: var(--module); border-radius: 2px; flex-shrink: 0; } .lesson-wrapper h3 { font-size: 1.05rem; font-weight: 700; color: var(--module); margin: 1.8rem 0 0.6rem; } .lesson-wrapper p { margin-bottom: 0.9rem; color: var(--text-secondary); line-height: 1.75; } .lesson-wrapper strong { color: var(--text-primary); font-weight: 700; } .lesson-wrapper em { font-family: var(--font-serif); font-style: italic; } .lesson-wrapper ul, .lesson-wrapper ol { padding-left: 1.5rem; margin-bottom: 1rem; color: var(--text-secondary); } .lesson-wrapper li { margin-bottom: 0.35rem; line-height: 1.65; } .lesson-wrapper .src { font-size: 0.78rem; color: var(--text-muted); font-style: italic; background: #f1f5f9; border-radius: 4px; padding: 1px 6px; white-space: nowrap; } /* ── Tableau ── */ .lesson-wrapper .table-wrapper { overflow-x: auto; margin-bottom: 1.5rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .lesson-wrapper table { width: 100%; border-collapse: collapse; font-size: 0.88rem; background: var(--bg-secondary); } .lesson-wrapper th { background: var(--module); color: #fff; padding: 0.7rem 1rem; text-align: left; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.03em; } .lesson-wrapper td { padding: 0.65rem 1rem; border-bottom: 1px solid var(--border); color: var(--text-secondary); } .lesson-wrapper tr:last-child td { border-bottom: none; } .lesson-wrapper tr:nth-child(even) td { background: #f8fafc; } /* ── Encadrés glassmorphisme ── */ .lesson-wrapper .encadre { border-radius: var(--radius-lg); padding: 1.25rem 1.4rem; margin: 1.2rem 0; border: 1px solid; position: relative; overflow: hidden; backdrop-filter: blur(12px) saturate(160%); -webkit-backdrop-filter: blur(12px) saturate(160%); transition: transform 0.2s ease, box-shadow 0.2s ease; } .lesson-wrapper .encadre:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); } .lesson-wrapper .encadre::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); } .lesson-wrapper .enc-header { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.6rem; } .lesson-wrapper .enc-icon { width: 30px; height: 30px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .lesson-wrapper .enc-title { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; } .lesson-wrapper .enc-body { font-size: 0.9rem; line-height: 1.7; } .lesson-wrapper .enc-astuce { background: var(--enc-astuce-bg); border-color: var(--enc-astuce-bord); box-shadow: 0 2px 12px rgba(59,130,246,0.08); } .lesson-wrapper .enc-securite { background: var(--enc-securite-bg); border-color: var(--enc-securite-bord); box-shadow: 0 2px 12px rgba(245,158,11,0.08); } .lesson-wrapper .enc-erreur { background: var(--enc-erreur-bg); border-color: var(--enc-erreur-bord); box-shadow: 0 2px 12px rgba(239,68,68,0.08); } .lesson-wrapper .enc-legal { background: var(--enc-legal-bg); border-color: var(--enc-legal-bord); box-shadow: 0 2px 12px rgba(16,185,129,0.08); } .lesson-wrapper .enc-mnemot { background: var(--enc-mnemot-bg); border-color: var(--enc-mnemot-bord); box-shadow: 0 2px 12px rgba(139,92,246,0.08); } .lesson-wrapper .enc-approfond { background: var(--enc-approfond-bg); border-color: var(--enc-approfond-bord); box-shadow: 0 2px 12px rgba(0,0,0,0.04); } .lesson-wrapper .enc-astuce .enc-icon { background: rgba(59,130,246,0.15); } .lesson-wrapper .enc-securite .enc-icon { background: rgba(245,158,11,0.15); } .lesson-wrapper .enc-erreur .enc-icon { background: rgba(239,68,68,0.15); } .lesson-wrapper .enc-legal .enc-icon { background: rgba(16,185,129,0.15); } .lesson-wrapper .enc-mnemot .enc-icon { background: rgba(139,92,246,0.15); } .lesson-wrapper .enc-approfond .enc-icon { background: rgba(100,116,139,0.15); } .lesson-wrapper .enc-astuce .enc-title { color: #1d4ed8; } .lesson-wrapper .enc-securite .enc-title { color: #b45309; } .lesson-wrapper .enc-erreur .enc-title { color: #b91c1c; } .lesson-wrapper .enc-legal .enc-title { color: #065f46; } .lesson-wrapper .enc-mnemot .enc-title { color: #6d28d9; } .lesson-wrapper .enc-approfond .enc-title { color: #475569; } .lesson-wrapper .enc-astuce .enc-body { color: #1e3a5f; } .lesson-wrapper .enc-securite .enc-body { color: #4d2600; } .lesson-wrapper .enc-erreur .enc-body { color: #4a0000; } .lesson-wrapper .enc-legal .enc-body { color: #003322; } .lesson-wrapper .enc-mnemot .enc-body { color: #2e1065; } .lesson-wrapper .enc-approfond .enc-body { color: var(--text-secondary); } .lesson-wrapper .mnemot-formula { display: inline-block; background: rgba(139,92,246,0.12); border: 1px solid rgba(139,92,246,0.3); border-radius: var(--radius-sm); padding: 0.5rem 1rem; font-size: 1rem; font-weight: 800; letter-spacing: 0.12em; color: #6d28d9; margin-top: 0.4rem; } /* ── Placeholder image ── */ .lesson-wrapper .img-placeholder { background: #f1f5f9; border: 2px dashed var(--border); border-radius: var(--radius-lg); padding: 2rem; text-align: center; color: var(--text-muted); font-size: 0.88rem; margin: 1.2rem 0; line-height: 1.6; } .lesson-wrapper .img-placeholder span { font-size: 0.75rem; display: block; margin-top: 0.3rem; } /* ── Flashcards ── */ .lesson-wrapper .flashcards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .lesson-wrapper .flashcard { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.2rem; box-shadow: var(--shadow-sm); transition: box-shadow 0.2s, transform 0.2s; } .lesson-wrapper .flashcard:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } .lesson-wrapper .fc-badge { display: inline-block; font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 100px; margin-bottom: 0.6rem; } .lesson-wrapper .fc-facile { background: #dcfce7; color: #166534; } .lesson-wrapper .fc-inter { background: #fef9c3; color: #854d0e; } .lesson-wrapper .fc-avance { background: #fee2e2; color: #991b1b; } .lesson-wrapper .fc-recto { font-size: 0.9rem; font-weight: 600; color: var(--text-primary); line-height: 1.5; margin-bottom: 0.7rem; } .lesson-wrapper .flashcard details summary { font-size: 0.78rem; font-weight: 700; color: var(--module); cursor: pointer; padding: 0.4rem 0; border-top: 1px solid var(--border); list-style: none; display: flex; align-items: center; gap: 0.4rem; } .lesson-wrapper .flashcard details summary::-webkit-details-marker { display: none; } .lesson-wrapper .flashcard details summary::before { content: '▶'; font-size: 0.6rem; transition: transform 0.2s; } .lesson-wrapper .flashcard details[open] summary::before { transform: rotate(90deg); } .lesson-wrapper .fc-verso { font-size: 0.87rem; color: var(--text-secondary); line-height: 1.65; padding-top: 0.6rem; } .lesson-wrapper .fc-mnemot { font-size: 0.78rem; color: #7c3aed; font-style: italic; margin-top: 0.4rem; padding: 0.3rem 0.6rem; background: rgba(139,92,246,0.06); border-radius: var(--radius-sm); } .lesson-wrapper .fc-source { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.3rem; } /* ── CTA quiz ── */ .lesson-wrapper .quiz-cta { background: linear-gradient(135deg, var(--module), var(--module-mid)); border-radius: var(--radius-xl); padding: 2rem; text-align: center; color: #fff; margin: 2.5rem 0; box-shadow: var(--shadow-lg); position: relative; overflow: hidden; } .lesson-wrapper .quiz-cta::before { content: '📝'; position: absolute; right: 20px; bottom: -10px; font-size: 80px; opacity: 0.1; pointer-events: none; } .lesson-wrapper .quiz-cta h3 { font-size: 1.1rem; font-weight: 800; color: #fff; margin-bottom: 0.4rem; } .lesson-wrapper .quiz-cta p { font-size: 0.88rem; opacity: 0.85; margin-bottom: 0; color: rgba(255,255,255,0.9); } /* ── Footer sources ── */ .lesson-wrapper .sources-footer { border-top: 3px solid var(--module); padding-top: 1.5rem; margin-top: 2.5rem; } .lesson-wrapper .sources-footer h2 { border-bottom-color: var(--border); } .lesson-wrapper .sources-footer ol { font-size: 0.82rem; color: var(--text-secondary); padding-left: 1.2rem; margin: 0.8rem 0 1.2rem; } .lesson-wrapper .sources-footer li { margin-bottom: 0.5rem; line-height: 1.6; } .lesson-wrapper .sources-footer a { color: var(--module); text-decoration: underline; word-break: break-all; } .lesson-wrapper .disclaimer { background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 0.8rem 1rem; font-size: 0.78rem; color: #78350f; line-height: 1.6; } /* IBODE_MULTI_INJ_START */ article .container strong, .lesson-content .container strong, div.container strong { color: #0f172a !important; font-weight: 700 !important; } .ibode-anat-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .ibode-anat-gallery figure { margin: 0; background: linear-gradient(135deg, #f8fafc, #eff6ff); border-radius: 12px; padding: 0.8rem; box-shadow: 0 4px 12px rgba(15,23,42,0.06); border: 1px solid #e2e8f0; } .ibode-anat-gallery figure img { width: 100%; height: auto; border-radius: 8px; display: block; aspect-ratio: 4/3; object-fit: contain; background: #fff; } .ibode-anat-gallery figcaption { font-size: 0.78rem; color: #475569; font-style: italic; text-align: center; margin-top: 0.5rem; } /* IBODE_MULTI_INJ_END */ </style> <div class="lesson-wrapper"> <header class="lesson-header"> <h1>Instruments d'Hémostase et de Ligature</h1> <!-- MULTI_INJ_START:auto_681 --> <div class="ibode-anat-gallery"> <figure> <img src="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/681-types-hemostase" srcset="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_480,f_auto,q_auto/ibode-academy/grade-a/instrumentation/681-types-hemostase 480w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/681-types-hemostase 800w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_1200,f_auto,q_auto/ibode-academy/grade-a/instrumentation/681-types-hemostase 1200w" sizes="(max-width: 768px) 100vw, 280px" alt="Types hemostase" loading="lazy" /> <figcaption>Types hemostase</figcaption> </figure> </div> <!-- MULTI_INJ_END:auto_681 --> <p class="subtitle">Maîtriser les systèmes d'hémostase mécanique, électrique et ultrasonique au bloc opératoire</p> <div class="meta-badges"> <span class="badge">🟡 Intermédiaire</span> <span class="badge">⏱ 30 min</span> <span class="badge">📚 UE 3</span> <span class="badge">🎯 C3 · C4</span> <span class="badge">Version 3.0 · Mars 2026</span> </div> </header> <div class="progress-section"> <div class="progress-fill" id="pf-681"></div> </div> <div class="encadre enc-approfond"> <div class="enc-header"> <div class="enc-icon">📖</div> <span class="enc-title">Auto-évaluation</span> </div> <div class="enc-body"> <ul> <li>Je maîtrise les 3 mécanismes d'hémostase instrumentale</li> <li>Je distingue coagulation mono et bipolaire et leurs indications</li> <li>Je connais les risques du clampis prolongé selon l'organe</li> <li>Je vérifie le générateur et la plaque avant chirurgie</li> </ul> </div> </div> <h2>🧠 Flashcards de révision</h2> <div class="flashcards-grid"> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Quels sont les 3 mécanismes d'hémostase instrumentale ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Clamp = temporaire. Ligature = définitive. Coagulation = énergie</div> <div class="fc-mnemot">🧠 Clamp-Ligature-Coag</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Comment utiliser un clamp vasculaire de Satinsky ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Satinsky = clamp partial-occlusion. Permet de suturer sans arrêter la circulation</div> <div class="fc-mnemot">🧠 Satinsky = partiel</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Quelle est la règle de la ligature en chirurgie vasculaire ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Vaisseau de calibre > 3mm = double ligature. Proximal avant distal</div> <div class="fc-mnemot">🧠 Double + enfouie</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Différence entre coagulation mono et bipolaire</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Bipolaire = plus précis, moins de diffusion thermique, utilisé en neurochir et microchir</div> <div class="fc-mnemot">🧠 Bi = entre les mors</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">À quoi sert un clip hémostatique (clip vasculaire) ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Clip de Hem-o-lok = résorbable. Clip métal = permanent et visible à l'imagerie</div> <div class="fc-mnemot">🧠 Clip = ligature rapide</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quelle énergie utilise l'Ultracision (Harmonic Scalpel) ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Température max 80°C (vs 200°C électro). Moins de fumée. Pas de courant électrique</div> <div class="fc-mnemot">🧠 Harmonic = ultrasons</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Comment reconnaître un clamp non atraumatique ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Atraumatique = mors en élastomère ou striures longitudinales fines</div> <div class="fc-mnemot">🧠 Dents = traumatique</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quelle est la différence entre ligature et suture-ligature ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Suture-ligature évite le glissement sur pédicule court ou mobile</div> <div class="fc-mnemot">🧠 Suture-ligature = traverse</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quelle est la durée maximale de clampis aortique tolérée ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Protection : drainage LCS, hypothermie, réimplantation artères intercostales T8-T12</div> <div class="fc-mnemot">🧠 30 min = seuil aortique</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Qu'est-ce que l'effet Joule en électrochirurgie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Faible intensité = coagulation. Forte intensité = section. Fulguration = sparks</div> <div class="fc-mnemot">🧠 Joule = chaleur par résistance</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Comment prévenir les brûlures à distance en monopolaire ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Zone de risque : os saillant, zone humide. Vérification systématique avant chirurgie</div> <div class="fc-mnemot">🧠 Plaque = retour courant</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Qu'est-ce qu'un ligasure (vessel sealing system) ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Vaisseaux jusqu'à 7mm de diamètre. Sans fil, sans clip. Chaleur + pression mécanique</div> <div class="fc-mnemot">🧠 Ligasure = fusion collagène</div> </details> </div> </div> <div class="quiz-cta"> <h3>📝 Quiz disponible dans l'onglet suivant</h3> <p>Testez vos connaissances avec les QCM — notés et suivis dans votre progression.</p> </div> <section class="sources-footer"> <h2>📚 Sources officielles</h2> <ol> <li><strong>Légifrance</strong> (2022). <em>Arrêté du 27 avril 2022 — Diplôme d'État IBODE</em>. <a href="https://www.legifrance.gouv.fr" target="_blank">legifrance.gouv.fr</a></li> <li>SFICV — Recommandations hémostase chirurgicale (2021)</li> <li>ECRI Institute — Surgical energy systems safety (2022)</li> <li>CNRD — Compétence IBODE 2 : instruments d'hémostase (2021)</li> </ol> <p class="disclaimer"> ⚠️ Ce contenu est conçu pour la <strong>révision</strong> et ne se substitue pas aux protocoles en vigueur dans votre établissement ni aux enseignements dispensés en formation IBODE. Pour toute pratique clinique, référez-vous aux recommandations officielles (SFAR, HAS, sociétés savantes) et aux protocoles de votre service.<br><br> Dernière mise à jour : Mars 2026 · Version 3.0 · IBODE Academy — ibode-academy.fr · SAFIALAB SASU </p> </section> </div><!-- /lesson-wrapper --> <script> (function(){ var pf = document.getElementById('pf-681'); if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300); })(); </script>
0/1
Interventions IBODE
<!-- WP ID: 683 | Module: instrumentations | v3.0 --> <style> /* ═══════════════════════════════════════════════ IBODE ACADEMY — Design System v3.0 (Mars 2026) CSS scopé pour injection dans post_content WP → :root remplacé par .lesson-wrapper → body remplacé par .lesson-wrapper Template Grade A · Guardian v2 compatible ═══════════════════════════════════════════════ */ .lesson-wrapper { /* ── Couleurs module — overridées par chaque leçon ── */ --module: #455A64; --module-light: #eceff1; --module-mid: #37474F; --enc-astuce-bg: rgba(59,130,246,0.08); --enc-astuce-bord: rgba(59,130,246,0.35); --enc-securite-bg: rgba(245,158,11,0.08); --enc-securite-bord: rgba(245,158,11,0.35); --enc-erreur-bg: rgba(239,68,68,0.08); --enc-erreur-bord: rgba(239,68,68,0.35); --enc-legal-bg: rgba(16,185,129,0.08); --enc-legal-bord: rgba(16,185,129,0.35); --enc-mnemot-bg: rgba(139,92,246,0.08); --enc-mnemot-bord: rgba(139,92,246,0.35); --enc-approfond-bg: rgba(100,116,139,0.08); --enc-approfond-bord:rgba(100,116,139,0.35); --anat-os:#E8B86D; --anat-muscle:#D4856A; --anat-artere:#C99A9A; --anat-veine:#2C5F7C; --anat-nerf:#B8A5C6; --anat-ligament:#A8C6A5; --font-main: 'Plus Jakarta Sans', sans-serif; --font-serif: 'Crimson Pro', serif; --bg-primary:#f8fafc; --bg-secondary:#ffffff; --text-primary:#0f172a; --text-secondary:#475569; --text-muted:#94a3b8; --border:#e2e8f0; --shadow-sm:0 1px 3px rgba(0,0,0,0.06); --shadow-md:0 4px 16px rgba(0,0,0,0.08); --shadow-lg:0 8px 32px rgba(0,0,0,0.10); --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; /* ── Layout de base (remplace body) ── */ font-family: var(--font-main); color: var(--text-primary); line-height: 1.7; font-size: 16px; max-width: 860px; margin: 0 auto; padding: 0 1.5rem 4rem; box-sizing: border-box; } .lesson-wrapper *, .lesson-wrapper *::before, .lesson-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ── Header ── */ .lesson-wrapper .lesson-header { position: relative; background: linear-gradient(135deg, var(--module) 0%, var(--module-mid) 100%); border-radius: 0 0 var(--radius-xl) var(--radius-xl); padding: 3rem 2rem 2rem; color: #fff; overflow: hidden; margin-bottom: 2rem; box-shadow: var(--shadow-lg); } .lesson-wrapper .lesson-header::before { content: '🔧'; position: absolute; top: -10px; right: 20px; font-size: 120px; opacity: 0.08; line-height: 1; pointer-events: none; } .lesson-wrapper .lesson-header::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); } .lesson-wrapper .lesson-header h1 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.5rem; position: relative; } .lesson-wrapper .lesson-header .subtitle { font-size: 1rem; opacity: 0.85; margin-bottom: 1.2rem; position: relative; } .lesson-wrapper .meta-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; position: relative; } .lesson-wrapper .badge { display: inline-flex; align-items: center; gap: 0.3rem; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(8px); border-radius: 100px; padding: 4px 12px; font-size: 0.75rem; font-weight: 600; color: #fff; white-space: nowrap; } /* ── Barre progression ── */ .lesson-wrapper .progress-section { height: 5px; background: var(--border); border-radius: 3px; margin-bottom: 2.5rem; overflow: hidden; } .lesson-wrapper .progress-fill { height: 100%; background: linear-gradient(90deg, var(--module), var(--module-mid)); border-radius: 3px; width: 0%; transition: width 1.2s ease; } /* ── Typographie ── */ .lesson-wrapper h2 { font-size: 1.25rem; font-weight: 700; color: var(--text-primary); margin: 2.5rem 0 1rem; padding-bottom: 0.6rem; border-bottom: 2px solid var(--module-light); display: flex; align-items: center; gap: 0.5rem; } .lesson-wrapper h2::before { content: ''; display: inline-block; width: 4px; height: 1.2em; background: var(--module); border-radius: 2px; flex-shrink: 0; } .lesson-wrapper h3 { font-size: 1.05rem; font-weight: 700; color: var(--module); margin: 1.8rem 0 0.6rem; } .lesson-wrapper p { margin-bottom: 0.9rem; color: var(--text-secondary); line-height: 1.75; } .lesson-wrapper strong { color: var(--text-primary); font-weight: 700; } .lesson-wrapper em { font-family: var(--font-serif); font-style: italic; } .lesson-wrapper ul, .lesson-wrapper ol { padding-left: 1.5rem; margin-bottom: 1rem; color: var(--text-secondary); } .lesson-wrapper li { margin-bottom: 0.35rem; line-height: 1.65; } .lesson-wrapper .src { font-size: 0.78rem; color: var(--text-muted); font-style: italic; background: #f1f5f9; border-radius: 4px; padding: 1px 6px; white-space: nowrap; } /* ── Tableau ── */ .lesson-wrapper .table-wrapper { overflow-x: auto; margin-bottom: 1.5rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .lesson-wrapper table { width: 100%; border-collapse: collapse; font-size: 0.88rem; background: var(--bg-secondary); } .lesson-wrapper th { background: var(--module); color: #fff; padding: 0.7rem 1rem; text-align: left; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.03em; } .lesson-wrapper td { padding: 0.65rem 1rem; border-bottom: 1px solid var(--border); color: var(--text-secondary); } .lesson-wrapper tr:last-child td { border-bottom: none; } .lesson-wrapper tr:nth-child(even) td { background: #f8fafc; } /* ── Encadrés glassmorphisme ── */ .lesson-wrapper .encadre { border-radius: var(--radius-lg); padding: 1.25rem 1.4rem; margin: 1.2rem 0; border: 1px solid; position: relative; overflow: hidden; backdrop-filter: blur(12px) saturate(160%); -webkit-backdrop-filter: blur(12px) saturate(160%); transition: transform 0.2s ease, box-shadow 0.2s ease; } .lesson-wrapper .encadre:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); } .lesson-wrapper .encadre::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); } .lesson-wrapper .enc-header { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.6rem; } .lesson-wrapper .enc-icon { width: 30px; height: 30px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .lesson-wrapper .enc-title { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; } .lesson-wrapper .enc-body { font-size: 0.9rem; line-height: 1.7; } .lesson-wrapper .enc-astuce { background: var(--enc-astuce-bg); border-color: var(--enc-astuce-bord); box-shadow: 0 2px 12px rgba(59,130,246,0.08); } .lesson-wrapper .enc-securite { background: var(--enc-securite-bg); border-color: var(--enc-securite-bord); box-shadow: 0 2px 12px rgba(245,158,11,0.08); } .lesson-wrapper .enc-erreur { background: var(--enc-erreur-bg); border-color: var(--enc-erreur-bord); box-shadow: 0 2px 12px rgba(239,68,68,0.08); } .lesson-wrapper .enc-legal { background: var(--enc-legal-bg); border-color: var(--enc-legal-bord); box-shadow: 0 2px 12px rgba(16,185,129,0.08); } .lesson-wrapper .enc-mnemot { background: var(--enc-mnemot-bg); border-color: var(--enc-mnemot-bord); box-shadow: 0 2px 12px rgba(139,92,246,0.08); } .lesson-wrapper .enc-approfond { background: var(--enc-approfond-bg); border-color: var(--enc-approfond-bord); box-shadow: 0 2px 12px rgba(0,0,0,0.04); } .lesson-wrapper .enc-astuce .enc-icon { background: rgba(59,130,246,0.15); } .lesson-wrapper .enc-securite .enc-icon { background: rgba(245,158,11,0.15); } .lesson-wrapper .enc-erreur .enc-icon { background: rgba(239,68,68,0.15); } .lesson-wrapper .enc-legal .enc-icon { background: rgba(16,185,129,0.15); } .lesson-wrapper .enc-mnemot .enc-icon { background: rgba(139,92,246,0.15); } .lesson-wrapper .enc-approfond .enc-icon { background: rgba(100,116,139,0.15); } .lesson-wrapper .enc-astuce .enc-title { color: #1d4ed8; } .lesson-wrapper .enc-securite .enc-title { color: #b45309; } .lesson-wrapper .enc-erreur .enc-title { color: #b91c1c; } .lesson-wrapper .enc-legal .enc-title { color: #065f46; } .lesson-wrapper .enc-mnemot .enc-title { color: #6d28d9; } .lesson-wrapper .enc-approfond .enc-title { color: #475569; } .lesson-wrapper .enc-astuce .enc-body { color: #1e3a5f; } .lesson-wrapper .enc-securite .enc-body { color: #4d2600; } .lesson-wrapper .enc-erreur .enc-body { color: #4a0000; } .lesson-wrapper .enc-legal .enc-body { color: #003322; } .lesson-wrapper .enc-mnemot .enc-body { color: #2e1065; } .lesson-wrapper .enc-approfond .enc-body { color: var(--text-secondary); } .lesson-wrapper .mnemot-formula { display: inline-block; background: rgba(139,92,246,0.12); border: 1px solid rgba(139,92,246,0.3); border-radius: var(--radius-sm); padding: 0.5rem 1rem; font-size: 1rem; font-weight: 800; letter-spacing: 0.12em; color: #6d28d9; margin-top: 0.4rem; } /* ── Placeholder image ── */ .lesson-wrapper .img-placeholder { background: #f1f5f9; border: 2px dashed var(--border); border-radius: var(--radius-lg); padding: 2rem; text-align: center; color: var(--text-muted); font-size: 0.88rem; margin: 1.2rem 0; line-height: 1.6; } .lesson-wrapper .img-placeholder span { font-size: 0.75rem; display: block; margin-top: 0.3rem; } /* ── Flashcards ── */ .lesson-wrapper .flashcards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .lesson-wrapper .flashcard { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.2rem; box-shadow: var(--shadow-sm); transition: box-shadow 0.2s, transform 0.2s; } .lesson-wrapper .flashcard:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } .lesson-wrapper .fc-badge { display: inline-block; font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 100px; margin-bottom: 0.6rem; } .lesson-wrapper .fc-facile { background: #dcfce7; color: #166534; } .lesson-wrapper .fc-inter { background: #fef9c3; color: #854d0e; } .lesson-wrapper .fc-avance { background: #fee2e2; color: #991b1b; } .lesson-wrapper .fc-recto { font-size: 0.9rem; font-weight: 600; color: var(--text-primary); line-height: 1.5; margin-bottom: 0.7rem; } .lesson-wrapper .flashcard details summary { font-size: 0.78rem; font-weight: 700; color: var(--module); cursor: pointer; padding: 0.4rem 0; border-top: 1px solid var(--border); list-style: none; display: flex; align-items: center; gap: 0.4rem; } .lesson-wrapper .flashcard details summary::-webkit-details-marker { display: none; } .lesson-wrapper .flashcard details summary::before { content: '▶'; font-size: 0.6rem; transition: transform 0.2s; } .lesson-wrapper .flashcard details[open] summary::before { transform: rotate(90deg); } .lesson-wrapper .fc-verso { font-size: 0.87rem; color: var(--text-secondary); line-height: 1.65; padding-top: 0.6rem; } .lesson-wrapper .fc-mnemot { font-size: 0.78rem; color: #7c3aed; font-style: italic; margin-top: 0.4rem; padding: 0.3rem 0.6rem; background: rgba(139,92,246,0.06); border-radius: var(--radius-sm); } .lesson-wrapper .fc-source { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.3rem; } /* ── CTA quiz ── */ .lesson-wrapper .quiz-cta { background: linear-gradient(135deg, var(--module), var(--module-mid)); border-radius: var(--radius-xl); padding: 2rem; text-align: center; color: #fff; margin: 2.5rem 0; box-shadow: var(--shadow-lg); position: relative; overflow: hidden; } .lesson-wrapper .quiz-cta::before { content: '📝'; position: absolute; right: 20px; bottom: -10px; font-size: 80px; opacity: 0.1; pointer-events: none; } .lesson-wrapper .quiz-cta h3 { font-size: 1.1rem; font-weight: 800; color: #fff; margin-bottom: 0.4rem; } .lesson-wrapper .quiz-cta p { font-size: 0.88rem; opacity: 0.85; margin-bottom: 0; color: rgba(255,255,255,0.9); } /* ── Footer sources ── */ .lesson-wrapper .sources-footer { border-top: 3px solid var(--module); padding-top: 1.5rem; margin-top: 2.5rem; } .lesson-wrapper .sources-footer h2 { border-bottom-color: var(--border); } .lesson-wrapper .sources-footer ol { font-size: 0.82rem; color: var(--text-secondary); padding-left: 1.2rem; margin: 0.8rem 0 1.2rem; } .lesson-wrapper .sources-footer li { margin-bottom: 0.5rem; line-height: 1.6; } .lesson-wrapper .sources-footer a { color: var(--module); text-decoration: underline; word-break: break-all; } .lesson-wrapper .disclaimer { background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 0.8rem 1rem; font-size: 0.78rem; color: #78350f; line-height: 1.6; } /* IBODE_MULTI_INJ_START */ article .container strong, .lesson-content .container strong, div.container strong { color: #0f172a !important; font-weight: 700 !important; } .ibode-anat-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .ibode-anat-gallery figure { margin: 0; background: linear-gradient(135deg, #f8fafc, #eff6ff); border-radius: 12px; padding: 0.8rem; box-shadow: 0 4px 12px rgba(15,23,42,0.06); border: 1px solid #e2e8f0; } .ibode-anat-gallery figure img { width: 100%; height: auto; border-radius: 8px; display: block; aspect-ratio: 4/3; object-fit: contain; background: #fff; } .ibode-anat-gallery figcaption { font-size: 0.78rem; color: #475569; font-style: italic; text-align: center; margin-top: 0.5rem; } /* IBODE_MULTI_INJ_END */ </style> <div class="lesson-wrapper"> <header class="lesson-header"> <h1>Agrafeuses et Instruments de Coupe-Suture</h1> <!-- MULTI_INJ_START:auto_683 --> <div class="ibode-anat-gallery"> <figure> <img src="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/683-agrafeuses-types" srcset="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_480,f_auto,q_auto/ibode-academy/grade-a/instrumentation/683-agrafeuses-types 480w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/683-agrafeuses-types 800w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_1200,f_auto,q_auto/ibode-academy/grade-a/instrumentation/683-agrafeuses-types 1200w" sizes="(max-width: 768px) 100vw, 280px" alt="Agrafeuses types" loading="lazy" /> <figcaption>Agrafeuses types</figcaption> </figure> </div> <!-- MULTI_INJ_END:auto_683 --> <p class="subtitle">Maîtriser les agrafeuses chirurgicales mécaniques et les matériaux de suture au bloc opératoire</p> <div class="meta-badges"> <span class="badge">🟡 Intermédiaire</span> <span class="badge">⏱ 30 min</span> <span class="badge">📚 UE 3</span> <span class="badge">🎯 C3 · C4</span> <span class="badge">Version 3.0 · Mars 2026</span> </div> </header> <div class="progress-section"> <div class="progress-fill" id="pf-683"></div> </div> <div class="encadre enc-approfond"> <div class="enc-header"> <div class="enc-icon">📖</div> <span class="enc-title">Auto-évaluation</span> </div> <div class="enc-body"> <ul> <li>Je connais les 4 types d'agrafeuses et leurs indications</li> <li>Je vérifie une agrafeuse avant usage (chargement, test)</li> <li>Je choisis la cartouche selon l'épaisseur tissulaire</li> <li>Je connais le test d'étanchéité anastomotique</li> </ul> </div> </div> <h2>🧠 Flashcards de révision</h2> <div class="flashcards-grid"> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Quels sont les 4 grands types d'agrafeuses chirurgicales ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">TA = suture seule. GIA = suture + coupe. EEA = anastomose bout-à-bout. Endo = laparoscopie</div> <div class="fc-mnemot">🧠 TA GIA EEA Endo</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Comment vérifier une agrafeuse linéaire (TA) avant usage ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Cartouche mal enclenchée = staple line incomplète = fuite anastomotique</div> <div class="fc-mnemot">🧠 Charger-Vérifier-Tester</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Quelle cartouche pour anastomose colique ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Blanc 2,5mm = vasculaire. Bleu 3,8mm = colique standard. Vert 4,8mm = épais</div> <div class="fc-mnemot">🧠 Blanc-Bleu-Vert selon épaisseur</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Principe de l'anastomose circulaire EEA</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Deux rangées d'agrafes en B + couteau central. Vérifier les 2 anneaux de tissu après</div> <div class="fc-mnemot">🧠 2 anneaux = anastomose réussie</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Qu'est-ce qu'une anastomose mécanique iléo-anale ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Réservé à RCH, PAF. Utilise un reservoir iléal en J. EEA par voie anale</div> <div class="fc-mnemot">🧠 Iléo-anale = J-pouch</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Comment contrôler l'étanchéité d'une anastomose mécanique ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Test positif (bulles) = fuite = renforcement points de suture ou conversion</div> <div class="fc-mnemot">🧠 Air + eau = test étanchéité</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quelle est la différence entre suture résorbable et non résorbable ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">PDS : 6 mois. Vicryl : 2-3 mois. Prolène : permanent. Soie : pseudorésorbable</div> <div class="fc-mnemot">🧠 Résorbable = temporaire</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Propriétés d'un bon matériau de suture</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Mémoire élevée (PDS, Prolène) = nœuds difficiles. Tressé (Vicryl) = bonne maniabilité</div> <div class="fc-mnemot">🧠 Résistance + biocompat</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Qu'est-ce qu'une agrafeuse laparoscopique Endo-GIA ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Articulation 45° possible. Usage en gastrectomie, résection pulmonaire, colectomie laparo</div> <div class="fc-mnemot">🧠 Endo = laparo 12mm</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Comment calculer le nombre de cartouches nécessaires ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Ex : colectomie gauche = 3-4 cartouches GIA 60mm en général</div> <div class="fc-mnemot">🧠 ÷ longueur + 1 sécurité</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Que faire si une agrafeuse est difficile à fermer ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Forcer = agrafes malformées = fuite ou déchirure. Toujours préférer une cartouche plus épaisse</div> <div class="fc-mnemot">🧠 Ne pas forcer = règle d'or</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Quelle est la règle du 'tiers moyen' pour les anastomoses ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Marge minimum : 2cm en rectum, 5cm en côlon. Vérification histologique extemporanée possible</div> <div class="fc-mnemot">🧠 Sain + marge</div> </details> </div> </div> <div class="quiz-cta"> <h3>📝 Quiz disponible dans l'onglet suivant</h3> <p>Testez vos connaissances avec les QCM — notés et suivis dans votre progression.</p> </div> <section class="sources-footer"> <h2>📚 Sources officielles</h2> <ol> <li><strong>Légifrance</strong> (2022). <em>Arrêté du 27 avril 2022 — Diplôme d'État IBODE</em>. <a href="https://www.legifrance.gouv.fr" target="_blank">legifrance.gouv.fr</a></li> <li>Ethicon — Guide des agrafeuses chirurgicales (2022)</li> <li>Medtronic — Système Endo-GIA : utilisation clinique (2021)</li> <li>CNRD — Compétence IBODE 2 : agrafeuses (2021)</li> </ol> <p class="disclaimer"> ⚠️ Ce contenu est conçu pour la <strong>révision</strong> et ne se substitue pas aux protocoles en vigueur dans votre établissement ni aux enseignements dispensés en formation IBODE. Pour toute pratique clinique, référez-vous aux recommandations officielles (SFAR, HAS, sociétés savantes) et aux protocoles de votre service.<br><br> Dernière mise à jour : Mars 2026 · Version 3.0 · IBODE Academy — ibode-academy.fr · SAFIALAB SASU </p> </section> </div><!-- /lesson-wrapper --> <script> (function(){ var pf = document.getElementById('pf-683'); if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300); })(); </script>
0/3
Matériel de Cœlioscopie
<!-- WP ID: 687 | Module: instrumentations | v3.0 --> <style> /* ═══════════════════════════════════════════════ IBODE ACADEMY — Design System v3.0 (Mars 2026) CSS scopé pour injection dans post_content WP → :root remplacé par .lesson-wrapper → body remplacé par .lesson-wrapper Template Grade A · Guardian v2 compatible ═══════════════════════════════════════════════ */ .lesson-wrapper { /* ── Couleurs module — overridées par chaque leçon ── */ --module: #455A64; --module-light: #eceff1; --module-mid: #37474F; --enc-astuce-bg: rgba(59,130,246,0.08); --enc-astuce-bord: rgba(59,130,246,0.35); --enc-securite-bg: rgba(245,158,11,0.08); --enc-securite-bord: rgba(245,158,11,0.35); --enc-erreur-bg: rgba(239,68,68,0.08); --enc-erreur-bord: rgba(239,68,68,0.35); --enc-legal-bg: rgba(16,185,129,0.08); --enc-legal-bord: rgba(16,185,129,0.35); --enc-mnemot-bg: rgba(139,92,246,0.08); --enc-mnemot-bord: rgba(139,92,246,0.35); --enc-approfond-bg: rgba(100,116,139,0.08); --enc-approfond-bord:rgba(100,116,139,0.35); --anat-os:#E8B86D; --anat-muscle:#D4856A; --anat-artere:#C99A9A; --anat-veine:#2C5F7C; --anat-nerf:#B8A5C6; --anat-ligament:#A8C6A5; --font-main: 'Plus Jakarta Sans', sans-serif; --font-serif: 'Crimson Pro', serif; --bg-primary:#f8fafc; --bg-secondary:#ffffff; --text-primary:#0f172a; --text-secondary:#475569; --text-muted:#94a3b8; --border:#e2e8f0; --shadow-sm:0 1px 3px rgba(0,0,0,0.06); --shadow-md:0 4px 16px rgba(0,0,0,0.08); --shadow-lg:0 8px 32px rgba(0,0,0,0.10); --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; /* ── Layout de base (remplace body) ── */ font-family: var(--font-main); color: var(--text-primary); line-height: 1.7; font-size: 16px; max-width: 860px; margin: 0 auto; padding: 0 1.5rem 4rem; box-sizing: border-box; } .lesson-wrapper *, .lesson-wrapper *::before, .lesson-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ── Header ── */ .lesson-wrapper .lesson-header { position: relative; background: linear-gradient(135deg, var(--module) 0%, var(--module-mid) 100%); border-radius: 0 0 var(--radius-xl) var(--radius-xl); padding: 3rem 2rem 2rem; color: #fff; overflow: hidden; margin-bottom: 2rem; box-shadow: var(--shadow-lg); } .lesson-wrapper .lesson-header::before { content: '🔧'; position: absolute; top: -10px; right: 20px; font-size: 120px; opacity: 0.08; line-height: 1; pointer-events: none; } .lesson-wrapper .lesson-header::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); } .lesson-wrapper .lesson-header h1 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.5rem; position: relative; } .lesson-wrapper .lesson-header .subtitle { font-size: 1rem; opacity: 0.85; margin-bottom: 1.2rem; position: relative; } .lesson-wrapper .meta-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; position: relative; } .lesson-wrapper .badge { display: inline-flex; align-items: center; gap: 0.3rem; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(8px); border-radius: 100px; padding: 4px 12px; font-size: 0.75rem; font-weight: 600; color: #fff; white-space: nowrap; } /* ── Barre progression ── */ .lesson-wrapper .progress-section { height: 5px; background: var(--border); border-radius: 3px; margin-bottom: 2.5rem; overflow: hidden; } .lesson-wrapper .progress-fill { height: 100%; background: linear-gradient(90deg, var(--module), var(--module-mid)); border-radius: 3px; width: 0%; transition: width 1.2s ease; } /* ── Typographie ── */ .lesson-wrapper h2 { font-size: 1.25rem; font-weight: 700; color: var(--text-primary); margin: 2.5rem 0 1rem; padding-bottom: 0.6rem; border-bottom: 2px solid var(--module-light); display: flex; align-items: center; gap: 0.5rem; } .lesson-wrapper h2::before { content: ''; display: inline-block; width: 4px; height: 1.2em; background: var(--module); border-radius: 2px; flex-shrink: 0; } .lesson-wrapper h3 { font-size: 1.05rem; font-weight: 700; color: var(--module); margin: 1.8rem 0 0.6rem; } .lesson-wrapper p { margin-bottom: 0.9rem; color: var(--text-secondary); line-height: 1.75; } .lesson-wrapper strong { color: var(--text-primary); font-weight: 700; } .lesson-wrapper em { font-family: var(--font-serif); font-style: italic; } .lesson-wrapper ul, .lesson-wrapper ol { padding-left: 1.5rem; margin-bottom: 1rem; color: var(--text-secondary); } .lesson-wrapper li { margin-bottom: 0.35rem; line-height: 1.65; } .lesson-wrapper .src { font-size: 0.78rem; color: var(--text-muted); font-style: italic; background: #f1f5f9; border-radius: 4px; padding: 1px 6px; white-space: nowrap; } /* ── Tableau ── */ .lesson-wrapper .table-wrapper { overflow-x: auto; margin-bottom: 1.5rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .lesson-wrapper table { width: 100%; border-collapse: collapse; font-size: 0.88rem; background: var(--bg-secondary); } .lesson-wrapper th { background: var(--module); color: #fff; padding: 0.7rem 1rem; text-align: left; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.03em; } .lesson-wrapper td { padding: 0.65rem 1rem; border-bottom: 1px solid var(--border); color: var(--text-secondary); } .lesson-wrapper tr:last-child td { border-bottom: none; } .lesson-wrapper tr:nth-child(even) td { background: #f8fafc; } /* ── Encadrés glassmorphisme ── */ .lesson-wrapper .encadre { border-radius: var(--radius-lg); padding: 1.25rem 1.4rem; margin: 1.2rem 0; border: 1px solid; position: relative; overflow: hidden; backdrop-filter: blur(12px) saturate(160%); -webkit-backdrop-filter: blur(12px) saturate(160%); transition: transform 0.2s ease, box-shadow 0.2s ease; } .lesson-wrapper .encadre:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); } .lesson-wrapper .encadre::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); } .lesson-wrapper .enc-header { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.6rem; } .lesson-wrapper .enc-icon { width: 30px; height: 30px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .lesson-wrapper .enc-title { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; } .lesson-wrapper .enc-body { font-size: 0.9rem; line-height: 1.7; } .lesson-wrapper .enc-astuce { background: var(--enc-astuce-bg); border-color: var(--enc-astuce-bord); box-shadow: 0 2px 12px rgba(59,130,246,0.08); } .lesson-wrapper .enc-securite { background: var(--enc-securite-bg); border-color: var(--enc-securite-bord); box-shadow: 0 2px 12px rgba(245,158,11,0.08); } .lesson-wrapper .enc-erreur { background: var(--enc-erreur-bg); border-color: var(--enc-erreur-bord); box-shadow: 0 2px 12px rgba(239,68,68,0.08); } .lesson-wrapper .enc-legal { background: var(--enc-legal-bg); border-color: var(--enc-legal-bord); box-shadow: 0 2px 12px rgba(16,185,129,0.08); } .lesson-wrapper .enc-mnemot { background: var(--enc-mnemot-bg); border-color: var(--enc-mnemot-bord); box-shadow: 0 2px 12px rgba(139,92,246,0.08); } .lesson-wrapper .enc-approfond { background: var(--enc-approfond-bg); border-color: var(--enc-approfond-bord); box-shadow: 0 2px 12px rgba(0,0,0,0.04); } .lesson-wrapper .enc-astuce .enc-icon { background: rgba(59,130,246,0.15); } .lesson-wrapper .enc-securite .enc-icon { background: rgba(245,158,11,0.15); } .lesson-wrapper .enc-erreur .enc-icon { background: rgba(239,68,68,0.15); } .lesson-wrapper .enc-legal .enc-icon { background: rgba(16,185,129,0.15); } .lesson-wrapper .enc-mnemot .enc-icon { background: rgba(139,92,246,0.15); } .lesson-wrapper .enc-approfond .enc-icon { background: rgba(100,116,139,0.15); } .lesson-wrapper .enc-astuce .enc-title { color: #1d4ed8; } .lesson-wrapper .enc-securite .enc-title { color: #b45309; } .lesson-wrapper .enc-erreur .enc-title { color: #b91c1c; } .lesson-wrapper .enc-legal .enc-title { color: #065f46; } .lesson-wrapper .enc-mnemot .enc-title { color: #6d28d9; } .lesson-wrapper .enc-approfond .enc-title { color: #475569; } .lesson-wrapper .enc-astuce .enc-body { color: #1e3a5f; } .lesson-wrapper .enc-securite .enc-body { color: #4d2600; } .lesson-wrapper .enc-erreur .enc-body { color: #4a0000; } .lesson-wrapper .enc-legal .enc-body { color: #003322; } .lesson-wrapper .enc-mnemot .enc-body { color: #2e1065; } .lesson-wrapper .enc-approfond .enc-body { color: var(--text-secondary); } .lesson-wrapper .mnemot-formula { display: inline-block; background: rgba(139,92,246,0.12); border: 1px solid rgba(139,92,246,0.3); border-radius: var(--radius-sm); padding: 0.5rem 1rem; font-size: 1rem; font-weight: 800; letter-spacing: 0.12em; color: #6d28d9; margin-top: 0.4rem; } /* ── Placeholder image ── */ .lesson-wrapper .img-placeholder { background: #f1f5f9; border: 2px dashed var(--border); border-radius: var(--radius-lg); padding: 2rem; text-align: center; color: var(--text-muted); font-size: 0.88rem; margin: 1.2rem 0; line-height: 1.6; } .lesson-wrapper .img-placeholder span { font-size: 0.75rem; display: block; margin-top: 0.3rem; } /* ── Flashcards ── */ .lesson-wrapper .flashcards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .lesson-wrapper .flashcard { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.2rem; box-shadow: var(--shadow-sm); transition: box-shadow 0.2s, transform 0.2s; } .lesson-wrapper .flashcard:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } .lesson-wrapper .fc-badge { display: inline-block; font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 100px; margin-bottom: 0.6rem; } .lesson-wrapper .fc-facile { background: #dcfce7; color: #166534; } .lesson-wrapper .fc-inter { background: #fef9c3; color: #854d0e; } .lesson-wrapper .fc-avance { background: #fee2e2; color: #991b1b; } .lesson-wrapper .fc-recto { font-size: 0.9rem; font-weight: 600; color: var(--text-primary); line-height: 1.5; margin-bottom: 0.7rem; } .lesson-wrapper .flashcard details summary { font-size: 0.78rem; font-weight: 700; color: var(--module); cursor: pointer; padding: 0.4rem 0; border-top: 1px solid var(--border); list-style: none; display: flex; align-items: center; gap: 0.4rem; } .lesson-wrapper .flashcard details summary::-webkit-details-marker { display: none; } .lesson-wrapper .flashcard details summary::before { content: '▶'; font-size: 0.6rem; transition: transform 0.2s; } .lesson-wrapper .flashcard details[open] summary::before { transform: rotate(90deg); } .lesson-wrapper .fc-verso { font-size: 0.87rem; color: var(--text-secondary); line-height: 1.65; padding-top: 0.6rem; } .lesson-wrapper .fc-mnemot { font-size: 0.78rem; color: #7c3aed; font-style: italic; margin-top: 0.4rem; padding: 0.3rem 0.6rem; background: rgba(139,92,246,0.06); border-radius: var(--radius-sm); } .lesson-wrapper .fc-source { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.3rem; } /* ── CTA quiz ── */ .lesson-wrapper .quiz-cta { background: linear-gradient(135deg, var(--module), var(--module-mid)); border-radius: var(--radius-xl); padding: 2rem; text-align: center; color: #fff; margin: 2.5rem 0; box-shadow: var(--shadow-lg); position: relative; overflow: hidden; } .lesson-wrapper .quiz-cta::before { content: '📝'; position: absolute; right: 20px; bottom: -10px; font-size: 80px; opacity: 0.1; pointer-events: none; } .lesson-wrapper .quiz-cta h3 { font-size: 1.1rem; font-weight: 800; color: #fff; margin-bottom: 0.4rem; } .lesson-wrapper .quiz-cta p { font-size: 0.88rem; opacity: 0.85; margin-bottom: 0; color: rgba(255,255,255,0.9); } /* ── Footer sources ── */ .lesson-wrapper .sources-footer { border-top: 3px solid var(--module); padding-top: 1.5rem; margin-top: 2.5rem; } .lesson-wrapper .sources-footer h2 { border-bottom-color: var(--border); } .lesson-wrapper .sources-footer ol { font-size: 0.82rem; color: var(--text-secondary); padding-left: 1.2rem; margin: 0.8rem 0 1.2rem; } .lesson-wrapper .sources-footer li { margin-bottom: 0.5rem; line-height: 1.6; } .lesson-wrapper .sources-footer a { color: var(--module); text-decoration: underline; word-break: break-all; } .lesson-wrapper .disclaimer { background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 0.8rem 1rem; font-size: 0.78rem; color: #78350f; line-height: 1.6; } /* IBODE_MULTI_INJ_START */ article .container strong, .lesson-content .container strong, div.container strong { color: #0f172a !important; font-weight: 700 !important; } .ibode-anat-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .ibode-anat-gallery figure { margin: 0; background: linear-gradient(135deg, #f8fafc, #eff6ff); border-radius: 12px; padding: 0.8rem; box-shadow: 0 4px 12px rgba(15,23,42,0.06); border: 1px solid #e2e8f0; } .ibode-anat-gallery figure img { width: 100%; height: auto; border-radius: 8px; display: block; aspect-ratio: 4/3; object-fit: contain; background: #fff; } .ibode-anat-gallery figcaption { font-size: 0.78rem; color: #475569; font-style: italic; text-align: center; margin-top: 0.5rem; } /* IBODE_MULTI_INJ_END */ </style> <div class="lesson-wrapper"> <header class="lesson-header"> <h1>Instruments de Chirurgie Mini-Invasive</h1> <!-- MULTI_INJ_START:auto_687 --> <div class="ibode-anat-gallery"> <figure> <img src="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/687-colonne-laparoscopique" srcset="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_480,f_auto,q_auto/ibode-academy/grade-a/instrumentation/687-colonne-laparoscopique 480w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/687-colonne-laparoscopique 800w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_1200,f_auto,q_auto/ibode-academy/grade-a/instrumentation/687-colonne-laparoscopique 1200w" sizes="(max-width: 768px) 100vw, 280px" alt="Colonne laparoscopique" loading="lazy" /> <figcaption>Colonne laparoscopique</figcaption> </figure> </div> <!-- MULTI_INJ_END:auto_687 --> <p class="subtitle">Maîtriser l'équipement, les instruments et les règles de sécurité en chirurgie laparoscopique et robotique</p> <div class="meta-badges"> <span class="badge">🟡 Intermédiaire</span> <span class="badge">⏱ 30 min</span> <span class="badge">📚 UE 3</span> <span class="badge">🎯 C3 · C4</span> <span class="badge">Version 3.0 · Mars 2026</span> </div> </header> <div class="progress-section"> <div class="progress-fill" id="pf-687"></div> </div> <div class="encadre enc-approfond"> <div class="enc-header"> <div class="enc-icon">📖</div> <span class="enc-title">Auto-évaluation</span> </div> <div class="enc-body"> <ul> <li>Je connais les avantages et limites de la laparoscopie</li> <li>Je prépare et vérifie une colonne laparoscopique</li> <li>Je connais la règle de triangulation et le positionnement des trocarts</li> <li>Je sais anticiper une conversion laparotomie</li> </ul> </div> </div> <h2>🧠 Flashcards de révision</h2> <div class="flashcards-grid"> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Quels sont les avantages de la chirurgie laparoscopique ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Désavantages : coût, courbe d'apprentissage, perte de toucher direct, vision 2D</div> <div class="fc-mnemot">🧠 Mini-invasif = moins de traumatisme</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Qu'est-ce qu'un trocart et à quoi sert-il ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Taille : 5mm (pince), 10-12mm (agrafeuse, extracteur). Obturateur : tranchant ou optique</div> <div class="fc-mnemot">🧠 Trocart = porte d'entrée</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Quelle pression de pneumopéritoine est recommandée ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Au-delà de 15 mmHg : baisse débit cardiaque, hypoventilation, douleur épaule post-op (irritation diaphragme)</div> <div class="fc-mnemot">🧠 12-15 mmHg standard</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Différence entre insufflateur CO2 et N2O en laparoscopie</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">CO2 soluble dans sang → éliminé par poumons. Éviter en cas de BPCO sévère</div> <div class="fc-mnemot">🧠 CO2 = référence mondiale</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Qu'est-ce qu'une optique 0° vs 30° en laparoscopie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">30° utilisé en cholécystectomie (visualiser angle de Calot), chirurgie pelvienne</div> <div class="fc-mnemot">🧠 30° = voir à l'angle</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Comment prévenir la buée sur l'optique laparoscopique ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Anti-buée chimique interdit en contact intra-abdominal. Utiliser uniquement eau chaude</div> <div class="fc-mnemot">🧠 Eau chaude = anti-buée</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quelle est la règle de triangulation en laparoscopie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Angle optimal entre instruments : 60-90°. Éviter les instruments en miroir (perte de coordination)</div> <div class="fc-mnemot">🧠 Triangulation = ergonomie</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Qu'est-ce qu'un système robotique chirurgical (da Vinci) ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Avantages : vision 3D, tremblements filtrés, 7 degrés de liberté. Inconvénient : coût, temps d'installation</div> <div class="fc-mnemot">🧠 da Vinci = maître-esclave</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Comment gérer un saignement en laparoscopie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Garder calme. Aspirer d'abord pour visualiser. Ne pas coaguler dans le vague</div> <div class="fc-mnemot">🧠 Aspirer → visualiser → coaguler</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Qu'est-ce que la chirurgie NOTES ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Pas de cicatrice. Utilisée pour cholécystectomie transvaginale, appendicectomie transgastrique</div> <div class="fc-mnemot">🧠 NOTES = sans cicatrice</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Comment nettoyer et stériliser une optique laparoscopique ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Jamais autoclave 134°C pour optiques ! Dénaturation des prismes et des colles optiques</div> <div class="fc-mnemot">🧠 Basse température = optique</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Quelle est la règle des 4 trocarts en laparoscopie cholécystectomie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Positionnement = position lithotomie modifiée, table inclinée gauche 15°, Trendelenburg inverse</div> <div class="fc-mnemot">🧠 Ombilical = optique principal</div> </details> </div> </div> <div class="quiz-cta"> <h3>📝 Quiz disponible dans l'onglet suivant</h3> <p>Testez vos connaissances avec les QCM — notés et suivis dans votre progression.</p> </div> <section class="sources-footer"> <h2>📚 Sources officielles</h2> <ol> <li><strong>Légifrance</strong> (2022). <em>Arrêté du 27 avril 2022 — Diplôme d'État IBODE</em>. <a href="https://www.legifrance.gouv.fr" target="_blank">legifrance.gouv.fr</a></li> <li>SFCD — Recommandations laparoscopie (2020)</li> <li>Intuitive Surgical — Formation da Vinci Xi (2022)</li> <li>CNRD — Compétence IBODE 2 : laparoscopie (2021)</li> </ol> <p class="disclaimer"> ⚠️ Ce contenu est conçu pour la <strong>révision</strong> et ne se substitue pas aux protocoles en vigueur dans votre établissement ni aux enseignements dispensés en formation IBODE. Pour toute pratique clinique, référez-vous aux recommandations officielles (SFAR, HAS, sociétés savantes) et aux protocoles de votre service.<br><br> Dernière mise à jour : Mars 2026 · Version 3.0 · IBODE Academy — ibode-academy.fr · SAFIALAB SASU </p> </section> </div><!-- /lesson-wrapper --> <script> (function(){ var pf = document.getElementById('pf-687'); if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300); })(); </script>
0/1
Radiologie au Bloc Opératoire
<!-- WP ID: 689 | Module: instrumentations | v3.0 --> <style> /* ═══════════════════════════════════════════════ IBODE ACADEMY — Design System v3.0 (Mars 2026) CSS scopé pour injection dans post_content WP → :root remplacé par .lesson-wrapper → body remplacé par .lesson-wrapper Template Grade A · Guardian v2 compatible ═══════════════════════════════════════════════ */ .lesson-wrapper { /* ── Couleurs module — overridées par chaque leçon ── */ --module: #455A64; --module-light: #eceff1; --module-mid: #37474F; --enc-astuce-bg: rgba(59,130,246,0.08); --enc-astuce-bord: rgba(59,130,246,0.35); --enc-securite-bg: rgba(245,158,11,0.08); --enc-securite-bord: rgba(245,158,11,0.35); --enc-erreur-bg: rgba(239,68,68,0.08); --enc-erreur-bord: rgba(239,68,68,0.35); --enc-legal-bg: rgba(16,185,129,0.08); --enc-legal-bord: rgba(16,185,129,0.35); --enc-mnemot-bg: rgba(139,92,246,0.08); --enc-mnemot-bord: rgba(139,92,246,0.35); --enc-approfond-bg: rgba(100,116,139,0.08); --enc-approfond-bord:rgba(100,116,139,0.35); --anat-os:#E8B86D; --anat-muscle:#D4856A; --anat-artere:#C99A9A; --anat-veine:#2C5F7C; --anat-nerf:#B8A5C6; --anat-ligament:#A8C6A5; --font-main: 'Plus Jakarta Sans', sans-serif; --font-serif: 'Crimson Pro', serif; --bg-primary:#f8fafc; --bg-secondary:#ffffff; --text-primary:#0f172a; --text-secondary:#475569; --text-muted:#94a3b8; --border:#e2e8f0; --shadow-sm:0 1px 3px rgba(0,0,0,0.06); --shadow-md:0 4px 16px rgba(0,0,0,0.08); --shadow-lg:0 8px 32px rgba(0,0,0,0.10); --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; /* ── Layout de base (remplace body) ── */ font-family: var(--font-main); color: var(--text-primary); line-height: 1.7; font-size: 16px; max-width: 860px; margin: 0 auto; padding: 0 1.5rem 4rem; box-sizing: border-box; } .lesson-wrapper *, .lesson-wrapper *::before, .lesson-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ── Header ── */ .lesson-wrapper .lesson-header { position: relative; background: linear-gradient(135deg, var(--module) 0%, var(--module-mid) 100%); border-radius: 0 0 var(--radius-xl) var(--radius-xl); padding: 3rem 2rem 2rem; color: #fff; overflow: hidden; margin-bottom: 2rem; box-shadow: var(--shadow-lg); } .lesson-wrapper .lesson-header::before { content: '🔧'; position: absolute; top: -10px; right: 20px; font-size: 120px; opacity: 0.08; line-height: 1; pointer-events: none; } .lesson-wrapper .lesson-header::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); } .lesson-wrapper .lesson-header h1 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.5rem; position: relative; } .lesson-wrapper .lesson-header .subtitle { font-size: 1rem; opacity: 0.85; margin-bottom: 1.2rem; position: relative; } .lesson-wrapper .meta-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; position: relative; } .lesson-wrapper .badge { display: inline-flex; align-items: center; gap: 0.3rem; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(8px); border-radius: 100px; padding: 4px 12px; font-size: 0.75rem; font-weight: 600; color: #fff; white-space: nowrap; } /* ── Barre progression ── */ .lesson-wrapper .progress-section { height: 5px; background: var(--border); border-radius: 3px; margin-bottom: 2.5rem; overflow: hidden; } .lesson-wrapper .progress-fill { height: 100%; background: linear-gradient(90deg, var(--module), var(--module-mid)); border-radius: 3px; width: 0%; transition: width 1.2s ease; } /* ── Typographie ── */ .lesson-wrapper h2 { font-size: 1.25rem; font-weight: 700; color: var(--text-primary); margin: 2.5rem 0 1rem; padding-bottom: 0.6rem; border-bottom: 2px solid var(--module-light); display: flex; align-items: center; gap: 0.5rem; } .lesson-wrapper h2::before { content: ''; display: inline-block; width: 4px; height: 1.2em; background: var(--module); border-radius: 2px; flex-shrink: 0; } .lesson-wrapper h3 { font-size: 1.05rem; font-weight: 700; color: var(--module); margin: 1.8rem 0 0.6rem; } .lesson-wrapper p { margin-bottom: 0.9rem; color: var(--text-secondary); line-height: 1.75; } .lesson-wrapper strong { color: var(--text-primary); font-weight: 700; } .lesson-wrapper em { font-family: var(--font-serif); font-style: italic; } .lesson-wrapper ul, .lesson-wrapper ol { padding-left: 1.5rem; margin-bottom: 1rem; color: var(--text-secondary); } .lesson-wrapper li { margin-bottom: 0.35rem; line-height: 1.65; } .lesson-wrapper .src { font-size: 0.78rem; color: var(--text-muted); font-style: italic; background: #f1f5f9; border-radius: 4px; padding: 1px 6px; white-space: nowrap; } /* ── Tableau ── */ .lesson-wrapper .table-wrapper { overflow-x: auto; margin-bottom: 1.5rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .lesson-wrapper table { width: 100%; border-collapse: collapse; font-size: 0.88rem; background: var(--bg-secondary); } .lesson-wrapper th { background: var(--module); color: #fff; padding: 0.7rem 1rem; text-align: left; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.03em; } .lesson-wrapper td { padding: 0.65rem 1rem; border-bottom: 1px solid var(--border); color: var(--text-secondary); } .lesson-wrapper tr:last-child td { border-bottom: none; } .lesson-wrapper tr:nth-child(even) td { background: #f8fafc; } /* ── Encadrés glassmorphisme ── */ .lesson-wrapper .encadre { border-radius: var(--radius-lg); padding: 1.25rem 1.4rem; margin: 1.2rem 0; border: 1px solid; position: relative; overflow: hidden; backdrop-filter: blur(12px) saturate(160%); -webkit-backdrop-filter: blur(12px) saturate(160%); transition: transform 0.2s ease, box-shadow 0.2s ease; } .lesson-wrapper .encadre:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); } .lesson-wrapper .encadre::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); } .lesson-wrapper .enc-header { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.6rem; } .lesson-wrapper .enc-icon { width: 30px; height: 30px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .lesson-wrapper .enc-title { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; } .lesson-wrapper .enc-body { font-size: 0.9rem; line-height: 1.7; } .lesson-wrapper .enc-astuce { background: var(--enc-astuce-bg); border-color: var(--enc-astuce-bord); box-shadow: 0 2px 12px rgba(59,130,246,0.08); } .lesson-wrapper .enc-securite { background: var(--enc-securite-bg); border-color: var(--enc-securite-bord); box-shadow: 0 2px 12px rgba(245,158,11,0.08); } .lesson-wrapper .enc-erreur { background: var(--enc-erreur-bg); border-color: var(--enc-erreur-bord); box-shadow: 0 2px 12px rgba(239,68,68,0.08); } .lesson-wrapper .enc-legal { background: var(--enc-legal-bg); border-color: var(--enc-legal-bord); box-shadow: 0 2px 12px rgba(16,185,129,0.08); } .lesson-wrapper .enc-mnemot { background: var(--enc-mnemot-bg); border-color: var(--enc-mnemot-bord); box-shadow: 0 2px 12px rgba(139,92,246,0.08); } .lesson-wrapper .enc-approfond { background: var(--enc-approfond-bg); border-color: var(--enc-approfond-bord); box-shadow: 0 2px 12px rgba(0,0,0,0.04); } .lesson-wrapper .enc-astuce .enc-icon { background: rgba(59,130,246,0.15); } .lesson-wrapper .enc-securite .enc-icon { background: rgba(245,158,11,0.15); } .lesson-wrapper .enc-erreur .enc-icon { background: rgba(239,68,68,0.15); } .lesson-wrapper .enc-legal .enc-icon { background: rgba(16,185,129,0.15); } .lesson-wrapper .enc-mnemot .enc-icon { background: rgba(139,92,246,0.15); } .lesson-wrapper .enc-approfond .enc-icon { background: rgba(100,116,139,0.15); } .lesson-wrapper .enc-astuce .enc-title { color: #1d4ed8; } .lesson-wrapper .enc-securite .enc-title { color: #b45309; } .lesson-wrapper .enc-erreur .enc-title { color: #b91c1c; } .lesson-wrapper .enc-legal .enc-title { color: #065f46; } .lesson-wrapper .enc-mnemot .enc-title { color: #6d28d9; } .lesson-wrapper .enc-approfond .enc-title { color: #475569; } .lesson-wrapper .enc-astuce .enc-body { color: #1e3a5f; } .lesson-wrapper .enc-securite .enc-body { color: #4d2600; } .lesson-wrapper .enc-erreur .enc-body { color: #4a0000; } .lesson-wrapper .enc-legal .enc-body { color: #003322; } .lesson-wrapper .enc-mnemot .enc-body { color: #2e1065; } .lesson-wrapper .enc-approfond .enc-body { color: var(--text-secondary); } .lesson-wrapper .mnemot-formula { display: inline-block; background: rgba(139,92,246,0.12); border: 1px solid rgba(139,92,246,0.3); border-radius: var(--radius-sm); padding: 0.5rem 1rem; font-size: 1rem; font-weight: 800; letter-spacing: 0.12em; color: #6d28d9; margin-top: 0.4rem; } /* ── Placeholder image ── */ .lesson-wrapper .img-placeholder { background: #f1f5f9; border: 2px dashed var(--border); border-radius: var(--radius-lg); padding: 2rem; text-align: center; color: var(--text-muted); font-size: 0.88rem; margin: 1.2rem 0; line-height: 1.6; } .lesson-wrapper .img-placeholder span { font-size: 0.75rem; display: block; margin-top: 0.3rem; } /* ── Flashcards ── */ .lesson-wrapper .flashcards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .lesson-wrapper .flashcard { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.2rem; box-shadow: var(--shadow-sm); transition: box-shadow 0.2s, transform 0.2s; } .lesson-wrapper .flashcard:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } .lesson-wrapper .fc-badge { display: inline-block; font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 100px; margin-bottom: 0.6rem; } .lesson-wrapper .fc-facile { background: #dcfce7; color: #166534; } .lesson-wrapper .fc-inter { background: #fef9c3; color: #854d0e; } .lesson-wrapper .fc-avance { background: #fee2e2; color: #991b1b; } .lesson-wrapper .fc-recto { font-size: 0.9rem; font-weight: 600; color: var(--text-primary); line-height: 1.5; margin-bottom: 0.7rem; } .lesson-wrapper .flashcard details summary { font-size: 0.78rem; font-weight: 700; color: var(--module); cursor: pointer; padding: 0.4rem 0; border-top: 1px solid var(--border); list-style: none; display: flex; align-items: center; gap: 0.4rem; } .lesson-wrapper .flashcard details summary::-webkit-details-marker { display: none; } .lesson-wrapper .flashcard details summary::before { content: '▶'; font-size: 0.6rem; transition: transform 0.2s; } .lesson-wrapper .flashcard details[open] summary::before { transform: rotate(90deg); } .lesson-wrapper .fc-verso { font-size: 0.87rem; color: var(--text-secondary); line-height: 1.65; padding-top: 0.6rem; } .lesson-wrapper .fc-mnemot { font-size: 0.78rem; color: #7c3aed; font-style: italic; margin-top: 0.4rem; padding: 0.3rem 0.6rem; background: rgba(139,92,246,0.06); border-radius: var(--radius-sm); } .lesson-wrapper .fc-source { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.3rem; } /* ── CTA quiz ── */ .lesson-wrapper .quiz-cta { background: linear-gradient(135deg, var(--module), var(--module-mid)); border-radius: var(--radius-xl); padding: 2rem; text-align: center; color: #fff; margin: 2.5rem 0; box-shadow: var(--shadow-lg); position: relative; overflow: hidden; } .lesson-wrapper .quiz-cta::before { content: '📝'; position: absolute; right: 20px; bottom: -10px; font-size: 80px; opacity: 0.1; pointer-events: none; } .lesson-wrapper .quiz-cta h3 { font-size: 1.1rem; font-weight: 800; color: #fff; margin-bottom: 0.4rem; } .lesson-wrapper .quiz-cta p { font-size: 0.88rem; opacity: 0.85; margin-bottom: 0; color: rgba(255,255,255,0.9); } /* ── Footer sources ── */ .lesson-wrapper .sources-footer { border-top: 3px solid var(--module); padding-top: 1.5rem; margin-top: 2.5rem; } .lesson-wrapper .sources-footer h2 { border-bottom-color: var(--border); } .lesson-wrapper .sources-footer ol { font-size: 0.82rem; color: var(--text-secondary); padding-left: 1.2rem; margin: 0.8rem 0 1.2rem; } .lesson-wrapper .sources-footer li { margin-bottom: 0.5rem; line-height: 1.6; } .lesson-wrapper .sources-footer a { color: var(--module); text-decoration: underline; word-break: break-all; } .lesson-wrapper .disclaimer { background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 0.8rem 1rem; font-size: 0.78rem; color: #78350f; line-height: 1.6; } /* IBODE_MULTI_INJ_START */ article .container strong, .lesson-content .container strong, div.container strong { color: #0f172a !important; font-weight: 700 !important; } .ibode-anat-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1.2rem 0 2rem; } .ibode-anat-gallery figure { margin: 0; background: linear-gradient(135deg, #f8fafc, #eff6ff); border-radius: 12px; padding: 0.8rem; box-shadow: 0 4px 12px rgba(15,23,42,0.06); border: 1px solid #e2e8f0; } .ibode-anat-gallery figure img { width: 100%; height: auto; border-radius: 8px; display: block; aspect-ratio: 4/3; object-fit: contain; background: #fff; } .ibode-anat-gallery figcaption { font-size: 0.78rem; color: #475569; font-style: italic; text-align: center; margin-top: 0.5rem; } /* IBODE_MULTI_INJ_END */ </style> <div class="lesson-wrapper"> <header class="lesson-header"> <h1>Instruments de Neurochirurgie et Microchirurgie</h1> <!-- MULTI_INJ_START:auto_689 --> <div class="ibode-anat-gallery"> <figure> <img src="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/689-microscope-op" srcset="https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_480,f_auto,q_auto/ibode-academy/grade-a/instrumentation/689-microscope-op 480w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_800,f_auto,q_auto/ibode-academy/grade-a/instrumentation/689-microscope-op 800w, https://res.cloudinary.com/dbcxean2e/image/upload/c_fit,w_1200,f_auto,q_auto/ibode-academy/grade-a/instrumentation/689-microscope-op 1200w" sizes="(max-width: 768px) 100vw, 280px" alt="Microscope op" loading="lazy" /> <figcaption>Microscope op</figcaption> </figure> </div> <!-- MULTI_INJ_END:auto_689 --> <p class="subtitle">Maîtriser les instruments spécialisés, le microscope et les règles de sécurité en neurochirurgie</p> <div class="meta-badges"> <span class="badge">🟡 Intermédiaire</span> <span class="badge">⏱ 30 min</span> <span class="badge">📚 UE 3</span> <span class="badge">🎯 C3 · C4</span> <span class="badge">Version 3.0 · Mars 2026</span> </div> </header> <div class="progress-section"> <div class="progress-fill" id="pf-689"></div> </div> <div class="encadre enc-approfond"> <div class="enc-header"> <div class="enc-icon">📖</div> <span class="enc-title">Auto-évaluation</span> </div> <div class="enc-body"> <ul> <li>Je prépare un microscope opératoire avec housse stérile</li> <li>Je connais les instruments spécifiques de craniotomie et discectomie</li> <li>Je maîtrise le comptage des cotonnoïdes</li> <li>Je comprends les risques spécifiques de la neurochirurgie</li> </ul> </div> </div> <h2>🧠 Flashcards de révision</h2> <div class="flashcards-grid"> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Qu'est-ce qu'un microscope opératoire en neurochirurgie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Avantages : vision 3D haute résolution, éclairage sans ombre. Stérilisation : housses stériles</div> <div class="fc-mnemot">🧠 Microscope = vision 3D précise</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Comment utiliser une spatule cérébrale (cerveau retractor) ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Pression continue → ischémie corticale. Rotation régulière ou retracteur auto-retenant pulsé</div> <div class="fc-mnemot">🧠 Pression douce + intermittente</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">À quoi sert un aspirateur neurochirurgical (Frazier) ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Ne jamais aspirer directement sur cortex ou artère. Aspiration indirecte via cotonnoïde</div> <div class="fc-mnemot">🧠 Frazier = aspiration fine</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-facile">🟢 Basique</span> <div class="fc-recto">Qu'est-ce qu'un clip d'anévrisme (Yasargil) ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Réversible avant fermeture. Permanent après. IRM compatible selon le modèle</div> <div class="fc-mnemot">🧠 Yasargil = clip anévrisme</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quelle est la différence entre neurochirurgie et microchirurgie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Microchirurgie : sutures 8-0 à 12-0, instruments à bout ultrafin, exige silence et stabilité</div> <div class="fc-mnemot">🧠 Micro = sous microscope</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Comment préparer le microscope opératoire pour utilisation ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Réglage interpupillaire selon chirurgien avant champ. Câble lumière en dernier (thermique)</div> <div class="fc-mnemot">🧠 Housse → focale → balance</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Quels instruments spécifiques pour la dissection intracrânienne ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Tout instrument = mesure en mm. Aucun à bout acéré vers le bas en zone vasculaire</div> <div class="fc-mnemot">🧠 Micro = instruments en mm</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Qu'est-ce qu'un neuronavigateur (BrainLab, StealthStation) ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Précision ±1-2mm. Dérive peropératoire possible (shift cérébral après ouverture dure-mère)</div> <div class="fc-mnemot">🧠 Neuronavigateur = GPS cérébral</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-inter">🟡 Intermédiaire</span> <div class="fc-recto">Comment gérer la coagulation bipolaire en neurochirurgie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Coagulation sans irrigation = adhérence pince au cortex. Toujours coaguler humide</div> <div class="fc-mnemot">🧠 Bipolaire humide = règle neuro</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Qu'est-ce qu'un cotonnoïde (patty) en neurochirurgie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Comptage obligatoire. Jamais laissé sans surveillance. Taille = repère opératoire</div> <div class="fc-mnemot">🧠 Fil rappel = radiopaque = retrouvable</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Quels instruments pour une discectomie lombaire ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Kerrison = emporte-pièce de la lame. Love = curetage du disque. Leksell = pince mordante os</div> <div class="fc-mnemot">🧠 Kerrison-Love-Leksell</div> </details> </div> <div class="flashcard"> <span class="fc-badge fc-avance">🔴 Avancé</span> <div class="fc-recto">Comment prévenir les infections en neurochirurgie ?</div> <details> <summary>Voir la réponse</summary> <div class="fc-verso">Méningite post-op = catastrophique. Taux d'infection acceptable < 2%. Drainage sous-galeal si risque</div> <div class="fc-mnemot">🧠 Antibio + irrigation + stérilité</div> </details> </div> </div> <div class="quiz-cta"> <h3>📝 Quiz disponible dans l'onglet suivant</h3> <p>Testez vos connaissances avec les QCM — notés et suivis dans votre progression.</p> </div> <section class="sources-footer"> <h2>📚 Sources officielles</h2> <ol> <li><strong>Légifrance</strong> (2022). <em>Arrêté du 27 avril 2022 — Diplôme d'État IBODE</em>. <a href="https://www.legifrance.gouv.fr" target="_blank">legifrance.gouv.fr</a></li> <li>Rhoton AL. — Cranial Anatomy and Surgical Approaches (2019)</li> <li>SFNC — Référentiel neurochirurgie et instrumentation (2020)</li> <li>CNRD — Compétence IBODE 2 : spécialités (2021)</li> </ol> <p class="disclaimer"> ⚠️ Ce contenu est conçu pour la <strong>révision</strong> et ne se substitue pas aux protocoles en vigueur dans votre établissement ni aux enseignements dispensés en formation IBODE. Pour toute pratique clinique, référez-vous aux recommandations officielles (SFAR, HAS, sociétés savantes) et aux protocoles de votre service.<br><br> Dernière mise à jour : Mars 2026 · Version 3.0 · IBODE Academy — ibode-academy.fr · SAFIALAB SASU </p> </section> </div><!-- /lesson-wrapper --> <script> (function(){ var pf = document.getElementById('pf-689'); if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300); })(); </script>
0/2
Instrumentations Chirurgicales

QCM Interactif Instrumentations

📌 Cette leçon en 3 points

  1. Comprendre les principes fondamentaux — QCM interactif Instrumentations
  2. Connaître le rôle spécifique de l'IBODE dans cette prise en charge
  3. Appliquer les bonnes pratiques et protocoles au bloc opératoire

QCM interactif Instrumentations

🔧 IBODE Academy

QCM Interactif Instrumentations

Instrumentation

C4 · C5 · C6 Formation IBODE
Illustration - QCM Interactif Instrumentations
Instrumentations chirurgicales

🔧 QCM Instrumentation & Matériels

32 questions 4 thèmes ⚡ Mode interactif
0 / 32 questions répondues
0 ✅ Correctes
0 ❌ Erreurs
32 ⏳ Restantes

🏆 Résultat final

📚 Pour aller plus loin

  • Dispositifs Médicaux au Bloc
  • Stérilisation des Dispositifs Médicaux
  • Hygiène au Bloc Opératoire
🔧 IBODE Academy — Ce contenu est fourni à titre de révision uniquement. Il ne remplace pas la formation officielle IBODE ni les protocoles de votre établissement.
ID WP : 1368 | Migration v3.0 auto 28/03/2026
⚠️ Avertissement pédagogique

IBODE Academy est une plateforme de révision (non certifiante, ne valide aucun diplôme). Ce contenu — incluant les illustrations parfois générées par IA pouvant comporter de légères imprécisions — complète mais ne remplace ni les protocoles officiels de votre établissement, ni les recommandations en vigueur (HAS, SF2H, SFAR, Sociétés savantes), ni les atlas médicaux de référence (Netter, Gray's, Kamina). Vérifiez systématiquement.

Dernière mise à jour : mai 2026 · Version 2026-05-22-v2