*{margin:0;padding:0;box-sizing:border-box}
a,a:active,a:visited{text-decoration:none}
html,body{margin:0;padding:0;background:#1C2022;color:rgba(0,0,0,0.8);font-family:'Roboto',sans-serif;height:100%;font-size:14px}
body{overflow:hidden}

/* GLOBAL */
.editor{width:100%;height:100%;background:#1C2022;color:#fff;overflow:auto}
.content_contenaire_main{height:calc(100% - 50px);width:100%;overflow-y:auto}

/* HEADER */
.header_main{height:50px;line-height:50px;position:relative;border-bottom:1px solid rgba(0,0,0,0.2);background:#1C2022;width:100%;display:flex}
.header_main a{height:50px;line-height:30px;position:relative;border-bottom:1px solid rgba(0,0,0,0.2);display:flex;color:#fff;font-size:1.3em}
.header_main a span{padding-left:1rem;border-left:1px solid rgba(255,255,255,0.3);margin:10px}
.header_main .fa,.header_main .fa{padding:10px;color:#fff;font-size:30px;margin-left:10px}

/* ACCUEIL */
.btn_accueil{background:#25749b;color:#fff;padding:10px;border-radius:5px;position:absolute;top:calc(50% - 37px);right:calc(50% - 85px)}

/* EDITOR */
.editor .datas{width:100%;height:100%;background:#1C2022;color:#fff;overflow:auto;padding-top:10px;padding-bottom:10px;}
.CodeMirror{height:100%}
.panel-container{display:flex;flex-direction:row;overflow:hidden;xtouch-action:none;max-width:100%;height:100%}
.splitter{flex:0 0 auto;width:1px;border-left:5px solid transparent;border-right:5px solid transparent;background:transparent;min-height:200px;cursor:col-resize}
.splitter:hover{border-left:5px solid rgba(0,0,0,0.3);border-right:5px solid rgba(0,0,0,0.3)}
.panel-right{flex:1 1 auto;width:100%;min-height:200px;min-width:200px;background:#eee;height:100%;overflow:auto}

/* PANEL LEFT */
.panel-left{flex:0 0 auto;width:250px;height:100%;max-width:50%;white-space:nowrap;background:#24282A;color:#fff}
.panel-left .content{margin:10px;width:calc(100% - 20px);height:100%;}


/* NOTIFICATION */
.notifyjs-container {margin-left: -50px;}


/* scrollbar codemirror */
.CodeMirror-overlayscroll-vertical{right: 10px; !important}