/*****************/
/*   coutndown   */
/*****************/
.countDownBk {
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: "Digit", monospace;
    color: #627413;
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
	-moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
	-o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
	transition: opacity 0.5s ease-in-out;
}

.discreet,
.progressive {
	font-size: 16px;
	text-shadow:0 0 1px;
}

.loud {
	font-size: 38px;
	text-shadow:0 0 2px;
}

.discreet.top {
 	top: 10px;
}

.progressBar.top {
 	top: 11px;
}

.discreet.rgt,
.loud.rgt,
.progressive.rgt,
.progressBar.rgt {
 	bottom: 30px;
}

.discreet.rgt.isCoach,
.loud.rgt.isCoach,
.progressive.rgt.isCoach,
.progressBar.rgt.isCoach,
.discreet.rgt.isCountDownImg,
.loud.rgt.isCountDownImg,
.progressive.rgt.isCountDownImg,
.progressBar.rgt.isCountDownImg {
 	bottom: 138px;
}

.noArcFra .discreet.rgt,
.noArcFra .loud.rgt,
.noArcFra .progressive.rgt,
.noArcFra .progressBar.rgt {
 	top: 0;
 	height: 23px;
}

.loud.top,
.progressive.top {
 	top: 0;
}

.display_no {
	opacity: 0;
}

.display_yes {
	opacity: 1;
}

.progressBar.top {
	left: 50%;
	margin-left: -175px;
}

.progressBar.rgt {
	left: 50%;
	margin-left: -100px;
}

.progressBar .countDownDiv {
	font-size: 10px;
	color: #666;
} 

.progressBar progress {
	display: block;
	padding: 1px;
	border: 0 none;
	background-color: #eee;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
	-webkit-appearance: none;
	-moz-appearance: none;
  	appearance: none;
	height: 12px;
	color: #aaa;
}

.progressBar.top progress,
.progressBar.top {
	width: 350px;
}

.progressBar.rgt progress,
.progressBar.rgt {
	width: 200px;
}

.progressBar progress::-ms-fill {
    border: none;
}

.progressBar progress[value="100"]::-ms-fill {
    background-color: #aaa;
}

.progressBar progress::-moz-progress-bar {
   background: #eee;
   border-radius: 2px;
}

.progressBar progress::-webkit-progress-bar {
   background: transparent;
}

.progressBar progress::-webkit-progress-value {  
   	background: #FFF;
	background-image:
	   -webkit-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top, 
	                           rgba(255, 255, 255, .25), 
	                           rgba(0, 0, 0, .25));
    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

.progressBar progress::-moz-progress-bar { 
  background-image:
    -moz-linear-gradient(
      135deg, 
      transparent 33%, 
      rgba(0, 0, 0, 0.1) 33%, 
      rgba(0, 0, 0, 0.1) 66%, 
      transparent 66% 
    ),
    -moz-linear-gradient(
      top, 
      rgba(255, 255, 255, 0.25), 
      rgba(0, 0, 0, 0.25)
    );
  border-radius: 2px; 
  background-size: 35px 20px, 100% 100%, 100% 100%; 
}

div#countDownImg {
    bottom: 30px;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    width: 100%;
}

div#countDownImg.isCoach {
	bottom: 135px;
}

div#countDownImg.isHome {
	bottom: 160px;
}

div#countDownImg.isCoach.isHome {
	bottom: 285px;
}