#corpus-app {
  font-family: sans-serif;
  font-size: 12px;
}

#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';
  @import 'tabs/detail';

  @import 'components/sorting-component';
  @import 'components/filtering-component';
}

.corpus-app-container {
  background-color: #becfd4;
  padding: 0 20px;
  color: #687a84;
}

.corpus-app-wrapper {
  background-color: #253946;
}

.corpus-app-container {
overflow: hidden;
display: block;
width: 50%;
height: 600px;
float: left;
border-top: none;
}

.corpus-app-wrapper {
height: 600px;
display : flex;
flex-flow: column;
border: none;
padding: 0 0 0 10px;
}

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

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

    &-player{
      flex: 0 1 auto;
      float: left;
      border-left: none;
      border-top: none;
      margin-bottom: 10px;
      background-color: #eeeeee;
      padding: 0 10px;
    }
  }
}