html {
	width:						100vw;
	height:						100vh;
	margin:						0;
	padding:					0;
}

body {
	width:						100vw;
	height:						100vh;
	margin:						0;
	padding:					0;
	background:					transparent;

	font-family:				avenir;

	display:					flex;
	justify-content:			center;
	overflow:					hidden;
}

#montre {
	position:					absolute;
	height:						100vh;
	width:						56.2vh;

	display:					flex;
	justify-content:			center;
}

#montre-image {
	position:					absolute;
	height:						100%;
	width:						100%;
}

#montre-info {
	position:					absolute;
	width:						66%;
	color:						white;
	font-size:					2.1vh;
	letter-spacing:				1.5px;
	bottom:						4.4%;
	transition:					opacity 3s linear;
	opacity:					0;
}

#montre-info p {
	margin:						0;
	padding:					0;
}

#info-title {
	text-align:					center;
	font-size:					85%;
}

#info-timer {
	text-align:					center;
	line-height:				120%;
	margin-top:					2vh !important;
}

#info-geneva {
	text-align:					left;
	margin-top:					2.2vh !important;
	margin-left:				12vh !important;
	font-size:					60%;
}

img {
	position:					absolute;
	height:						100%;
}

@keyframes a-rotation {
	from	{transform: 		rotate(0deg);}
	to		{transform: 		rotate(360deg);}
}

@keyframes a-balancier {
	from	{transform: 		rotate(-70deg);}	/* -140deg : +140deg */
	to		{transform: 		rotate(+70deg);}
}

@keyframes a-ancre {
	from	{transform: 		rotate(-12.5deg);}	/* -25deg : +25deg */
	to		{transform: 		rotate(+12.5deg);}
}

#balancier {
	animation-name:				a-balancier;
	animation-duration:			0.25s;
	animation-iteration-count:	infinite;
	animation-timing-function:	ease-in-out;
	animation-direction:		alternate;
	transform-origin:			42.1189% 43.3140%;
	transform-origin:			42.15% 43.3140%;
	transform-origin:			42.15% 43.4%;
	transform-origin:			42.2% 43.4%;
	/*652 1192*/
}

#ancre {
	animation-name:				a-ancre;
	animation-duration:			0.125s;
	animation-iteration-count:	infinite;
	animation-timing-function:	ease-in-out;
	animation-direction:		alternate;
	transform-origin:			42.15% 43.3140%;
	transform-origin:			38.8243% 44.9491%;
	/*601 1237*/
}

#echappement {
	animation-name:				a-rotation;
	animation-duration:			5s;
	animation-iteration-count:	infinite;
	animation-timing-function:	linear;
	animation-direction:		reverse;
	transform-origin:			36.0% 46.6%;
}

#roue-secondes {
	animation-name:				a-rotation;
	animation-duration:			60s;
	animation-iteration-count:	infinite;
	animation-timing-function:	linear;
	transform-origin:			36.5633% 49.9637%;
}

#disque-date {
}

#frame {
	opacity:					0;
	transition:					opacity 3s linear;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 105%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat;
	backdrop-filter: blur(5px);
}