Chirurgie Digestive et Viscérale
Catégories : Spécialités Chirurgicales
À propos du cours
Module specialise IBODE — Couvre digestive basse/HBP/oesogastrique/bariatrique/urgences/coelioscopie + role aide-operatoire IBODE + bypass RYGB + hernie TEP/TAPP. Concu pour IBODE specialise chirurgie digestive et viscerale, ce cours couvre 10 lecons reparties dans 8 modules thematiques.
10 lecons
8 modules
~250 min
Conforme Arrete 2022
Chirurgie digestive basse (colectomie, rectum)
Cette section developpe chirurgie digestive basse (colectomie, rectum), sujet central pour ibode specialise chirurgie digestive et viscerale. L'approche pedagogique repose sur l'alignement constructif : objectifs operationnels, ressources documentaires, evaluations formatives et auto-evaluation par QCM corriges.
Approfondissement : voir les lecons Chirurgie Digestive Basse - Cours IBODE Complet, Chirurgie Hepato-Bilio-Pancreatique, IBODE Academy - Role Aide-Opératoire IBODE | Chirurgie Digestive (acces apres inscription).
Chirurgie hepato-bilio-pancreatique (HBP)
Le programme aborde chirurgie hepato-bilio-pancreatique (hbp) de maniere structuree et progressive. Les notions cles sont presentees sous formats varies : fiches synthetiques, flashcards de revision, cas cliniques realistes et QCM avec corrige detaille sur chaque proposition.
Approfondissement : voir les lecons Chirurgie Digestive Basse - Cours IBODE Complet, Chirurgie Hepato-Bilio-Pancreatique, IBODE Academy - Role Aide-Opératoire IBODE | Chirurgie Digestive (acces apres inscription).
Chirurgie oesogastrique
Le contenu autour de chirurgie oesogastrique est documente et source. Chaque element clinique est source (SF2H 2017, SFAR 2018-2024, HAS Check-list securite 2018, ANSM pour les dispositifs medicaux). Aucune source non datee, aucune source Wikipedia.
Approfondissement : voir les lecons Chirurgie Digestive Basse - Cours IBODE Complet, Chirurgie Hepato-Bilio-Pancreatique, IBODE Academy - Role Aide-Opératoire IBODE | Chirurgie Digestive (acces apres inscription).
Chirurgie bariatrique : Bypass Gastrique Roux-en-Y
L'apprenant explore chirurgie bariatrique : bypass gastrique roux-en-y a travers cas concrets et QCM corriges. L'evaluation se fait par QCM au format reglementaire IBODE 2022 (1 a 5 propositions vraies), avec correction detaillee de chaque distracteur pour favoriser l'auto-correction des biais.
Approfondissement : voir les lecons Chirurgie Digestive Basse - Cours IBODE Complet, Chirurgie Hepato-Bilio-Pancreatique, IBODE Academy - Role Aide-Opératoire IBODE | Chirurgie Digestive (acces apres inscription).
Urgences digestives et coelioscopie
Urgences digestives et coelioscopie fait l'objet d'un developpement specifique dans ce module. Le contenu s'appuie sur les recommandations en vigueur (SF2H pour l'hygiene, SFAR pour l'anesthesie, HAS pour la securite) et sur l'Arrete du 27 avril 2022 qui regit la formation IBODE.
Approfondissement : voir les lecons Urgences Digestives (acces apres inscription).
Hernie inguinale TEP/TAPP
Hernie inguinale TEP/TAPP constitue un pilier de ce module. L'approche pedagogique repose sur l'alignement constructif : objectifs operationnels, ressources documentaires, evaluations formatives et auto-evaluation par QCM corriges.
Approfondissement : voir les lecons Hernie inguinale - Cure coelioscopique TEP/TAPP (acces apres inscription).
Programme du cours
Programme detaille
- Module 1 — Général (1 lecons)
- QCM Interactif Chirurgie Digestive
- Module 2 — Digestive Basse (1 lecons)
- Chirurgie Digestive Basse - Cours IBODE Complet
- Module 3 — Chirurgie Hépato-Bilio-Pancréatique (HBP) (1 lecons)
- Chirurgie Hepato-Bilio-Pancreatique
- Module 4 — Aide Opératoire (1 lecons)
- IBODE Academy - Role Aide-Opératoire IBODE | Chirurgie Digestive
- Module 5 — Oesogastrique (1 lecons)
- Chirurgie Oesogastrique
- Module 6 — Bariatrique (1 lecons)
- Chirurgie Bariatrique
- Module 7 — Urgences (1 lecons)
- Urgences Digestives
- Module 8 — Cœlioscopie (3 lecons)
- Cœlioscopie Digestive
- Hernie inguinale - Cure coelioscopique TEP/TAPP
- Bypass Gastrique en Y de Roux - Chirurgie Bariatrique
Pourquoi ce module est fiable
- Contenu source : SF2H, SFAR, HAS, ANSM, INRS, Legifrance — aucune source Wikipedia, aucune source non datee.
- Conforme a l'Arrete du 27 avril 2022 (referentiel IBODE en 5 blocs de competences et 9 competences C1-C9, 120 ECTS, 24 mois) et au Decret 2024-954 (10 actes exclusifs en 3 categories).
- Revise mensuellement par un IBODE en formation actif sur le terrain (CHAR Cayenne, Guyane) — pas de contenu fige.
- Complement pedagogique : ne remplace pas les protocoles de votre etablissement. Verifiez toujours les recommandations locales en vigueur.
Acceder a Chirurgie Digestive et Viscérale et a tous les modules
33 cours • 380 lecons • 53 demarches de soins illustrees • 807 questions QCM corrigees
Un seul abonnement donne acces a l'ensemble du programme.
Voir les tarifs (14,90 EUR/mois ou 119 EUR/an)
Pas d'essai gratuit (contenu numerique, renonciation au delai de retractation acquise au checkout conformement a l'article L221-28 13deg du Code de la consommation).
Decouvrir d'abord : module gratuit Devenir IBODE.
Questions frequentes
Quel est le pre-requis pour suivre ce module ?
Aucun pre-requis specifique : ce module fait partie du programme IBODE Academy concu pour les Infirmier(e)s Diplome(e)s d'Etat (IDE) en cours de formation IBODE ou souhaitant se preparer a l'admission. Le contenu est aligne sur l'Arrete du 27 avril 2022.
Comment ce module se positionne-t-il dans le referentiel IBODE 2022 ?
Le programme IBODE Academy couvre les 5 blocs de competences et les 9 competences (C1 a C9) de l'Arrete du 27 avril 2022 (validation par 120 ECTS sur 4 semestres). Ce module contribue selon sa specialite a la prise en soins peri-operatoire (C1-C2), aux techniques complexes d'assistance chirurgicale (C3), a la coordination des soins (C4-C6), a la formation et a la veille professionnelle (C7-C9). Le sequencage est independant : vous pouvez suivre les modules dans l'ordre que vous voulez.
Le contenu est-il a jour ?
Oui. Le contenu est revise chaque mois par un IBODE en formation actif sur le terrain (CHAR Cayenne, Guyane). Les sources sont systematiquement les recommandations en vigueur : SF2H pour l'hygiene, SFAR pour l'anesthesie, HAS pour la check-list securite et les recommandations nationales, sourcees ANSM pour les dispositifs medicaux. Aucune source non datee, aucune source Wikipedia.
Puis-je tester gratuitement avant de m'abonner ?
Le module Devenir IBODE — Module gratuit est en acces libre et donne un apercu de la qualite editoriale et de l'experience utilisateur. Conformement a notre politique sur les contenus numeriques (article L221-28 13deg du Code de la consommation), nous ne proposons PAS d'essai gratuit limite dans le temps : tout abonnement est ferme par renonciation au delai de retractation acquise au checkout.
Combien coute l'acces a tous les modules ?
Deux abonnements proposes : Mensuel 14,90 EUR TTC/mois ou Annuel 119 EUR TTC/an (soit 9,92 EUR/mois equivalent, -33% sur le mensuel). Les deux donnent acces aux 33 cours, 380 lecons, 53 demarches de soins illustrees et a 807 questions QCM corrigees. Voir tous les tarifs.
Le contenu remplace-t-il les protocoles de mon etablissement ?
Non. IBODE Academy est un complement pedagogique aligne sur les recommandations nationales (SF2H, SFAR, HAS, ANSM, INRS, Legifrance). Les protocoles de votre etablissement (CHU, CH, clinique) restent la reference juridique et clinique pour votre pratique professionnelle. Verifiez toujours les recommandations locales en vigueur.
⚠️ 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 : juin 2026 · Version 2026-05-22-v2
Contenu du cours
L'essentiel à maîtriser
Module complet niveau master regroupant les cours détaillés de la spécialité.
Digestive Basse
<!-- WP ID: 750 | Module: chirurgie-digestive | 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: #1B5E20; --module-light: #e8f5e9; --module-mid: #2E7D32;
--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;
}
</style>
<div class="lesson-wrapper">
<header class="lesson-header">
<h1>Introduction à la Chirurgie Digestive</h1>
<p class="subtitle">Spécificités du bloc digestif, voies d'abord, instrumentation de base</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-750"></div>
</div>
<div class="encadre enc-astuce">
<div class="enc-header">
<div class="enc-icon">💡</div>
<span class="enc-title">Point clé IBODE</span>
</div>
<div class="enc-body"><strong>Chirurgie digestive : table de conversion obligatoire Que....</strong> La conversion n'est pas un échec mais une décision de sécurité — le matériel doit être prêt avant l'intervention.</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 deux voies d'abord en chirurgie digestive</li>
<li>Je maîtrise l'instrumentation de base (agrafeuses, pinces, drains)</li>
<li>Je sais créer un pneumopéritoine (Veress ou open)</li>
<li>Je connais l'antibioprophylaxie spécifique</li>
<li>Je sais installer le patient pour une cœlioscopie</li>
<li>Je sais anticiper une conversion laparotomie</li>
</ul>
</div>
</div>
<!-- IBODE_THEORY_BLOCK_START -->
<section class="lesson-theory" id="theory-digestive-basse">
<figure class="lesson-anatomy-figure" data-slug="l750_anatomie_colon_rectum_mesocolon" style="float:right;max-width:46%;margin:0 0 1.5em 1.5em;clear:right;"><img src="https://res.cloudinary.com/dbcxean2e/image/upload/l_ibode-academy:brand:ibode-academy-monogram,w_80,o_30,g_south_east,x_15,y_15/l_text:Arial_22_bold:ibode-academy.fr,co_rgb:1a1a1a,o_60,g_south_west,x_20,y_20/v1777768279/ibode-academy/anatomie/digestif/l750_anatomie_colon_rectum_mesocolon.jpg" alt="Côlon — Rectum — Mésocôlon — Anatomique frontale" loading="lazy" style="width:100%;height:auto;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,0.12);" /><figcaption style="font-size:0.82em;color:#444;text-align:center;margin-top:0.5em;font-style:italic;line-height:1.4;padding:0 0.3em;"><strong>Fig. 1</strong> — Vascularisation AMI + drainage lymphatique D3</figcaption></figure>
<figure class="lesson-anatomy-figure" data-slug="l750_voie_laparoscopique_trocarts" style="float:left;max-width:46%;margin:0 0 1.5em 0; margin-right:1.5em;clear:left;"><img src="https://res.cloudinary.com/dbcxean2e/image/upload/l_ibode-academy:brand:ibode-academy-monogram,w_80,o_30,g_south_east,x_15,y_15/l_text:Arial_22_bold:ibode-academy.fr,co_rgb:1a1a1a,o_60,g_south_west,x_20,y_20/v1777768301/ibode-academy/anatomie/digestif/l750_voie_laparoscopique_trocarts.jpg" alt="Patient en décubitus dorsal lithotomique Trendelenburg — Position opératoire" loading="lazy" style="width:100%;height:auto;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,0.12);" /><figcaption style="font-size:0.82em;color:#444;text-align:center;margin-top:0.5em;font-style:italic;line-height:1.4;padding:0 0.3em;"><strong>Fig. 2</strong> — Disposition 5 trocarts cœlioscopie colorectale</figcaption></figure>
<figure class="lesson-anatomy-figure" data-slug="l750_mobilisation_colon_ligature_ami" style="float:right;max-width:46%;margin:0 0 1.5em 1.5em;clear:right;"><img src="https://res.cloudinary.com/dbcxean2e/image/upload/l_ibode-academy:brand:ibode-academy-monogram,w_80,o_30,g_south_east,x_15,y_15/l_text:Arial_22_bold:ibode-academy.fr,co_rgb:1a1a1a,o_60,g_south_west,x_20,y_20/v1777768324/ibode-academy/anatomie/digestif/l750_mobilisation_colon_ligature_ami.jpg" alt="Côlon gauche — AMI — Lymphadénectomie D3 — Peropératoire cœlioscopique" loading="lazy" style="width:100%;height:auto;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,0.12);" /><figcaption style="font-size:0.82em;color:#444;text-align:center;margin-top:0.5em;font-style:italic;line-height:1.4;padding:0 0.3em;"><strong>Fig. 3</strong> — Ligature AMI origine + curage carcinologique</figcaption></figure>
<figure class="lesson-anatomy-figure" data-slug="l750_tme_heald_endogia" style="float:left;max-width:46%;margin:0 0 1.5em 0; margin-right:1.5em;clear:left;"><img src="https://res.cloudinary.com/dbcxean2e/image/upload/l_ibode-academy:brand:ibode-academy-monogram,w_80,o_30,g_south_east,x_15,y_15/l_text:Arial_22_bold:ibode-academy.fr,co_rgb:1a1a1a,o_60,g_south_west,x_20,y_20/v1777768345/ibode-academy/anatomie/digestif/l750_tme_heald_endogia.jpg" alt="Rectum — Mésorectum — Plan de Heald — Peropératoire pelvienne" loading="lazy" style="width:100%;height:auto;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,0.12);" /><figcaption style="font-size:0.82em;color:#444;text-align:center;margin-top:0.5em;font-style:italic;line-height:1.4;padding:0 0.3em;"><strong>Fig. 4</strong> — TME extra-fasciale + agrafage Endo-GIA</figcaption></figure>
<figure class="lesson-anatomy-figure" data-slug="l750_anastomose_colorectale_cdh" style="float:right;max-width:46%;margin:0 0 1.5em 1.5em;clear:right;"><img src="https://res.cloudinary.com/dbcxean2e/image/upload/l_ibode-academy:brand:ibode-academy-monogram,w_80,o_30,g_south_east,x_15,y_15/l_text:Arial_22_bold:ibode-academy.fr,co_rgb:1a1a1a,o_60,g_south_west,x_20,y_20/v1777768369/ibode-academy/anatomie/digestif/l750_anastomose_colorectale_cdh.jpg" alt="Anastomose colorectale mécanique — Peropératoire anastomotique" loading="lazy" style="width:100%;height:auto;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,0.12);" /><figcaption style="font-size:0.82em;color:#444;text-align:center;margin-top:0.5em;font-style:italic;line-height:1.4;padding:0 0.3em;"><strong>Fig. 5</strong> — Pince CDH 25-31mm + test étanchéité bleu méthylène</figcaption></figure>
<h2>Bloc théorique master — Chirurgie digestive basse (colectomie, sigmoïdectomie, résection rectum, TME)</h2>
<!-- 1. ANATOMIE -->
<div class="enc-anatomie">
<h3>1. Anatomie chirurgicale côlon-rectum</h3>
<p><strong>Côlon (1,5 m)</strong> — Caecum avec valve iléo-caecale de Bauhin (continence iléo-colique) → côlon ascendant (rétropéritonéal droit) → angle colique droit (hépatique) → transverse (intra-péritonéal mobile, mésocôlon transverse) → angle colique gauche (splénique, plus haut et plus aigu que le droit) → descendant (rétropéritonéal gauche) → sigmoïde (boucle intra-péritonéale, mésosigma).</p>
<p><strong>Rectum (15 cm)</strong> — 3 portions : haut rectum (10-15 cm de la marge anale, intra-péritonéal antérieur), moyen rectum (5-10 cm, sous-péritonéal, mésorectum complet), bas rectum (0-5 cm, extra-péritonéal, ampoule rectale = réservoir, jonction anorectale au-dessus du sphincter).</p>
<p><strong>Vascularisation</strong> — Artère mésentérique supérieure (AMS) : iléo-colique, colique droite, branche droite de l’artère colique moyenne → côlon droit + 2/3 droit du transverse. Artère mésentérique inférieure (AMI) : colique gauche, troncs sigmoïdiens, hémorroïdale supérieure → 1/3 gauche transverse + descendant + sigmoïde + rectum supérieur. Hémorroïdales moyennes (issues des hypogastriques) et inférieures (issues des honteuses internes) → rectum moyen et bas. Arcade de Riolan / arcade marginale de Drummond = anastomoses entre AMS et AMI (sécurité vasculaire en cas de ligature haute).</p>
<p><strong>Drainage lymphatique (3 relais — classification japonaise)</strong> — J1 paracolique (le long de l’arcade marginale) → J2 intermédiaire (le long des branches artérielles) → J3 à l’origine du pédicule (AMS ou AMI). La curage D3 (ligature à l’origine + lymphadénectomie complète) est le standard carcinologique en cancer.</p>
<p><strong>Mésocôlons et plans embryologiques</strong> — Mésosigma (mobile), mésotransverse (mobile, accolé au grand épiploon), mésorectum (Heald 1982) : enveloppe graisseuse contenant lymphatiques et ganglions périrectaux, limitée par le fascia recti (couche viscérale) et le fascia pariétal présacré (couche pariétale — espace avasculaire de Heald). Fascia de Toldt droit / gauche : plan d’accolement embryonnaire → voie d’abord lors du décollement colique.</p>
<p><strong>Rectum bas spécifique</strong> — Mésorectum (excision totale = TME), fascia recto-vaginal de Denonvilliers (homme : recto-prostatique — à respecter pour éviter dysfonction urinaire/sexuelle), ligaments latéraux du rectum (contiennent les hémorroïdales moyennes et nerfs hypogastriques inférieurs — plexus pelviens à préserver).</p>
</div>
<!-- 2. INDICATIONS -->
<div class="enc-indications">
<h3>2. Indications & contre-indications</h3>
<p><strong>Indications carcinologiques</strong></p>
<ul>
<li>Cancer du côlon : adénocarcinome T3-T4 ou N+ (stade III), ou T1-T2 avec critères de risque (Thésaurus FFCD)</li>
<li>Cancer du rectum : T3-T4 ou N+ avec radiochimiothérapie néoadjuvante (5-FU/leucovorine + oxaliplatine — FOLFOX/CAPOX) + radiothérapie 50 Gy en 25 séances (long course) ou 25 Gy en 5 séances (short course suédois)</li>
<li>Polypose adénomateuse familiale (FAP) → coloprotectomie totale prophylactique</li>
<li>Syndrome de Lynch (HNPCC) → colectomie subtotale possible</li>
</ul>
<p><strong>Indications bénignes</strong></p>
<ul>
<li>MICI : Crohn (résection segmentaire conservatrice), RCH compliquée → coloproctectomie totale + anastomose iléo-anale (RCH réfractaire, dysplasie)</li>
<li>Diverticulite chronique compliquée (Hinchey III-IV, fistule colovésicale, sténose)</li>
<li>Volvulus sigmoïdien récidivant (sigmoïdopexie inefficace)</li>
<li>Ischémie mésentérique chronique (sténose AMI symptomatique)</li>
<li>Endométriose pelvienne digestive avec atteinte rectale > 50% circonférence</li>
</ul>
<p><strong>CI relatives</strong> — Carcinose péritonéale étendue (PCI > 20 sans option HIPEC), péritonite stercorale aiguë (chirurgie en urgence avec stomie de protection — intervention de Hartmann), instabilité hémodynamique sévère, dénutrition majeure non corrigée (albumine < 25 g/L — à compenser pré-op).</p>
</div>
<!-- 3. BILAN PRÉ-OP -->
<div class="enc-anatomie">
<h3>3. Bilan pré-opératoire</h3>
<ul>
<li><strong>Coloscopie totale + biopsies</strong> de la tumeur + tatouage à l’encre de Chine (SPOT) si tumeur < 2 cm ou non palpable en cœlioscopie (recommandation Thésaurus FFCD)</li>
<li><strong>Scanner thoraco-abdomino-pelvien injecté</strong> — staging M0/M1, extension locale</li>
<li><strong>IRM rectum</strong> — gold standard pour cancer du rectum sup/moyen/bas : précise marge mésorectale (MRF/CRM), envahissement extra-mural (EMVI), ganglions périrectaux, atteinte sphinctérienne</li>
<li><strong>PET-CT 18-FDG</strong> — si suspicion ganglionnaire ou métastases occultes</li>
<li><strong>RCP onco-chirurgicale</strong> obligatoire (HAS — INCa)</li>
<li><strong>Marqueurs tumoraux</strong> — ACE (CEA) baseline, CA 19-9 si suspicion biliopancréatique</li>
<li><strong>Bilan général</strong> — NFS, crase, ionogramme, créat, albumine, NRS-2002 (score nutritionnel), EFR, écho cardiaque, ECG si > 60 ans ou comorbidités</li>
<li><strong>Consultation anesthésie</strong> + scores ASA / POSSUM / Boey</li>
<li><strong>Consultation stomathérapeute</strong> — information patient + marquage prophylactique de la stomie (temporaire ou définitive) sur l’abdomen debout/assis/couché</li>
</ul>
</div>
<!-- 4. TECHNIQUES (tableau) -->
<h3>4. Techniques opératoires — vue synthétique</h3>
<table class="ibode-table">
<thead>
<tr>
<th>Technique</th>
<th>Indication principale</th>
<th>Pédicule lié</th>
<th>Anastomose</th>
<th>Stomie</th>
</tr>
</thead>
<tbody>
<tr>
<td>Colectomie droite</td>
<td>Cancer caecum / ascendant / angle hépatique</td>
<td>Branche iléo-colique de l’AMS (D3)</td>
<td>Iléo-transverse (manuelle ou mécanique latéro-latérale)</td>
<td>Non (sauf urgence)</td>
</tr>
<tr>
<td>Colectomie gauche</td>
<td>Cancer descendant / sigmoïde haut</td>
<td>AMI à l’origine si cancer (D3) / conservation si bénin</td>
<td>Colorectale haute (CDH 28-31 mm)</td>
<td>Non (sauf péritonite)</td>
</tr>
<tr>
<td>Sigmoïdectomie</td>
<td>Diverticulite, cancer sigmoïde</td>
<td>AMI segmentaire (bénin) ou origine (cancer)</td>
<td>Colorectale haute</td>
<td>Non</td>
</tr>
<tr>
<td>Résection antérieure du rectum + TME</td>
<td>Cancer rectum sup / moyen</td>
<td>AMI à l’origine + TME (Heald)</td>
<td>Colorectale basse / colo-anale (CDH 25-28)</td>
<td>Iléostomie de protection temporaire (2-3 mois)</td>
</tr>
<tr>
<td>Amputation abdomino-périnéale (AAP)</td>
<td>Cancer rectum bas avec atteinte sphinctérienne</td>
<td>AMI + TME extralévatorienne (ELAPE)</td>
<td>Aucune</td>
<td>Colostomie iliaque gauche définitive</td>
</tr>
<tr>
<td>Hartmann</td>
<td>Péritonite stercorale, urgence</td>
<td>AMI segmentaire</td>
<td>Aucune (moignon rectal fermé)</td>
<td>Colostomie temporaire (rétablie 3-6 mois)</td>
</tr>
</tbody>
</table>
<p><strong>Voies d’abord</strong> — Laparoscopique standard 4-5 ports (gold standard cancer du côlon — étude COLOR I/II, COST, CLASICC), laparoscopique single-port (SILS) pour cas sélectionnés, robot-assistée Da Vinci (gold standard 2024 cancer du rectum mini-invasif — étude ROLARR, REAL), ouverte (laparotomie médiane ou Pfannenstiel) en cas de conversion ou contre-indication. Protocole <strong>ERAS (Enhanced Recovery After Surgery)</strong> systématique.</p>
<!-- 5. TECHNIQUE CHIR DÉTAILLÉE -->
<h3>5. Technique chirurgicale détaillée — Colectomie gauche laparoscopique pour cancer sigmoïde</h3>
<ul class="timeline">
<li><strong>Installation</strong> — Décubitus dorsal lithotomique, étriers Allen, bras gauche le long du corps, Trendelenburg 15° + rotation latérale droite (10-15°) pour exposer la fosse iliaque gauche.</li>
<li><strong>Antibioprophylaxie</strong> — Céfazoline 2 g IV à l’induction + métronidazole 500 mg IV (recommandation SFAR 2018). Réinjection si chirurgie > 4 h.</li>
<li><strong>Désinfection</strong> — Bétadine scrub puis dermique, 4 temps (détersion, rinçage, séchage, antiseptique). Champage stérile abdomino-pelvi-périnéal.</li>
<li><strong>Sondage Foley Ch16</strong> — Vidange vésicale + monitoring diurèse.</li>
<li><strong>Ports</strong> — Trocart 12 mm Hasson ombilical (optique 30°), 5 mm épigastre, 12 mm fosse iliaque droite (assistant), 12 mm fosse iliaque gauche (opérateur), 5 mm sus-pubien si besoin.</li>
<li><strong>Pneumopéritoine</strong> — CO<sub>2</sub> 12 mmHg, débit 30 L/min.</li>
<li><strong>Exploration</strong> — Cavité, foie, péritoine, carcinose éventuelle, repère du tatouage SPOT.</li>
<li><strong>Mobilisation côlon gauche</strong> — Décollement du fascia de Toldt gauche, manœuvre de Mattox pour la rate (libération de l’angle splénique en sectionnant le ligament gastro-colique et le ligament spléno-colique).</li>
<li><strong>Ligature pédicule</strong> — AMI à l’origine pour cancer (curage D3 — lymphadénectomie complète) ou bifurcation de l’artère colique gauche pour bénin. Section de la veine mésentérique inférieure (VMI) au bord inférieur du pancréas.</li>
<li><strong>Mésocolectomie complète (CME)</strong> — Excision en bloc du côlon gauche avec son mésocôlon enveloppé du fascia (principe oncologique de Hohenberger).</li>
<li><strong>Section rectum supra-promontoire</strong> — Agrafage linéaire 60 mm Endo-GIA chargeur vert (Powered) à hauteur de la charnière recto-sigmoïdienne.</li>
<li><strong>Exsufflation et incision Pfannenstiel</strong> — 5-6 cm sus-pubienne + protection de paroi par bague Alexis (anti-implantation tumorale & protection bactérienne). Extraction de la pièce.</li>
<li><strong>Anastomose colorectale circulaire</strong> — Mise en place de l’enclume CDH 25-28-31 mm sur l’extrémité colique proximale, suture en bourse, réintégration intra-abdominale, repneumopéritoine. Anastomose au CDH par voie transanale. <strong>Test d’étanchéité au bleu de méthylène + air sous-marin systématique</strong> (rectum immergé sous sérum, insufflation rectale — absence de fuite).</li>
<li><strong>Drainage</strong> — Redon dans le cul-de-sac de Douglas (drainage déclive).</li>
<li><strong>Fermeture</strong> — Aponévrose Pfannenstiel par fil V-Loc / Stratafix barbé 2/0 résorbable, sous-cutané, peau intradermique. Fermeture des trocarts > 10 mm pour prévenir éventration.</li>
</ul>
<!-- 6. PRÉPARATION PATIENT (CHECKLIST) -->
<h3>6. Préparation patient — checklist ERAS</h3>
<ul class="checklist">
<li>Information éclairée + consentement signé — risques fistule, conversion, stomie, complications fonctionnelles (LARS)</li>
<li>Pas de préparation intestinale routinière (mécanique seule sans intérêt — ERAS 2018) ; lavement Phosphate de soude le matin uniquement si chirurgie du rectum bas</li>
<li>NPO 6 h solide / 2 h liquide ; boisson glucosée 50 g 2 h pré-op (pré-conditionnement métabolique)</li>
<li>Bas de contention + HBPM (énoxaparine 4000 UI SC) en pré-op puis 4 semaines post-op (recommandation SFAR-thrombose)</li>
<li>Antibioprophylaxie céfazoline 2 g + métronidazole 500 mg IV à l’induction (60 min avant incision)</li>
<li>Réchauffement actif (Bair Hugger) — normothermie > 36 °C (lutte SSI — SF2H)</li>
<li>Marquage stomie pré-op par stomathérapeute (debout / assis / couché)</li>
<li>Check-list HAS « Sécurité du patient au bloc » (Sign In / Time Out / Sign Out)</li>
<li>Contrôle matériel : agrafeuses, CDH, énergie LigaSure / Harmonic, kit stomie disponible</li>
</ul>
<!-- 7. MATÉRIEL / INSTRUMENTATION -->
<h3>7. Matériel & instrumentation</h3>
<ul>
<li><strong>Colonne</strong> — Laparoscopie HD/4K ou robot Da Vinci Xi (cancer rectum)</li>
<li><strong>Optique</strong> — 30° (10 mm pour laparo standard, 8 mm pour robot)</li>
<li><strong>Trocarts</strong> — Hasson 12 mm (ombilic) + 5/12 mm × 4</li>
<li><strong>Pinces</strong> — Maryland fenêtrée, Babcock atraumatique, intestinale fenêtrée, dissecteur</li>
<li><strong>Énergie</strong> — LigaSure 5 mm (ou Maryland), Harmonic ACE+, Thunderbeat (énergie hybride)</li>
<li><strong>Agrafeuses linéaires</strong> — Endo-GIA Powered (Medtronic) ou Echelon Flex Powered (Ethicon) — chargeurs blue (2,5 mm), green (4,1 mm), black (4,2 mm), violet (3,8 mm) en 30/45/60 mm</li>
<li><strong>Agrafeuses circulaires</strong> — CDH 25 / 28 / 31 mm pour anastomose colorectale</li>
<li><strong>Clips</strong> — Hem-o-lok L/XL pour pédicule AMI</li>
<li><strong>Sac d’extraction</strong> — Endobag (anti-essaimage tumoral)</li>
<li><strong>Bague Alexis</strong> — protection paroi (incision Pfannenstiel)</li>
<li><strong>Fils</strong> — V-Loc / Stratafix barbés résorbables 2/0 (aponévrose), 3/0 (sous-cutané)</li>
<li><strong>Drainage</strong> — Redon abdominal Ch12-14</li>
<li><strong>Kit stomie</strong> — Convatec ou Dansac (poche 2 pièces) + accessoires hydrocolloïdes (Stomahesive, pâte protectrice, ceinture)</li>
<li><strong>Plaques de paroi</strong> — polypropylène (Prolène) si éventration parastomiale prévue</li>
</ul>
<!-- 8. RISQUES (warning) -->
<div class="enc-warning">
<h3>8. Risques & complications</h3>
<ul>
<li><strong>Fistule anastomotique</strong> — 5-15% en colorectal bas, 1-3% en colectomie droite. Détection J3-J6 (CRP, fièvre, douleur, GB, dérivation des drains). Test d’étanchéité per-op + iléostomie de protection en TME basse.</li>
<li><strong>Saignement post-op</strong> — 1-3% (pédicule AMI, splénique, présacré)</li>
<li><strong>Conversion en laparotomie</strong> — 3-15% selon expérience opérateur (étude COLOR II : 17% rectum)</li>
<li><strong>TVP/EP</strong> — 5-10% sans HBPM, < 2% avec prophylaxie complète</li>
<li><strong>Iléus prolongé</strong> — 10-20% (ERAS divise par 2)</li>
<li><strong>Abcès intra-abdominal</strong> — 2-5%</li>
<li><strong>Infection de paroi (SSI)</strong> — 1-3% laparoscopie / 5-15% laparotomie (SF2H)</li>
<li><strong>Hernie sur orifice de trocart</strong> — 1-2% si trocart > 10 mm non fermé</li>
<li><strong>Syndrome LARS (Low Anterior Resection Syndrome)</strong> — 30-50% post-TME bas (urgence défécatoire, fragmentation, incontinence) — altération qualité de vie</li>
<li><strong>Dysfonction urinaire / sexuelle</strong> — 10-30% post-TME (lésion plexus hypogastriques) — éviter par dissection nerve-sparing</li>
<li><strong>Complications de stomie</strong> — prolapsus, sténose, hernie parastomiale (10-30%), dermatite péristomiale, problèmes d’appareillage</li>
</ul>
</div>
<!-- 9. SURVEILLANCE -->
<h3>9. Surveillance post-opératoire</h3>
<ul>
<li><strong>USIC 24 h</strong> post-rectum bas (monitoring hémodynamique, douleur, drainage)</li>
<li><strong>Mobilisation J0</strong> — lever précoce dans les 6 h (ERAS)</li>
<li><strong>Reprise alimentation J0</strong> — eau, soupe, alimentation légère selon tolérance</li>
<li><strong>Ablation drainage Redon J3-J5</strong> selon débit (< 50 mL/24 h)</li>
<li><strong>Ablation sonde vésicale J1</strong> (J3-J5 si TME basse, dysfonction urinaire fréquente)</li>
<li><strong>Surveillance fistule J3-J6</strong> — CRP, fièvre, douleur abdominale, débit drains, état général — angio-scanner au moindre doute</li>
<li><strong>Sortie</strong> — J3-J5 colectomie / J5-J7 rectum (ERAS)</li>
<li><strong>Anatomopath final</strong> — staging pTNM (AJCC 8<sup>e</sup> édition), marges (R0/R1/R2), CRM (rectum), nombre de ganglions analysés (≥ 12 cancer côlon, ≥ 12 rectum non néoadjuvant)</li>
<li><strong>RCP onco post-op</strong> — décision chimiothérapie adjuvante : FOLFOX 6 mois si stade III ou T3-T4 N0 high risk (occlusion, perforation, < 12 ggl, MSI)</li>
<li><strong>Consultation onco J21</strong> + suivi dosage ACE tous les 3 mois pendant 3 ans, échographie hépatique 3-6 mois, scanner TAP annuel pendant 5 ans, coloscopie à 1 an puis 3 ans puis 5 ans</li>
<li><strong>Surveillance fonction sphinctérienne (LARS score)</strong> et qualité de vie (QLQ-C30, QLQ-CR29) post-TME</li>
<li><strong>Stomathérapie</strong> — éducation patient, fermeture iléostomie de protection à 2-6 mois après contrôle anastomose (lavement opaque ou rectoscopie)</li>
</ul>
<!-- 10. SOURCES -->
<h3>10. Sources officielles</h3>
<ol class="sources">
<li>Thésaurus National de Cancérologie Digestive (TNCD — FFCD/SFCD/SNFGE/GERCOR/SFRO) — <a href="https://www.snfge.org/tncd" target="_blank" rel="noopener">https://www.snfge.org/tncd</a></li>
<li>Société Française de Chirurgie Digestive (SFCD) — <a href="https://www.sfcd.fr/" target="_blank" rel="noopener">https://www.sfcd.fr/</a></li>
<li>NCCN Guidelines — Colon Cancer / Rectal Cancer 2024 — <a href="https://www.nccn.org/guidelines/category_1" target="_blank" rel="noopener">https://www.nccn.org/guidelines/category_1</a></li>
<li>ESMO Clinical Practice Guidelines — Localised Colon Cancer 2020 / Rectal Cancer 2017 — <a href="https://www.esmo.org/guidelines/guidelines-by-topic/gastrointestinal-cancers" target="_blank" rel="noopener">https://www.esmo.org/guidelines/guidelines-by-topic/gastrointestinal-cancers</a></li>
<li>ERAS Society — Guidelines for Perioperative Care in Elective Colorectal Surgery 2018 — <a href="https://erassociety.org/guidelines/" target="_blank" rel="noopener">https://erassociety.org/guidelines/</a></li>
<li>NICE Guideline NG151 — Colorectal cancer (2020, mis à jour) — <a href="https://www.nice.org.uk/guidance/ng151" target="_blank" rel="noopener">https://www.nice.org.uk/guidance/ng151</a></li>
<li>AJCC Cancer Staging Manual, 8<sup>e</sup> édition (TNM colorectal) — <a href="https://www.facs.org/quality-programs/cancer-programs/american-joint-committee-on-cancer/" target="_blank" rel="noopener">https://www.facs.org/quality-programs/cancer-programs/american-joint-committee-on-cancer/</a></li>
<li>Institut National du Cancer (INCa) — Cancer colorectal — <a href="https://www.e-cancer.fr/" target="_blank" rel="noopener">https://www.e-cancer.fr/</a></li>
<li>HAS — Cancer colorectal : modalités de dépistage et de prévention — <a href="https://www.has-sante.fr/" target="_blank" rel="noopener">https://www.has-sante.fr/</a></li>
<li>SF2H — Recommandations sur la gestion préopératoire du risque infectieux — <a href="https://www.sf2h.net/" target="_blank" rel="noopener">https://www.sf2h.net/</a></li>
<li>SFAR — Recommandations Antibioprophylaxie en chirurgie 2018 — <a href="https://sfar.org/" target="_blank" rel="noopener">https://sfar.org/</a></li>
<li>Cochrane Review — Laparoscopic vs open surgery for colorectal cancer (Schwenk et al., updated) — <a href="https://www.cochranelibrary.com/" target="_blank" rel="noopener">https://www.cochranelibrary.com/</a></li>
<li>Heald RJ. The mesorectum in rectal cancer surgery — the clue to pelvic recurrence. Br J Surg. 1982;69(10):613-616.</li>
</ol>
</section>
<!-- IBODE_THEORY_BLOCK_END -->
<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">Quelles sont les deux grandes voies d'abord en chirurgie digestive ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">1) Laparotomie (chirurgie ouverte) : accès direct par incision abdominale (médiane, sous-costale, MacBurney). 2) Cœlioscopie (laparoscopie) : accès par trocarts, caméra, insufflation CO2</div>
<div class="fc-mnemot">🧠 Laparotomie (ouverte) vs Cœlioscopie (mini-invasive)</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quels instruments constituent la base de la chirurgie digestive par laparotomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Bistouri, ciseaux Mayo et Metzenbaum, pinces Kocher et Allis, écarteurs (Gosset, Doyen), fils résorbables (vicryl 2/0-3/0) et non-résorbables (prolène), agrafeuses linéaires (GIA) et circulaires (CEEA)</div>
<div class="fc-mnemot">🧠 Bistouri-Ciseaux-Pinces-Écarteurs-Fils-Agrafeuses</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quelle antibioprophylaxie est recommandée en chirurgie digestive ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Chirurgie propre-contaminée (côlon, rectum) : amoxicilline-acide clavulanique 2g IV à l'induction (ou métronidazole + céphalosporine). Réinjection si durée > 4h. But : prévention ISO profonde</div>
<div class="fc-mnemot">🧠 Amoxicilline-clavulanate 2g induction — réinjection 4h</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Qu'est-ce que le pneumopéritoine et comment est-il créé ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Insufflation de CO2 dans la cavité péritonéale pour créer l'espace de travail en cœlioscopie. Technique : aiguille de Veress (angle de Palmer) ou abord direct (open laparoscopie). Pression cible : 12-15 mmHg</div>
<div class="fc-mnemot">🧠 CO2 12-15 mmHg : Veress ou open laparoscopie</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quels sont les types de drains utilisés en chirurgie digestive ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Drain de Redon (aspiratif, bulbe), drain de Blake (silicone plat, multi-orifices), drain de Jackson-Pratt (grenade), drain de Kehr (biliaire en T), lame de Delbet (silicone plat). Choix selon la localisation et l'objectif</div>
<div class="fc-mnemot">🧠 Redon (aspiratif) / Blake (silicone) / Kehr (biliaire)</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quels sont les temps communs à toute intervention cœlioscopique digestive ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">1) Installation décubitus dorsal + bras, 2) Pneumopéritoine, 3) Introduction trocarts sous contrôle visuel, 4) Exploration de la cavité, 5) Acte chirurgical, 6) Extraction de la pièce (endosac), 7) Évacuation du CO2 avant ablation trocarts</div>
<div class="fc-mnemot">🧠 Pneumo → Trocarts → Exploration → Acte → Sac → Évacuation CO2</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelle est la spécificité de la position de Trendelenburg en chirurgie digestive ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Trendelenburg (tête en bas, pieds en haut) : refoulement des anses intestinales vers le diaphragme → exposition du pelvis (chirurgie pelvienne, recto-sigmoïde). Trendelenburg inversé : expose l'étage sus-mésocolique (gastrectomie, foie)</div>
<div class="fc-mnemot">🧠 Trendelenburg : pelvis exposé / inversé : sus-mésocolique</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce que l'antibioprophylaxie spécifique aux stomies ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Pas de antibioprophylaxie supplémentaire pour la stomie seule. Mais si dérivation en milieu septique (péritonite) : antibiothérapie curative (amoxicilline-clavulanate + métronidazole IV). IBODE veille à la gestion des DAOM</div>
<div class="fc-mnemot">🧠 Stomie : antibiothérapie curative si péritonite</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelle est l'installation du patient pour une cœlioscopie digestive ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Décubitus dorsal, 2 bras en abduction sur appuis bras, jambes en grenouille optionnel, écrans vidéo face au chirurgien, billot si nécessaire. Sangle de maintien si Trendelenburg important. Sonde vésicale</div>
<div class="fc-mnemot">🧠 Décubitus + bras abduction + 2 écrans + Trendelenburg si besoin</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quels sont les risques de l'insufflation en CO2 ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Emphysème sous-cutané (CO2 extra-péritonéal), embolie gazeuse (ponction vasculaire de l'aiguille de Veress), pneumothorax (communication diaphragmatique), hypercapnie (CO2 absorbé). Surveillance par capnographie</div>
<div class="fc-mnemot">🧠 Emphysème + Embolie gazeuse + Pneumothorax + Hypercapnie</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Qu'est-ce qu'une conversion et comment l'IBODE l'anticipe-t-il ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Passage de la cœlioscopie en laparotomie (saignement, adhérences, tumeur volumineuse). L'IBODE maintient TOUJOURS une table de laparotomie prête (bistouri, écarteurs, compresses, fils de laparotomie)</div>
<div class="fc-mnemot">🧠 Conversion : table laparotomie TOUJOURS prête</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quelle préparation colique préopératoire est utilisée et dans quel contexte ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Préparation mécanique du côlon (PEG : polyéthylène glycol) avant chirurgie colorectale programmée. But : réduire la charge bactérienne. Tendance actuelle : réhabilitation améliorée (ERAS) → moins de préparation systématique</div>
<div class="fc-mnemot">🧠 PEG si colorectal programmé — ERAS réduit sa nécessité</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 antibioprophylaxie digestive, 2022</li>
<li>SAGES Guidelines: Laparoscopy, 2021</li>
<li>Protocole ERAS Society: Enhanced Recovery After Surgery, 2020</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-750');
if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300);
})();
</script>
Chirurgie Hépato-Bilio-Pancréatique (HBP)
<!-- WP ID: 752 | Module: chirurgie-digestive | 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: #1B5E20; --module-light: #e8f5e9; --module-mid: #2E7D32;
--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;
}
</style>
<div class="lesson-wrapper">
<header class="lesson-header">
<h1>Duodéno-pancréatectomie Céphalique (Whipple)</h1>
<p class="subtitle">Chirurgie d'exérèse majeure du pancréas céphalique : indications, technique et rôle IBODE</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-752"></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 indications de la DPC (cancer tête pancréas, ampullome)</li>
<li>Je connais les 4 étapes de la DPC (exploration, résection, reconstruction)</li>
<li>Je connais la complication principale (fistule pancréatique) et sa détection</li>
<li>Je sais préparer le matériel spécifique (GIA, PDS 4/0, drains Blake, clamps VMS)</li>
<li>Je comprends la transmission lors d'une relève d'une intervention longue</li>
<li>Je connais la RAAC après DPC (amylase drain J3)</li>
<li>Je sais étiqueter les prélèvements anatomopathologiques d'une DPC</li>
<li>Je connais la variante pylore-conservatrice</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 que la DPC et quelles en sont les indications ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">La DPC (intervention de Whipple) est l'une des résections digestives les plus complexes (6–8 h). Mortalité 2–5% dans les centres experts. L'IBODE doit anticiper toutes les étapes sur une longue durée.</div>
<div class="fc-mnemot">🧠 DPC = pancréas + duodénum + bas cholédoque + antre → cancer pancréas</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quelles sont les étapes de la DPC ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">L'étape de reconstruction est la plus délicate. Les 3 anastomoses sont réalisées dans l'ordre : pancréatique d'abord (la plus à risque de fistule), puis biliaire, puis gastrique.</div>
<div class="fc-mnemot">🧠 Reconstruction DPC : pancréas d'abord → biliaire → gastrique</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quelle est la complication principale après DPC ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">La fistule pancréatique est la hantise du chirurgien. L'IBODE prépare les drains de Blake positionnés autour de l'anastomose pancréatique, et l'octréotide (inhibe sécrétion pancréatique) est souvent utilisé.</div>
<div class="fc-mnemot">🧠 Fistule pancréatique = complication redoutée → drain Blake + amylase J3</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quel matériel spécifique prépare l'IBODE pour une DPC ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">L'anastomose pancréatique manuelle (termino-latérale sur jéjunum) nécessite des fils fins (PDS 4/0 ou 5/0) et une loupe d'agrandissement. L'IBODE doit anticiper 2 plans de suture.</div>
<div class="fc-mnemot">🧠 DPC : GIA + PDS 4/0–5/0 + 3 drains Blake + clamps VMS</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce que la variante pylore-conservatrice de la DPC ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">L'IBODE doit connaître la variante prévue (discutée en staff préopératoire) car la section gastrique n'a pas lieu = pas d'agrafeuse gastrique. La check-list de préparation du matériel est différente.</div>
<div class="fc-mnemot">🧠 Pylore-conservatrice = pas de gastrectomie → anastomose duodéno-jéjunale</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quels drains sont positionnés en fin de DPC et pourquoi ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">L'IBODE note la position et le contenu de chaque drain dans la fiche peropératoire. Dès J1, l'amylase est dosée dans les drains pancréatiques pour détection précoce de fistule.</div>
<div class="fc-mnemot">🧠 2 drains Blake péri-anastomotiques pancréas = surveillance fistule</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelles sont les structures anatomiques à risque en DPC ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">La dissection autour de la VMS/porte est le moment le plus délicat (risque de plaie veineuse massive). L'IBODE prépare les clamps vasculaires (satinsky, bulldog) et les fils vasculaires Prolène 4/0–5/0.</div>
<div class="fc-mnemot">🧠 VMS + porte + AMS = structures critiques → clamps + Prolène prêts</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Comment l'IBODE gère-t-il une intervention de 6–8 heures ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Lors de la relève peropératoire, l'IBODE sortant transmet : position de chaque drain, nombre de compresses, matériel spécifique utilisé, étape chirurgicale en cours. La transmission ORALE + ÉCRITE est obligatoire.</div>
<div class="fc-mnemot">🧠 Relève longue durée : oral + écrit + comptage compresses transmis</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce que la réhabilitation améliorée après DPC (RAAC) ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Le retrait précoce des drains (J3 si amylase normale) réduit le risque infectieux. L'IBODE de SSPI surveille les sorties de drains dès J1 et alerte si amylase > 3× normale = maintien des drains.</div>
<div class="fc-mnemot">🧠 RAAC DPC : amylase drain J3 → retrait si normale → alimentation J1</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quels prélèvements anatomopathologiques sont envoyés après DPC ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">L'IBODE étiquette séparément chaque groupe ganglionnaire et chaque marge avec l'encre de chine ou des fils repères. L'orientation de la pièce (antérieure, postérieure, veine mésentérique) est documentée.</div>
<div class="fc-mnemot">🧠 Pièce DPC : ganglions séparés + marges encre de Chine + orientation anatomique</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quelles sont les alternatives à la DPC pour le cancer du pancréas distal ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">L'IBODE prépare un matériel différent selon la localisation de la lésion. Pour une SPG : décubitus latéral droit + ligasure + endo-GIA pour section pancréatique + splénectomie simultanée.</div>
<div class="fc-mnemot">🧠 Corps/queue pancréas = SPG (pas DPC) → décubitus latéral droit</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Qu'est-ce que la conversion per-opératoire en DPC ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">L'IBODE prépare systématiquement le matériel de conversion (packs laparotomie, écarteurs, instruments ouverts) même pour une DPC prévue en minimale invasive. La conversion n'est pas un échec.</div>
<div class="fc-mnemot">🧠 Conversion coelioscopie → laparotomie : matériel ouvert toujours prêt</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 relatif à la formation conduisant au diplôme d'État d'infirmier de bloc opératoire</em>. <a href="https://www.legifrance.gouv.fr" target="_blank">legifrance.gouv.fr</a></li>
<li><strong>HAS</strong>. <em>Recommandations de bonnes pratiques</em>. <a href="https://www.has-sante.fr" target="_blank">has-sante.fr</a></li>
<li><strong>SFAR</strong>. <em>Recommandations</em>. <a href="https://www.sfar.org" target="_blank">sfar.org</a></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-752');
if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300);
})();
</script>
Aide Opératoire
Oesogastrique
<!-- WP ID: 756 | Module: chirurgie-digestive | 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: #1B5E20; --module-light: #e8f5e9; --module-mid: #2E7D32;
--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;
}
</style>
<div class="lesson-wrapper">
<header class="lesson-header">
<h1>Gastrectomie et Chirurgie Gastrique</h1>
<p class="subtitle">Gastrectomie totale, subtotale, sleeve : indications, reconstruction, rôle IBODE</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-756"></div>
</div>
<div class="encadre enc-astuce">
<div class="enc-header">
<div class="enc-icon">💡</div>
<span class="enc-title">Point clé IBODE</span>
</div>
<div class="enc-body"><strong>Gastrectomie : bougie calibratrice indispensable en sleev....</strong> L'IBODE vérifie sa taille avant utilisation et la transmet stérilement.</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 indications selon le type de gastrectomie</li>
<li>Je comprends la reconstruction en Y de Roux</li>
<li>Je maîtrise le matériel sleeve (bougie, GIA)</li>
<li>Je connais le curage D2 et son importance</li>
<li>Je sais quels drains placer et quoi surveiller</li>
<li>Je connais les complications (fistule angle de His, dumping)</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">Quelles sont les indications de la gastrectomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Gastrectomie totale ou subtotale : cancer gastrique (adénocarcinome). Sleeve gastrectomy : obésité morbide (IMC ≥ 40 ou ≥ 35 + comorbidités). Gastrectomie pour ulcère compliqué (hémorragie réfractaire, perforation)</div>
<div class="fc-mnemot">🧠 Cancer = totale/subtotale / Obésité = sleeve / Ulcère = partielle</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Comment se reconstruit-on après gastrectomie totale ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Anse en Y de Roux : anastomose œso-jéjunale (EEA circulaire 25-28mm) + anastomose jéjuno-jéjunale à 50cm. Billroth I (anastomose gastro-duodénale) après gastrectomie subtotale. Billroth II (anse montée)</div>
<div class="fc-mnemot">🧠 Gastrectomie totale → Roux-en-Y avec CEEA œso-jéjunale</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Qu'est-ce que la sleeve gastrectomy bariatrique ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Résection en manchon de la grande courbure gastrique (80% de l'estomac) → tube gastrique. Agrafeuse GIA linéaire. Bougie calibratrice 32-36F pour guider la résection. Renforcée par surjet séromusculaire</div>
<div class="fc-mnemot">🧠 Sleeve = tube gastrique + GIA + bougie 32-36F</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quel matériel spécifique pour une gastrectomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Agrafeuse CEEA 25-28mm (anastomose œso-jéjunale), GIA linéaire (section gastrique), bougie calibratrice (sleeve), fils prolène/PDS 3/0 (surjet renfort), drain de Blake en loge gastrique, écarteur Bookwalter</div>
<div class="fc-mnemot">🧠 CEEA 25-28mm + GIA + Bougie (sleeve) + Blake + Bookwalter</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelle est la complication spécifique de la sleeve gastrectomy ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Fistule de la ligne d'agrafe au niveau de l'angle de His (angle gastro-œsophagien) = complication la plus grave. Prévention : renforcement de la ligne d'agrafe (surjet ou bandelette bovine). Taux 1-3%</div>
<div class="fc-mnemot">🧠 Fistule angle de His 1-3% = complication principale sleeve</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelles sont les spécificités nutritionnelles post-gastrectomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Dumping syndrome (vidange rapide, malaise post-prandial), carence en vitamine B12 (facteur intrinsèque perdu), carence en fer, carence calcique. Supplémentation systématique à vie</div>
<div class="fc-mnemot">🧠 Dumping + Carence B12 + Fer + Calcium → supplémentation vie</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quel curage ganglionnaire est associé au cancer gastrique ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Curage D2 (gold standard Japon et Europe) : exérèse des ganglions périgastriques (N1) et du ligament gastro-hépatique, splénique, mésocolique (N2). Minimum 25-30 ganglions. Améliore la survie vs D1</div>
<div class="fc-mnemot">🧠 Curage D2 = N1 + N2 — minimum 25-30 ganglions</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce que la gastrectomie laparoscopique et ses avantages ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Gastrectomie par cœlioscopie (5-6 trocarts). Avantages : moins de douleur, séjour court, récupération rapide. Indications : tumeur T1-T2, obésité bariatrique. Courbe d'apprentissage importante</div>
<div class="fc-mnemot">🧠 Gastrectomie cœlioscopique : 5-6 trocarts — T1-T2 ou bariatrique</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelle sonde est utilisée en per-opératoire ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Sonde naso-gastrique (SNG) peropératoire : décompression gastrique, guide pour anastomose œso-jéjunale, calibration. Ablation possible en SSPI si transit rapide (ERAS). IBODE : introduire en douceur sur demande du chirurgien</div>
<div class="fc-mnemot">🧠 SNG peropératoire = décompression + guide anastomose</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quels drains sont placés après gastrectomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Drain de Blake dans la loge gastrique (sous-hépatique gauche). Parfois drain au niveau de l'anastomose œso-jéjunale. Surveillance amylase et bilirubine du drain si fistule suspectée. Ablation à J2-J3 si claire</div>
<div class="fc-mnemot">🧠 Blake loge gastrique + surveillance amylase/bilirubine du drain</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quelle est la durée de séjour post-gastrectomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Gastrectomie pour cancer : 7-10 jours (reprise alimentation progressive, drainage, douleur). Sleeve gastrectomy : 2-3 jours. ERAS permet de raccourcir: alimentation liquide J1, mobilisation J1</div>
<div class="fc-mnemot">🧠 Cancer : 7-10j / Sleeve : 2-3j — ERAS réduit le séjour</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quelles complications anastomotiques sont à surveiller ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Fistule anastomotique (J4-J7, fièvre + douleur + drain trouble), sténose anastomotique tardive (dysphagie), hémorragie anastomotique précoce (drain sanglant ou hématémèse). Test au bleu de méthylène possible</div>
<div class="fc-mnemot">🧠 Fistule J4-J7 + Sténose tardive + Hémorragie précoce</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 : cancer gastrique prise en charge, 2021</li>
<li>SFCD : gastrectomies, recommandations, 2022</li>
<li>SAGES/EAES: Bariatric surgery guidelines, 2020</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-756');
if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300);
})();
</script>
Bariatrique
<!-- WP ID: 758 | Module: chirurgie-digestive | 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: #1B5E20; --module-light: #e8f5e9; --module-mid: #2E7D32;
--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;
}
</style>
<div class="lesson-wrapper">
<header class="lesson-header">
<h1>Chirurgie Biliaire — Lithiase et Voie Biliaire Principale</h1>
<p class="subtitle">Calculs biliaires, cholécystite, angiocholite : cholécystectomie et exploration VBP</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-758"></div>
</div>
<div class="encadre enc-astuce">
<div class="enc-header">
<div class="enc-icon">💡</div>
<span class="enc-title">Point clé IBODE</span>
</div>
<div class="enc-body"><strong>Voie biliaire : anticiper la cholangiographie et le drain....</strong> Le drain de Kehr ne s'improvise pas — sa mise en place nécessite des fils biliaires fins (PDS 4/0) et un calibrage précis.</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 sais définir lithiase biliaire et ses complications</li>
<li>Je connais la triade de Charcot et la pentade de Reynolds</li>
<li>Je comprends la CPRE et ses alternatives chirurgicales</li>
<li>Je maîtrise la sonde de Dormia et le drain de Kehr</li>
<li>Je sais préparer la fluoroscopie pour cholangiographie</li>
<li>Je connais l'antibioprophylaxie spécifique</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 que la lithiase biliaire et ses complications ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Calculs dans la vésicule biliaire (cholécystolithiase) ou dans la voie biliaire principale (cholédocholithiase). Complications : colique hépatique, cholécystite aiguë, angiocholite (fièvre + ictère + douleur : triade de Charcot), pancréatite aiguë biliaire</div>
<div class="fc-mnemot">🧠 Triade de Charcot : Fièvre + Ictère + Douleur = angiocholite</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Qu'est-ce que l'angiocholite et son urgence ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Infection de la voie biliaire principale par obstruction (calcul +++). Signes de Charcot (fièvre + ictère + douleur) + choc (sepsis) = pentade de Reynolds. Urgence : drainage biliaire (CPRE + sphinctérotomie) + antibiotiques</div>
<div class="fc-mnemot">🧠 Reynolds 5: Charcot × 3 + choc + altération conscience → urgence CPRE</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quelle est la CPRE et son rôle ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Cholangiopancréatographie rétrograde endoscopique. Voie endoscopique (duodénoscope) + sphinctérotomie + extraction calculs VBP + pose de prothèse biliaire si sténose. Alternative à la chirurgie pour les calculs du cholédoque</div>
<div class="fc-mnemot">🧠 CPRE = sphinctérotomie endoscopique + extraction calculs VBP</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quand réalise-t-on une exploration chirurgicale de la VBP ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Si CPRE impossible ou échec, si calcul VBP découvert per-opératoire sans CPRE possible. Techniques : exploration transcystique (sonde de Dormia, lithotriteur), cholédochotomie + extraction + drain de Kehr</div>
<div class="fc-mnemot">🧠 CPRE impossible → exploration transcystique ou cholédochotomie + Kehr</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce qu'un drain de Kehr et comment est-il géré ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Drain en T placé dans le cholédoque après cholédochotomie. Permet le drainage de la bile et une cholangiographie de contrôle à J8-J10. Ablation à J14-J21 si cholangiographie normale et voie biliaire libre</div>
<div class="fc-mnemot">🧠 Kehr en T → cholangio J8-J10 → ablation J14-J21 si normal</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelle est la sonde de Dormia et son utilisation ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Sonde à panier métallique déployable pour capturer et extraire les calculs de la VBP. Introduite dans le canal cystique (exploration transcystique). IBODE : vérifier le déploiement du panier avant utilisation</div>
<div class="fc-mnemot">🧠 Dormia = panier pour capturer calculs VBP dans canal cystique</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce que la cholécystite aiguë et comment est-elle traitée ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Inflammation aiguë de la vésicule biliaire (lithiasique 95%). Traitement : cholécystectomie laparoscopique dans les 72h (idéalement) ou à froid si trop enflammé. Conversion plus fréquente (adhérences inflammatoires)</div>
<div class="fc-mnemot">🧠 Cholécystite : cholécystectomie dans les 72h ou à froid</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce que la cholécystostomie percutanée ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Drainage de la vésicule sous guidage échographique (patient à haut risque chirurgical, cholécystite grave). Drain percutané dans la vésicule sous anesthésie locale. Cholécystectomie différée à 6-8 semaines si possible</div>
<div class="fc-mnemot">🧠 Cholécystostomie percutanée : drainage vésicule chez patient fragile</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quels matériels l'IBODE prépare-t-il pour une exploration VBP peropératoire ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Sonde de Dormia (diverses tailles), cholangiographe + PDC iodé (fluoroscopie peropératoire), lithotriteur électro-hydraulique si calcul dur, drain de Kehr taille adaptée (14-16F), fils biliaires PDS 4/0 pour cholédochotomie</div>
<div class="fc-mnemot">🧠 Dormia + Fluoroscopie + PDC + Kehr 14-16F + PDS 4/0</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quels signes à l'échographie hépatique orientent vers un calcul de VBP ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Dilatation des voies biliaires intrahépatiques (VBIH > 7mm) ou du cholédoque (> 8mm), calcul visible dans le cholédoque, biologie : ictère + phosphatases alcalines + bilirubine conjuguée élevées</div>
<div class="fc-mnemot">🧠 VBP > 8mm + Dilatation VBIH + Ictère + PA élevées = calcul VBP probable</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quelles sont les complications de la chirurgie biliaire ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Plaie de la voie biliaire principale (0,5%, catastrophique), fistule biliaire, sténose anastomotique tardive, angiocholite récidivante, pancréatite post-CPRE (sphinctérotomie)</div>
<div class="fc-mnemot">🧠 Plaie VBP (catastrophique) + Fistule + Sténose + Angiocholite récidivante</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quelle antibioprophylaxie en chirurgie biliaire ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Cholécystectomie simple (propre-contaminée) : céfazoline 2g IV à l'induction. Si cholécystite compliquée ou angiocholite : antibiothérapie curative (amoxicilline-clavulanate 3g × 3 IV + métronidazole)</div>
<div class="fc-mnemot">🧠 Cholécystectomie : céfazoline 2g / Angiocholite : curative</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 : prise en charge lithiase biliaire, 2019</li>
<li>ESGE Guidelines: CPRE and biliary stones, 2021</li>
<li>SFCD : recommandations chirurgie biliaire, 2022</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-758');
if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300);
})();
</script>
Urgences
<!-- WP ID: 760 | Module: chirurgie-digestive | 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: #1B5E20; --module-light: #e8f5e9; --module-mid: #2E7D32;
--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;
}
</style>
<div class="lesson-wrapper">
<header class="lesson-header">
<h1>Éventration et Hernie de Paroi Abdominale</h1>
<p class="subtitle">Hernies de paroi, prothèses de renfort, techniques ouvertes et laparoscopiques</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-760"></div>
</div>
<div class="encadre enc-astuce">
<div class="enc-header">
<div class="enc-icon">💡</div>
<span class="enc-title">Point clé IBODE</span>
</div>
<div class="enc-body"><strong>Filet composite : côté anti-adhérent vers les viscères La....</strong> Une erreur d'orientation expose à l'érosion intestinale — complication gravissime. L'IBODE vérifie l'orientation avec le chirurgien avant la mise en place.</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 sais définir éventration vs hernie ombilicale</li>
<li>Je connais la technique IPOM et son matériel</li>
<li>Je maîtrise les filets (composite vs polypropylène vs biologique)</li>
<li>Je sais orienter correctement le filet composite</li>
<li>Je connais les complications (infection filet, érosion viscérale)</li>
<li>Je sais quand opérer en urgence (étranglement)</li>
</ul>
</div>
</div>
<!-- IBODE_THEORY_BLOCK_START -->
<section class="lesson-section" id="cadre-classification">
<h2>1. Cadre et classification des urgences chirurgicales</h2>
<p>La <strong>chirurgie en urgence</strong> regroupe les interventions réalisées dans un délai inférieur à 24 heures suivant le diagnostic, en raison d'un risque vital, fonctionnel ou de perte d'organe. Elle se distingue de la chirurgie programmée par la rapidité de la prise en charge, l'incomplétude fréquente du bilan pré-opératoire et la nécessité d'une coordination pluri-professionnelle immédiate.</p>
<div class="enc-definition">
<h3>Classification temporelle (SFAR 2024)</h3>
<ul>
<li><strong>Urgence vitale immédiate (< 1 h)</strong> : pronostic vital engagé — hémorragie cataclysmique, AAA rompu, plaie cardiaque, ischémie mésentérique, dissection aortique type A.</li>
<li><strong>Urgence différée (1 – 6 h)</strong> : pronostic fonctionnel ou vital à court terme — péritonite, occlusion strangulée, ischémie aiguë de membre, fracture ouverte, torsion testiculaire.</li>
<li><strong>Urgence relative (6 – 24 h)</strong> : prise en charge dans la journée — appendicite non compliquée, cholécystite aiguë, abcès profond.</li>
</ul>
</div>
<div class="enc-info">
<h3>Spécificités IBODE en contexte d'urgence</h3>
<ul>
<li>Préparation accélérée de la salle et du matériel, avec respect de l'asepsie chirurgicale.</li>
<li>Vérification de la <strong>check-list HAS « Sécurité du patient au bloc opératoire » 2024</strong>, adaptée en version courte (Time Out de 2 min).</li>
<li>Gestion du stock chirurgical d'urgence (chariots dédiés, vérifiés quotidiennement).</li>
<li>Communication structurée selon la méthode <strong>SAED</strong> (Situation, Antécédents, Évaluation, Demande) — équivalent francophone du SBAR.</li>
</ul>
</div>
</section>
<section class="lesson-section" id="urgences-frequentes">
<h2>2. Principales urgences chirurgicales rencontrées</h2>
<div class="enc-clinique">
<h3>Péritonites</h3>
<p>Inflammation aiguë du péritoine secondaire à une perforation digestive (appendice, ulcère gastro-duodénal, diverticule sigmoïdien, plaie traumatique). Évolution rapide vers le <strong>sepsis</strong> et le <strong>choc septique</strong>. Prise en charge : laparotomie ou cœlioscopie en urgence, lavage péritonéal abondant (sérum physiologique tiède), drainage et antibiothérapie probabiliste large spectre (SFAR 2024).</p>
</div>
<div class="enc-clinique">
<h3>Hémorragies aiguës intra-abdominales</h3>
<p>Rupture de rate, plaie hépatique, anévrisme de l'aorte abdominale rompu (AAA), dissection aortique de type A (Stanford). Indications : clampage aortique ou compression manuelle, transfusion massive selon protocole <strong>1:1:1</strong> (CGR : PFC : plaquettes), recours au récupérateur de sang per-opératoire (Cell Saver) si non contre-indiqué.</p>
</div>
<div class="enc-clinique">
<h3>Urgences vasculaires</h3>
<ul>
<li><strong>Ischémie aiguë de membre > 6 h</strong> : aponévrotomie de décharge + revascularisation (thrombo-embolectomie de Fogarty, pontage).</li>
<li><strong>AAA rompu</strong> : laparotomie d'extrême urgence ou réparation endovasculaire (EVAR) selon le plateau technique et la stabilité hémodynamique.</li>
</ul>
</div>
<div class="enc-clinique">
<h3>Traumatologie majeure</h3>
<ul>
<li><strong>Polytraumatisme</strong> : prise en charge selon les recommandations <strong>ATLS 10e édition</strong> (Advanced Trauma Life Support).</li>
<li><strong>Fracture ouverte</strong> : lavage urgent, antibioprophylaxie, couverture cutanée idéalement < 6 h (classification de Gustilo-Anderson).</li>
<li><strong>Plaies pénétrantes</strong> avec suspicion d'atteinte d'organe : exploration chirurgicale.</li>
</ul>
</div>
<div class="enc-clinique">
<h3>Autres urgences</h3>
<ul>
<li>Occlusion intestinale strangulée (volvulus, hernie étranglée) — chirurgie sans délai.</li>
<li><strong>Torsion testiculaire</strong> : fenêtre de viabilité de 6 h, exploration scrotale immédiate.</li>
<li>Décollement de rétine aigu, abcès cérébral, hématome extra-dural compressif.</li>
<li>Torsion d'annexe chez la femme jeune — cœlioscopie urgente pour préservation de la fertilité.</li>
</ul>
</div>
</section>
<section class="lesson-section" id="bilan-urgence">
<h2>3. Bilan pré-opératoire d'urgence</h2>
<div class="enc-info">
<h3>Évaluation clinique et scores de gravité</h3>
<ul>
<li>Examen clinique ciblé, signes vitaux, glasgow.</li>
<li>Scores de gravité : <strong>qSOFA</strong> (≥ 2 = sepsis probable), <strong>SOFA</strong>, <strong>Injury Severity Score</strong> en traumatologie.</li>
</ul>
</div>
<div class="enc-info">
<h3>Biologie en urgence</h3>
<ul>
<li>NFS, hémostase complète (TP, TCA, fibrinogène).</li>
<li><strong>Groupe sanguin – Rhésus – RAI</strong> en urgence (deux déterminations conformes pour la transfusion).</li>
<li>Ionogramme, créatinine, lactates artériels (marqueur d'hypoperfusion).</li>
<li>Troponine si suspicion d'ischémie myocardique, gaz du sang artériels.</li>
</ul>
</div>
<div class="enc-info">
<h3>Imagerie</h3>
<ul>
<li><strong>Scanner thoraco-abdomino-pelvien injecté</strong> (gold standard) : polytrauma, abdomen aigu, hémorragie, ischémie mésentérique.</li>
<li>FAST-écho au déchocage (épanchement intra-péritonéal, péricardique).</li>
<li>IRM rachis si suspicion de lésion médullaire stable, échographie cardiaque si instabilité.</li>
</ul>
</div>
<div class="enc-warning">
<h3>Décision multidisciplinaire</h3>
<p>Concertation rapide entre <strong>chirurgien, anesthésiste-réanimateur, radiologue et biologiste</strong>. Mise à disposition immédiate de 4 à 6 CGR croisés et de 2 à 4 PFC en cas de risque hémorragique majeur (protocole de transfusion massive).</p>
</div>
</section>
<section class="lesson-section" id="preparation-salle">
<h2>4. Préparation de la salle d'urgence</h2>
<p>L'organisation d'une <strong>salle d'urgence opérationnelle 24 h/24</strong> repose sur la disponibilité permanente d'un matériel vérifié quotidiennement par l'équipe IBODE.</p>
<ul class="enc-list">
<li>Table opératoire multifonctions prête, accessoires d'installation à proximité.</li>
<li>Colonne de cœlioscopie testée (insufflateur, source de lumière, caméra, écrans).</li>
<li>Boîte d'instrumentation polyvalente et boîtes spécialisées (vasculaire, viscéral, ortho).</li>
<li>Système de réchauffement actif <strong>Bair Hugger</strong> (couverture à air pulsé) et solutés réchauffés.</li>
<li>Pompe de transfusion rapide (<strong>Belmont</strong> ou <strong>Level 1</strong>) pour la transfusion massive.</li>
<li>Récupérateur de sang per-opératoire (<strong>Cell Saver</strong>) en cas d'hémorragie attendue > 1 500 mL.</li>
<li>Matériel pédiatrique, obstétrical (HPP), vasculaire et orthopédique selon contexte.</li>
</ul>
</section>
<section class="lesson-section" id="preanesthesie">
<h2>5. Principes pré-anesthésiques en urgence</h2>
<div class="enc-warning">
<h3>Induction en séquence rapide (ISR)</h3>
<p>Tout patient en urgence est considéré comme <strong>« estomac plein »</strong>. L'induction en séquence rapide associe :</p>
<ul>
<li>Pré-oxygénation 3 minutes en FiO₂ 100 %.</li>
<li>Hypnotique d'action rapide : propofol ou <strong>kétamine</strong> 1-2 mg/kg si instabilité hémodynamique.</li>
<li>Curare d'action rapide : <strong>succinylcholine 1 mg/kg</strong> ou <strong>rocuronium 1,2 mg/kg</strong> (antagonisable par sugammadex 16 mg/kg).</li>
<li><strong>Manœuvre de Sellick</strong> : pression cricoïdienne, désormais controversée (NICE NG39 2016, SFAR 2018) — appliquée selon protocole local.</li>
<li>Vidange gastrique préalable par sonde naso-gastrique si possible.</li>
</ul>
</div>
<div class="enc-info">
<h3>Monitorage adapté</h3>
<ul>
<li>Pression artérielle invasive (KT artériel radial).</li>
<li>Voie veineuse centrale jugulaire ou sous-clavière selon stabilité.</li>
<li>Capnographie, SpO₂, ECG continu, température centrale, diurèse horaire.</li>
</ul>
</div>
</section>
<section class="lesson-section" id="role-ibode">
<h2>6. Rôle IBODE en chirurgie d'urgence</h2>
<div class="enc-competence">
<h3>Phase pré-opératoire</h3>
<ul>
<li>Consultation rapide du dossier (identité, allergies, jeûne, traitements anticoagulants).</li>
<li>Vérification de la disponibilité du <strong>groupe-Rh-RAI</strong> et des produits sanguins labiles.</li>
<li>Pose de <strong>2 voies veineuses périphériques de gros calibre (14-16 G)</strong>.</li>
<li>Sondage vésical après induction (sauf urgence urologique).</li>
<li>Désinfection cutanée en deux temps (détergent + antiseptique alcoolique), drapage adapté.</li>
<li><strong>Antibioprophylaxie SFAR 2018</strong> : injection < 30 min avant incision, selon le site opératoire.</li>
</ul>
</div>
<div class="enc-competence">
<h3>Phase per-opératoire</h3>
<ul>
<li>Anticipation des besoins matériels et des produits sanguins.</li>
<li>Gestion des agents hémostatiques (gélatine, cellulose oxydée, colle de fibrine).</li>
<li>Tenue à jour de la check-list HAS adaptée à l'urgence (Time Out condensé).</li>
<li>Comptage des compresses, instruments et aiguilles, tracé en temps réel.</li>
</ul>
</div>
<div class="enc-competence">
<h3>Phase post-opératoire</h3>
<ul>
<li>Transfert en SSPI puis en réanimation ou USIC selon la lourdeur du geste.</li>
<li>Surveillance H+1, H+2, H+4 : constantes, drainage, douleur, diurèse.</li>
<li>Scanner de contrôle si indication (saignement, fuite anastomotique).</li>
<li><strong>Traçabilité</strong> exhaustive et déclaration des événements indésirables graves (EIG) au directeur de l'établissement et à l'<strong>ARS</strong> si nécessaire.</li>
</ul>
</div>
</section>
<section class="lesson-section" id="materiel-urgence">
<h2>7. Matériel d'urgence spécifique</h2>
<table class="lesson-table">
<thead>
<tr><th>Catégorie</th><th>Matériel</th><th>Indication</th></tr>
</thead>
<tbody>
<tr><td>Hémodynamique</td><td>Pompe Belmont / Level 1, Cell Saver</td><td>Transfusion massive, hémorragie > 1 500 mL</td></tr>
<tr><td>Thermique</td><td>Bair Hugger, réchauffeur de solutés</td><td>Prévention de l'hypothermie péri-opératoire (NICE CG65)</td></tr>
<tr><td>Vasculaire</td><td>Clamps aortiques, ballons d'occlusion (REBOA)</td><td>Hémorragie tronculaire, AAA rompu</td></tr>
<tr><td>Cœlioscopie</td><td>Trocarts 10 mm, optique 30°, insufflateur</td><td>Exploration abdominale rapide</td></tr>
<tr><td>Ortho-trauma</td><td>Fixateur externe, moteur, ancillaires d'enclouage</td><td>Fracture ouverte, polytrauma</td></tr>
<tr><td>Hémostase</td><td>Gélatine résorbable, cellulose oxydée, colle de fibrine</td><td>Saignement diffus, parenchyme</td></tr>
<tr><td>Voies aériennes</td><td>Vidéolaryngoscope, kit de cricothyroïdotomie</td><td>Intubation difficile prévisible</td></tr>
</tbody>
</table>
</section>
<section class="lesson-section" id="complications">
<h2>8. Risques et complications spécifiques</h2>
<div class="enc-warning">
<h3>Triade létale de la transfusion massive</h3>
<p>L'association <strong>hypothermie + acidose + coagulopathie</strong> majore la mortalité. Mesures :</p>
<ul>
<li>Réchauffement actif des solutés et du patient (objectif > 36 °C).</li>
<li>Correction de l'hypocalcémie ionisée (calcium chlorure 1 g si Ca²⁺ < 1,1 mmol/L).</li>
<li>Surveillance de la kaliémie (CGR conservés libèrent du K⁺).</li>
<li>Apport en plaquettes et PFC selon ratio <strong>1:1:1</strong>.</li>
</ul>
</div>
<div class="enc-warning">
<h3>Coagulation intra-vasculaire disséminée (CIVD)</h3>
<p>Hémorragie diffuse + chute du fibrinogène (< 1,5 g/L) + thrombopénie. Traitement : <strong>fibrinogène concentré</strong>, plaquettes, PFC, <strong>acide tranexamique 1 g IV</strong> (recommandation CRASH-2 / SFAR 2024 : dans les 3 h suivant le traumatisme).</p>
</div>
<div class="enc-warning">
<h3>Choc septique</h3>
<ul>
<li>Remplissage cristalloïde 30 mL/kg dans la première heure.</li>
<li><strong>Noradrénaline</strong> en 1ʳᵉ intention si PAM < 65 mmHg.</li>
<li>Antibiothérapie probabiliste < 1 h après reconnaissance du sepsis (Surviving Sepsis Campaign 2021).</li>
<li>Monitorage SOFA, lactates de contrôle à H+2.</li>
</ul>
</div>
<div class="enc-warning">
<h3>Hyperthermie maligne et inhalation</h3>
<ul>
<li>Disponibilité du <strong>Dantrolène</strong> (chariot dédié, 36 flacons recommandés MHAUS).</li>
<li>Prévention de l'inhalation : ISR + sonde naso-gastrique préalable (SFAR 2017).</li>
</ul>
</div>
</section>
<section class="lesson-section" id="communication-protocoles">
<h2>9. Communication et protocoles</h2>
<ul class="enc-list">
<li><strong>Check-list HAS adaptée</strong> : Time Out condensé de 2 minutes en urgence vitale, vérification minimale (identité, côté, allergies, antibioprophylaxie, produits sanguins disponibles).</li>
<li><strong>SAED / SBAR</strong> : transmissions structurées entre équipes (Situation – Antécédents – Évaluation – Demande).</li>
<li>Traçabilité minute par minute via le dossier informatisé du bloc (DPI bloc).</li>
<li><strong>Débriefing systématique</strong> post-événement : analyse des écarts, retours d'expérience, mise à jour des procédures.</li>
<li>Déclaration des événements indésirables associés aux soins (EIAS) sur le portail national <strong>signalement-sante.gouv.fr</strong>.</li>
</ul>
</section>
<section class="lesson-section sources" id="sources">
<h2>10. Sources officielles</h2>
<ol>
<li>SFAR — <em>Recommandations Formalisées d'Experts : Anesthésie en urgence</em>, 2024. <a href="https://sfar.org/" target="_blank" rel="noopener">sfar.org</a></li>
<li>SFCD — <em>Prise en charge des urgences chirurgicales abdominales</em>, 2018. <a href="https://www.sfcd.fr/" target="_blank" rel="noopener">sfcd.fr</a></li>
<li>HAS — <em>Check-list « Sécurité du patient au bloc opératoire »</em>, version 2024. <a href="https://www.has-sante.fr/" target="_blank" rel="noopener">has-sante.fr</a></li>
<li>American College of Surgeons — <em>ATLS Advanced Trauma Life Support</em>, 10ᵉ édition, 2018. <a href="https://www.facs.org/quality-programs/trauma/atls/" target="_blank" rel="noopener">facs.org</a></li>
<li>NICE — <em>Major trauma: assessment and initial management</em> (NG39), 2016. <a href="https://www.nice.org.uk/guidance/ng39" target="_blank" rel="noopener">nice.org.uk/guidance/ng39</a></li>
<li>Surviving Sepsis Campaign — <em>International Guidelines for Management of Sepsis and Septic Shock</em>, 2021. <a href="https://www.sccm.org/SurvivingSepsisCampaign" target="_blank" rel="noopener">sccm.org</a></li>
<li>SF2H — <em>Recommandations pour la prévention des infections du site opératoire</em>, 2013 (mise à jour 2023). <a href="https://www.sf2h.net/" target="_blank" rel="noopener">sf2h.net</a></li>
<li>CRASH-2 Collaborators — <em>Effects of tranexamic acid on death in trauma patients</em>, Lancet 2010. <a href="https://www.thelancet.com/journals/lancet/article/PIIS0140-6736(10)60835-5/fulltext" target="_blank" rel="noopener">thelancet.com</a></li>
<li>Royal College of Surgeons of England — <em>The High-Risk General Surgical Patient</em>, 2018. <a href="https://www.rcseng.ac.uk/" target="_blank" rel="noopener">rcseng.ac.uk</a></li>
<li>INRS — <em>Risques professionnels en bloc opératoire</em>, ED 6294, 2022. <a href="https://www.inrs.fr/" target="_blank" rel="noopener">inrs.fr</a></li>
<li>MHAUS — <em>Malignant Hyperthermia Treatment Protocol</em>, 2023. <a href="https://www.mhaus.org/" target="_blank" rel="noopener">mhaus.org</a></li>
</ol>
</section>
<!-- IBODE_THEORY_BLOCK_END -->
<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 définition d'une éventration ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Hernie passant par une cicatrice de laparotomie. Prévalence : 10-20% des laparotomies. Facteurs de risque : infection, obésité, toux chronique, dénutrition, immunosuppression, fermeture défectueuse</div>
<div class="fc-mnemot">🧠 Éventration = hernie sur cicatrice de laparotomie — 10-20% des cas</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quelle est la différence entre éventration et hernie ombilicale ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Éventration : hernie cicatricielle (sur ancien trait d'incision). Hernie ombilicale : défect congénital ou acquis de l'anneau ombilical. Hernie épigastrique : défect de la ligne blanche sus-ombilicale. Hernie de Spiegel : bord latéral du muscle grand droit</div>
<div class="fc-mnemot">🧠 Éventration (cicatrice) / Ombilicale (anneau) / Épigastrique (ligne blanche)</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quel filet prothétique est utilisé pour les éventrations ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Voie laparoscopique (IPOM) : filet composite (couche anti-adhérente côté viscéral + polypropylène côté pariétal) : DualMesh, Parietex composite. Voie ouverte sous-aponévrotique : polypropylène pur (Parietene, Prolene mesh)</div>
<div class="fc-mnemot">🧠 IPOM laparoscopique : filet composite / Ouvert : polypropylène pur</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Qu'est-ce que la technique IPOM (Intra-Peritoneal Onlay Mesh) ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Hernioplastie laparoscopique intrapéritonéale : filet composite placé en intra-abdominal, fixé par tacker et/ou sutures transabdominales (passe-fil). Avantages : mini-invasif, moins de douleur, moins d'infection de filet</div>
<div class="fc-mnemot">🧠 IPOM : filet composite intra-abdominal + tacker + passe-fil</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Comment fixe-t-on le filet dans un IPOM ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Double couronne de tackeurs (tacker hélicoïdal ou absorbable), complétée par des sutures de suspension transabdominales (passe-fil type Gore Suture Passer) pour assurer la fixation aux angles. Couverture du sac herniaire</div>
<div class="fc-mnemot">🧠 Tacker double couronne + passe-fil transabdominal aux angles</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce qu'une reconstruction pariétale complexe (RPC) ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Réparation d'éventration géante avec défect > 10 cm ou récidivante. Techniques : séparation des composantes (release du transverse de l'abdomen), plastie biologique. Chirurgie longue (3-6h) et spécialisée</div>
<div class="fc-mnemot">🧠 RPC : défect > 10 cm → séparation composantes (release TAR)</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelle est la place de la biologie dans la hernioplastie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Filets biologiques (collagène porcin ou bovin : BioA, Permacol) utilisés en milieu infecté (DAOMI, explant de filet infecté) ou chez l'immunodéprimé sévère. Coût élevé. Ré-infection possible à distance</div>
<div class="fc-mnemot">🧠 Filet biologique : milieu infecté ou immunodéprimé — coût élevé</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quel matériel l'IBODE prépare-t-il pour un IPOM ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Trocarts (10mm caméra + 5mm × 2), tacker avec recharges (10-15 tackeurs), passe-fil transabdominal, filet composite de taille adaptée (défect + 5 cm de marges), ciseaux pour découper le filet si besoin</div>
<div class="fc-mnemot">🧠 Trocarts + Tacker + Passe-fil + Filet composite taille défect+5cm</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelles complications spécifiques surveille-t-on après hernioplastie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Infection de filet (traitement antibiotique + ablation si nécessaire), récidive (défaut de fixation ou taille insuffisante du filet), érosion viscérale (filet sans couche anti-adhérente), douleur chronique</div>
<div class="fc-mnemot">🧠 Infection filet + Récidive + Érosion viscérale + Douleur chronique</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quand opère-t-on une éventration en urgence ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Éventration irréductible (étranglement) : urgence chirurgicale. Risque nécrose intestinale. Chirurgie ouverte (laparotomie) + résection si nécrose + réparation avec filet si possible (milieu septique : filet biologique)</div>
<div class="fc-mnemot">🧠 Étranglement = urgence → laparotomie + résection + filet biologique</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quelle est la récidive sans prothèse ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Récidive sans prothèse : 30-50% à 10 ans pour les éventrations > 3cm. Avec prothèse : récidive < 10% à 10 ans. La prothèse est donc indispensable pour les éventrations > 2-3 cm</div>
<div class="fc-mnemot">🧠 Sans prothèse : récidive 30-50% / Avec prothèse : < 10%</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quelles sont les précautions en per-opératoire lors de l'ouverture d'un sac herniaire ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Vérification de la vitalité du contenu (intestin rose, péristaltisme présent, pouls mésentérique). Si nécrose : résection + anastomose. Lavage de la cavité si souillure. Prélèvements bactériologiques. Comptage compresses</div>
<div class="fc-mnemot">🧠 Vitalité intestin : rose + péristaltisme / Nécrose → résection</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 : hernie de paroi abdominale, recommandations, 2020</li>
<li>EHS Guidelines: Incisional Hernia, 2020</li>
<li>SFCD : plasties pariétales, 2022</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-760');
if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300);
})();
</script>
Cœlioscopie
<!-- WP ID: 762 | Module: chirurgie-digestive | 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: #1B5E20; --module-light: #e8f5e9; --module-mid: #2E7D32;
--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;
}
</style>
<div class="lesson-wrapper">
<header class="lesson-header">
<h1>Stomies Digestives</h1>
<p class="subtitle">Colostomie, iléostomie : indications, technique de maturation, appareillage et complications</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-762"></div>
</div>
<div class="encadre enc-astuce">
<div class="enc-header">
<div class="enc-icon">💡</div>
<span class="enc-title">Point clé IBODE</span>
</div>
<div class="enc-body"><strong>Repérage préopératoire = qualité de vie du patient Un rep....</strong> Une stomie mal placée (pli, relief osseux) est source de fuites et de complications cutanées permanentes. L'IBODE rappelle son importance en phase péri-opératoire.</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 types de stomies (terminale vs boucle, iléo vs colostomie)</li>
<li>Je comprends la maturation en rosette et l'éversion muqueuse</li>
<li>Je sais repérer l'emplacement idéal (triangle d'Emmons)</li>
<li>Je connais l'opération de Hartmann et ses indications</li>
<li>Je connais les complications précoces et tardives</li>
<li>Je comprends le rétablissement de la continuité</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 définition d'une stomie digestive ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Abouchement chirurgical d'une portion du tube digestif à la peau (téguments). Colostomie (gros intestin) ou iléostomie (grêle). Terminale (extrémité end-on) ou latérale (anse en boucle = dérivation temporaire)</div>
<div class="fc-mnemot">🧠 Stomie = abouchement digestif à la peau : terminale ou en boucle</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quelles sont les indications d'une colostomie terminale ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Cancer rectal bas avec AAP (stomie définitive), traumatisme ano-rectal grave, incontinence anale sévère, occlusion recto-sigmoïdienne en urgence (opération d'Hartmann)</div>
<div class="fc-mnemot">🧠 AAP + Hartmann + Traumatisme = colostomie terminale</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quelle est l'opération de Hartmann ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Résection sigmoïdienne en urgence (occlusion, perforation, diverticulite compliquée) sans anastomose immédiate → colostomie terminale iliaque gauche + enfouissement du moignon rectal. Rétablissement possible à 3-6 mois</div>
<div class="fc-mnemot">🧠 Hartmann = résection sigmoïde + colostomie terminale + moignon rectal</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-facile">🟢 Basique</span>
<div class="fc-recto">Quelle est la différence iléostomie vs colostomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Iléostomie (grêle terminal) : débit liquide 600-1500 mL/j, risque de déshydratation, selles vertes liquides. Colostomie (gros intestin) : débit < 500 mL/j, selles semi-formées. Iléostomie en boucle = protection d'anastomose colorectale</div>
<div class="fc-mnemot">🧠 Iléostomie : liquide + abondant / Colostomie : semi-formé + modéré</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Qu'est-ce que la maturation d'une stomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Technique d'abouchement de la stomie à la peau. Stomie idéale en rosette (iléostomie) : bord muqueux retourné à 2-3 cm de hauteur pour éloigner les effluents de la peau → protection cutanée. Colostomie affleurante</div>
<div class="fc-mnemot">🧠 Rosette : muqueuse retournée 2-3 cm pour éloigner effluents de la peau</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelle est la localisation idéale d'une stomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Repère préopératoire par l'infirmière stomathérapeute : triangle d'Emmons (triangle entre ombilic, épine iliaque antéro-supérieure, symphyse pubienne). Hors des plis, des reliefs osseux, de la ligne de ceinture</div>
<div class="fc-mnemot">🧠 Triangle d'Emmons — repérage préopératoire par stomathérapeute</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Comment l'IBODE gère-t-il la création d'une stomie en per-opératoire ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Préparation de l'orifice pariétal (bistouri circulaire ou électrique, dissection des plans), passage de l'anse à travers la paroi, maturation par points éversants (vicryl 2/0-3/0) fixant la muqueuse à la peau</div>
<div class="fc-mnemot">🧠 Orifice pariétal + passage anse + maturation par éversion muqueuse</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelles sont les complications précoces d'une stomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Nécrose (ischémie de l'anse extériorisée → reprise chirurgicale), déhiscence cutanéo-muqueuse (fuite péri-stomiale), occlusion par torsion de l'anse, œdème post-opératoire, retraction (stomie trop courte)</div>
<div class="fc-mnemot">🧠 Nécrose + Déhiscence + Occlusion + Œdème + Rétraction</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-inter">🟡 Intermédiaire</span>
<div class="fc-recto">Quelles sont les complications tardives d'une stomie ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Prolapsus (extériorisation excessive de l'anse), hernie para-stomiale (hernie autour de la stomie), sténose stomiale, irritation péri-stomiale (dermatite de contact aux effluents), fistule péri-stomiale</div>
<div class="fc-mnemot">🧠 Prolapsus + Hernie para-stomiale + Sténose + Dermatite</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Qu'est-ce que le rétablissement de la continuité digestive ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Fermeture de la stomie temporaire avec anastomose entre les 2 extrémités. Délai : 3-6 mois pour iléostomie de protection, 6-12 mois pour Hartmann. Vérification préalable de l'anastomose par lavement baryté ou coloscopie</div>
<div class="fc-mnemot">🧠 Rétablissement : 3-6 mois (iléo de protection) / 6-12 mois (Hartmann)</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Comment est fixée une stomie en boucle temporaire ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Tige de plastique ou de verre passée dans la collerette mésentérique pour maintenir l'anse à la surface. Retirée à J5-J10 après collage cutané. IBODE prépare les tiges et points de fixation à la peau</div>
<div class="fc-mnemot">🧠 Tige plastic/verre dans collerette mésentérique → retrait J5-J10</div>
</details>
</div>
<div class="flashcard">
<span class="fc-badge fc-avance">🔴 Avancé</span>
<div class="fc-recto">Quels conseils d'appareillage l'IBODE connaît-il ?</div>
<details>
<summary>Voir la réponse</summary>
<div class="fc-verso">Poche opaque (confort psychologique) ou transparente (surveillance). Système 1 ou 2 pièces. Vider la poche à 1/3. Changer le dispositif toutes les 48-72h. Irrigation possible pour colostomie gauche (régulation du transit)</div>
<div class="fc-mnemot">🧠 Poche 1/2 pièces — vider à 1/3 — irrigation possible colostomie gauche</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 stomies digestives, 2022</li>
<li>ASCRS : ostomy care guidelines, 2020</li>
<li>HAS : prise en charge péri-opératoire patient stomisé, 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-762');
if(pf) setTimeout(function(){ pf.style.width='100%'; }, 300);
})();
</script>
Notes et avis de l’apprenant
Encore aucun avis !