div#clock{
	position:relative;
	width:202px;
	height:202px;
	margin-top:-12px;
	margin-left:5px;
	background:url(https://sjpphpbb.com/ext/sjpphpbb/portal/styles/prosilver_sobre/template/portal/theme/images/horloge/clock.png) no-repeat;	
}

#centre{
	position: absolute;
	top: 93px;	
	left: 94px;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background-color: black;	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;	
}

img#heure {
	position:absolute;
	left:97px;
	top:33px;
	height:65px; 
	transform-origin:50% 65px;
	animation: rotate 43200s infinite linear;
}

img#minute {
	position:absolute;
	left:97px;
	top:33.5px;
	height:65px;
    transform-origin:50% 65px;	
	animation: rotate 3600s infinite steps(60);		
}

img#seconde {
	position: absolute;
	top: 34px;
	left: 99px;		
	width: 2px;
	height: 80px;
	background: red;	
	-webkit-transform-origin: 50% 65px;
	-moz-transform-origin: 50% 65px;	
}

#digital{
	position:absolute;
	top:143px;
	left:52px;
	color:#FF0000;
	font-size:12px;
}

.digidate{
	position:absolute;
	top:115px;
	left:48px;
	background-image: linear-gradient(to left, violet, green, yellow, orange, red);
	font-weight: bold;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:8px;
}

.cloc{
 background-color:#1B1B1B;
 color:#FFFFFF;
 border:none; 
}

.esp{
	max-height: 5px;	
}

.digijour{
	position:absolute;
	top:103px;
	left:46px;
	background-image: linear-gradient(to left, violet, green, yellow, orange, red);
	font-weight: bold;	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:7px;
}

.lune{
	position:relative;
	top:60px;
	left:115px;	
}