@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon.eot');
    src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon/icomoon.woff') format('woff'),
        url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/roboto_condensed_french/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/roboto_condensed_french/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto_condensed_french/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/roboto_condensed_french/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto_condensed_french/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*body { background-color: #E53E35; margin: 0;}
#vue {
	background-color: #E53E35;*/
body { margin: 0;}
#vue {
	
  margin: auto;
  max-width: 1032px;
  min-width: 960px;
  height: 580px;
  position: relative;
}
#i-preloader {
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
}
.custom-video {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    /*position: absolute;*/
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
}
.custom-video video {
  max-width: 100%;
    position: absolute;
}
#mycontrols {
    bottom: 44px;
    position: absolute;
    text-align: center;
    width: 100%;
	opacity: 0 !important;
}
#mycontrols > div {
    background: #000;
    margin: auto;
    width: 140px;
    -webkit-box-shadow: 0px 0px 5px 5px #000;
box-shadow: 0px 0px 5px 5px #000; 
}
/*.icon-volume:before {
    content: "";
}
.icon-volume-2:before {
    content: "";
}*/
.icon-volume:before {
content: "\e600";
}
.icon-volume-2:before {
content: "\e601";
} 
.icon-fullscreen-alt, .icon-fullscreen-exit-alt, .icon-play, .icon-pause, .icon-volume, .icon-volume-2, #skipintro {
    font-family: 'icomoon';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#skipintro {
    font-family: sans-serif;
    font-size: 11px;
}
.vjs-control-bar, .vjs-text-track-display, .vjs-big-play-button {
  display: none;
}
#b-message {
	background: url(../UFC_ImgFinale.png) no-repeat;
	color: #000;
	display: none;
	font-family: roboto_condensedregular;
	font-size: 18px;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	background-size: cover;
}
#b-message > p {
  //float: right;
  margin-top: 10%;
  margin-left: 5%;
  padding-right: 3%;
  width: 50%;
  text-align: center;
}  /*
#b-message #b-m-dest {
  margin-top: 5% !important;
  text-align: center;
}
#b-message #b-m-expe {
  padding-left: 13%;
  padding-right: 13%;
}*/
#b-cnil {
	color: #fff;
	font-size: 8px;
	letter-spacing: 1px;
	line-height: 8px;
	margin: 0 !important;
	position: absolute;
	right: 0;
	text-align: center;
	top: 101%;
}
#pre-vue #b-cnil { color: #444; }

@media all and (max-width: 959px) {
  #vue { height: 100vh; min-width: auto; }
  #b-message { /*background: #5158A7 none repeat scroll 0 0 !important;*/ padding: 1em; position: static; }
  #b-message > p { float: none; padding-right: 0; width: 100%; }
  #b-cnil { position: static; text-align: right; margin-top: 50px;}
}
@media all and (min-width: 960px) {
	#vue { margin: 3% auto; }
	#b-message { border: 5px solid #fff; background-size: cover; }
	.custom-video { border: 5px solid #fff; }
}
.video-js .vjs-big-play-button, .vjs-loading-spinner { display: none; }
.video-js, .vjs-poster { background-color: transparent; }
#myvideo {
	width: 100% !important;
	height: 100% !important;
}
/*#pre-vue #myvideo { width: 1032px !important; height: 580px !important; }*/