ol,ul{list-style:none;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:0;padding-inline-start:0;padding-left:2em}.ArticleLineInAuthor{padding-left:2rem}li.articlesListInAuthorPage,li.articlesListInTagPage{margin-bottom:.5rem}ol.noretrait,ul.noretrait{padding-left:0}ol.noretrait{list-style-type:decimal}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}*{margin:0}#__next,body,html{height:100%;-webkit-text-size-adjust:none;text-size-adjust:none}body{line-height:calc(1em + .5rem);-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;line-height:calc(1em + .5rem)}#__next,#root{isolation:isolate}@font-face{font-family:InterBlack;font-style:bold;src:url(/fonts/Inter/Inter-Bold.woff2) format("woff2");font-display:swap}@font-face{font-family:InterBold;font-style:bold;src:url(/fonts/Inter/static/Inter-Bold.ttf) format("ttf");font-display:swap}@font-face{font-family:InterBoldVar;src:url(/fonts/Inter/Inter-VariableFont_slnt,wght.ttf) format("ttf")}@font-face{font-family:JetBrainsMonoRegular;src:url(/fonts/JetBrains_Mono/JetBrainsMono-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Atkinson-Hyperlegible-Regular;src:url(/fonts/Atkinson/Atkinson-Hyperlegible-Regular-102a.woff2) format("woff2");font-display:swap}@font-face{font-family:Atkinson-Hyperlegible-Italic;font-style:italic;src:url(/fonts/Atkinson/Atkinson-Hyperlegible-Italic-102a.woff2) format("woff2");font-display:swap}@font-face{font-family:Atkinson-Hyperlegible-Bold;src:url(/fonts/Atkinson/Atkinson-Hyperlegible-Bold-102a.woff2) format("woff2");font-display:swap}:root{--font-size-mobile:1.1rem;--font-size-mobile-mini:1.2rem;--line-height-mobile:1.45;--mono-font-size-mobile:1rem;--font-size-small:1rem;--line-height-small:1.5;--font-size-extra-small:0.7rem;--line-height-extra-small:0.9rem;--font-size-normal:1rem;--font-size-search:1rem;--line-height-normal:1.4;--mono-font-size-normal:0.9rem;--mono-font-size-middle:0.8rem;--mono-font-size-titles:1rem;--mono-font-size-homepage:0.727rem;--mono-font-size-mostread:0.78rem;--mono-font-size-mostread-smartphone:0.9rem;--mono-line-height-normal:1.3;--mono-line-height-middle:1;--mono-line-height-small:0.7;--font-size-smalltitle:1.4rem;--font-size-subtitle:2rem;--font-size-title:2.4rem;--line-height-head-title:2.6rem;--line-height-title:2.6rem;--line-height-subtitle:1.8rem;--line-height-smalltitle:1.5rem;--line-height-medium:1.1rem;--color-link:#fff;--color-typo:#0a0c10;--color-typo-inverse:#0a0c10;--color-typo-faded:#434242;--color-typo-faded-less:#22222a;--color-typo-dark:#002342;--color-typo-hover:#00224199;--color-title:#000000e6;--color-background:#fffffa;--color-accent:#008299;--color-side-quote:#89c2cd;--color-link-background-hover:#cadfe2;--color-background-note:#f6eedf;--color-background-mostread-menu:#f2f7f8;--color-bullet:#a9a9a9;--width-side-quote:0.2rem;--width-side-mark:1rem;--transition-duration:0.1s;--color-background-pre:#ebeaea;--color-code:#0a0a5c;--font-body:"Atkinson-Hyperlegible-Regular",-apple-system,system-ui,sans-serif;--font-body-bold:"Atkinson-Hyperlegible-Bold",-apple-system,system-ui,sans-serif;--font-body-italic:"Atkinson-Hyperlegible-Italic";--font-body-semibold:"InterBold",-apple-system,system-ui,sans-serif;--font-body-for-titles:"InterBold",-apple-system,system-ui,sans-serif;--font-main-title-extrabold:"InterBlack",-apple-system,system-ui,sans-serif;--font-monospace:"JetBrainsMonoRegular",monospace;--font-meta-homepage:0.6rem;--font-meta-tags-homepage-smartphone:0.9rem;--font-meta-homepage-smartphone:0.8rem;--font-body-lightsemibold-weight:500;--font-body-semibold-weight:600;--font-title-bold-weight:700;--font-title-extrabold-weight:900;--codepen-logo-black:"/images/codepen.png";--codepen-logo-white:"/images/codepen-icon-white.png"}html{font-size:calc(24 / 16 * 1rem)}body,html{line-height:var(--line-height-normal);color:var(--color-typo);background-color:var(--color-background);padding:0;margin:0;height:100%;font-family:var(--font-body)}p{margin-bottom:1rem}em,i{font-family:var(--font-body-italic)}b,strong{font-family:var(--font-body-bold);font-weight:var(--font-body-semibold-weight)}a{color:var(--color-typo);text-decoration:none}a.noteLink{border-bottom:2px #000}ol,ul{margin:1rem 0}ul>li{list-style-position:outside;list-style-image:none;margin-left:1rem}ul>li.titleBlock{margin-left:0}li.listeArticlesRecents{margin:0}ol>li{list-style-type:decimal}li>h2{cursor:pointer}#tousLesArticles{font-size:2em;font-family:var(--font-body-for-titles);color:var(--color-accent);margin-bottom:1em}.listeTousLesArticles{margin-top:3rem;padding-left:0;margin-left:0}a:-webkit-any-link{color:var(--color-typo);cursor:pointer;text-decoration:none;border-bottom:1px solid var(--color-typo)}p.voirArticles{text-align:right}p.voirArticles a{color:var(--color-accent)}p.voirArticles>a{border-bottom:1px solid var(--color-typo)}p.voirArticles>a:hover{transition:var(--transition-duration) ease-in;border-bottom:5px solid var(--color-typo-hover)}a:-webkit-any-link:hover{-webkit-transition:var(--transition-duration) ease-in;transition:var(--transition-duration) ease-in;border-bottom:5px solid var(--color-typo-hover)}a:visited{color:var(--color-typo);background-color:initial;text-decoration:none}.ressourcesComplementaires+ul>li>a{border-bottom:1px solid var(--color-typo)}.ressourcesComplementaires+ul>li>a:hover{transition:var(--transition-duration) ease-in;border-bottom:5px solid var(--color-typo-hover)}h1{font-size:2rem;font-weight:900}h1,h2{font-family:var(--font-body-for-titles);color:var(--color-typo)}h2{font-size:1.8rem;margin:2em 0 .5em}h3{font-size:1.5rem;margin:1.6rem 0 .5em}h3,h4{font-family:var(--font-body-for-titles);color:var(--color-typo)}h4{font-size:1.3rem;margin:1.4rem 0 .5em}h5{font-size:1.2rem;font-family:var(--font-body-for-titles);margin:1.3rem 0 .4em;color:var(--color-typo)}h2.titresAccueil{font-family:var(--font-body-semibold);margin-bottom:3rem;color:var(--color-accent)}h2.ressourcesComplementaires{font-size:1.4rem;font-family:var(--font-body-semibold);margin-bottom:.5em;margin-top:2em}h3.ressourcesComplementaires{font-size:1.1rem}h3.autresRessources,h3.ressourcesComplementaires{font-family:var(--font-body-semibold);margin-bottom:.4rem;margin-top:2rem}h2.titleList,h3.autresRessources{font-size:1rem}h2.titleList{font-family:var(--font-body-for-titles);font-family:var(--font-body-bold);margin:0;line-height:1.2}h2.titleList>a{font-family:var(--font-body-for-titles);color:var(--color-typo);text-decoration:none}h2.titleList>a:hover{background-color:var(--color-link-background-hover);transition:var(--transition-duration) ease-in-out}.allSite{display:flex;min-height:100%;max-width:1050px;flex-direction:column;margin:0 16vw}.content{flex-grow:1;width:min(80rem,900px);margin:0 auto 2rem}.articlesRR{display:flex;flex-direction:row;position:relative}.articlesRecents{width:50vw;padding-right:2rem}.articlesRecents ul{margin:0}.mostReadArticles{width:30vw;padding-left:1rem;margin-bottom:5rem}.mostReadArticles>.listMostRead{border-radius:10px;padding:.4rem;margin-bottom:3rem;margin-top:1.8rem;background:var(--color-background-mostread-menu)}.consulterListes{margin:2rem auto;padding-top:2rem;padding-left:10rem;text-align:center}sup>a{font-size:.625rem;line-height:-5px}.header{display:flex;flex-direction:row;padding-top:1.5rem;margin-bottom:4rem;align-items:center;justify-content:space-between}h1.siteTitle{transition:.3s ease-in;font-size:2.1em;font-family:var(--font-main-title-extrabold);font-weight:var(--font-title-extrabold-weight);cursor:pointer;padding-top:1.2rem}h1.siteTitle>a{color:var(--color-typo)}h1.siteTitle>a,h1.siteTitle>a:hover{font-family:var(--font-body-for-titles);text-decoration:none;border-bottom:none}.siteTitle_and_moto{display:flex;flex-direction:column}.moto span{display:block;font-size:.64rem;font-style:italic;margin:0;text-align:center}.moto :nth-child(2){margin-top:-3px}.search{border:3px solid var(--color-typo-dark);padding:3px 10px}span.search a{color:var(--color-typo)}span.search a,span.search a:hover{text-decoration:none;border-bottom:none}#search{width:clamp(20rem,75vw,600px);height:50px;border:3px solid #002242;margin-top:2rem}#search[value]{quotes:""" """ "'" "'"}#search[value]:before{content:open-quote}#search[value]:after{content:close-quote}.form-control{font-size:var(--font-size-search);padding:.3rem;margin-top:.5em}.form-control,input#search{color:var(--color-typo-inverse)}.headerLinks{border:3px solid var(--color-typo-dark);padding:3px}.headerLinks>a,.headerLinks>a:hover{border-bottom:none}.headerLinks>a:nth-child(-n+2){border-right:3px solid var(--color-typo-dark)}.headerLinks>a:nth-child(-n+3){text-decoration:none;padding:8px 20px}.headerLinksSmall{display:none}.footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:auto;padding:5vh 0;border-top:1px solid grey;line-height:1.7rem}.footer>a{margin-right:1em;border-bottom:1px solid var(--color-typo-dark)}.footer>a:hover{transition:var(--transition-duration);border-bottom:2px solid var(--color-typo-dark)}ul li.articleLineInAuthor{margin-bottom:.5em}.artList{list-style-type:none}.articleMeta{font-size:var(--mono-font-size-homepage);font-style:bold}.articleExcerpt{font-family:var(--font-body-italic);font-size:var(--mono-font-size-mostread);line-height:var(--line-height-normal);color:var(--color-typo-faded-less);margin-top:.2rem;margin-bottom:1.4em}.authorNamearticleDate{font-family:var(--font-monospace);font-size:var(--font-meta-homepage);color:var(--color-typo-faded)}.articleTagsInArticlespage,.articleTagsInHomepage{margin-top:-1rem}.articleTagInArticlespage,span.articleTagInHomepage{margin-top:-1.5rem;font-family:var(--font-monospace);font-size:var(--font-meta-homepage);margin-right:.5rem;text-transform:uppercase}.articleTagInArticlespage a,.articleTagInHomepage a{text-decoration:none;font-style:var(--font-body-bold);font-weight:var(--font-body-semibold-weight)}.mostReadItem>li{display:flex;flex-direction:column}.mostreadListitem{list-style-type:none;margin-bottom:.5rem}.mostReadMeta{font-size:var(--mono-font-size-mostread);margin-top:2px}.indivArticleMeta,.mostReadMeta{font-family:var(--font-monospace)}.indivArticleMeta{font-size:var(--mono-font-size-titles);margin-bottom:2rem}.indivArticleMeta,.indivArticleMeta a,.indivArticleMeta span{color:var(--color-typo-faded)}.titresAccueil{font-size:1.5rem;font-family:var(--font-body);text-align:left;margin-bottom:1rem}.mostReadArticles>.titresAccueil{margin-bottom:1.2rem}h2.recommended{margin-top:2rem}.titleList>a{transition:.1s ease-in-out;border-bottom:none}.titleList:hover{transition:var(--transition-duration) ease-in-out;color:var(--color-typo-hover)}.titleList>a:hover{border-bottom:none}.titleBlock:hover{transition:var(--transition-duration) ease-in-out;color:var(--color-typo-hover)}.articleTitle{margin-top:2.5rem;margin-bottom:1rem;font-weight:750;font-size:2.2rem;color:var(--color-title);font-family:var(--font-body-semibold);letter-spacing:.02rem}h1.articleTitle p a{color:var(--color-typo-faded-less)}.authorTitle{margin-top:.5em}h2.authorArticleList{font-size:1.4em;font-family:var(--font-body-bold);margin-bottom:2.5rem}.articleDate,.authorNameAccueil,.authorNameArticles{font-family:var(--font-monospace);font-size:var(--mono-font-size-homepage);display:inline-block}.authorNameAccueil{width:200px}.authorNameArticles{width:190px}.articleDate{width:175px}h2.mostReadArticleTitle{font-size:.8rem;font-family:var(--font-body-semibold);font-weight:var(--font-body-lightsemibold-weight);color:var(--color-typo-hover);line-height:1rem;margin-bottom:0;margin-top:.8rem}h2.mostReadArticleTitle>a{transition:.3s ease-in;text-decoration:none;border-bottom:none}h2.mostReadArticleTitle>a:hover{background-color:var(--color-link-background-hover);transition:var(--transition-duration) ease-in-out;border-bottom:none}.welcomeTitle{margin-bottom:1.8em}.authorsListTitle,.tousLesArticles,.welcomeTitle{font-size:2em;font-family:var(--font-body)}.authorsListTitle{color:var(--color-accent);margin-bottom:1em}.authorsList,TagsList{margin:2em 0}h2.authorNameInList{font-family:var(--font-monospace);color:var(--color-typo);font-size:1.2rem;margin:0}h2.authorNameInList>a,h2.authorNameInList>a:hover{text-decoration:none;border-bottom:none}.authorGrid{--min-column-width:min(430px,100%);display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min-column-width),1fr));grid-gap:16px;gap:16px;padding:2rem 0}.authorsList{margin:2em 1rem}.authorNameInList{font-size:1.4rem;font-family:var(--font-body);font-style:bold;font-weight:700}article>h3{font-size:1.1rem}h1.authorTitle+p>a{color:var(--color-typo-faded-less)}.articleTag{display:inline-block;font-size:var(--mono-font-size-homepage);margin-right:7px;padding:4px 8px;border-radius:5px}.articleTag>a{text-decoration:none;color:inherit}.articleTag>a,.articleTag>a:hover{border-bottom:none}.tagGrid{--min-column-width:min(430px,100%);display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min-column-width),1fr));grid-gap:12px;gap:12px;padding:2rem 0}.tagList{display:flex;flex-direction:row;justify-content:center;border:3px solid var(--color-link);border-radius:5px;padding:1rem 1rem 1rem 0;box-shadow:0 3px 10px #0003}.tagList>.tagListTag>h2>a{font-family:var(--font-monospace)}main>h1+p{color:var(--color-typo-faded-less);margin-bottom:2rem}li>article{margin-bottom:.8rem}li.articlesInTagList::marker{content:url(/images/arrow_right_fill.png);font-size:1.2em;color:#b0c4de}article>h2{display:inline-block;font-size:1.5rem}span.authorInTagPage{font-family:var(--font-monospace);font-size:.8rem;color:var(--color-typo-faded)}.articleContent>h2{font-size:1.6rem;letter-spacing:.02rem}.articleContent>h3,h3.articleContent{font-size:1.3rem;letter-spacing:.03rem}.articleContent>h4{font-size:1.15rem}.articleContent>h5{font-size:1.05rem}ol,ul{padding-left:0}code{font-family:var(--font-monospace);font-size:var(--mono-font-size-normal);background-color:var(--color-background-pre);color:var(--color-code);white-space:pre-wrap;word-wrap:break-word}figcaption>code{font-size:.7rem}pre{margin:2rem;padding:2rem;background:var(--color-background-pre);white-space:pre-wrap;word-wrap:break-word;box-shadow:inset 0 0 20px 0 #9696c847;border-radius:8px}pre>code{font-family:var(--font-monospace);font-size:var(--mono-font-size-normal);background-color:var(--color-background-pre);color:var(--color-code)}figure{margin:2.5rem auto;max-width:70vw}figure>img{width:100%;object-fit:contain}figcaption{text-align:center;font-size:18px;font-style:italic;line-height:.8rem;padding:1em;background-color:var(--color-background)}.img-with-margins{padding:2rem 0}.img-with-margins>img,.img-with-margins>video{margin:auto}.reduce-img{max-width:25rem;margin:auto;padding-bottom:1rem}blockquote{padding:.5em 1rem;quotes:"\201C""\201D";margin:1.4em;border-left:var(--width-side-quote) solid var(--color-side-quote);font-style:italic}blockquote cite,figcaption cite{display:block;text-align:right}cite{color:#848487;font-style:italic}blockquote cite:before,figcaption cite:before{content:"— ";margin-left:-1em}blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}blockquote p{display:inline}mark{display:inline-block;padding:.5em 1rem;margin:1.4em;border-left:var(--width-side-mark) solid var(--color-side-quote);background:var(--color-background);color:var(--color-typo)}p.is-style-explanation{font-size:.8rem;position:relative;margin:2rem 5rem 1.5rem 3rem;background-size:100% 1px;background-repeat:no-repeat;background-position:0 0;background:var(--color-background-note);border:1px solid grey;border-radius:8px;overflow:hidden;padding:1rem 1rem 1rem 5rem;color:var(--color-typo-inverse)}p.is-style-explanation:before{content:"Note";font-style:italic;font-weight:700;background-color:var(--color-side-quote);padding:.88rem 1rem;margin-right:1rem;position:absolute;left:0;top:0;height:100%;display:grid;place-items:center}p.is-style-explanation a{color:var(--color-typo-inverse)}div.tiret{transition:.3s ease-in-out;width:100px;background-color:var(--color-accent)}div.tiret,div.tiret:hover{height:7px;margin-bottom:4em}div.tiret:hover{transition:.7s ease-in-out;width:150px;border-radius:2pc;background-color:var(--color-link-background-hover)}.copyrightArticle{margin:2em 0;padding-top:2em}.pen{margin-bottom:4em;display:flex;flex-direction:row}.codepen-icon{margin-right:20px;width:32px;height:32px}.seeAuthorsArticles{margin-top:6em;border:1px solid var(--color-typo-dark);border-radius:5px;padding:1em 0;text-align:center}ul,ul.nestedList{list-style:none;margin-left:1rem}.authorsList ul li:before,.resourcesList ul li:before,.tagsList ul li:before,article ul li:before,ul.nestedList li:before{content:"\2022";color:var(--color-bullet);display:inline-block;width:1em;margin-left:-1em}ul#noBullet>li.listArticlesRecent{margin-left:-1rem;list-style-type:none}.shape{background-image:linear-gradient(180deg,#eaeaea,#fff);margin-top:3rem;margin-bottom:3rem;padding:3em;border-radius:8px}.shape>style{border-radius:8px;display:block;white-space:pre;background:#333;color:#fff;font:12px Monaco;padding:0 15px;margin-top:1rem;position:relative;white-space:pre-wrap;word-wrap:break-word}.shape>style:after{content:"Modifiez ce code!";position:absolute;right:0;top:calc(100% + 16px);color:#000}.shape>h3,.shape>h3>a{color:var(--color-typo-inverse)}.shape>h3>a{border-bottom:var(--color-typo-inverse)}#trapezoid{border-bottom:50px solid red;border-left:25px solid #0000;border-right:25px solid #0000;width:100px}#star-six{margin-bottom:3em}#star-five{margin:4em 0!important}#pentagon{margin-top:3em}#hexagon{margin:3em 0}#badge-ribbon,#diamond-narrow,#diamond-shield,#moon{margin-bottom:2em}#cut-diamond{margin-bottom:5em!important}#space-invader{margin:5em 0 6em 5em!important}.button-container{display:flex;grid-gap:.5em;gap:.5em;flex-wrap:wrap;align-items:center}.button-container>*{margin:0}.button-block{margin:3rem 0 1.5rem}.button-block_link{background-color:#5e5e5e!important;color:#fff!important;border:0;border-bottom:1px solid #262626;border-right:1px solid #262626;box-shadow:inset 1px 1px 0 #777,0 2px 3px #0006;display:inline-block;font-weight:700;line-height:1.4;text-transform:uppercase;text-decoration:none!important;border-radius:4px!important;white-space:nowrap;padding:1rem 1.5rem;text-align:center;transition:.07s;position:relative}.toc{border:3px solid #a9a9a9;border-radius:4px;padding:2rem;margin:2rem 5rem}.cp_embed_wrapper,.drag-wrap,.svg-diagram{margin:1em auto}.ds-svg-circles,.ds-svg-shield,.sd-ellipse{width:200px;height:200px}.ds-small-svg{width:300px;height:300px}.ds-big-svg{background-color:#fbecd6;margin:3rem}.redcirc{fill:red;stroke:#000;stroke-width:15}.centeredBold{text-align:center;font-style:bold;font-weight:700;margin-top:1em}.container-hsl{margin:1em 0}.container-hsl span{display:inline-block;line-height:160px;height:160px;width:174px;text-align:center;font-size:.8rem;margin:0;padding:0;color:#000}figure.circle,figure.circle_rad_grad{display:block;background:#000;border-radius:50%;height:300px;width:300px;margin:0}figure.circle_rad_grad{background:radial-gradient(circle at 100px 100px,#5cabff,#000)}.ball{display:block;background:#000;margin:0;border-radius:50%;height:300px;width:300px;background:radial-gradient(circle at 100px 100px,#5cabff,#000)}.ball .shadow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#0006,#0000001a 40%,#0000 50%);transform:rotateX(90deg) translateZ(-150px);z-index:-1}.stage{width:300px;height:300px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%}.ball_mult{display:inline-block;width:100%;height:100%;margin:0;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 120%,#81e8f6,#76deef 10%,#055194 80%,#062745 100%)}.ball_mult:before{content:"";position:absolute;top:1%;left:5%;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle at 50% 0,#fff,#fff0 58%);filter:blur(5px);z-index:2}.ball_mult .shadow_mult{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#0006,#0000001a 40%,#0000 50%);transform:rotateX(90deg) translateZ(-150px);z-index:-1}.stage_mult{width:300px;height:300px;display:inline-block;margin:20px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%}.ball_black{display:inline-block;width:100%;height:100%;margin:0;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 120%,#323232,#0a0a0a 80%,#000 100%)}.ball_black:before{background:radial-gradient(circle at 50% 120%,#ffffff80,#fff0 70%);bottom:2.5%;left:5%;opacity:.6;width:90%;filter:blur(5px);z-index:2}.ball_black:after,.ball_black:before{content:"";position:absolute;border-radius:50%;height:100%}.ball_black:after{width:100%;top:5%;left:10%;background:radial-gradient(circle at 50% 50%,#fffc,#fffc 14%,#fff0 24%);transform:translateX(-80px) translateY(-90px) skewX(-20deg);filter:blur(10px)}.ball_black .shadow_black{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#0006,#0000001a 40%,#0000 50%);transform:rotateX(90deg) translateZ(-150px);z-index:-1}.stage_black{width:300px;height:300px;display:inline-block;margin:20px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%}.ball_black .eight{width:110px;height:110px;margin:30%;background:#fff;border-radius:50%;transform:translateX(68px) translateY(-60px) skewX(15deg) skewY(2deg);position:absolute}.ball_black .eight:before{content:"8";display:block;position:absolute;text-align:center;height:80px;width:100px;left:50px;margin-left:-40px;top:44px;margin-top:-40px;color:#000;font-family:Arial;font-size:90px;line-height:104px}.w80{width:80%;margin:0 auto;display:block}.bargraph{background-image:url(/images/new-york-city-skyline.jpeg);background-size:cover;font-size:0}.bargraph svg rect{fill:#202020}.bargraph svg{background:#fff;mix-blend-mode:lighten}.bargraph svg line{fill:none;stroke:#000}table.specificTable{border:3px solid #d2d2d2;width:100%;margin:2em 0;border-collapse:collapse;border-spacing:0}table.specificTable tr{border-bottom:3px solid #d2d2d2;display:table-row}table.specificTable th,td{border-right:3px solid #d2d2d2}span.checkmark,td{text-align:left;padding:0 .3em}.red{color:red}.green{color:green}ellipse:hover{fill:red}.clipbox{width:300px;height:300px;background:#000 url(/images/ville-compressor.jpeg);background-size:cover;margin:28px auto}.clipPolygon{-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%)}.clipCircle{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.clipEllipse{-webkit-clip-path:ellipse(40% 30% at 50% 50%);clip-path:ellipse(40% 30% at 50% 50%)}.clipInset{-webkit-clip-path:inset(25% 0 round 0 25%);clip-path:inset(25% 0 round 0 25%)}.clipComic{-webkit-clip-path:polygon(0 0,100% 0,100% 75%,75% 75%,75% 100%,50% 75%,0 75%);clip-path:polygon(0 0,100% 0,100% 75%,75% 75%,75% 100%,50% 75%,0 75%)}.clipStar{-webkit-clip-path:polygon(50% 0,63% 38%,100% 38%,69% 59%,82% 100%,50% 75%,18% 100%,31% 59%,0 38%,37% 38%);clip-path:polygon(50% 0,63% 38%,100% 38%,69% 59%,82% 100%,50% 75%,18% 100%,31% 59%,0 38%,37% 38%)}.clipAnimate{-webkit-clip-path:polygon(20% 0,0 0,0 50%,0 80%,0 100%,50% 100%,80% 100%,100% 100%,100% 50%,100% 0,80% 0,50% 0);clip-path:polygon(20% 0,0 0,0 50%,0 80%,0 100%,50% 100%,80% 100%,100% 100%,100% 50%,100% 0,80% 0,50% 0);transition:all 1s ease}.clipAnimate:hover{-webkit-clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%);clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%)}section.demo{margin:1.5em auto;background-color:#f0f0f0;padding:10%;text-align:center;width:100%;display:flex;justify-content:space-evenly;color:tomato}.swatch{border-radius:50%;aspect-ratio:1;width:15vw}.tomato{background-color:tomato}.cornflowerblue,section.legibility{background-color:#6495ed;border-radius:8px}section.gris{margin:1.5em auto;padding:10%;text-align:center;color:#d5d5d5;background-color:#eee;border:1px solid #cbcbcd;border-radius:8px}figure.padding{padding:var(--space-box-padding)}figure.frame{--space-figure-offset:calc(-1 * var(--space-box-padding));overflow:hidden;border-radius:4px;border:1px solid var(--box-border-color);background-color:var(--demo-background-color)}.access-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}.restrictVimeoWidth iframe{max-width:90vw;margin-bottom:1rem}@media (min-width:1001px) and (max-width:1200px){.allSite{margin:0 8vw;font-size:var(--font-size-small);line-height:var(--line-height-small)}.content{flex-grow:1;width:min(84vw,800px);margin:0 auto}.articlesRR{display:flex;flex-direction:column;margin:0 auto}.articlesRecents{width:80vw;padding-left:0;border-right:none}.mostReadArticles{width:22rem}.headerLinks{padding-top:3px}li.ArticlesInTagList{list-style-type:circle}figure{margin:30px auto;max-width:90vw}figure>img{width:100%;object-fit:contain}}@media (min-width:551px) and (max-width:1000px){.allSite{margin:0 5vw;font-size:var(--font-size-small);line-height:var(--line-height-small)}.content{flex-grow:1;width:min(90vw,800px);margin:0 auto}.articlesRR{display:flex;flex-direction:column;width:90vw;margin:0 auto;left:0}.articlesRecents{width:84vw;border-right:none;padding-left:0}.mostReadArticles{width:22rem}header.header{margin-bottom:2rem}.headerLinks{display:none}.headerSimple{display:flex;justify-content:center;margin-bottom:2rem}.headerLinksSmall{display:block}.headerLinksSmall>a{border-bottom:1px solid var(--color-typo);padding:.3rem;margin:0 1rem}.headerLinksSmall>a:hover{transition:var(--transition-duration) ease-in;border-bottom:5px solid var(--color-typo-hover)}.articleTitle{margin-bottom:1rem;font-size:2rem;line-height:2.2rem;font-family:var(--font-body-bold);font-weight:900}.toc{border:3px solid #a9a9a9;border-radius:4px;padding:.3rem;margin:2rem 0}.mostReadArticles{width:21rem;padding-left:0}.mostReadArticles>.titresAccueil{margin-top:2rem;margin-bottom:1rem;text-align:center}.authorNamearticleDate{font-size:var(--font-meta-homepage-smartphone)}pre{margin:1.5rem;padding:1.5rem;background:var(--color-background-pre);white-space:pre-wrap;word-wrap:break-word}figure{margin:20px auto;max-width:96vw}figure>img{width:100%;object-fit:contain}blockquote{padding:1.5rem;margin:1.5rem 0 1.5rem .3rem;border-left:.3rem solid var(--color-side-quote)}p.is-style-explanation{font-size:.8rem;position:relative;margin:2rem .5rem;background-size:100% 1px;background-repeat:no-repeat;background-position:0 0;background:var(--color-background-note);border:1px solid grey;border-radius:8px;overflow:hidden;padding:1rem .5rem 1rem 4rem}p.is-style-explanation:before{content:"Note";font-style:italic;font-weight:700;background:var(--color-side-quote);padding:.88rem .5rem;margin-right:1rem;position:absolute;left:0;top:0;height:100%;display:grid;place-items:center}ol,ul{padding-left:0}ul,ul.nestedList{list-style:none;margin-left:.4rem}.caniuse{display:none}}@media (min-width:380px) and (max-width:550px){body,html{font-size:var(--font-size-mobile);line-height:var(--line-height-mobile)}.allSite{margin:0 2vw;max-width:98%;padding:0 2vw}h1.siteTitle{font-size:2.1rem}h1.siteTitle,h1.siteTitle:hover{border-bottom:none}.moto span{font-size:.7rem}.content{flex-grow:1;width:94vw;margin:0 auto}.articlesRR{display:flex;flex-direction:column;width:96vw;margin:0 auto;left:0}.articlesRecents{width:96vw;border-right:none;padding-left:0}.articleExcerpt{font-size:var(--mono-font-size-mostread-smartphone);line-height:var(--line-height-normal);font-style:italic;color:var(--color-typo-faded);margin-top:10px}.mostReadArticles{width:92vw;padding-left:0}.mostReadArticleTitle{font-size:9rem}h2.mostReadArticleTitle{font-size:.9rem}.mostReadArticles>.titresAccueil{margin-top:2rem;margin-bottom:1rem;text-align:center}.footer{width:94vw}h2.titresAccueil{text-align:center}header.header{margin-bottom:2rem}.headerLinks{display:none}.headerSimple{display:flex;justify-content:center;margin-bottom:2rem}.headerLinksSmall{display:block}.headerLinksSmall>a{border-bottom:1px solid var(--color-typo);padding:.3rem;margin:0 1rem}.articleTitle{margin-top:2vh;margin-bottom:3vh;font-size:1.8rem;line-height:2rem;font-family:var(--font-body-bold);font-weight:800}.toc{border:3px solid #a9a9a9;border-radius:4px;padding:.3rem;margin:2rem 0}pre{margin:1.5rem;padding:1.5rem;background:var(--color-background-pre);white-space:pre-wrap;word-wrap:break-word}pre>code{color:var(--color-code)}figure{margin:20px auto;max-width:96vw}figure>img{width:100%;object-fit:contain}blockquote{padding:1rem;margin:1.5rem 0;border-left:.2rem solid var(--color-side-quote)}p.is-style-explanation{font-size:.8rem;position:relative;margin:2rem .5rem;background-size:100% 1px;background-repeat:no-repeat;background-position:0 0;background:var(--color-background-note);border:1px solid grey;border-radius:8px;overflow:hidden;padding:1rem .5rem 1rem 4rem}p.is-style-explanation:before{content:"Note";font-style:italic;font-weight:700;background:var(--color-side-quote);padding:.88rem .5rem;margin-right:1rem;position:absolute;left:0;top:0;height:100%;display:grid;place-items:center}ol,ul{padding-left:0}ul,ul.nestedList{list-style:none;margin-left:.4rem}.articleTagInArticlespage,span.articleTagInHomepage{font-size:var(--font-meta-tags-homepage-smartphone)}.authorNamearticleDate{font-size:var(--font-meta-homepage-smartphone)}.caniuse{display:none}}@media (max-width:379px){body,html{font-size:var(--font-size-mobile);line-height:var(--line-height-mobile)}.allSite{margin:0 auto;max-width:98%}h1.siteTitle{font-size:2.1rem}h1.siteTitle,h1.siteTitle:hover{border-bottom:none}.moto span{font-size:.65rem}.content{flex-grow:1;width:94vw;margin:0 auto}.articlesRR{display:flex;flex-direction:column;width:96vw;margin:0 auto;left:0}.articlesRecents{width:96vw;border-right:none;padding-left:0}.articleExcerpt{font-size:var(--mono-font-size-mostread-smartphone);line-height:var(--line-height-normal);color:var(--color-typo-faded);margin-top:10px}.mostReadArticles{width:92vw;padding-left:0}.mostReadArticleTitle{font-size:9rem}h2.mostReadArticleTitle{font-size:.9rem}.mostReadArticles>.titresAccueil{margin-top:2rem;margin-bottom:1rem;text-align:center}.footer{width:94vw}h2.titresAccueil{text-align:center}header.header{margin-bottom:2rem}.headerLinks{display:none}.headerSimple{display:flex;justify-content:center;margin-bottom:2rem}.headerLinksSmall{display:block}.headerLinksSmall>a{border-bottom:1px solid var(--color-typo);padding:.3rem;margin:0 1rem}.articleTitle{margin-top:2vh;margin-bottom:3vh;font-size:1.8rem;line-height:2rem;font-family:var(--font-body-bold);font-weight:800}.toc{border:3px solid #a9a9a9;border-radius:4px;padding:.3rem;margin:2rem 0}pre{margin:1.5rem;padding:1.5rem;background:var(--color-background-pre);white-space:pre-wrap;word-wrap:break-word}pre>code{color:var(--color-code)}figure{margin:20px auto;max-width:96vw}figure>img{width:100%;object-fit:contain}blockquote{padding:1rem;margin:1.5rem 0;border-left:.2rem solid var(--color-side-quote)}p.is-style-explanation{font-size:.8rem;position:relative;margin:2rem .5rem;background-size:100% 1px;background-repeat:no-repeat;background-position:0 0;background:var(--color-background-note);border:1px solid grey;border-radius:8px;overflow:hidden;padding:1rem .5rem 1rem 4rem}p.is-style-explanation:before{content:"Note";font-style:italic;font-weight:700;background:var(--color-side-quote);padding:.88rem .5rem;margin-right:1rem;position:absolute;left:0;top:0;height:100%;display:grid;place-items:center}ol,ul{padding-left:0}ul,ul.nestedList{list-style:none;margin-left:.4rem}.articleTagInArticlespage,span.articleTagInHomepage{font-size:var(--font-meta-tags-homepage-smartphone)}.authorNamearticleDate{font-size:var(--font-meta-homepage-smartphone)}.caniuse{display:none}}@media (prefers-color-scheme:dark){:root{--color-background:#242424;--color-link-background-hover:#8a0f0f;--color-typo:#e6e6e6;--color-typo-hover:#fff;--color-typo-dark:grey;--color-typo-faded:#fff;--color-typo-faded-less:#c7c7d1;--color-title:#fff;--color-background-pre:#17171c;--color-code:#d1d1e0;--color-bullet:grey;--color-accent:#ff5233;--color-side-quote:tomato;--color-link-background-hover:#6c2113;--color-background-mostread-menu:#14141f}}