@charset "utf-8";
/* Feuille de style css */
/* Copyright 2008 JPR Excavation */


/* Reinitialisation ------------------------------- On -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}

/* se souvenir de definir les focus ! */
:focus {
	outline: 0;
}
html, body {
	height:100%;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size:62.5%;
}
ol, ul {
	list-style: none;
}
/* Les tables ont encore besoin de 'cellspacing="0"' dans le code xhtml */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
/* Rinitialisation ------------------------------- Off - */

/* Balises gnrales ------------------------------ On -- */
body {
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#002a5c;
	background-color:#002a5c;
}
h1 {
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
	color:#008752;
}
h2 {
	font-size:1.4em;
	line-height:1.4em;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	margin:24px 0 0 0;
	color:#002a5c;
}
h2 strong {
	font-size:1.4em;
	line-height:1.6em;
}
h3 {
	font-size:1.4em;
	line-height:1.4em;
}
h3 strong {
	font-size:1.1em;
	font-style:normal;
	/*color:#008752;*/
	color:#fff;
}
p {
	font-size:1.4em;
	line-height:1.4em;
}
p span {
	font-size:0.8em;
	color:#6c84a1;
}
input, textarea {
	color:#002a5c;
	border:2px solid #ced6e0;
	padding:2px;
	background-color:#fff;
}
input:hover, textarea:hover {
	color:#002a5c;
	border:2px solid #002a5c;
	background-color:#fff;
}
input:focus, textarea:focus {
	color:#fff;
	border:2px solid #002a5c;
	background-color:#002a5c;
}
/* Balises gnrales ------------------------------ Off - */

/* Bloc de disposition ---------------------------- On -- */
#conteneur {
	position:relative;
	width:100%;
	height:100%;
}
#contenu {
	position:absolute;
	width:794px;
	top:30px;
	left:50%;
	margin:0 0 0 -397px;
	z-index:2;
}
#haut, #bas {
	border:8px solid #234772;
	background-color:#fff;
}
#haut, #centre {
	padding:20px;
}
.retour {
	display:block;
	clear:both;
}
.centre {
	text-align:center;
}
.bouton {
	width:auto;
	text-align:left;
}
.erreur {
	color:#ff3000;
	margin:0 10px;
}
.case {
	border:0;
	background:none;
}
.gauche {
	float:left;
}
.droite {
	float:right;
}
#haut .gauche {
	width:270px;
}
#haut .gauche img {

}
#haut .droite {
	width:446px;
}
#haut .droite p {
	font-size:3em;
	line-height:0.6em;
	font-weight:bold;
	color:#008752;
}
#centre {
	text-align:center;
}
#centre p {
	color:#fff;
	font-size:2em;
}
#bas {
	margin:0 0 20px 0;
}
#bas .gauche {
	padding:10px;
}
#bas .gauche form {
	margin:10px;
}
#bas .gauche form table {
	font-size:1.4em;
}
#bas .gauche form thead, #bas .gauche form tbody, #bas .gauche form tfoot {
	margin:15px 0;
	border-top:1px dotted #ccc;
	border-right:1px dotted #ccc;
	border-left:1px dotted #ccc;
}
#bas .gauche form caption {
	padding:8px 12px;
	font-size:1.1em;
	line-height:1.8em;
	font-weight:bold;
	border:1px dotted #ccc;
	color:#008752;
}
#bas .gauche form table td, #bas .gauche form table th {
	padding:8px 12px;
	border-bottom:1px dotted #ccc;
}
#bas .gauche form table input {
	margin:2px 0;
}
#bas .droite {
	width:230px;
	height:100%;
	padding:40px 20px 40px 30px;
	background-color:#234772;
}
#bas .droite p, #bas .droite h3 {
	color:#fff;
}
#bas .droite p {
	margin:10px 0;
}
#bas .droite h3 {
	font-weight:normal;
}
#bande {
	position:absolute;
	width:100%;
	height:300px;
	top:40%;
	left:0;
	margin:-150px 0 0 0;
	border-top:4px solid #163c6a;
	border-bottom:4px solid #163c6a;
	/*border-top:4px solid #008752;
	border-bottom:4px solid #008752;*/
	background-color:#0a3262;
	z-index:1;
}
/* Bloc de disposition ---------------------------- Off - */