:root{--ink:#0c0c0c;--ink2:#1a1a1a;--paper:#ffffff;--mist:#f7f6f4;--fog:#ececea;--stone:#9a9590;--green:#AACAB8;--g2:#8DA999;--g3:#D2E6DB;--bl:rgba(12,12,12,.07);--f:"Outfit",sans-serif;--r:cubic-bezier(.25,.46,.45,.94);--pad:clamp(72px,9vw,120px)}html,body,main{background:var(--paper)}#MainContent{background:var(--paper)}body{color:var(--ink)}.w{max-width:1300px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}.w-narrow{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}.rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--r),transform .7s var(--r)}.rv.on{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.17s}.d3{transition-delay:.26s}.breadcrumb{padding:clamp(88px,11vw,120px) 0 0}.breadcrumb-inner{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--stone)}.breadcrumb-inner a{color:var(--stone);transition:color .2s}.breadcrumb-inner a:hover{color:var(--ink)}.breadcrumb-inner i{font-size:11px}.article-header{padding:clamp(24px,3vw,40px) 0 clamp(40px,5vw,64px)}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.article-tag{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--g2);background:var(--g3);padding:5px 12px;border-radius:4px}.article-date{font-size:12px;font-weight:400;color:var(--stone)}.article-read{font-size:12px;font-weight:400;color:var(--stone);display:flex;align-items:center;gap:4px}.article-read i{font-size:12px}.article-title{font-size:clamp(28px,4.5vw,56px);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--ink);margin-bottom:20px}.article-excerpt{font-size:clamp(16px,1.8vw,20px);font-weight:300;color:#0c0c0c99;line-height:1.7;max-width:640px;margin-bottom:32px}.article-author{display:flex;align-items:center;gap:12px}.article-author-avatar{width:40px;height:40px;border-radius:50%;background:var(--g3);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--g2);flex-shrink:0}.article-author-name{font-size:13px;font-weight:600;color:var(--ink)}.article-author-role{font-size:11px;font-weight:400;color:var(--stone)}.article-hero-img{margin-bottom:clamp(40px,5vw,64px)}.article-hero-img img{width:100%;height:auto;display:block;border-radius:12px;max-height:560px;object-fit:cover}.article-hero-img-placeholder{width:100%;height:400px;background:linear-gradient(135deg,var(--mist) 0%,var(--g3) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.article-hero-img-placeholder i{font-size:56px;color:#0c0c0c1f}.article-layout{display:grid;grid-template-columns:1fr 240px;gap:clamp(40px,6vw,80px);align-items:start;padding-bottom:var(--pad)}.article-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px}.toc{background:var(--mist);border-radius:10px;padding:20px 24px}.toc-title{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--stone);margin-bottom:14px}.toc-list{display:flex;flex-direction:column;gap:4px}.toc-item{font-size:13px;font-weight:400;color:#0c0c0c8c;padding:5px 8px;border-radius:5px;cursor:pointer;transition:background .2s,color .2s;border-left:2px solid transparent}.toc-item:hover{background:var(--fog);color:var(--ink)}.toc-item.on{color:var(--ink);font-weight:600;border-left-color:var(--g2)}.share-box{background:var(--mist);border-radius:10px;padding:20px 24px}.share-title{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--stone);margin-bottom:14px}.share-btns{display:flex;flex-direction:column;gap:6px}.share-btn{font-family:var(--f);font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:6px;border:1px solid var(--bl);background:#fff;color:var(--ink);cursor:pointer;transition:background .2s}.share-btn:hover{background:var(--fog)}.share-btn i{font-size:15px}.sidebar-cta{background:var(--ink);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:12px}.sidebar-cta-t{font-size:14px;font-weight:700;color:#fff;line-height:1.4}.sidebar-cta-s{font-size:12px;font-weight:300;color:#ffffff80;line-height:1.6}.sidebar-cta-btn{font-family:var(--f);font-size:12px;font-weight:700;background:var(--green);color:var(--ink);padding:10px 16px;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s;text-decoration:none}.sidebar-cta-btn:hover{background:var(--g2)}.sidebar-cta-btn i{font-size:12px;transition:transform .2s}.sidebar-cta-btn:hover i{transform:translate(3px)}.article-body{font-size:16px;font-weight:300;color:#0c0c0ccc;line-height:1.85;counter-reset:li}.article-body h2{font-size:clamp(22px,2.5vw,30px);font-weight:900;letter-spacing:-.03em;color:var(--ink);margin:48px 0 16px;line-height:1.15;scroll-margin-top:100px}.article-body h3{font-size:clamp(17px,2vw,22px);font-weight:700;color:var(--ink);margin:32px 0 12px;line-height:1.25;scroll-margin-top:100px}.article-body p{margin-bottom:20px}.article-body strong{font-weight:700;color:var(--ink)}.article-body em{font-style:italic}.article-body a{color:var(--g2);border-bottom:1px solid rgba(141,169,153,.3);transition:border-color .2s}.article-body a:hover{border-color:var(--g2)}.article-body ul{list-style:none;margin:0 0 24px;padding:0}.article-body ul li{position:relative;padding-left:26px;margin-bottom:10px;line-height:1.7}.article-body ul li:before{content:"";position:absolute;left:3px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--g2)}.article-body ol{margin:0 0 24px;padding:0;list-style:none}.article-body ol li{position:relative;padding-left:34px;margin-bottom:10px;line-height:1.7;counter-increment:li}.article-body ol li:before{content:counter(li);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--g3);color:var(--g2);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.article-body img{width:100%;height:auto;display:block;border-radius:10px;margin:32px 0}.article-body blockquote{border-left:3px solid var(--green);padding:16px 24px;margin:32px 0;background:var(--mist);border-radius:0 8px 8px 0}.article-body blockquote p{margin:0;font-style:italic;color:#0c0c0cb3;font-size:15px}.article-body hr{border:none;border-top:1px solid var(--bl);margin:40px 0}.article-body a.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff!important;font-size:14px;font-weight:700;padding:14px 28px;border-radius:8px;text-decoration:none;border:none;margin-top:8px;transition:background .2s,transform .15s}.article-body a.btn:hover{background:var(--ink2);transform:translateY(-2px)}.article-body a.btn .picto{display:none}.article-body a.btn .link-text{color:#fff}.article-body a.btn:after{content:"\2192";font-size:15px;transition:transform .2s}.article-body a.btn:hover:after{transform:translate(3px)}.article-body .table-wrap{margin:36px 0;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bl);border-radius:14px;box-shadow:0 1px 3px #0c0c0c0d}.article-body table{width:100%!important;height:auto!important;border-collapse:collapse;font-size:14px;line-height:1.55;background:var(--paper)}.article-body table td,.article-body table th{padding:14px 18px;border-bottom:1px solid var(--bl);border-right:1px solid var(--bl);vertical-align:top;text-align:left;color:#0c0c0cc7;min-width:130px}.article-body table td:last-child,.article-body table th:last-child{border-right:none}.article-body table tr:last-child td{border-bottom:none}.article-body table td p{margin:5px 0 0;font-size:12.5px;color:#0c0c0c8c;line-height:1.5}.article-body table tr:first-child td,.article-body table thead td,.article-body table th{background:var(--ink);color:#fff;font-weight:700;text-align:center;border-right-color:#ffffff1f;white-space:nowrap}.article-body table tr:first-child td strong,.article-body table th strong{color:#fff}.article-body table tr:first-child td p{color:#ffffffb3}.article-body table td:first-child{background:var(--mist);font-weight:700;color:var(--ink);white-space:nowrap}.article-body table tr:first-child td:first-child{background:var(--ink)}.article-body table td:first-child strong{color:var(--ink)}.article-body table tr:nth-child(odd):not(:first-child) td:not(:first-child){background:#fafaf9}.article-body iframe,.article-body video{width:100%;max-width:100%;border:none;border-radius:10px;margin:32px 0}.article-body figure{margin:32px 0}.article-body figure img{margin:0}.article-body figcaption{font-size:12.5px;color:var(--stone);text-align:center;margin-top:10px;font-style:italic}.callout{background:var(--g3);border-radius:10px;padding:24px 28px;margin:32px 0;display:flex;gap:16px;align-items:flex-start}.callout i{font-size:20px;color:var(--g2);flex-shrink:0;margin-top:2px}.callout-text{font-size:14.5px;font-weight:400;color:var(--ink);line-height:1.7}.callout-text strong{font-weight:700}.article-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:32px 0;border-top:1px solid var(--bl);border-bottom:1px solid var(--bl);margin-bottom:48px}.article-tags-label{font-size:12px;font-weight:600;color:var(--stone);margin-right:4px}.article-tag-item{font-size:11px;font-weight:600;color:#0c0c0c8c;background:var(--mist);padding:5px 12px;border-radius:20px;transition:background .2s,color .2s;text-decoration:none;display:inline-block}.article-tag-item:hover{background:var(--green);color:var(--ink)}.suggested{background:var(--mist);padding:var(--pad) 0}.suggested-head{margin-bottom:clamp(32px,4vw,48px)}.suggested-kicker{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g2);margin-bottom:12px}.suggested-h{font-size:clamp(24px,3vw,36px);font-weight:900;letter-spacing:-.03em;color:var(--ink)}.suggested-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--fog)}.suggested-card{background:var(--paper);display:flex;flex-direction:column;transition:background .25s;text-decoration:none;color:inherit}.suggested-card:hover{background:var(--mist)}.suggested-photo{aspect-ratio:16/10;background:var(--mist);overflow:hidden;display:flex;align-items:center;justify-content:center}.suggested-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--r)}.suggested-card:hover .suggested-photo img{transform:scale(1.03)}.suggested-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mist) 0%,var(--fog) 100%)}.suggested-photo-placeholder i{font-size:28px;color:#0c0c0c1f}.suggested-body{padding:24px 28px;display:flex;flex-direction:column;gap:8px;flex:1}.suggested-cat{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--g2)}.suggested-title{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4}.suggested-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--stone);padding-top:12px;transition:color .2s}.suggested-card:hover .suggested-link{color:var(--g2)}.suggested-link i{font-size:12px;transition:transform .2s}.suggested-card:hover .suggested-link i{transform:translate(3px)}.cta-article{background:var(--ink);padding:var(--pad) 0;text-align:center;position:relative;overflow:hidden}.cta-article:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(170,202,184,.05) 0%,transparent 65%);pointer-events:none}.cta-eye{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:20px}.cta-h{font-size:clamp(32px,5vw,64px);font-weight:900;letter-spacing:-.04em;line-height:1;color:#fff;margin-bottom:36px}.cta-h em{color:var(--g2);font-style:normal}.cta-btns{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.btn-green-a{font-family:var(--f);font-size:13.5px;font-weight:700;background:var(--green);color:var(--ink);padding:14px 26px;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .15s;text-decoration:none}.btn-green-a:hover{background:var(--g2);transform:translateY(-2px)}.btn-wh-a{font-family:var(--f);font-size:13.5px;font-weight:500;background:transparent;color:#fffc;padding:14px 26px;border-radius:6px;border:1.5px solid rgba(255,255,255,.2);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,color .2s;text-decoration:none}.btn-wh-a:hover{border-color:var(--green);color:var(--green)}.btn-arr{transition:transform .2s}.btn-green-a:hover .btn-arr,.btn-wh-a:hover .btn-arr{transform:translate(4px)}.up-art{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:50%;background:var(--ink);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s,background .2s;pointer-events:none}.up-art.on{opacity:1;transform:none;pointer-events:all}.up-art:hover{background:var(--g2);color:var(--ink)}@media(max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.toc{display:none}.suggested-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.article-sidebar,.suggested-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/article-ressources.css.map */