@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 {
	height: auto;
}
iframe{
	width: 100%;
	min-height:750px;
	margin:auto; 

}
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; 
}
.picto {
	text-align:center;
	padding-top:30px;
	background-image: url(../img/KART.png);
	background-repeat:repeat-x;
	background-position:bottom;  
	width:70%;
	height:70px;
	margin:auto;   
}
.picto 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;
}
h3 {
    display: block;
    font-size: 1.1em;
    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%;
	margin:auto;
	margin-bottom:20px;   
}

ul { 
font-size:0.9em; 
 }
.booking {
	text-align:right; 
}
.booking img {  
	width:250px;  
}
#reglement {
	padding-bottom:30px; 
}
#reglement::after {
  display:block;
  content:"";
  clear:both;
}
#reglement p {
	font-size:0.9em; 
}
#reglement img {
	padding-right:15px; 
	width:70px;
}
.color { 
	width:100%;
	height:120px; 
} 
.color-container {
	width:33%;
	padding-top:30px; 
	padding-bottom:30px;
	float:left;
	text-align:center;
}
.yellow, .red, .blue {
	width: 90px;
    height: 90px;
    border-radius: 45px;
	margin:auto;
	line-height:90px;
	font-size: 1.4em;   
	}
.yellow {
	background: #ffae00;
}
.red {
    background: red;  
}  
.blue {
    background: blue;  
}
.left_column, .right_column {
	width:41%;
	float:left;
	height:200px;
	padding-left:40px;
	padding-right:40px;   
}
#calendar {
	width:100%;
}