@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
	margin: 0; 
   	text-align: center; 
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;  
}
#main {
	margin-left: auto;
 	margin-right: auto;
  	width: 920px;
  	text-align: left;
}
header {
	background-color: #000;
	text-align:center;  
	margin:40px;
}
#header {
		/*width: 920px;*/
		margin:auto; 
}
header img {
	max-width: 35%;
	height: auto;
}
iframe{
	width: 100%;
	height: 630px;
	margin:auto; 

}
a {
	text-decoration:none;
}


footer {
	min-height:20%;
	padding-bottom:50px;
	width:100%; 
	border-top: #CCC 1px solid;
	float:left;  
}
footer p {
	text-align:center; 
	font-size:1em;
	color:#FFF;  
}
.text_left {
	text-align: center;
	float:left;
	width:65%;
	min-height:130px; 
}
.text_right {
	float:left; 
	width:35%; 
	text-align:center;
	min-height:130px;  
}
.text_right img {
	max-width: 100%;
	height: auto;
	margin:auto;
}

h2 {
	display: block;
    font-size: 1.4em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: normal;
}
#title {
	border-top: 1px solid #CCC;
	background-image: url(img/chrono.png); 
	background-position:right; 
	background-repeat:no-repeat;
	background-size:contain;
}

#chrono {
	width: 100%;
	height:480px;
	margin:auto;
	margin-bottom:20px;   
}
#sheet { 
	margin-bottom:20px;
}
#legend {
	padding-bottom: 20px; 
}
.picto {
	text-align:center;
	padding-top:30px;
	background-image: url(../img/x.png);
	background-repeat:repeat-x;
	background-position:bottom;  
	width:70%;
	height:70px;
	margin:auto;   
}
.picto img {
	max-width: 100%;
	height: auto;
	margin:auto;
}
a {
	text-decoration:none; 
	color:#FFF;
}
#number {
	font-size:14px;
}
#number a {
	text-decoration:none;  
}
#clock {
	transform: scale(1.0);
	height:400px!important; 
}
label {
	font-size:22px;
}

input {
	min-width:75px;
	min-height:30px;  
	}
	.container {
	width: 960px;
	margin: 0 auto; 
}
.content {
	padding: 10px 0;
	text-align: center;
}