@CHARSET "UTF-8";

/* Container */
#content {
	font-family: arial;
  	font-size: 11px;
	padding: 15px;
	margin: 0;
	position: relative;
	color: #666;
	width: 780px;
}
.spacer {
	clear: both;
	margin: 0;
	padding: 0;
}


/* Header */
#header {
	margin: 0;
	padding: 0;
}
#header h1 {
	float: left;
	margin: 0;
	width: 190px;
}
#header h1 img {
	border: 0;
}
#header address {
	float: left;
	margin: 5px 0 0 0;
	width: 500px;
	font-style: normal;
}


/* Titre */
#content h2 {
	font-size: 18px;
	color : #0080C6;
	margin: 30px 0 20px 0;
	text-transform: uppercase;
}



/* Formulaire */
#formulaire {
	margin: 0;
	padding: 0;
}
#content_form {
	float: left;
	margin: 0;
	padding: 0;
	width: 390px;
}
#details_form {
	float: right;
	margin: 0;
	padding: 0;
	width: 340px;
}
#content_form h3, #details_form h3 {
	text-transform: uppercase;
	color : #0080C6;
	font-weight: normal;
	font-size: 13px;
	background-color: #F0F7FF;
	border-top: 1px solid #0080C6;
	padding: 4px 10px;
}
#content_form fieldset, #details_form fieldset {
	margin: 20px 0;
	padding: 0;
	border: 0;
	border-top: 1px dotted #A6C8DD;
}
#content_form legend, #details_form legend {
	text-transform: uppercase;
	color: #A6C8DD;
	font-size: 12px;
	width: 100%;
}



/* champs de formulaire */
input, textarea, select {
	border: 1px solid #A6C8DD;
	background-color: #F2F2F2;
	width: 100%;
	color : #0080C6;
	font-size: 11px;
}
textarea {
	height: 150px;
}
input.invalid, textarea.invalid {
	border: 1px solid #e73f50;
	background-color: #f4c4c4;
}
input[type=submit] {
	border: 0;
	background: url(fond-submit.jpg);
	color : #FFF;
	padding: 3px 15px;
	width: inherit;
	text-transform: uppercase;
}

.required {
	color : #3f98d2;
}




/* messages */


#warning {
	font-style: italic;
}

#result {
	margin: 50px 0 0 10px;
	background-color: #3ab646;
	padding: 20px;
}
#result p {
	color: #FFF;
}