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

.oto__agents {
	float: right;
	width: 30%;
	padding: 0 0 10px 0;
	border-top:1px solid #666;
}
.oto--embed .oto__agents{
	display: none;
}
.oto__composerlist,
.oto__performerlist {
	border-bottom:1px solid #666;
	padding: 0 0 10px 0;
	margin:0;
}
.oto__composerlist__title,
.oto__performerlist__title {
	font-family: 'LinotypeBrewery-Regular', 'Arial', 'Helvetica', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 8px 0 3px 0;
}
.oto__composer,
.oto__performer {
	list-style-type : none;
	color:rgba(178,213,255,1);
	font-size:0.8em;
	letter-spacing: 0.05em;
	line-height: 1.35em;
	padding: 0x 5px;
	font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
}
.oto__composer a,
.oto__performer a{
	color:rgba(178,213,255,1);
	text-decoration: none;
}
.oto__composer--selected,
.oto__performer--selected{
	color:#fff; 
	background-color: #5a6b7f;
}
@charset "UTF-8";
/* CSS Document */



.oto{
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0 0 0;
	color: #fff;
  overflow: auto;
}

.oto .jw-icon-prev,
.oto .jw-icon-next{
  display: none;
}

/* test to hide elements when mouse away
.jw-flag-user-inactive + .chapters{
	display: none;
}*/




@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/SourceSansPro-Regular.woff') format('woff'),
	  url('../fonts/SourceSansPro-Regular.ttf')  format('truetype'),
	  url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/SourceSansPro-Semibold.woff') format('woff'),
	  url('../fonts/SourceSansPro-Semibold.ttf')  format('truetype'),
	  url('../fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/SourceSansPro-Bold.woff') format('woff'),
		 url('../fonts/SourceSansPro-Bold.ttf')  format('truetype'),
		 url('../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-It';
  src: url('../fonts/SourceSansPro-It.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/SourceSansPro-It.woff') format('woff'),
	  url('../fonts/SourceSansPro-It.ttf')  format('truetype'),
	  url('../fonts/SourceSansPro-It.svg#SourceSansPro-It') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-SemiboldIt';
  src: url('../fonts/SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/SourceSansPro-SemiboldIt.woff') format('woff'),
	  url('../fonts/SourceSansPro-SemiboldIt.ttf')  format('truetype'),
	  url('../fonts/SourceSansPro-SemiboldIt.svg#SourceSansPro-SemiboldIt') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-BoldIt';
  src: url('../fonts/SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/SourceSansPro-BoldIt.woff') format('woff'),
		 url('../fonts/SourceSansPro-BoldIt.ttf')  format('truetype'),
		 url('../fonts/SourceSansPro-BoldIt.svg#SourceSansPro-BoldIt') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**/
@font-face {
  font-family: 'LinotypeBrewery-Regular';
  src: url('../fonts/LinotypeBrewery-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/LinotypeBrewery-Regular.otf')  format('opentype'),
	     url('../fonts/LinotypeBrewery-Regular.woff') format('woff'),
		 url('../fonts/LinotypeBrewery-Regular.ttf')  format('truetype'),
		 url('../fonts/LinotypeBrewery-Regular.svg#LinotypeBrewery-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LinotypeBrewery-Medium';
  src: url('../fonts/LinotypeBrewery-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/LinotypeBrewery-Medium.otf')  format('opentype'),
	     url('../fonts/LinotypeBrewery-Medium.woff') format('woff'),
		 url('../fonts/LinotypeBrewery-Medium.ttf')  format('truetype'),
		 url('../fonts/LinotypeBrewery-Medium.svg#LinotypeBrewery-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LinotypeBrewery-Bold';
  src: url('../fonts/LinotypeBrewery-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/LinotypeBrewery-Bold.otf')  format('opentype'),
	     url('../fonts/LinotypeBrewery-Bold.woff') format('woff'),
		 url('../fonts/LinotypeBrewery-Bold.ttf')  format('truetype'),
		 url('../fonts/LinotypeBrewery-Bold.svg#LinotypeBrewery-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

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


.oto--embed .oto__close{
	/*background-color: red !important;*/
	display: block !important;

}

.oto__close {
	display:none;
	background: transparent;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.oto__close::before,
.oto__close::after {
	background: #b7b5b3;
}

.oto__close {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 20px !important;
	top: 40px !important;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	color:rgba(178,213,255,1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*border: 1px solid black;*/
}

.oto__close:hover, 
.oto__close:focus {
	outline: none;
}

.oto__close::before,
.oto__close::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 60%;
	top: 50%;
	left: 50%;
	/*background: #6e6e6e;*/
}

.oto__close:hover::before,
.oto__close:hover::after {
	background: #fff;
}

.oto__close::before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.oto__close::after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

/* /close */

.oto__chapters {
	float: left;
	width: 68%;
}
.oto--embed .oto__chapters {
	display: none;
	position: absolute;
	/*background: rgba(0,0,0,0.5);*/
	background: rgba(0,0,0,0.8);
	overflow-y:auto; 
}
.oto--open .oto__chapters {
	display: block;
}
.oto__chapterlist {
	border-top:1px solid #666;
}
.oto--embed .oto__chapterlist {
	margin: 100px 30px 0 20px;
}
.oto__chapter {
	cursor: pointer;
	list-style-type : none;
	display: flex;
	justify-content: space-between;
	justify-content: space-between;
	color:rgba(178,213,255,1);
	font-size:0.8em;
	letter-spacing: 0.05em;
	padding: 10px 5px;
	border-bottom:1px solid #666;
	font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
}
.oto__chapterlist--live .oto__chapter {
	cursor: auto;
}
.oto__chapterlist {
	padding: 0;
	margin:0;
}
.oto__chapterlist span {
	font-size: 1em;
	line-height: 1.18em;
}
.oto__chapter__index {
	width: 50px;
}
.oto__chapter__title {
	margin-right: auto;

}
.oto__chapter__timecode {
	width: 120px;
	text-align: right;
}
.oto__chapterlist:not(.oto__chapterlist--live) .oto__chapter--selected{
	color:#fff; 
	background-color: #5a6b7f;
}
@charset "UTF-8";
/* CSS Document */

.oto .jw-dock{
	margin:0;
}
.oto .jw-dock-button{
	width: 2em;
	height: 2em;
	margin: 0;
}
@charset "UTF-8";
/* CSS Document */

.oto__fix{
	/* repere [0,0] du player*/
	position: absolute;
	z-index: 10;
	width:0px;
	height:0px;
	/*Pour repèrage*/
	/*background: rgba(255,0,0,1);*/
}

.oto__countdown{
	position: absolute;
	z-index: 10;

}
.oto__countdown__text{
	margin: 0;
	text-align: center;
	padding: 20px 30px;
	background: rgba(100,100,100,0.5);
}
.oto__countdown__text--hidden{
	display: none;
}

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

.oto__currentTrack{
	background: #262626;
  display: flex;
  font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
  letter-spacing: 0.02em;
}
.oto__currentTrack--over{
  animation-duration: 5s;
  animation-name: oto__currentTrack__changeChapter;
}
.oto__currentTrack--over .oto__currentTrack__h1{
  animation-duration: 5s;
  animation-name: oto__currentTrack__changeTitle;
}


.oto__currentTrack__mode{
  padding: 8px 0 0 16px;
  text-transform: uppercase;
  font-size: 0.85em;
}
.oto__currentTrack__h1{
	font-size: 0.9em;
	margin: 0 auto 0 0;
  padding: 7px 0 7px 10px;
	color: #bbb;
  font-weight: normal;
}

.oto__tracksbutton{
  width: 32px;
  height: 32px;
  background: rgba(178,213,255,0.9);
  display: none;
}
.oto--embed .oto__tracksbutton{
  display: block;
}
.oto__tracksbuttonsymbol{
  width: 32px;
  height: 32px;
}


@keyframes oto__currentTrack__changeChapter {
  0%  {
    color: #fff;
    background: #07c;
  }
  100%  {
    color:#bbb;
    background-color: #262626;
  }
}

@keyframes oto__currentTrack__changeTitle {
  0%  {
    color: #fff;
  }
  100%  {
    color:#fff;
  }
}


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

.oto__header{
	
}
.oto__header__h1{
	font-size:2em;
	font-family: 'LinotypeBrewery-Regular', 'Arial', 'Helvetica', sans-serif;
	padding: 0;
	margin: 0;
	letter-spacing: 0.05em;
	font-weight: normal;
	text-transform: uppercase;
}
.oto__header__h2{
	font-size:0.8em;
	padding: 0;
	margin: 0;
	color: #b3d6fd;
	font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
	font-weight: normal;
}
.oto__header__h3{
	font-size:0.8em;
	padding: 0;
	margin: 0 0 3px 0;
	font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
	font-weight: normal;
	color:#989898;
}

.oto__header__h3 a{
    padding: 0;
    margin: 0 0 3px 0;
    font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
    font-weight: normal;
    color: #b3d6fd;
}
.oto__header__mentions{
	font-size:0.9em;
	padding: 0;
	margin: 10px 0 20px 0;
	font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
	font-weight: normal;
	color:#FFF;
}

.oto__header__mentions a{
    padding: 0;
    margin: 0 0 3px 0;
    font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
    font-weight: normal;
    color: #b3d6fd;
}

@media screen and (max-width: 480px) {
    .oto__header__h1 {
        font-size: 1em;
    }
}
@charset "UTF-8";
/* CSS Document */

.oto__live{
	font-family: 'SourceSansPro-Regular', 'Arial', 'Helvetica', sans-serif;
	padding: 30px 0 10px 0;
}

.oto__timeline__time{
	background-color:rgba(178,213,255,1);
	padding: 0 16px;
	color:#000;
	font-size: 0.85em;
}
.oto__timeline__type{
  text-transform: uppercase;
}

@charset "UTF-8";
/* CSS Document */
.oto__timeline {
	border-top: 2px solid #3A73BB;
	background: #262626;
	padding: 0 10px 10px 10px;
	overflow: auto;
}
.oto__timeline__cursor{
	position: absolute;
	cursor: pointer;
	margin-top: 22px;
	z-index:10;
}
.oto__timeline__cursorsymbol{
	position: relative;
	top:-22px;
	width: 18px;
	height: 35px;
}
.oto__timeline__markers{
	border-top: 2px solid #666;
	margin: 22px 8px 0 8px;
	padding: 0 0 0 0;
	width: auto;

}
.oto__timeline__marker{
	border-left : 2px solid #fff;
	/*1675e1*/
	height: 12px;
	cursor: pointer;
	list-style-type:none;
	position: absolute;
	margin-top: -7px;

}
.oto__timeline__marker--first{
	border-left-width : 2px;
}
.oto__timeline__marker--last{
	border-right-width : 2px;
}
.oto__timeline__marker__link{
	background: rgba(178,213,255,0.8);
	height: 12px;
	position: relative;
	display: inline-block;
}
.oto__timeline .selected{
	/*background: rgba(178,213,255,0.8);*/
}
.oto__timeline__samples{
	border-top: 2px solid #666;
	margin: -2px 8px 10px 8px;
	padding: 0 0 0 0;
	width: auto;
}
.oto__timeline__sample{
	background: rgba(178,213,255,0.8);
	height: 12px;
	cursor: pointer;
	list-style-type:none;
	position: absolute;
	margin-top: -7px;

}

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