HTML/PDF - Conseil patients Dyslipidémie - 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}}</style><div class="page tableau-ecart-2"><div class="kicker">Conseils Patients</div><h1>Comprendre<br />et traiter la dyslipidémie</h1><div class="trichrome"><span class="seg-navy"> </span><span class="seg-blue"> </span><span class="seg-coral"> </span></div><section><div class="box-hygiene"><h2 class="sec-title sec-title--hy"><img src="https://cp-assets.netlify.app/gfx/ico-hygiene-vie.svg" alt="" />Adoptez une bonne hygiène de vie</h2><p class="hy-intro">Les conseils suivants peuvent vous aider à <strong>diminuer votre taux de cholestérol</strong> et à <strong>réduire votre risque d'accident cardiovasculaire</strong>.</p><div class="hygiene"><div class="hy-col"><div class="tip"><span class="anum">1</span><p>Pratiquez au moins <strong>30 minutes d'activité physique</strong> par jour (scannez le QR code « Bouger plus »).</p></div><div class="tip"><span class="anum">2</span><p><strong>Arrêtez de fumer.</strong></p></div></div><div class="hy-col"><div class="tip"><span class="anum">3</span><p>Ne buvez pas plus d'<strong>un verre d'alcool par jour</strong> et limitez autant que possible votre consommation globale d'alcool.</p></div></div></div><hr class="hy-sep" /><div class="hy-cta">Suivez les conseils alimentaires ci-dessous</div></div></section><div class="vfilet"></div><section class="sec-food"><table class="food"><colgroup><col class="c-cat" /><col /><col /><col /></colgroup><thead><tr><th class="h-cat"><div class="th-inner">Catégories</div></th><th class="h-priv"><div class="th-inner">Privilégiez</div></th><th class="h-lim"><div class="th-inner">Limitez</div></th><th class="h-fort"><div class="th-inner">Limitez fortement</div></th></tr></thead><tbody><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-cereales.png" alt="" />Céréales</div></td><td class="cell-priv">Céréales complètes</td><td class="cell-lim">Pain blanc, riz, pâtes, biscuits, pétales de maïs (corn-flakes)</td><td class="cell-fort">Pâtisseries, gâteaux, tartes, croissants</td></tr><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-legumes.png" alt="" />Légumes</div></td><td class="cell-priv">Légumes crus ou cuits, lentilles, haricots, fèves, petits pois, pois chiches</td><td class="cell-lim">Pommes de terre</td><td class="cell-fort">Légumes cuisinés au beurre ou à la crème</td></tr><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-fruits.png" alt="" />Fruits</div></td><td class="cell-priv">Fruits frais ou congelés</td><td class="cell-lim">Fruits secs, en gelée, en conserve, jus de fruits, sorbets, confitures</td><td class="cell-fort"><span class="cp-dash">—</span></td></tr><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-viandes.png" alt="" />Sucreries et édulcorants</div></td><td class="cell-priv">Édulcorants non caloriques</td><td class="cell-lim">Sucrose, miel, chocolat, bonbons</td><td class="cell-fort">Gâteaux, glaces, boissons sucrées, fructose</td></tr><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-poissons.png" alt="" />Viandes et poissons</div></td><td class="cell-priv">Volaille sans la peau, poissons (maigres ou gras)</td><td class="cell-lim">Agneau, porc, veau, fruits de mer, coquillages, pièces de bœuf maigres</td><td class="cell-fort">Charcuterie, saucisses, hot-dogs, abats</td></tr><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-produits-laitiers.png" alt="" />Œufs et laitages</div></td><td class="cell-priv">Lait et yaourts écrémés</td><td class="cell-lim">Œufs, laits et fromages allégés, autres produits laitiers</td><td class="cell-fort">Fromages non-allégés, crème, lait entier, yaourts au lait entier</td></tr><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-matieres-grasses.png" alt="" />Assaisonner</div></td><td class="cell-priv">Vinaigre, moutarde, sauces à 0 % de matière grasse</td><td class="cell-lim">Huile d'olive, sauces de salade, mayonnaise, ketchup, margarine molle</td><td class="cell-fort">Beurre, lard, huile de coco et de palme, margarine dure.</td></tr><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-sucres.png" alt="" />Noix<br />et graines</div></td><td class="cell-priv"><span class="cp-dash">—</span></td><td class="cell-lim">Noix et graines</td><td class="cell-fort">Noix de coco</td></tr><tr><td class="cat"><div class="cat-in"><img src="https://cp-assets.netlify.app/gfx/ico-boissons.png" alt="" />Modes de cuisson des aliments</div></td><td class="cell-priv">Grillés, bouillis, à la vapeur</td><td class="cell-lim">Rôtis, sautés</td><td class="cell-fort">Frits</td></tr></tbody></table></section><hr class="rule" /><p class="footnote">Pour plus d'informations, <strong>scannez les QR codes.</strong></p><div class="qr-reserve" aria-hidden="true"><div class="qr-slot"><span class="qr-ph">QR</span><span class="qr-cap">Bouger plus</span></div><div class="qr-slot"><span class="qr-ph">QR</span><span class="qr-cap">Manger Bouger</span></div></div><div style="flex:1"></div></div>
