* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	background-color: #1c5573;
	margin: 0;
	padding: 0;
	background-image: url(../img/fond-ecran.jpg);
	background-position: 0 0;
	background-repeat: repeat;
	height: 100%;
}

#container {
	position: absolute;
	left: 50%;
	top: 0;
	width: 800px;
	height: 580px;
	margin-top: 0px;
	margin-left: -400px;
	text-align: left;
	padding: 0px;
}

#container-A4 {
	position: absolute;
	left: 50%;
	top: 0;
	width: 660px;
	height: 580px;
	margin-top: 0px;
	margin-left: -330px;
	text-align: left;
	padding: 0px;
}

a.mentions-legales,a.mentions-legales:visited, span.mentions-legales {
	font: bold 10px arial,verdana,helvetica,sans;
	color: #FFFFFF;
	text-decoration: none;
}

a.mentions-legales:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

a.navigation, a.navigation:visited {
	font: bold 12px/11px arial,verdana,helvetica,sans;
	color: #000000;
	text-decoration: none;
}
a.navigation:hover {
	font: bold 12px/11px arial,verdana,helvetica,sans;
	color: #000000;
	text-decoration: none;
}

input.bouton {
	font: bold 11px arial,verdana,  helvetica, sans-serif,sans;
	color: #000000;
  background-color: #FFB401;
	border: 1px solid #FFB401;
	cursor: hand;
}

.input-text {
	font-family: arial,verdana, helvetica, sans-serif,sans;
	font-size: 12px;
	color: #0076b4;
}

.t13 {font-size: 13px;}
.t17 {font-size: 17px;}
.t17b {font-size: 17px; font-weight: bold;}

h1 {
	position: absolute; 
	width: 530px; 
	height: 70px; 
	left: 255px; 
	top: 51px;
	font: bold 19px "trebuchet ms",arial, helvetica, sans;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
h2 {
	position: absolute; 
	width: 530px; 
	height: 25px; 
	left: 255px; 
	top: 136px;
	font: bold 19px "trebuchet ms",arial, helvetica, sans;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}