@charset "utf-8";
/**
 * version: 0.90014
 **/

exp{
  font-size:70%;
  vertical-align:top;
}
strong, b{
  font-weight:bold;
}
em, i{
  font-style:italic;
}
.wrapper{
  opacity:0;
  width:inherit;
}
.visible .wrapper{
  opacity:1;
}
@media screen and (min-width: 1545px){
	.wrapper{
        width:70vw;
    }
}

/************ START CUSTOM FONT ************/
.custom-font .block.embed,
.custom-font .date .list .option,
.custom-font .footer-links,
.custom-font .plugins .plugin,
.custom-font .questionary .answers textarea,
.custom-font .questionary .plugin-container,
.custom-font .slideuse,
.custom-font .slideuse .thumbcontainer .thumblist a .thumbmask div.numero span,
.custom-font .slideuse .toolbar .bt .label,
.custom-font .plugins .plugin .subplugin .button .text,
.custom-font .plugins .plugin .title,
.custom-font .questionary .answers input[type="checkbox"] + label:before,
.custom-font .questionary .answers input[type="radio"] + label:before,
.custom-font .chat-form .input
{
	font-family:inherit;
}
/************ END CUSTOM FONT ************/

/************ START HEADER/FOOTER ************/
.header-bottom.hide-title::before{
	content:"";
	display:inline-block;
	height:40px;
}
.header-bottom.hide-title .title{
	display:none;
}

.header-bottom::after{
  content:"";
  display:block;
  clear:both;
}

.header .help{
  display:inline-block;
  box-sizing:content-box;
  height:20px; 
  line-height:20px;
  padding:10px 0;
  margin:0 10px;
  cursor:pointer;
  float:right;
  font-size: .8em;
  text-transform: uppercase;
}
.footer .help{
}

.with-connexion .header .help{
  position:relative;
  /*margin-right:10px;*/
}
.with-connexion .header .help::after{
  content:"";
  display:block;
  position:absolute;
  right:-10px; top:10px;
  height:20px;
  border-right:1px solid #fff;
  /*margin-right:-1px;*/
}
.light-back.with-connexion .header .help::after{
  border-color:#000;
}
.header .connexion_button{
  margin-left:11px;
}
.footer-links{
  font-size:0;
}
.footer-links p{
  display:inline-block;
}
.footer-links span,
.footer-links a{
  position:relative;
  margin-left:20px;
  font-size:12px;
  cursor:pointer;
}
.footer-links span::before,
.footer-links a::before{
  content:"|";
  position:absolute;
  left:-20px;
  width:20px;
  text-align:center;
}
.footer-links span:first-child,
.footer-links a:first-child{
  margin-left:0;
}
.footer-links span:first-child::before,
.footer-links a:first-child::before{
  content:none;
}
/*
.footer-links a:first-of-type{
  margin-left:0;
}
.footer-links a:first-of-type::before{
  content:none;
}
*/
/************ END HEADER/FOOTER ************/

/************ START OVERLAY ************/
#overlay.alert #overlay-content{
  height:auto;
}
#overlay.alert #overlay-body{
  position:static;
  padding:20px;
  box-sizing:border-box;
  line-height:150%;
}
#overlay.fullpage #overlay-content{
  width: calc(100vw - 40px);
  height: calc(100vh - 40px);
  max-height: none;
}
#overlay.fullpage #overlay-body iframe{
  padding:20px 0 0 0;
}
/************ END OVERLAY ************/

/************ START LOGIN ************/
.block.login.no-icon{
	padding-top:0;
}
.block.login.no-icon .picto{
	display:none;
}
.form-message{
    padding: 10px;
    line-height: 20px;
    font-weight: normal;
    font-size: 90%;
}
/************ END LOGIN ************/

/************ START PLAYER ************/
@media screen and (min-width:769px){
  /*.player-only .content .medias{
	width:calc(100% + 10px);
	margin:0 -5px;
  }*/
  .player-only .content{
    margin-right:0;
    margin-left:0;
  }
}
@media screen and (max-width:768px){
  .content .medias{
	border-bottom-width:20px!important;
  }
}
.displayinstance.hls,
.displayinstance.video{
  position:relative;
  width:100%; height:100%;
}
.display_manager,
.display_manager .displayinstance,
.display_manager .displayinstance>iframe,
.display_manager .displayinstance>video,
.player-instance{
  transition:none;
}
.display_manager .displayinstance>video,
.display_manager .displayinstance.videoreference{
  width:100%!important;
  height:100%!important;
}
.displayinstance>canvas{
  position: absolute;
  top: 50%; left: 50%;
  width:100%; height:auto;
  transform: translate(-50%,-50%);
}
.size-on-height .displayinstance>canvas{
  width:auto; height:100%;
}

.votvhd-button.votvhd-lng{
  float:left;
}
.menu-srt li a {
  white-space: nowrap;
}

.no-fs .votvhd-fullscreen{
  display:none!important;
}

.no-dvr .videoreference{
	pointer-events:none;
}
.no-dvr .progress-timecode,
.no-dvr.playing .playbutton,
.no-dvr .votvhd-progress-control,
.no-dvr.playing .votvhd-play-pause{
  display:none!important;
}
.live-button .live-state {
  margin-left:10px;
}
.icon-volume{
  box-sizing:border-box;
}

/************ END PLAYER ************/

/************ START SLIDER ************/
.slideuse .holder img{
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
}
/************ END SLIDER ************/

/************ START TEXT-LIST ************/
.plugin-content ul,
.subplugin-content ul{
  padding-left: 20px;
  list-style: disc;
}
/************ END TEXT-LIST ************/

/************ START CHAT ************/
.chat.hide-hello .chat-hello{
  height: 0;
  min-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.chat-feed .no-item{
  line-height: 20px;
  overflow:hidden;
}
.chat-feed .no-item::after {
  display: block;
  text-indent: 0;
  line-height: 20px;
}
.custom-no-item .chat-feed .no-item{
  text-indent: -9999px;
  text-indent: -200vw;
  line-height: 0;
}
.hide-no-item .chat-feed .no-item{
  display:none;
}
/************ END CHAT ************/

/************ START PLUGINS ************/
@media screen and (max-width:768px){
  /*.with-footer div.player-only.r169 .content,
  .with-footer div.player-only.r43 .content,
  .with-footer div.player-plugins.r169 .content,
  .with-footer div.player-plugins.r43 .content{
	margin-bottom:0;
  }
  .with-footer div.player-only.r169 .content,
  .with-footer div.player-only.r43 .content{
	margin-top:0;
  }*/
  div.player-only .content,
  div.player-plugins .content{
	margin-bottom:0!important;
  }
  div.player-only .content{
	margin-top:0!important;
  }
  .plugin.active.touchClosed,
  .plugin.active.touchClosed > .button .vecto{
	background-color:inherit;
  }
}
@media screen and (min-width:769px){
  div.player-only .content{
	margin-top:0;
  }
  .content:last-of-type::after{
    display:block;
    content:"";
    height:0;
    clear:both;
  }
  
  .block.plugins.column{
    float:left;
    margin:0 0 0 10px;
  }
  
  .block.plugins.column:first-of-type{
    margin-left:-5px;
  }
  .player-only .block.plugins.column:first-of-type{
	margin-left:0;
  }
  
  .block.plugins.column:last-of-type{
    float:right;
	margin-right:-5px;
  }
  .player-only .block.plugins.column:last-of-type{
	margin-right:0;
  }
    
  .block.plugins.half{
    width:50%;
  }
  .player-only .block.plugins.half{
	width:calc(50% - 5px);
  }
  
  .block.plugins.third{
    width:calc(33.33% - 3.33px);
  }
  .player-only .block.plugins.third{
    width:calc(33.33% - 6.66px);
  }
  
  .block.plugins.quart{
    width:calc(25% - 5px);
  }
  .player-only .block.plugins.quart{
    width:calc(25% - 7.5px);
  }
}
/************ END PLUGINS ************/

/************ START FORM ************/
.form-message.legal{
  font-family:Arial, Helvetica, sans-serif;
  line-height:30px;
  padding:10px;
}
.form-message.legal input{
  margin-right:10px;
}
/************ END FORM ************/

/************ START OVERLAY ************/
#overlay-background,
#overlay-foreground{
	position:absolute;
}
#overlay, #overlay-background, #overlay-foreground{
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
}
#overlay{
	position:fixed; 
}
#overlay-table-cell{
	height:100%;
}
#overlay-background{
	background-color:rgba(0,0,0,0.5);
}
.lte-ie8 #overlay-background{
	background:url(../images/tbbg.png) center;
}
#overlay-content{
	position:relative;
	width:480px;
	margin:0 auto;
	background-color:#fefefe;
	height:100%;
	max-height:504px;
}
#overlay-head{
	padding:20px 20px 0;
}
#overlay-head .close{
	display:block; position:absolute; top:10px; right:10px;
	width:20px; height:20px; line-height:20px;
	text-align:center;
	text-decoration:none;
	color:#333;
}
.lte-ie8 #overlay-head .close{
	background:url(../images/x.png) center no-repeat;
}
#overlay-head .close::before{
	content:"x";
}
#overlay-body{
	position:absolute;
	top:40px; left:0; right:0; bottom:0;
}
#overlay-body iframe{
	width:100%; height:100%;
}
@media screen and (max-width:560px){
	#overlay-content{
		width:320px;
		max-height:484px;
	}
}
/************ END OVERLAY ************/