html
{
	background: #fa9a31;
}
body
{
	width: 1000px;
	height: 600px;
	margin: auto;
	margin-top: 2%;
	background: url('../images/font_body.png') repeat-x;
	border: 4px solid #FFF;
	box-shadow: 0px 0px 10px #000;
}
#gauche
{
	width: 35%;
	min-height: 100%;
	background: url('../images/fond_robot_bleu.png') center no-repeat;
	float: left;
}
#droite
{
	width: 65%;
	min-height: 100%;
	float: right;
	background: url('../images/fond_droite.png') center top no-repeat;
	color: #b2402b;
	font-family: courier;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}
	#droite h1
	{
		text-align: center;
		margin-top: 125px;
	}
	#droite p
	{
		width: 390px;
		position: relative;
		left: 125px;
		text-align: justify;
	}
	#droite h2
	{
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#droite .maps
	{
		text-align: center;
		margin-top: 0;
		margin-bottom: 0px;
		cursor: pointer;
	}
	.heure, .jour, .seconde, .minute
	{
		color: white;
		background: #b2402b;
		padding: 5px;
		border: 2px solid #FFF;
	}
#map-canvas
{
	height: 320px;
	width: 350px;
	position: absolute;
	top: 140px;
	right: -500px;
	z-index: 10;
	border: 4px solid #FFF;
	box-shadow: 0px 0px 10px #000;
	border-radius: 10px;
}
#closeCarte
{
	width: 350px;
	position: absolute;
	top: 520px;
	right: -500px;
	z-index: 10;
	border: 4px solid #FFF;
	box-shadow: 0px 0px 10px #000;
	border-radius: 10px;
	background: #b3dcf0;
	cursor: pointer;
}
	#closeCarte h1
	{
		text-align: center;
		margin: 0;
		padding: 0;
	}
a{
	color: #b2402b;
	font-weight: bold;

}
.cache
{
	display: none;
}
footer
{
	color: #b2402b;
	text-align: center;
	font-family: courier;
	font-weight: bold;
	margin-top: 610px;
}