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:flex;flex-direction:column;align-items:center}.main-page .rightMenu .formulaireSession,.main-page .rightMenu .tagInfo{min-width:100%}.container{display:flex;justify-content:center;background-color:rgba(0,0,0,.85);color:#fff;height:100vh}.container form{padding:1em;display:flex;flex-direction:column;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:flex;flex-direction:row;padding:1em;grid-row:1;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:flex;flex-direction:column;overflow:hidden;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:flex;flex-direction:row;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{display:flex;flex-direction:column;gap:1em;margin:1em}.Modder .colonne .line-manager{display:flex;flex-direction:row;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:-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%;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:-moz-fit-content;width:fit-content}.leftMenu .grid div .select span option{clear:both;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%;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;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content}.slide .line-manager{display:flex;justify-content:space-evenly;padding:1em}.slide select{border:none}.glossaire{display:flex;flex-direction:column;z-index:3;position:absolute;background-color:#7c7c7c;opacity:.9;padding:1em;width:80vw;height:-moz-fit-content;height:fit-content;max-height:70vh;margin:10% 1em 1em 20%;max-width:70%}.glossaire .vertical-manager{display:flex;padding:1em;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;justify-content:center;margin:1em}.tuto,.tuto .element{padding:1em;display:flex;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;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);color:#333;display:inline-block;font-weight:700;padding:.5em;white-space:nowrap;margin-left:1em;margin-right:1em}