/* CSS */
/* (Version) By sync - (site ver:9.0.0) */

body {
	font-family: Arial, sans-serif;
	background-image: url('clock.jpg'); /* remplace par le bon chemin */
	background-size: cover; /* ajuste l'image à toute la taille de l'écran */
	background-position: center; /* centre l'image */
	 /*background-repeat: repeat; évite la répétition de l'image */
	text-align: center;
	padding: 10px;
	margin: 10px auto;
}
html, body {
	height: 100%;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
/* Tablettes uniquement (Android & iOS) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	table {
		max-width: 700px;
		max-height: auto;
		min-height: auto;
	}
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px; /* arrondi léger */
	overflow: hidden; /* très important */
}
input { padding: 10px; margin: 5px; font-size: 16px; width: 150px;}
button { padding: 10px 15px; margin: 5px; font-size: 16px; cursor: pointer;}
.table { margin: 37px auto; border-collapse: collapse; width: 65%;}
th, td { border: 1px solid #aaa; padding: 10px; text-align: center;}
th { background-color: #ddd;}
#result { margin-top: 20px; font-size: 18px; font-weight: bold;}
strong { text-align: center; font-size: 10px;}
#input {  font-size: 10px; width: 100px; border-radius: 55px; /* CSS3 */ -moz-border-radius: 55px; /* pour Mozilla */ -khtml-border-radius: 55px; /* pour Safari et Chrome */ -webkit-border-radius: 55px; /* pour Safari sur Mac */ }

/* FIN CSS */