body#nolive #playerContainer{
  background: #000;
  font-family: Arial,sans-serif;
  display: table;
}

body#nolive #playerContainer p{
  font-size: 26px;
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

#container #playerWrap{
  width: 100%;
  background: transparent;
  overflow: hidden;
}

#container #player {
  background: transparent;
  /*height: 100%;*/
  max-height: 0;/* -> override js resizeWrap (TODO remove max-height 0 when resizeWrap('player') is removed) */
  padding-bottom: min(56.25%, 100vh);
  position: relative;
}

#playerIframe {
  position: absolute;
  top: 0;
  left: 0;

  height: 100%;
  width: 100% /*!important*/;
}

#elementsBottomPlayer.show{
  display:block !important;
}

#container #elementsBottomPlayer{
  height: 40px;
  position: relative;
  display:none;
}
#container #elementsBottomPlayer #InstantShareAction{
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  position: absolute;
  border: 1px solid black;
  background: #fff;
  padding-top: 0;
  padding-right: 2px;
  margin-top: 13px;
  text-align: center;
}
#InstantShareAction .text{
  display: inline-block;
  text-align: left;
  white-space: nowrap;
}
.instantShare{
  position: absolute;
  width: 100%;
  height: 43px;
  display:none;
}
.instantShare > a{
  float: left;
  width: 42px;
  height: 40px;
}
.instantShare a.facebook{

  background:  url('../images/ico-facebook.png') no-repeat center center;

}
.instantShare a.twitter{
  background:  url('../images/ico-twitter.png') no-repeat center center;
}
.instantShare > a.facebook:hover{
  background:  url('../images/ico-facebook-hover.png') no-repeat center center;
}
.instantShare > a.twitter:hover{
  background:  url('../images/ico-twitter-hover.png') no-repeat center center;
}

#container #elementsBottomPlayer #switchLang{
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  list-style-type: none;
}
#container #elementsBottomPlayer #switchLang a:hover{
  opacity:.8;
}

/********************************************/
/** player height - contrainte sur la hauteur par la largeur **/
#container #player {
  max-width: none;
  margin: auto;
}
/* si le player n'est pas seul en page, pas de contrainte sur la hauteur par la largeur */
/*body:not(.synchroslide):not(.ee-ltl):not(.widgets):not(.eetabs) #container #playerWrap,*/
#container #playerWrap {
  min-height: calc(50vw * 9 / 16);
}

#container #playerWrap{
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: auto;
}
#container #playerWrap,
#container #player {
  background-color: transparent;
  position: relative;
}