#countdown {
  width: 22vw;
  height: auto;  
  position: absolute;
  left: 55vw;
  top: 10vw;
  font-size: 3vw;
}

.bloc-time {
  width: 42%;
  height: 100%;
  float: left;
  text-align: center;  
}

.bloc-time_colon {
	width: 16%;
	height: 100%;
	float: left;
	text-align: center;
}

.bloc-title {
  width: 100%;
  height: 20%;
  font-size: 50%;
  float: left;
}

.bloc-time_colon .bloc-title {
  padding-top: 0.2vw;
  cursor: pointer;
}

.min-sub {
	float: left;
	width: 50%;
	border: none;
	cursor: pointer;
	background-color: transparent;
	padding-top: 0.2vw;
}

.min-sub:active, .min-sub:focus {
  outline: none;
}

.title {
  float: left;
  width: 0%;
}

.min-add {
  float: left;
  width: 50%;
  border: none;
  cursor: pointer;
  background: transparent;
  padding-top: 0.2vw;
}

.min-add:active, .min-add:focus {
  outline: none;
}

.figure {
  width: 100%;
  height: 80%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
 }

.figure.number {
  width: 48%;
  height: 100%;
  font-size: 200%;
  border-radius: 10%;
  background-color: #FFFFFF;
  font-family: 'digital-7', sans-serif;
}

.figure.nonumber {
  width: 100%;
  height: 100%;
  font-size: 200%;
  border-radius: 10%;
  background-color: #FFFFFF;
  font-family: 'digital-7', sans-serif;
  margin-left: 2%;
  margin-right: 2%;
}

.opened {
  color: midnightblue;
}

.closed {
  color: maroon;
}

.number, .nonumber {
	box-shadow: 0.2px 0px 1px inset #454545;
}

.count_nav {
	color: #AFB0AD;
	transition: color 200ms;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
}

.count_nav:hover {
	color: #454545;
	text-shadow: 2px 2px 3px rgba(255,255,255,0.3);
}