html{--color-accent: #ca2109;--width-main: 560px;--width-texte-volant: 320px;scroll-behavior:smooth;cursor:crosshair}html,body{margin:0;font-family:Courier}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-thumb{background-color:#000;cursor:pointer}::-webkit-scrollbar-track{background-color:#fff;border-left:1px solid black}::selection{background:rgba(227,49,25,.2862745098)}body{width:100%;margin:0 auto}h3{text-transform:uppercase;font-size:1rem}.scroll-to-top{position:fixed;top:0;left:0;background-color:#000;color:#fff;width:100%;border-bottom:1px solid white;z-index:10}.scroll-to-top .title{display:flex;justify-content:space-between;margin:0 auto;padding:1rem 0;margin-left:1rem;margin-right:1rem}.scroll-to-top .title p{cursor:pointer;margin:0}nav{position:fixed;top:-100%;left:0;width:100%;z-index:1;transition:top .3s ease}nav.open{top:calc(3rem + 4px)}nav ul{padding:0;margin:0;margin-block-start:0;margin-block-end:0;list-style:none;width:100%;background-color:#fff}nav ul li{margin:0 auto}nav ul li a{border-bottom:1px solid black;display:block;padding:1rem;cursor:cell}nav ul li a.active,nav ul li a:hover{background-color:#000;color:#fff;border-bottom:1px solid white}nav ul li a.active:before,nav ul li a:hover:before{content:"[ "}nav ul li a.active:after,nav ul li a:hover:after{visibility:visible}nav ul li a:before{content:"- "}nav ul li a:after{content:" ]";visibility:hidden}.burger{display:flex;flex-direction:column;justify-content:space-between;width:26px;height:19px;background:none;border:none;cursor:pointer;padding:0}.burger span{display:block;height:3px;background:white;border-radius:2px;transition:all .3s ease}.burger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}a{text-decoration:none;color:#000}a.active{color:var(--color-accent)}a.cta{color:var(--color-accent);text-decoration:none}main{position:absolute;top:calc(3rem + 2px);background-color:#fff;border-right:1px solid black;border-left:1px solid black}main .page-title{padding-bottom:1rem}main .page-title:before{content:"{ "}main .page-title:after{content:" }"}main h3{padding:1rem 0 0;margin:0 1rem;border-top:1px black dashed}main section{padding:0 0 1rem;width:100%;position:relative}main section p{padding:0 1rem}main section img{width:100%;height:-moz-fit-content;height:fit-content;background-color:#00000020}main section img.clickeable{cursor:zoom-in}@keyframes fadeIn{0%{background-color:#00000020}50%{background-color:#00000010}}p.text{margin-bottom:0}p.subtitle{font-size:.8rem;font-style:italic}.flex{display:flex;gap:1rem}.flex-column{display:flex;flex-direction:column;gap:1rem}@media only screen and (min-width: 580px){main{width:var(--width-main);left:calc((100% - var(--width-main)) / 2)}}@media only screen and (min-width: 890px){nav{top:calc(3rem + 3px);z-index:-1}.burger{display:none}main{left:var(--width-texte-volant)}.scroll-to-top .title{margin-left:calc(var(--width-texte-volant) + 1rem)}}@media screen and (min-width: 1220px){main{left:calc((100% - var(--width-main)) / 2)}.scroll-to-top .title{margin-left:calc((100% - var(--width-main)) / 2 + 1rem)}.texte-volant{position:absolute;top:0;width:var(--width-texte-volant);background-color:#fff;border:1px dotted black;font-size:14px}.texte-volant.right{left:var(--width-main);box-shadow:2px 2px 8px #0000004d}.texte-volant.left{right:var(--width-main);box-shadow:-2px 2px 8px #0000004d}}