.panel{position:fixed;transition:visibility 0s .6s;visibility:hidden;z-index:2000}.panel,.panel:after{height:100%;left:0;top:0;width:100%}.panel:after{content:"";position:absolute;transition:background .3s .3s}.panel header{align-items:center;background:#160c30;box-shadow:0 1px 1px rgba(0,0,0,.08);display:flex;height:50px;position:fixed;right:0;top:-50px;transition:top .3s 0s;width:80%;z-index:3}.panel header h1{color:#fff;font-size:1rem;font-weight:700;margin:0;padding-left:2%}.is-visible{transition:visibility 0s 0s;visibility:visible}.is-visible:after{background:rgba(0,0,0,.5);content:"";transition:background .3s 0s}.is-visible header{top:0;transition:top .3s .3s}.panel-close{height:100%;position:absolute;right:0;top:0;width:60px}.panel-close:after,.panel-close:before{backface-visibility:hidden;background-color:#fff;content:"";height:3px;left:20px;position:absolute;top:22px;transition:transform .3s .6s;width:20px}.panel-close:hover{background-color:#bda370}.panel-close:hover:before{animation:before-rotations .3s;background-color:#fff;content:""}@keyframes before-rotations{0%{transform:rotate(0deg)}to{transform:rotate(220deg)}}.panel-close:hover:after{animation:after-rotations .3s;background-color:#fff;content:""}@keyframes after-rotations{0%{transform:rotate(0deg)}to{transform:rotate(135deg)}}.is-visible .panel-close:before{content:"";transform:rotate(45deg)}.is-visible .panel-close:after{content:"";transform:rotate(-45deg)}.close-space{cursor:pointer;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.visible-close-space{display:block}.panel-content{background:#fff;height:100%;position:fixed;right:0;top:50px;transform:translate3d(100%,0,0);transition-delay:.3s;transition-duration:.3s;transition-property:transform;width:80%;z-index:2}.panel-content article{height:calc(100% - 50px);left:0;overflow:auto;padding:1em 1.5em 3em 1em;position:absolute;top:0;width:100%}.panel-content article div.mention{padding:1em 0}.panel-content article div.mention h1{color:#444;font-size:1.1em;font-weight:700}.panel-content article div.mention p.titre-mention{color:#bda370;font-size:1.2rem;font-weight:700}.panel-content article div.mention p{color:#160c30;font-size:1rem;line-height:1.25}.panel-content article div.mention ul{margin-bottom:0}.panel-content article div.mention blockquote,.panel-content article div.mention pre{border-radius:5px;font-size:.8em;font-style:italic;padding:.5em}.panel-content article div.mention blockquote{background-color:rgba(22,12,48,.05);border:1px solid #160c30;border-left-width:3px}.panel-content article div.mention pre{background-color:hsla(40,37%,59%,.1);border:1px solid #bda370;border-left-width:3px}.is-visible .panel-content{transform:translateZ(0);transition-delay:0s}@media only screen and (min-width:768px){.panel header,.panel-content{width:60%}.panel header h1{font-size:1.2rem}}@media only screen and (min-width:1170px){.panel header,.panel-content{max-width:1200px;width:40%}.panel header h1{font-size:1.3rem}}