HTML/PDF - Conseil patients Alimentation riche en fer - Version HTML code Nathalie - TEST2
<style>/* Ordotype — Conseils Patients — feuille de test corrigee 1. @page A4 retabli 2. toutes les regles limitees a .page (aucun effet hors fiche) 3. .dash renomme .cp-dash (collision avec Webflow) 4. masque PNG du pictogramme hygiene sorti dans gfx/ */@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/nunito-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/nunito-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/nunito-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/nunito-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/nunito-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/nunito-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/nunito-latin-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/nunito-latin-ext-800.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Quicksand';font-style:normal;font-weight:500;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/quicksand-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Quicksand';font-style:normal;font-weight:500;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/quicksand-latin-ext-500.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/quicksand-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/quicksand-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/quicksand-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;font-display:swap;src:url('https://cp-assets.netlify.app/fonts/quicksand-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.page{background:#fff;box-shadow:none;box-sizing:border-box;color:#333333;display:flex;flex-direction:column;font-family:'Nunito', sans-serif;min-height:297mm;overflow:hidden;page-break-after:always;position:relative;width:210mm;padding:1.5cm}.page .kicker{color:#3454f5;font-family:'Quicksand', sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.2em;margin-top:-4px;text-transform:uppercase}.page h1{break-after:avoid;color:#21317a;font-family:'Quicksand', sans-serif;font-size:36px;font-weight:700;letter-spacing:-.01em;line-height:1.05;page-break-after:avoid;margin:2px 0 0 0}.page .trichrome{align-items:center;display:flex;margin-bottom:6px;margin-top:13px;gap:5px}.page .trichrome span{height:6px;border-radius:6px}.page .seg-navy{background:#21317a;width:64px}.page .seg-blue{background:#3454f5;width:30px}.page .seg-coral{background:#7ed0ff;width:16px}.page p.txt{-webkit-hyphens:auto;font-size:16px;hyphenate-limit-chars:6 3 3;hyphens:auto;line-height:1.20;orphans:2;text-align:justify;widows:2;margin:6px 0 0 0}.page p.txt:first-child{margin-top:14px}.page .ico{align-items:center;display:flex;filter:drop-shadow(0 2px 1.5px rgba(30,40,80,0.28));flex:0 0 auto;height:32px;justify-content:center;width:32px}.page .ico img{display:block;height:100%;object-fit:contain;width:100%}.page .ico svg{display:block;height:100%;object-fit:contain;width:100%}.page .ico-lg{height:48px;width:48px}.page .sec{margin-top:14px}.page .sec-head{align-items:center;break-inside:avoid;display:flex;margin-bottom:0;page-break-inside:avoid;gap:14px}.page h2{break-after:avoid;color:#21317a;font-family:'Quicksand', sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;page-break-after:avoid;margin:0}.page .sec-body{margin-top:-2px;padding-left:46px}.page .box{border:1.5px solid;break-inside:avoid;margin-top:14px;page-break-inside:avoid;padding:9px 15px 11px 15px;border-radius:14px}.page .box+.box{margin-top:18px}.page .box-head{align-items:center;break-inside:avoid;display:flex;margin-bottom:0;page-break-inside:avoid;gap:15px}.page .box .box-body{padding-left:63px}.page .box-body p.txt:first-child{margin-top:0}.page .sec-body p.txt:first-child{margin-top:0}.page ul.adv{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:0}.page .box-body>ul.adv:first-child{margin-top:0}.page ul.adv>li{-webkit-hyphens:auto;break-inside:avoid;color:#333333;font-size:16px;hyphenate-limit-chars:6 3 3;hyphens:auto;line-height:1.20;padding-left:24px;page-break-inside:avoid;position:relative;text-align:justify}.page ul.adv>li::before{background:var(--acc,#3454f5);content:"";left:1px;position:absolute;border-radius:50%}.page p.txt strong{color:#333333;font-weight:800}.page ul.adv strong{color:#333333;font-weight:800}.page ul.sub strong{color:#333333;font-weight:800}.page ul.sub{display:flex;flex-direction:column;list-style:none;margin:0 0 2px 0;padding:0;gap:0}.page ul.sub>li{break-inside:avoid;color:#333333;font-size:16px;hyphens:auto;line-height:1.20;padding-left:22px;page-break-inside:avoid;position:relative;text-align:justify}.page ul.sub>li::before{background:transparent;border:1.6px solid var(--acc,#3454f5);box-sizing:border-box;content:"";left:3px;position:absolute;border-radius:50%}.page ul.sub ul.sub{margin-top:3px}.page ul.sub ul.sub>li::before{background:var(--acc,#3454f5);border:none;left:4px}.page p.note{color:#5a6275;font-size:14.5px;font-weight:600;line-height:1.20;text-align:justify;margin:8px 0 0 0}.page p.note strong{color:#333333;font-weight:800}.page hr.rule{border:none;border-top:1px solid rgba(52,84,245,0.40);margin:12px 0 0 0}.page .footnote{-webkit-hyphens:auto;color:#333333;font-size:16px;hyphenate-limit-chars:6 3 3;hyphens:auto;line-height:1.20;orphans:2;text-align:justify;widows:2;margin:9px 0 0 0 !important}.page .footnote strong{color:#21317a;font-weight:800}.page .qr-reserve{display:grid;grid-template-columns:repeat(2, 1fr);margin-top:12px;max-width:700px;visibility:hidden;gap:10px 26px}.page .qr-slot{align-items:center;break-inside:avoid;display:flex;page-break-inside:avoid;gap:12px}.page .qr-ph{align-items:center;background:#f7f9fc;border:1px dashed #b8c0d2;color:#5a6275;display:flex;flex:0 0 auto;font-family:'Nunito', sans-serif;font-size:10px;font-weight:800;height:64px;justify-content:center;letter-spacing:.06em;width:64px;border-radius:6px}.page .qr-cap{color:#5a6275;font-family:'Nunito', sans-serif;font-size:12px;line-height:1.2}@page{size:A4;margin:0}.page:last-child{page-break-after:auto}.page, .page *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.page::after, .page *::after{-webkit-print-color-adjust:exact;print-color-adjust:exact}.page::before, .page *::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.page .alert{align-items:flex-start !important;break-inside:avoid;display:flex;margin-top:14px;page-break-inside:avoid;gap:14px}.page p.lead{orphans:2;widows:2}.page .contpage{color:#5a6275;font-family:'Quicksand', sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;margin-top:2px;text-transform:uppercase}.page+.page{margin-top:24px}.page .qr-zone{break-inside:avoid;page-break-inside:avoid}.page .alert-ico{flex:0 0 auto;margin-top:1.9px;width:37.7px}.page .alert-ico svg{display:block;height:auto;width:100%}.page .alert-txt{color:#333333;font-size:16px;line-height:1.20;text-align:justify;margin:0}.page .numgrid{display:grid;grid-template-columns:1fr 1fr;margin-left:42px;margin-top:14px;gap:6px}.page .numitem{align-items:flex-start;display:flex;gap:11px}.page .numbadge{background:#3454f5;color:#fff;flex:0 0 auto;font-family:'Quicksand', sans-serif;font-size:13px;font-weight:700;height:22px;line-height:1.20;margin-top:-1px !important;text-align:center;width:22px;border-radius:50%}.page .numtxt{color:#333333;font-size:16px;hyphens:auto;line-height:1.20;text-align:left}.page .numtxt strong{color:#333333;font-weight:800}.page .numtxt>ul.sub{margin-bottom:0 !important;margin-top:0 !important}.page ul.adv>li>ul.sub{margin-bottom:0 !important;margin-top:0 !important}.page .box-head .ico.ico-lg{margin-bottom:-7px;margin-top:-7px}.page .box-head h2{line-height:1.1}.page .box-body{margin-top:0}.page .box-body>*:first-child{margin-top:5px !important}.page .sec-body>*:first-child{margin-top:0 !important}.page .box-sub-rule{border:0;border-top:1px solid rgba(52,84,245,0.60);margin:12px 0 9px 0}.page .box-sub-title{color:#3454F5;font-family:'Quicksand', sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase;line-height:1.20}.page ul.box-checks{column-count:2;list-style:none;margin:0;padding:0;gap:0}.page ul.box-checks>li{break-inside:avoid;color:#333333;font-size:16px;line-height:1.20;margin-bottom:4px;padding-left:28px;position:relative;text-align:left}.page ul.box-checks>li::before{border-bottom:2.2px solid currentColor;border-left:2.2px solid currentColor;color:#3454F5;content:"";left:2px;position:absolute;transform:rotate(-45deg)}.page .numgrid.box-nums{grid-template-columns:1fr;margin:0;gap:6px}.page ul.checks2{column-count:2;list-style:none;margin:0 0 0 44px;padding:0;gap:0}.page ul.checks2>li{break-inside:avoid;color:#333333;font-size:16px;line-height:1.20;margin-bottom:4px;padding-left:28px;position:relative;text-align:left}.page ul.checks2>li::before{border-bottom:2.2px solid #3454F5;border-left:2.2px solid #3454F5;content:"";left:2px;position:absolute;transform:rotate(-45deg)}.page table.food{border:1px solid #b8c0d2;border-collapse:separate;border-spacing:0;margin-top:0;overflow:hidden;table-layout:fixed;width:100%;border-radius:14px}.page table.food td{text-align:left;vertical-align:top;padding:4px 10px}.page table.food th{text-align:left;vertical-align:top;padding:4px 10px}.page table.food thead th{font-family:'Quicksand', sans-serif;font-size:14px;font-weight:700;text-align:center;vertical-align:middle;line-height:1.20}.page thead .h-navy{background:#eef1fb;box-shadow:inset 1px 0 0 rgba(33,49,122,.5);color:#21317A}.page table.food tbody td{border-bottom:1px solid rgba(184,192,210,0.6);color:#333;font-size:15px;line-height:1.20}.page table.food tbody .cat{color:#21317A;font-family:'Quicksand', sans-serif;font-size:15px;font-weight:700;line-height:1.20}.page table.food tbody tr:last-child td{border-bottom:none}.page table.food ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:3px}.page table.food ul>li{line-height:1.20;padding-left:15px;position:relative}.page table.food ul>li::before{background:var(--acc,#3454f5);content:'';height:6px;left:0;position:absolute;top:6px;width:6px;border-radius:50%}.page .tbl-note{color:#5a6275;font-size:14.5px;font-weight:600;line-height:1.20;margin:8px 0 0 0}.page ul.cols2{column-count:2;column-gap:26px;display:block !important}.page ul.cols2>li{break-inside:avoid;margin-bottom:2px;text-align:left !important}.page .sub-title{color:#21317A;font-family:'Quicksand', sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.20;margin:12px 0 4px 0}.page .subhead-p{color:#21317A !important;font-family:'Nunito', sans-serif !important;font-size:19.5px !important;font-weight:800 !important;line-height:1.20 !important;margin:18px 0 0 0}.page .subhead-p+p.txt{margin-top:6px !important}.page .subhead-p+ul.adv{margin-top:6px !important}.page .sup{font-size:0.62em;line-height:1.20;vertical-align:super}.page ul.adv.red{--acc:#C91A38}.page p.txt+ul.adv.red{margin-top:2px !important}.page p.txt+ul.adv{margin-top:0 !important}.page ul.adv li{line-height:1.20 !important}.page p.txt{line-height:1.20 !important}.page .sec{margin-top:10px !important}.page .box{margin-top:12px !important}.page .alert{margin-top:10px !important}.page .sec-body p.txt{-webkit-hyphens:auto;hyphens:auto}.page .sec-body ul.adv>li{-webkit-hyphens:auto;hyphens:auto}.page p.txt.subhead-p{color:#21317A !important;font-family:'Nunito', sans-serif !important;font-size:19.5px !important;font-weight:800 !important;line-height:1.20 !important}.page .lead{color:#333;font-size:15px;line-height:1.20;text-align:justify;margin:12px 0 0 0}.page .hy-intro{color:#333333;font-size:15px;line-height:1.20;text-align:justify;margin:1px 0 0 63px}.page .hy-intro strong{color:inherit;font-weight:800}.page .hy-sep{border:0;border-top:1px solid rgba(58,135,24,0.60);margin:9px 0 5px 61px}.page .hy-cta{color:#3A8718;font-family:'Quicksand', sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;margin-left:61px;text-align:center;text-transform:uppercase;line-height:1.20}.page .lead strong{color:inherit;font-weight:800}.page .sec-title{align-items:center;color:#21317a;display:flex;font-family:'Quicksand', sans-serif;font-size:21px;font-weight:700;letter-spacing:-.01em;margin:0;gap:13px}.page .sec-title img{filter:drop-shadow(0 2px 1.5px rgba(30,40,80,0.30));flex:0 0 auto;height:30px;object-fit:contain;object-position:center;width:32px}.page .sec-title--hy{color:#3A8718;gap:15px}.page .hy-ico{-webkit-mask:url("https://cp-assets.netlify.app/gfx/ico-hygiene-masque.png") center / contain no-repeat;background-color:#7ed0ff;display:inline-block;filter:drop-shadow(0 2px 1px rgba(30,40,80,0.32));flex:0 0 auto;height:46px;mask:url("https://cp-assets.netlify.app/gfx/ico-hygiene-masque.png") center / contain no-repeat;width:46px}.page .sec-title--hy img{filter:drop-shadow(0 2px 1.5px rgba(30,40,80,0.30));height:48px;object-fit:contain;object-position:center;width:48px}.page .box-hygiene{background:#fff;border:1px solid rgba(58,135,24,0.60);margin-top:12px;padding:9px 18px 8px 18px;border-radius:16px}.page .hygiene{display:grid;grid-template-columns:1fr 1fr;margin:3px 0 0 61px;gap:0 24px}.page .hy-col{display:flex;flex-direction:column;gap:5px}.page .tip{align-items:flex-start;display:flex;line-height:1.20;gap:10px}.page .tip .anum{align-items:center;background:#3A8718;color:#fff;display:flex;flex:0 0 auto;font-family:'Nunito', sans-serif;font-size:12px;font-weight:800;height:21px;justify-content:center;line-height:1.20;margin-top:-1px;width:21px;border-radius:50%}.page .tip p{color:#333333;font-size:15px;font-weight:400;line-height:1.20;margin:0}.page .tip strong{color:inherit;font-weight:800}.page .sec-food{margin-top:0}.page .vfilet{background:#3A8718;height:20px;width:1px;margin:0 0 0 340px}.page table.food col.c-cat{width:128px}.page .th-inner{align-items:center;display:flex;justify-content:center;gap:7px}.page .th-inner img{height:17px;width:17px}.page thead .h-cat{background:#eef1fb;color:#3454f5}.page thead .h-priv{background:#e5efe1;box-shadow:inset 1px 0 0 #3A8718;color:#3A8718}.page thead .h-lim{background:#fbedd9;box-shadow:inset 1px 0 0 #C25400;color:#C25400}.page thead .h-fort{background:#fbe4e4;box-shadow:inset 1px 0 0 #C91A38;color:#C91A38}.page tbody td{border-bottom:1px solid rgba(184,192,210,0.6);color:#333;font-size:14px;line-height:1.20}.page tbody .cat{color:#333333;font-family:'Quicksand', sans-serif;font-size:14px;font-weight:700;line-height:1.20}.page tbody .cat .cat-in{align-items:flex-start;display:flex;gap:9px}.page tbody .cat img{filter:brightness(0) saturate(100%) invert(28%) sepia(93%) saturate(3966%) hue-rotate(228deg) brightness(99%) contrast(94%);flex:0 0 auto;height:22px;margin-top:-1px;width:22px}.page tbody tr:nth-child(even) td{background:#f7f9fc}.page tbody tr:last-child td{border-bottom:none}.page .cp-dash{color:#b8c0d2;line-height:1.20}.page .cell-priv{box-shadow:inset 1px 0 0 #3A8718}.page .cell-lim{box-shadow:inset 1px 0 0 #C25400}.page .cell-fort{box-shadow:inset 1px 0 0 #C91A38}.page .note-ico{align-items:flex-start;break-inside:avoid;display:flex;margin-top:34px;page-break-inside:avoid;gap:14px}.page .note-ico .ico-w{flex:0 0 auto;margin-top:1px;width:34px}.page .note-ico .ico-w svg{display:block;height:auto;width:100%}.page .note-ico p{color:#333333;font-size:16px;line-height:1.20;text-align:justify;margin:0}.page a{color:#3454f5}.page a:hover{color:#21317a}.page .txt{color:#333333;font-size:16px;line-height:1.20;text-align:justify;margin:0}.page .txt+.txt{margin-top:9px}.page ul.adv+.txt{margin-top:9px}.page ul.subitems+.txt{margin-top:9px}.page .txt+ul.adv{margin-top:4px !important}.page .txt+ul.subitems{margin-top:4px !important}.page .txt strong{color:#21317a;font-weight:800}.page .subhead{color:#21317a;font-family:'Nunito', sans-serif;font-size:19.5px;font-weight:800;line-height:1.20;margin:0 0 6px 0}.page .qr-ref{align-items:flex-start;color:#5a6275;display:flex;font-size:15px;font-style:italic;line-height:1.28;margin:6px 0 0 0;gap:9px}.page .qr-ref svg{color:#7ed0ff;flex:0 0 auto;height:17px;margin-top:2px;width:17px}.page ul.subitems{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:0}.page ul.subitems>li{-webkit-hyphens:auto;color:#333333;font-size:16px;hyphenate-limit-chars:6 3 3;hyphens:auto;line-height:1.20;padding-left:24px;position:relative;text-align:justify !important}.page ul.subitems>li::before{background:transparent;border:1.5px solid #3454f5;content:"";height:7px;left:2px;position:absolute;top:5px !important;width:7px;border-radius:50%}.page .rubrique{margin:0}.page hr.sep{border:none;border-top:1px solid rgba(52,84,245,0.28);margin:14px 0}.page .qr-cap b{color:#21317a;display:block;font-size:12.5px;font-weight:800}.pagefoot{align-items:center;color:#5a6275;display:flex;font-family:'Quicksand', sans-serif;font-size:10.5px;justify-content:space-between;letter-spacing:.12em;margin-top:auto;padding-top:16px;text-transform:uppercase;line-height:1.20}.page p.txt+p.txt{margin-top:9px}.page{--corps:16px;--interlignage:1.20;--ecart-tableau:1px}.page.interligne-112{--interlignage:1.12}.page.interligne-115{--interlignage:1.15}.page.interligne-125{--interlignage:1.25}.page.interligne-130{--interlignage:1.30}.page.corps-165{--corps:16.5px}.page.corps-155{--corps:15.5px}.page.corps-15{--corps:15px}.page.corps-145{--corps:14.5px}.page.corps-14{--corps:14px}.page.tableau-ecart-0{--ecart-tableau:0px}.page.tableau-ecart-2{--ecart-tableau:2px}.page p.txt,.page .txt,.page ul.adv>li,.page ul.sub>li,.page ul.subitems>li,.page ul.box-checks>li,.page ul.checks2>li,.page .numtxt,.page .alert-txt,.page .note-ico p{font-size:var(--corps)}.page table.food thead th,.page table.food tbody td,.page table.food tbody .cat,.page table.food .th-inner,.page table.food .cat-in,.page table.food .cp-dash{font-size:calc(var(--corps) - var(--ecart-tableau))}.page hr.rule,.page hr.sep{border:none;border-top:1px solid rgba(52,84,245,0.40);margin:12px 0 0}.page hr.box-sub-rule{border:none;border-top:1px solid var(--acc,#3454f5);opacity:.6;margin:11px 0 8px}.page .note-ico{margin-top:16px !important}.page p.txt,.page .txt,.page .lead,.page .footnote,.page .alert-txt,.page .note-ico p,.page p.note,.page .hy-intro,.page .numtxt,.page ul.adv>li,.page ul.sub>li,.page ul.subitems>li,.page ul.box-checks>li,.page ul.checks2>li,.page ul.cols2>li{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.page ul.adv>li::before{background:var(--acc,#3454f5);content:"";position:absolute;left:1px;border-radius:50%;height:8px;width:8px;top:calc((var(--interlignage) * 1em) / 2 + 0.0625em - 4px) !important}.page ul.sub>li::before{background:transparent;border:1.6px solid var(--acc,#3454f5);box-sizing:border-box;content:"";position:absolute;left:3px;border-radius:50%;height:7px;width:7px;top:calc((var(--interlignage) * 1em) / 2 + 0.0625em - 3.5px) !important}.page ul.sub ul.sub>li::before{background:var(--acc,#3454f5);border:none;position:absolute;left:4px;height:5px;width:5px;top:calc((var(--interlignage) * 1em) / 2 + 0.0625em - 2.5px) !important}.page ul.box-checks>li::before,.page ul.checks2>li::before{border-bottom:2.2px solid #3454F5;border-left:2.2px solid #3454F5;content:"";position:absolute;left:2px;height:6px;width:11px;transform:rotate(-45deg);top:calc((var(--interlignage) * 1em) / 2 + 0.0625em - 5px) !important}.page .hl-blue,.page strong.hl-blue,.page b.hl-blue{background-image:linear-gradient(rgba(126,208,255,.22),rgba(126,208,255,.22));background-repeat:no-repeat;background-size:100% 20px;background-position:0 1px;background-color:transparent;color:#21317a;font-weight:700;padding:0;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.page .hl-red,.page strong.hl-red,.page b.hl-red{background-image:linear-gradient(rgba(201,26,56,.22),rgba(201,26,56,.22));background-repeat:no-repeat;background-size:100% 20px;background-position:0 1px;background-color:transparent;color:#21317a;font-weight:700;padding:0;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.page .hl-orange,.page strong.hl-orange,.page b.hl-orange{background-image:linear-gradient(rgba(194,84,0,.15),rgba(194,84,0,.15));background-repeat:no-repeat;background-size:100% 20px;background-position:0 1px;background-color:transparent;color:#21317a;font-weight:700;padding:0;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.page .hl-green,.page strong.hl-green,.page b.hl-green{background-image:linear-gradient(rgba(58,135,24,.18),rgba(58,135,24,.18));background-repeat:no-repeat;background-size:100% 20px;background-position:0 1px;background-color:transparent;color:#21317a;font-weight:700;padding:0;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.page .hl-rose,.page strong.hl-rose,.page b.hl-rose{background-image:linear-gradient(rgba(232,82,168,.22),rgba(232,82,168,.22));background-repeat:no-repeat;background-size:100% 20px;background-position:0 1px;background-color:transparent;color:#21317a;font-weight:700;padding:0;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.page mark,.page strong mark{background-image:linear-gradient(rgba(126,208,255,.22),rgba(126,208,255,.22));background-repeat:no-repeat;background-size:100% 20px;background-position:0 1px;background-color:transparent;color:#21317a;font-weight:700;padding:0;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.page .hl,.page .hl-o,.page .hl-blue-op,.page .hl-rose-op,.page .hl-green-op,.page p.txt strong[class*=hl-],.page .note-ico p strong[class*=hl-],.page .box strong[class*=hl-],.page td strong[class*=hl-]{padding:0 !important;background-color:transparent !important}@media print{.page{box-shadow:none;margin:0}.page h1,.page h2,.page h3{break-after:avoid;page-break-after:avoid}.page ul,.page table,.page .box,.page .note-ico,.page .alert{break-inside:avoid-page}.page tr{break-inside:avoid}}/* Centrage de la fiche, sans regle sur html ni body */.page{margin-left:auto;margin-right:auto}/* Affichage ecran : la fiche s'adapte au cadre. */@media screen{.page{width:auto;max-width:210mm;min-height:0}/* Sur le site, le cadre Webflow gere deja ses marges : la marge d'impression de 1,5 cm est retiree. Elle reste entiere a l'impression, dans Dreamweaver et dans l'editeur. */.rc-html-fcp .page,.rc-html .page,.w-richtext .page{padding:0;max-width:none}}/* Sur le site, les QR codes sont ajoutes par le CMS : la reserve de hauteur fait doublon et laisse un vide. Elle est supprimee la, et conservee partout ailleurs (PDF, Dreamweaver, editeur). */.rc-html-fcp .qr-reserve,.rc-html .qr-reserve,.w-richtext .qr-reserve{display:none}/* Les segments du trichrome portent une espace insecable : Webflow supprime les elements vides a l'injection. L'espace est neutralisee. */.page .trichrome{font-size:0;line-height:0}/* Le visualiseur du site neutralise les fonds : on les impose. */.page .trichrome span{background-clip:border-box !important}.page .seg-navy{background:#21317a !important}.page .seg-blue{background:#3454f5 !important}.page .seg-coral{background:#7ed0ff !important}/* Webflow applique margin-bottom:10px aux p, titres et listes, avec une priorite elevee. La fiche etant un conteneur flex, ces marges ne fusionnent pas : elles s'ajoutent aux marges hautes de la maquette. La classe est repetee pour passer devant. Les hr, div et section gardent les marges ecrites dans les fiches. */.page.page.page p,.page.page.page h1,.page.page.page h2,.page.page.page h3,.page.page.page h4,.page.page.page h5,.page.page.page h6,.page.page.page ul,.page.page.page ol,.page.page.page figure,.page.page.page blockquote{margin-bottom:0 !important}.page.page.page ul.sub{margin-bottom:2px !important}.page.page.page .numtxt>ul.sub,.page.page.page ul.adv>li>ul.sub{margin-bottom:0 !important}.page.page.page p.subhead{margin-bottom:6px !important}.page.page.page p.box-sub-title{margin-bottom:8px !important}.page.page.page p.sub-title{margin-bottom:4px !important}/* ===== Compatibilite avec styles.css du visualiseur Ordotype ===== Ce fichier applique des regles non limitees a la fiche. On les neutralise ici, sans y toucher. Sans effet hors du site. *//* span:not(.tooltiptext){background-color:transparent !important} efface les fonds portes par un span : trichrome, pastilles, cases QR. */.page.page.page .seg-navy{background-color:#21317a !important}.page.page.page .seg-blue{background-color:#3454f5 !important}.page.page.page .seg-coral{background-color:#7ed0ff !important}.page.page.page .numbadge{background-color:#3454f5 !important}.page.page.page .tip .anum{background-color:#3A8718 !important}.page.page.page .qr-ph{background-color:#f7f9fc !important}/* strong{font-size:12px} sous 480 px : le gras suit la taille du texte. */.page.page.page strong,.page.page.page b{font-size:inherit !important}/* table/td/th : bordures, ombre et marges du visualiseur. */.page.page.page table{box-shadow:none !important;margin:0 !important}.page.page.page table.food td,.page.page.page table.food th{border:0 !important;padding:4px 10px !important}.page.page.page table.food tbody td{border-bottom:1px solid rgba(184,192,210,0.6) !important}.page.page.page table.food tbody tr:last-child td{border-bottom:0 !important}/* Impression depuis le site : td/th sont forces en blanc, bordes de noir. */@media print{.page.page.page table{box-shadow:none !important;margin:0 !important}.page.page.page table.food td,.page.page.page table.food th{border:0 !important;padding:4px 10px !important}.page.page.page table.food tbody td{border-bottom:1px solid rgba(184,192,210,0.6) !important;background-color:transparent !important}.page.page.page table.food tbody tr:last-child td{border-bottom:0 !important}.page.page.page table.food tbody tr:nth-child(even) td{background-color:#f7f9fc !important}.page.page.page table.food thead th.h-cat{background-color:#eef1fb !important;color:#3454f5 !important}.page.page.page table.food thead th.h-navy{background-color:#eef1fb !important;color:#21317A !important}.page.page.page table.food thead th.h-priv{background-color:#e5efe1 !important;color:#3A8718 !important}.page.page.page table.food thead th.h-lim{background-color:#fbedd9 !important;color:#C25400 !important}.page.page.page table.food thead th.h-fort{background-color:#fbe4e4 !important;color:#C91A38 !important}}/* ===== Priorite des surlignages ===== Les regles p.txt strong / .txt strong sont plus specifiques que les classes hl-*. Sur le site, une regle porte en plus le gras a 600. Les surlignages doivent passer devant dans les deux cas. */.page.page.page .hl-blue,.page.page.page strong.hl-blue,.page.page.page b.hl-blue,.page.page.page span.hl-blue,.page.page.page .hl-red,.page.page.page strong.hl-red,.page.page.page b.hl-red,.page.page.page span.hl-red,.page.page.page .hl-orange,.page.page.page strong.hl-orange,.page.page.page b.hl-orange,.page.page.page span.hl-orange,.page.page.page .hl-green,.page.page.page strong.hl-green,.page.page.page b.hl-green,.page.page.page span.hl-green,.page.page.page .hl-rose,.page.page.page strong.hl-rose,.page.page.page b.hl-rose,.page.page.page span.hl-rose,.page.page.page mark,.page.page.page strong mark{color:#21317a !important;font-weight:700 !important}</style><div class="page"><div class="kicker">Conseils Patients</div><h1>Augmenter ses apports en fer</h1><div class="trichrome"><span class="seg-navy"> </span><span class="seg-blue"> </span><span class="seg-coral"> </span></div><p class="txt">Le fer est un <strong class="hl-blue">minéral essentiel au bon fonctionnement de l'organisme</strong>. Il est notamment indispensable à la fabrication de l'hémoglobine et de la myoglobine, des protéines qui assurent le transport et le stockage de l'oxygène.</p><p class="txt">Les recommandations suivantes peuvent vous aider à augmenter votre apport en fer.</p><section class="box" style="--acc:#3A8718;border-color:rgba(58,135,24,0.6)"><div class="box-head"><span class="ico ico-lg" style="filter:drop-shadow(0 2px 1.5px rgba(58,135,24,0.3));color:#3A8718"><?xml version="1.0"?><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path fill="#3A8718" d="M256,16C123.664,16,16,123.664,16,256s107.664,240,240,240s240-107.664,240-240S388.336,16,256,16z M256,480
	C132.484,480,32,379.516,32,256C32,132.484,132.484,32,256,32c123.516,0,224,100.484,224,224C480,379.516,379.516,480,256,480z"></path><path fill="#3A8718" d="M122.891,117.766L111.8,106.234c-4.852,4.68-9.524,9.625-13.875,14.711l12.156,10.407
	C114.1,126.648,118.414,122.078,122.891,117.766z"></path><path fill="#3A8718" d="M48.656,239.367l15.953,1.266c2.747-34.326,14.709-67.274,34.625-95.367l-13.062-9.25
	C64.597,166.464,51.637,202.169,48.656,239.367z"></path><path fill="#3A8718" d="M368,98.633c0.002-19.127-15.504-34.635-34.631-34.637c-16.237-0.001-30.296,11.278-33.814,27.129
	c-1.351,6.08-2.436,12.219-3.552,18.35c-13.028-3.585-26.487-5.375-40-5.32V64H240v96c-0.018,8.652-2.823,17.067-8,24
	c-2.328,3.102-5.097,5.847-8.219,8.148c-9.914,7.313-15.57,19.532-15.117,32.727l7.328,183.414
	c0.153,4.121-1.388,8.124-4.265,11.078c-6.061,5.969-15.791,5.969-21.852,0c-2.88-2.961-4.422-6.973-4.266-11.1l5.727-183.438
	c0.453-13.148-5.2-25.367-15.125-32.68c-3.12-2.304-5.886-5.052-8.211-8.157c-5.178-6.929-7.983-15.343-8-23.992V64h-16v89.492
	c-56.645,61.576-52.647,157.412,8.929,214.057c5.49,5.051,11.345,9.688,17.518,13.876l-0.822,26.317
	c-0.588,17.218,12.894,31.653,30.112,32.241c17.219,0.588,31.654-12.895,32.242-30.112c0.025-0.725,0.024-1.451-0.001-2.176
	l-0.067-1.674c24.952,4.104,50.539,1.799,74.354-6.699l-0.539,7.359c-1.177,17.177,11.792,32.055,28.97,33.231
	c17.176,1.178,32.055-11.792,33.23-28.97c0.049-0.704,0.073-1.409,0.073-2.116v-50.32c53.333-57.934,53.333-147.083,0-205.016
	V98.633L368,98.633z M171.052,362.044c-56.955-45.381-67.841-127.67-24.647-186.3c3.318,11.753,10.468,22.06,20.314,29.284
	c5.672,4.18,8.9,11.383,8.633,19.282L171.052,362.044z M307.56,381.654c-24.07,10.222-50.665,12.951-76.311,7.83l-6.6-165.2
	c-0.265-7.875,2.961-15.078,8.625-19.258c4.38-3.225,8.263-7.074,11.526-11.426c7.251-9.704,11.179-21.487,11.2-33.6v-39.864
	c12.648-0.054,25.238,1.705,37.389,5.222c-3.531,23.514-5.332,47.255-5.389,71.033V280c0,4.418,3.582,8,8,8h18.422L307.56,381.654z
	 M352,408.828c-0.009,8.375-6.797,15.163-15.172,15.172c-8.379,0.001-15.172-6.789-15.174-15.168c0-0.338,0.012-0.676,0.032-1.012
	l9.32-127.234c0.324-4.406-2.985-8.24-7.393-8.564c-0.194-0.014-0.391-0.021-0.584-0.021H304v-75.609
	c0.005-34.24,3.753-68.376,11.18-101.8c2.229-10.045,12.179-16.383,22.225-14.155c8.529,1.892,14.601,9.459,14.597,18.197
	L352,408.828L352,408.828z M392,256c0.014,27.479-8.359,54.307-24,76.9V179.1C383.641,201.693,392.014,228.521,392,256z"></path><path fill="#3A8718" d="M176,64h16v88h-16V64z"></path><path fill="#3A8718" d="M208,64h16v88h-16V64z"></path></svg></span><h2 style="color:#3A8718">Enrichir votre alimentation en fer</h2></div><div class="box-body"><p class="txt"><strong>Pour enrichir votre alimentation en fer, privilégiez les aliments suivants :</strong></p><ul class="adv"><li>boudin noir,</li><li>foie, rognons,</li><li>lentilles,</li><li>viande rouge (bœuf, mouton),</li><li>chocolat noir,</li><li>moules, palourdes,</li><li>poulpe,</li><li>jaune d'œuf.</li></ul><hr style="border:0;border-top:1px solid rgba(58,135,24,0.60);margin:16px 0 12px"><div style="margin-bottom:10px;font-family:'Quicksand',sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#3A8718">Si vous êtes végétarien,<br>favorisez la consommation des aliments suivants :</div><ul class="adv"><li>algues (ao-nori, laitue de mer, wakamé, spiruline),</li><li>légumineuses (haricots secs, lentilles, pois chiches),</li><li>tofu,</li><li>certains légumes : épinards, petits pois, choux de Bruxelles,</li><li>persil.</li></ul></div></section><div class="note-ico"><span class="ico-w"><svg fill="#C25400" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="510.24px" height="510.24px" viewBox="0 0 510.24 510.24" enable-background="new 0 0 510.24 510.24" xml:space="preserve"><g fill="#C25400">	<g fill="#C25400">		<path fill="#C25400" d="M435.517,74.723C387.333,26.538,323.267,0,255.121,0c-23.788,0-47.345,3.275-70.021,9.733
			c-4.408,1.256-6.965,5.848-5.708,10.257c1.256,4.408,5.842,6.967,10.257,5.708c21.197-6.037,43.225-9.099,65.473-9.099
			c63.711,0,123.609,24.811,168.659,69.861c45.051,45.051,69.861,104.948,69.861,168.659c0,87.99-48.202,168.551-125.795,210.245
			c-4.037,2.169-5.554,7.202-3.383,11.24c1.499,2.788,4.359,4.374,7.318,4.374c1.325,0,2.672-0.319,3.922-0.991
			c82.985-44.591,134.537-130.754,134.537-224.867C510.239,186.975,483.702,122.909,435.517,74.723z"></path>	</g></g><g fill="#C25400">	<g fill="#C25400">		<path fill="#C25400" d="M363.489,106.497c-0.234-2.464-1.556-4.695-3.604-6.084c-30.973-21.014-67.201-32.121-104.764-32.121
			c-103.017,0-186.827,83.81-186.827,186.827c0,37.561,11.107,73.789,32.12,104.762c1.39,2.049,3.62,3.368,6.085,3.604
			c0.262,0.023,0.524,0.037,0.785,0.037c2.19,0,4.305-0.867,5.869-2.432L361.096,113.15
			C362.845,111.4,363.723,108.96,363.489,106.497z M108.728,342.039c-15.623-26.241-23.833-56.083-23.833-86.918
			c0-93.863,76.363-170.226,170.226-170.226c30.837,0,60.678,8.209,86.918,23.833L108.728,342.039z"></path>	</g></g><g fill="#C25400">	<g fill="#C25400">		<path fill="#C25400" d="M346.987,484.42c-1.561-4.312-6.321-6.536-10.632-4.978c-26.007,9.422-53.339,14.198-81.234,14.198
			c-63.71,0-123.608-24.811-168.659-69.861c-45.052-45.051-69.862-104.948-69.862-168.66c0-46.618,13.448-91.771,38.892-130.581
			c24.803-37.835,59.606-67.74,100.648-86.486c4.17-1.904,6.006-6.828,4.102-10.998c-1.904-4.169-6.83-6.006-10.998-4.103
			C105.353,43,68.132,74.98,41.61,115.437C14.389,156.959,0.001,205.261,0.001,255.12c0,68.145,26.538,132.211,74.725,180.397
			c48.187,48.187,112.252,74.723,180.397,74.723c29.828,0.001,59.061-5.109,86.887-15.188
			C346.319,493.49,348.547,488.731,346.987,484.42z"></path>	</g></g><g fill="#C25400">	<g fill="#C25400">		<path fill="#C25400" d="M409.83,150.359c-1.389-2.049-3.62-3.369-6.084-3.604c-2.46-0.231-4.905,0.644-6.655,2.394
			L149.149,397.091c-1.75,1.75-2.627,4.189-2.394,6.653c0.234,2.464,1.554,4.694,3.604,6.085
			c30.972,21.014,67.2,32.12,104.764,32.12c103.017,0,186.827-83.81,186.827-186.827
			C441.948,217.558,430.843,181.331,409.83,150.359z M255.122,425.348c-30.836,0-60.678-8.21-86.918-23.833l233.313-233.312
			c15.621,26.239,23.833,56.084,23.833,86.918C425.348,348.985,348.985,425.348,255.122,425.348z"></path>	</g></g></svg></span><p>Pour optimiser l'absorption du fer, <strong class="hl-orange">évitez de consommer simultanément</strong> certaines boissons susceptibles de la réduire, comme le thé, le café et le vin rouge.</p></div><hr class="rule"><p class="footnote">Pour découvrir les aliments les plus riches en fer, <strong>scannez le QR code.</strong></p><div class="qr-reserve" aria-hidden="true"><div class="qr-slot"><span class="qr-ph">QR</span><span class="qr-cap">La teneur en fer des aliments — Anses</span></div><div class="qr-slot"><span class="qr-ph">QR</span><span class="qr-cap">Prévenir l'anémie par carence en fer — Assurance Maladie</span></div></div></div>
