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

html {
	height: 100%;
}

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

#container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 580px;
	margin-top: -290px;
	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: #DDDDDD;
	text-decoration: none;
}

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

a.navigation, a.navigation:visited {
	font: normal 16px georgia,arial,verdana,helvetica,sans;
	color: #FFFFFF;
	font-style: italic;
	text-decoration: none;
}
a.navigation:hover,a.navigation-selected,a.navigation-selected:hover,a.navigation-selected:visited {
	font: bold 16px georgia,arial,verdana,helvetica,sans;
	color: #FFFFFF;
	font-style: italic;
	text-decoration: none;
}

.form-contact {
	font: normal 12px arial,verdana,  helvetica, sans-serif,sans;
  color:#757678;
	height: 18px;
	border: 1px solid #757678;
}

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

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