.logicisme_graph{
  width: 100%;
  height: 80%;
  /*visibility: hidden;*/

}

.graphe_title{
  /*position: fixed;
  top: 80px;
  left: 50px;
  width: 15%;*/
  font-size:12pt;
  margin-left: 200px;
  /*background-color: rgba(51,102,153,0.25);
  padding: 10px;*/
}

#mainViewContainer {
        width:75%;
        height: 95%;
        border: 1px solid #ccc;
        margin: 10px;
        
        padding: 3px;
        overflow: hidden;
      }

#mainView {
        width: 100%;
        height: 95%;
        min-height: 100%;
        display: inline;
}

.thumbViewClass {
        border: 1px solid #ccc;
        position: absolute;
        top: 98px;
        right: 5px;
        width: 20%;
        height: 30%;
        margin: 3px
        padding: 3px;
        overflow: hidden;
}

#thumbView {
        z-index: 110;
        background: white;
}

#scopeContainer {
        z-index: 120;
}

#graph_stats{
  width: 20%;
  position:fixed;
  /*bottom:150px;*/
  right:10px;
  font-size:8pt;
  padding-top:10px;
  border-top: 1px dashed grey;
}
#graph_stats ul {
  list-style-type:none;
}

#current_stats{
  border-top: 1px dashed grey;
  margin-top:10px;
  padding-top:10px;  
}
#current_stats p{
  color: #777;
  padding-right:10px;  
}

#graph_stats li{
  margin-top:2px;
  font-size: 7pt;
  vertical-align: middle;
}
#graph_stats li:before{
  content:' - ';
}

#graph_stats .nb_by_level_bar{
  display:inline-block;
  border:1px solid #ccc;
}
#graph_stats .nb_by_level_txt{
  display:inline-block;
  width: 100px;
}
#graph_stats em{ 
  font-style: normal;
  font-weight: bold;
}