body{font-family:'Roboto',sans-serif;background-color:#f9f9f9;color:#111;line-height:1.5;padding-bottom:4rem;max-width:900px;margin:auto}a:link{color:blue;text-decoration:none}a:visited{color:purple}a:hover{color:red;text-decoration:underline}a:active{color:orange}a{transition:color .3s ease}h1,h2{color:#2c3e50;font-family:Caveat;font-weight:700}h1{font-size:40px;margin-bottom:0;border-bottom:1px solid #2c3e50}h2{font-size:34px}h2.etroit{margin:10px auto}.sous-titre{display:flex;justify-content:space-between;align-items:baseline}.date-creation{font-size:.9em;color:#2c3e50;font-weight:normal}table{border-collapse:collapse;margin:1rem 0;background-color:#fff;border:1px solid #ccc}th,td{border:1px solid #ccc;padding:.6rem;text-align:center}th{background-color:#ECF1F4}.legend{background:#eef9ff;border-left:5px solid #00aaff;padding:.1rem 1rem;margin:1rem 0;border-radius:12px;box-shadow:0 3px 5px #00098025,0 4px 10px #00098025}.boite,.boite2,.boite3{border-radius:12px;box-shadow:0 3px 5px #00098025,0 4px 10px #00098025;padding:1px 16px 11px;margin-bottom:14px}.boite{background-color:#FFF9EE}.boite2{background-color:#F7FFEE}.boite3{background-color:#FFF0EE}pre code{font-family:'Roboto Mono',monospace;font-size:.9rem;tab-size:5;background:#2d2d2d;color:#f8f8f2;border-radius:1rem;padding:1rem;display:block;overflow-x:auto}button.copy-btn{position:absolute;top:.5rem;right:.5rem;background-color:#00aaff;color:black;border:none;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem}.pion{color:#669966;font-weight:600}