@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-Bold.woff') format('woff'),
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-Bold.ttf')  format('truetype'),
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-Regular.woff') format('woff'),
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-Regular.ttf')  format('truetype'),
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-It';
  src: url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-It.eot?#iefix') format('embedded-opentype'), 
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-It.woff') format('woff'),
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-It.ttf')  format('truetype'),
	  url('https://drop.philharmoniedeparis.fr/fonts/SourceSansPro-It.svg#SourceSansPro-It') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**/
@font-face {
  font-family: 'LinotypeBrewery-Regular';
  src: url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Regular.eot?#iefix') format('embedded-opentype'),
		 url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Regular.otf')  format('opentype'),
	     url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Regular.woff') format('woff'),
		 url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Regular.ttf')  format('truetype'),
		 url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Regular.svg#LinotypeBrewery-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LinotypeBrewery-Bold';
  src: url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Bold.eot?#iefix') format('embedded-opentype'), 
		 url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Bold.otf')  format('opentype'),
	     url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Bold.woff') format('woff'),
		 url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Bold.ttf')  format('truetype'),
		 url('https://drop.philharmoniedeparis.fr/fonts/LinotypeBrewery-Bold.svg#LinotypeBrewery-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* body{
    background-color:white;
} */

/* MAIN BLOC */

.player_conf {
	background-color:#fff;
	border: 1px solid #000;
	/*padding: 90px 72px 80px 32px;*/
	padding: 0 0 80px 0;
}
.player_conf:after {
	content: "."; 
	visibility: hidden; 
	display: block; 
	height: 0; 
	clear: both;
}
.player_conf .main {
	padding: 80px 62px 0 22px;
}
.player_conf .brand {
	float: right;
	z-index: 10;
	position: relative;
}
.player_conf .brand a{
	text-decoration: none;
	color: #000;
}
.player_conf .brand .icon-logo{
	font-size:5em;
	position: relative;
	top: -12px;
	left: 50px;
}
.player_conf .brand .icon-share,
.player_conf .brand .icon-close{
	font-size:2em;
	position: relative;
	top: -50px;
	left: 20px;
}
.player_conf hgroup {
	padding:0 0 10px 50px;

}
.player_conf h1.title {
	margin: 0 !important;
	font-size: 1.875em !important;
	line-height: 1.1em !important;
	font-weight: normal !important;
	font-family: 'LinotypeBrewery-Regular', 'Arial', sans-serif;
	text-transform: uppercase;
	padding-bottom: 4px !important;
	
}
.player_conf hgroup p {
	margin: 0;
	
}
.player_conf hgroup .icon-filet {
	font-size: 2.5px;
	position: relative;
	top: -6px;
}
.player_conf .date {
	font-family: 'SourceSansPro-Regular', 'Arial', sans-serif;
	font-size:0.9em;
	line-height: 1.4722em;

}
.player_conf .speakers {
	font-family: 'SourceSansPro-Bold', 'Arial', sans-serif;
	font-size:0.9em;
	line-height: 1.4722em;
}
.player_conf nav.tools {
	clear: both;
	border-top: 1px solid #000;

}
.player_conf .tools {
	margin: 0 62px 0 72px;
}
.player_conf nav.tools ul {
	float: right;
	background-color: #fff;
	position: relative;
	top: -17px;
	height: 31px;
}

.player_conf nav.tools li {
	float: left;
	padding-left: 10px;
}
.player_conf nav.tools li a {
	display: inline-block;
	cursor: pointer;
	width: 36px;
	height: 35px;
	text-decoration: none;
	border: 1px solid #e4e4e4;
	font-size: 1.3em;
	text-indent: 1px;
	line-height: 1.9em;
	color: #000;
}

.player_conf nav.tools li.on a {
	background-color: #B8D4EB;
}
.player_conf div.tools {
	clear: both;
	margin-left: 40px;
}
.player_conf div.tools .tool {
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden; 
	padding:0 25px 0 32px;
}
.player_conf ul,
.player_conf li {
	padding:0;
	margin: 0;
	margin-top: 9px;
	list-style-type: none;
}

@charset "UTF-8";
/* CSS Document */

/* CONTROLS */
.player_conf .controls{
	padding: 0 62px 0 22px !important;
}

.player_conf .timewrap{
	width: auto !important;
	margin: 31px 0 0 50px !important;
	min-height: 60px !important;
}
.player_conf .timeline{
	background: #e4e4e4 !important;
	font-size: 1px !important;
	height: 26px !important;
}
.player_conf .time_spent{
	background: #f4f4f4 !important;
	font-size: 1px !important;
	height: 26px !important;
	width: 100px !important;
	position: relative !important;
	/* top: -5px !important; */
	top: -24px !important;
}
.player_conf .playpause{
	float: left !important;
	width: 40px !important;
	height: 57px !important;
	display: block !important;
	margin-top: -12px !important;
	left: -10px !important;
	position: relative !important;
	color:#000 !important;
	font-size: 3.2em !important;
	text-decoration: none !important;
}
.player_conf .icon-pause{
	margin-top: -9px;
	left: -7px;
	font-size: 2.8em;
}



.player_conf .playing{
	background-position: -400px -400px !important;
}
.player_conf .cursor{
	display: inline-block;
	position: relative;
	/* top: -31px; */
	top: -50px;
	text-align: center;
	z-index: 4;
}
.player_conf .cursor span{
	display: inline-block !important;
	border-left:2px solid #000 !important;
	/* height: 55px !important; */
	height: 45px !important;
}
.player_conf hr{
	position: relative !important;
	top: 11px !important;
	z-index: 2 !important;
	border-style: solid !important;
	border-color: #000 !important;
	border-width: 2px !important;
}
.player_conf .being_played{
	clear: both !important;
	float: left !important;
	font-family: 'LinotypeBrewery-Regular', 'Arial', sans-serif !important;
	font-size:1em !important;
	line-height: 1.3125em !important;
}
.player_conf .being_played strong{
	display: block !important;
	text-transform: uppercase !important;
}
.player_conf .infos{
	overflow: auto !important;
	clear: both !important;
	padding: 0 0 0 50px !important;
	min-height: 70px !important;
}
.player_conf .time{
	float: right !important;
	color: #000 !important;
	padding: 0 0 21px 0 !important;
	font-family: 'SourceSansPro-Regular', 'Arial', sans-serif !important;
	font-size:1em !important;
	line-height: 1.3125em !important;
}
.player_conf .trackslines{
	position: absolute !important;
	margin-top: -31px !important;
}
.player_conf .trackslines a{
	border-left: 1px solid #000 !important;
	height: 13px !important;
	position: absolute !important;
	color: #D9D8D8 !important;
	/* top: 13px !important */
	top: -5px !important
}
.player_conf .trackslines a.first{
	border-left: none !important;
}
.player_conf .trackslines a.chapter{
	border-left-width: 2px !important;
	height: 26px !important;
	/* top: 0 !important; */
	top: -19px !important;
}
.player_conf .slices{
	position: absolute !important;
	margin-top: -31px !important;
	z-index: 3 !important;
}
.player_conf .slices a{
	background-color: #424242 !important;
	height: 26px !important;
	position: absolute !important;
}

.player_conf .slices a.group_1{
	background-color:#4b5ea5;
}
.player_conf .slices a.group_2{
	background-color:#d65947;
}
.player_conf .slices a.group_3{
	background-color:#8e1c8f;
}
.player_conf .slices a.group_4{
	background-color:#8eae47;
}
.player_conf .slices a.group_5{
	background-color:#00aa9c;
}
.player_conf .slices a.group_6{
	background-color:#ee5e67;
}
.player_conf .slices a.group_7{
	background-color:#ee5e67;
}
.player_conf .slices a.group_8{
	background-color:#ee5e67;
}
.player_conf .slices a.group_9{
	background-color:#ee5e67;
}
@charset "UTF-8";
/* CSS Document */

/* DESCRIPTION INFO */
.player_conf .description {
	padding-right: 150px;
}
.player_conf .description p {
	margin: 0 0 21px 0;
	font-family: 'SourceSansPro-Regular', 'Arial', sans-serif;
	font-size:1em;
	line-height: 1.3125em;
}

.player_conf .description p.source {
	font-family: 'SourceSansPro-It', 'Arial', sans-serif;
}
.player_conf .description p.source,
.player_conf .description p.note {
	font-size: 0.875em;
}
.player_conf .description p.note a{
	color:#000;
}
/* @font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?28458994');
  src: url('../font/fontello.eot?28458994#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?28458994') format('woff'),
       url('../font/fontello.ttf?28458994') format('truetype'),
       url('../font/fontello.svg?28458994#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
} */
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?28458994#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  /*font-family: "fontello";*/
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
/* .player_conf .icon-play:before { content: '\e800'; } */
/* '' */
/* .player_conf .icon-pause:before { content: '\e801'; }  */
/* '' */
/* .player_conf .icon-filet:before { content: '\e802'; }  */
/* '' */
/* .player_conf .icon-logo:before { content: '\e803'; } */
 /* '' */
/* .player_conf .icon-music:before { content: '\e804'; } */
 /* '' */
/* .player_conf .icon-keywords:before { content: '\e805'; } */
 /* '' */
/* .player_conf .icon-share:before { content: '\e807'; } */
 /* '' */
/* .player_conf .icon-tracks--:before { content: '\e80b'; } */
 /* '' */
/* .player_conf .icon-info:before { content: '\e80c'; } */
 /* '' */
/* .player_conf .icon-tracks:before { content: '\e80d'; } */
 /* '' */

 .player_conf .icon-keywords:before { content: 'A'; }

 .player_conf .icon-tracks {
	background-image: url("../images/icon-tracks.png");
 }


.player_conf li.share_tab{
	display:none;
}

/*@charset "UTF-8";*/
/* CSS Document */

/* KEYWORDS LIST */
.player_conf .keywords{
	padding: 0;

}
.player_conf .keywords ul {
	font-family: 'SourceSansPro-Regular', 'Arial', sans-serif;
	font-size:1em;
	line-height: 1.96875em;
	position: relative;
	margin-left: -3px;
}
.player_conf .keywords li {
	display:inline-block;
	line-height: 1em;
}
.player_conf .keywords li a {
	text-decoration: none;
	display: inline;
}
.player_conf .keywords li a.word:hover {
	background-color: #00C0C5;
	color: #fff;
}
.player_conf .keywords li a.keyword {
	color:#333;
	margin-right: 5px;
	padding: 2px 3px;
}
.player_conf .keywords li.active a.keyword {
	color: #fff !important;
}
.player_conf .keywords li a.keyword:hover {
	text-decoration: underline;
}
.player_conf .keywords li.on a.active,
.player_conf .keywords li.on a:hover{
	opacity: 1;
}
.player_conf .keywords li.on a{
	text-decoration: underline;
	opacity: 1;
}
.player_conf .keywords li.size1 {
	font-size: 0.8em;
}
.player_conf .keywords li.size2 {
	font-size: 0.9em;
}
.player_conf .keywords li.size3 {
	font-size: 1em;
}
.player_conf .keywords li.size4 {
	font-size: 1.1em;
}
.player_conf .keywords li.size5 {
	font-size: 1.2em;
}
.player_conf .keywords li.size6 {
	font-size: 1.3em;
}
.player_conf .keywords li.size7 {
	font-size: 1.4em;
}
.player_conf .keywords li.size8 {
	font-size: 1.5em;
}
.player_conf .keywords .tabwords{
	position: absolute;

	margin-top: -31px;
	margin-left: -5px;
	padding-left: 32px;
}
.player_conf .keywords .tabwords li{
 	font-family: 'SourceSansPro-Regular', 'Arial', sans-serif;
	font-size:1em;
	line-height: 1.3125em;
}
.player_conf .keywords .tabwords li.active a,
.player_conf .keywords .tabwords li a:hover{
 	text-decoration: underline;
}
.player_conf div.tools .keywords .words{
 	background-color:#fff;
}
.player_conf div.tools .keywords .words li{
 	position: relative;
 	top: 21px;
}
.player_conf .keywords li a {
	color:#424242;
	padding: 2px 5px; 
}
.player_conf .keywords li.group_1 a{
	color:#4b5ea5;
}
.player_conf .words li.group_1.active a{
	background-color:#4b5ea5;
}
.player_conf .keywords li.group_2 a{
	color:#d65947;
}
.player_conf .words li.group_2.active a{
	background-color:#d65947;
}
.player_conf .keywords li.group_3 a{
	color:#8e1c8f;
}
.player_conf .words li.group_3.active a{
	background-color:#8e1c8f;
}
.player_conf .keywords li.group_4 a{
	color:#8eae47;
}
.player_conf .words li.group_4.active a{
	background-color:#8eae47;
}
.player_conf .keywords li.group_5 a{
	color:#00aa9c;
}
.player_conf .words li.group_5.active a{
	background-color:#00aa9c;
}
.player_conf .keywords li.group_6 a{
	color:#ee5e67;
}
.player_conf .words li.group_6.active a{
	background-color:#ee5e67;
}
.player_conf .keywords li.group_7 a{
	color:#ee5e67;
}
.player_conf .words li.group_7.active a{
	background-color:#ee5e67;
}
.player_conf .keywords li.group_8 a{
	color:#ee5e67;
}
.player_conf .words li.group_8.active a{
	background-color:#ee5e67;
}
.player_conf .keywords li.group_9 a{
	color:#ee5e67;
}
.player_conf .words li.group_9.active a{
	background-color:#ee5e67;
}
.player_conf .keywords li.eteint a{
	color:#ddd;
}

@charset "UTF-8";
/* CSS Document */


.player_conf .share {
	
}
.player_conf .share form{

}
.player_conf .share form fieldset{
	border:none;
	padding: 0 0 21px 0;
}
.player_conf .share .result {
	border-top: 1px solid #000;
}
.player_conf .share select,
.player_conf .share .result input {
	width: 90%;
}
.player_conf .share label{
	display: block;
}
.player_conf .share label,
.player_conf .share select,
.player_conf .share input {
	font-family: 'SourceSansPro-Regular', 'Arial', sans-serif;
	font-size:1em;
	line-height: 1.3125em;
}
.player_conf .share .result label {
	font-family: 'SourceSansPro-Bold', 'Arial', sans-serif;
}
.player_conf .share .result .field{
	padding-top: 21px;
}


@charset "UTF-8";
/* CSS Document */

/* TRACKS LIST */

.player_conf .tracks ul{
	clear: both;
	position: relative;
	top:-21px;
}
.player_conf .tracks ul ul{
	top:0;
}
.player_conf .tracks li {
	font-family: 'SourceSansPro-Regular', 'Arial', sans-serif!important;
	font-size:1em;
	line-height: 1.3125em;
	padding-top: 21px;

}
.player_conf .tracks li .number,
.player_conf .being_played .number{
	margin:0 0 0 -30px ;
	text-align: right;
	float: left;
	width: 20px;
}
.player_conf .tracks li .number{
	margin-top:5px;
}
.player_conf .tracks li li {
	border-bottom: 1px solid #e4e4e4;
	padding-top: 0;
	clear: both;
}
.player_conf .tracks li li a{
	
}
.player_conf .tracks li.unique {
	border-bottom: 1px solid #e4e4e4;
}
.player_conf .tracks li .icon-music {
	margin:0 0 0 5px;
	background:#fff;
	font-size: 0.8em;
}
.player_conf .tracks li a.chapter{
	text-transform:uppercase !important ;
}
.player_conf .tracks li .name,
.player_conf .tracks li .timecode{
	background: #fff;
	position: relative;
	top: 5px;
}
.player_conf .tracks li .timecode{
	padding: 0 0 0 6px;
	float: right;
	clear: right;
}
.player_conf .tracks li .name{
	padding: 0 6px 0 0 !important;;
	margin-right: 100px !important;;
}
.player_conf .tracks li a {
	text-decoration: none !important;; 
	color: #424242 !important;;
	display: block !important;;
}
.player_conf .tracks li.on a,
.player_conf .tracks li a:hover,
.player_conf .tracks li a:focus {
	color:#B8D4EB !important;
	outline: none !important;
}
.player_conf .tracks li.on,
.player_conf .tracks li:hover,
.player_conf .tracks li:focus {
	/* border-color:#B8D4EB !important; */
	color:#B8D4EB !important;
	outline: none !important;
}

/*# sourceMappingURL=app.css.map*/