$base-url: "/corpus/";

#corpus-app {
  border: 1px solid;
  width: 1108px;
  height: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;

  @import 'tabs/chrono';
  @import 'tabs/carto';
  @import 'tabs/langues';
  @import 'tabs/discours';
  @import 'tabs/thematiques';
}

.mapdiv{
  width: 470px;
  background-color: #FFFFFF;
  height: 500px;
}

.corpus-app {
  @at-root {
    @import 'container';
    @import 'player';
    @import 'results';

    &-container{
      display: block;
      width: 50%;
      height: 600px;
      float: left;
      border-top: none;
      border-right: 1px solid grey;
    }
    &-wrapper{
      height: 600px;
      display : flex;
      flex-flow: column;
      border: none;
      padding: 0 10px;
    }
    &-player{
      flex: 0 1 auto;
      float: left;
      border-left: none;
      border-top: none;
      margin-bottom: 10px;
      background-color: #eeeeee;
    }
  }
}