body{margin:0;background:url(https://image.freepik.com/free-vector/elegant-white-wallpaper-with-golden-details_23-2149095007.jpg);background-size:cover;font-family:Roboto,sans-serif}body button:hover{cursor:pointer}body::-webkit-scrollbar{display:none}.absolute{display:grid;grid-template-rows:5%,95%}.no-scroll{overflow:hidden}.main-page{display:grid;grid-template-columns:20% 59% 20%;margin:.5em}.main-page .leftMenu{grid-column:1;grid-row:2}.main-page .Modder{grid-column:1;grid-row:1}.main-page .slide{grid-column:2;grid-row:1/2}.main-page .video-player{grid-column:2;grid-row:2}.main-page .rightMenu{grid-column:3;grid-row:1/3;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center}.main-page .rightMenu .formulaireSession,.main-page .rightMenu .tagInfo{min-width:100%}.container{-moz-box-pack:center;justify-content:center;background-color:rgba(0,0,0,.85);color:#fff;height:100vh}.container,.container form{display:-moz-box;display:flex}.container form{padding:1em;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:1em;gap:1em}.container form button{font:700 13px Arial;border:none;border-radius:10px;padding:2px}.container form h1{text-align:center}.container form button,.container form input{text-align:center;padding:.5em}.main-headder{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;padding:1em;grid-row:1;-moz-box-pack:justify;justify-content:space-between;background-color:#000;color:#fff}.main-headder button{border:none;margin-top:3em;height:20%;font-weight:700;padding:1.5em 1.5em 2em}.main-headder button:hover{background-color:#3a3a3a;color:#fff}.formulaireSession{background-color:rgba(0,0,0,.05);text-align:center;color:#000;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;overflow:hidden;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:200px}.formulaireSession h2{background-color:rgba(0,0,0,.85);color:#fff;margin:0;padding:1em}.formulaireSession div,.formulaireSession input,.formulaireSession select,.formulaireSession textarea{border:none;padding:.5em;text-align:center}.formulaireSession button{padding:1em;width:50%;color:#fff;border:none;border-radius:1em}.formulaireSession button:hover{background-color:#3b204d;color:#fff;cursor:pointer}.Information{margin-bottom:1em}.Information h2{grid-column:1/3;margin-top:0;padding:.5em;background-color:rgba(0,0,0,.85);color:#fff}.Information .body{display:grid;grid-template-columns:1fr 1fr;background-color:rgba(0,0,0,.05);padding:0;max-height:200px;overflow-y:scroll}.Information .body label{clear:both;grid-column:1;white-space:nowrap}.Information .body div,.Information .body label{padding:.5em;border-bottom:1px solid rgba(0,0,0,.85);display:inline-block}.Information .body div{grid-column:2;text-align:right}.Modder{background-color:rgba(0,0,0,.05);height:auto}.Modder h2{background-color:rgba(0,0,0,.85);color:#fff;margin-top:0;padding:1em}.Modder button{border:none}.Modder .nemu{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;grid-gap:1em;gap:1em}.Modder .nemu button{padding:.6em;border:none;background-color:#cecece;color:#000}.Modder .nemu button:hover{background-color:rgba(0,0,0,.05);color:#000}.Modder .colonne{-moz-box-orient:vertical;flex-direction:column;grid-gap:1em;gap:1em;margin:1em}.Modder .colonne,.Modder .colonne .line-manager{display:-moz-box;display:flex;-moz-box-direction:normal}.Modder .colonne .line-manager{-moz-box-orient:horizontal;flex-direction:row;-moz-box-pack:justify;justify-content:space-between}.Modder .colonne button{padding:.6em;border:none;background-color:#cecece;color:#000}.Modder .colonne button:hover{background-color:rgba(0,0,0,.05);color:#000}.Modder .line{padding:.5em;margin:1em;background-color:#fff;width:20%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.Modder .line label{font-size:1em}.leftMenu h2{font-size:1.5em;background-color:rgba(0,0,0,.85);color:#fff;padding:1em;margin-bottom:.5em}.leftMenu .grid{display:grid;grid-template-columns:20% auto 20%;grid-template-rows:repeat(auto-fill,10%);margin:.5em;padding:.5em;background-color:rgba(0,0,0,.05);overflow-y:scroll;min-height:40vh;max-height:50vh}.leftMenu .grid .titre{grid-column:1/5;display:grid;grid-template-columns:20% auto 20%;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}.leftMenu .grid .head{background-color:rgba(0,0,0,.85);color:#fff;font-weight:700;font-size:.8em}.leftMenu .grid .body{background-color:rgba(0,0,0,.05);font-size:.8em}.leftMenu .grid .num{padding:.3em;margin:.1em}.leftMenu .grid .num:hover{background-color:rgba(0,0,0,.85);color:#fff;cursor:pointer}.leftMenu .grid div{text-align:center;border:1px solid #fff}.leftMenu .grid div button,.leftMenu .grid div input,.leftMenu .grid div select{border:none}.leftMenu .grid div input{width:90%;font-size:.6em}.leftMenu .grid div .select,.leftMenu .grid div .select div{font-size:80%}.leftMenu .grid div .select label{display:inline-block}.leftMenu .grid div .select span{font-size:.8em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.leftMenu .grid div .select span option{clear:both;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}.video-player{background-color:rgba(0,0,0,.85);min-height:400px;position:relative;overflow:hidden}.video-player .coveringCanvas,.video-player>img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-player .coveringCanvas{z-index:2}.video-player circle:hover{cursor:move}.slide{background-color:rgba(0,0,0,.85);color:#fff;text-align:center;border-radius:10px;margin-left:1em;margin-right:2em;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.slide,.slide .line-manager{display:-moz-box;display:flex}.slide .line-manager{-moz-box-pack:space-evenly;justify-content:space-evenly;padding:1em}.slide select{border:none}.glossaire{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;z-index:3;position:absolute;background-color:#7c7c7c;opacity:.9;width:80vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:70vh;margin:10% 1em 1em 20%;max-width:70%}.glossaire,.glossaire .vertical-manager{display:-moz-box;display:flex;padding:1em}.glossaire .vertical-manager{overflow-y:scroll}.glossaire button{border-radius:0;background-color:#a9a9a9;padding:1em}.tuto{background-color:rgba(0,0,0,.3);overflow-x:scroll;grid-column:1/4;-moz-box-pack:center;justify-content:center;margin:1em}.tuto,.tuto .element{padding:1em;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;border-radius:1em}.tuto .element{margin-left:1em;margin-right:1em;color:#fff;font-weight:bolder;white-space:nowrap}.tuto .element label{padding:.1em}.tuto .element kbd{background-color:#fff;border-radius:1em;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 rgba(255,255,255,.7);box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 rgba(255,255,255,.7);color:#333;display:inline-block;font-weight:700;padding:.5em;white-space:nowrap;margin-left:1em;margin-right:1em}