* {
  cursor: default;
  outline: none;
  user-select: none;
}


#table_stats_tournoi td {
  text-align: center ;
}

td.bleue {
  background-color: blue;
  color: white;
}

.or {

  background-color: #FFD700;

}

.argent {

  background-color: #CECECE;

}

.bronze {

  background-color: #CD7F32;

}


// multiviewVimeo

#multiviewVimeoPlayer {
	position: relative;
	/*
  width: 1281px;
	height: 721px;
  */
  width: 960px;
	height: 540px;
	background-color: black;
  border: 1px solid #00adef;
}

#multiviewVimeoPlayer * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#multiviewVimeoPlayer iframe {
	margin: 0;
	padding: 0;
	display: inline-block;
	box-sizing: content-box;
}

#video1 {
	position: absolute;
	left: 100;
	top: 0;	
  border-right: 1px solid #00adef;	
  border-bottom : 1px solid #00adef;
}

#video2 {
	position: absolute;
	right: 0;
	top: 0;
  border-left: 1px solid #00adef;		
  border-bottom : 1px solid #00adef;
}

#video3 {
	position: absolute;
	left: 0;
	bottom: 0;  	
  border-right: 1px solid #00adef;
  border-top: 1px solid #00adef;  
}

#video4 {
	position: absolute;
	right: 0;
	bottom: 0;
  border-left: 1px solid #00adef;		
  border-top : 1px solid #00adef;	
}

.globalHUD {
	position: absolute;
	left: 0;
  top: 545px;
	width: 100%;
	padding: 0;
  margin:0;
  padding-top:0;
  padding-bottom:0;
}

.play {
	display: inline-block;
	width: 6.6em;
	height: 4em;
	margin-right: .6em;
	color: #fff;
	position: relative;
	-webkit-transition: opacity 250ms ease-out,background-color 40ms,color 40ms;
	transition: opacity 250ms ease-out,background-color 40ms,color 40ms;
	background-color: rgba(23, 35, 34, 0.75);
	border: 0;
	font-size: 1em;
	overflow: hidden;
}

.play .pause-icon, .play .replay-icon {
	display: none;
}

.play.pause .play-icon, .play.pause .replay-icon {
	display: none;
}
.play.pause .pause-icon {display: block;}

.play.replay .pause-icon, .play.replay .play-icon {
	display: none;
}
.play.replay .replay-icon {display: block;}

.play:hover {
	background-color: rgb(0, 173, 239);
	cursor: pointer;
}

.fill {
	fill: #fff;
	transition: fill 40ms;
}

.play-icon, .pause-icon {
	margin: 0 auto;
	padding: .2em 0 0 .2em;
}

.play-icon svg, .pause-icon svg {
	width: 2em;
	height: 2em;
}

.replay-icon {
	margin: 0 auto;
	padding-top: .2em;
}

.replay-icon svg {
	width: 1.6em;
	height: 1.7em;
}

.rounded-box {
	background: rgba(23,35,34,.75);
	/*background: rgba(23,35,34,1);*/
	border-radiu: .5em;
}




.play-bar {
	display: inline-block;
  left: 1px;
	position: relative;  
	height: 3.1em;
	padding: 1em;
	border-radius: 0px;
	vertical-align: top;
  margin-top: 12px;  	
	width: 840px;/* TODO : change this */
	

}

.timecode .box {
	box-shadow: .1em .1em 0 rgba(0,0,0,.7);
	background: #fff;
	color: #000;
	display: inline-block;
	margin-left: 2.3em;
	cursor: -webkit-grab;
	cursor: grab;
}

.vp-progress {
	border: .1em solid #666;
	height: 1.2em;
	position: relative;
	display: inline-block;
	width: 65%;
  cursor: pointer;
}

.vp-progress:hover {
	cursor: pointer;
}

.loaded, .played {
	height: 100%;
  cursor: pointer;
}

.vp-progress .loaded {
	border: .1em solid transparent;
	background-clip: padding-box !important;
	background-color: #666;
	-webkit-transition: width 175ms cubic-bezier(.18,0,.07,1);
	transition: width 175ms cubic-bezier(.18,0,.07,1);
	width: 0%;
}

.vp-progress .played {
	position: absolute;
	top: 0;
	background-color: rgb(0, 173, 239);
	border: .1em solid transparent;
	background-clip: padding-box !important;
	height: 100%;
	width: 0%;
}               

.vp-spin {
	width: 18%;
	max-width: 140px;
	position: absolute;
	/*top: 25%;
	left: 25%;*/
	-webkit-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
	-webkit-transition: opacity .1s,-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28);
	transition: opacity .1s,-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28);
	transition: opacity .1s,transform .25s cubic-bezier(.17,.88,.32,1.28);
	transition: opacity .1s,transform .25s cubic-bezier(.17,.88,.32,1.28),-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28);
}

#vp-spin-1 {
	top: 25%;
	left: 25%;
}

#vp-spin-2 {
	top: 25%;
	left: 75%;
}

#vp-spin-3 {
	top: 75%;
	left: 25%;
}

#vp-spin-4 {
	top: 75%;
	left: 75%;
}

#vp-spin-single {
	top: 50%;
	left: 50%;
}

.vp-spin-trace {
	fill: none;
	stroke-width: 3%;
	stroke: rgba(23,35,34,.75);
	stroke-f: .6;
}

.vp-spin-circle {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	fill: none;
	stroke-width: 3%;
	stroke: #fcfcfc;
	stroke-opacity: 1;
	stroke-linecap: round;
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
	-webkit-animation: rotate 2s linear .25s infinite,dash 1.5s ease-in-out .25s infinite;
	animation: rotate 2s linear .25s infinite,dash 1.5s ease-in-out .25s infinite;
	
}

.vp-spin-invisible {
	opacity: 0;
	-webkit-transform: translate(-50%,-50%) scale(.7);
	transform: translate(-50%,-50%) scale(.7);
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes rotate {
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px
	}
}
@keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px
	}
}

.multiviewSidebar {
	width: 250px;
	position: absolute;
	left: 101%;
	bottom: 0;
}

.volume {
	margin-left: 6px;
	width: 50px;
	height: 100%;
	position: absolute;
	top: -2px;
	cursor: pointer;
	display: inline-block;  
}

.volume > div {
	
}

.volume-grey, .volume-active {
	position: absolute;
	left: 0;
	top: 50%;
	height: 4px;
  cursor: pointer;
}

.volume-grey {
	width: 100%;
	background-color: #666;
  cursor: pointer;
}

.volume-active {
	width: 100%;
	background-color: rgb(0, 173, 239);
  cursor: pointer;
}

.volume-ball {
	position: absolute;
	right: -7px;
	top: -5px;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background-color: rgb(0, 173, 239);
  cursor: pointer;
}

.volume-ball.muted {
	background-color: #666;
  cursor: pointer;
}

.global-mute {
	fill: rgb(0, 173, 239);
	height: 100%;
	width: 22px;
	display: inline-block;
	margin-left: 15px;
  cursor: pointer;	
	overflow: visible;
	position: relative;
	top: 0px;  
}

.global-mute:hover {
	cursor: pointer;
}

.global-mute * {
	fill: rgb(0, 173, 239);
  cursor: pointer;
}

.svg-volume-animation-hider {
	display: none;
  cursor: pointer;
}

.muted .svg-volume-animation-hider {
	display: block;
  cursor: pointer;
}

.keyTimes {
	margin-bottom: 17em;
}

.global-time {	
  color: rgb(0, 173, 239);
	display: inline-block;
	margin-left: 6px;
	position: relative;
	top: -4px;
	text-align: right;
}

.current-time {	 
  width: 73px;  
	display: inline-block;
}

.total-time {	
  width: 73px;  
  text-align: left;
	display: inline-block;
}

.ghost-timecode {
	margin-left: 0;
	-webkit-transition: opacity 250ms ease-out;
	transition: opacity 250ms ease-out;
	font-size: 14px;
	position: absolute;
	left: 0;
	bottom: 20px;
}

.ghost-timecode .box {
	background: rgba(23,35,34,.75);
	color: #fff;
	padding: .2em .4em;
	font: 1em Verdana,sans-serif;
	position: relative;
	left: -50%;
}

.hidden {
	display: none;
}

@keyframes fonduFinLogo {
from {
  opacity: 0;
  }

to {
  opacity: 1;
  }
}

@keyframes fonduDebutLogo {
from {
  opacity: 1;
  }

to {
  opacity: 0;
  }
}