@charset "UTF-8";
/* CSS Document */
#form_milieu .onfocus {
	background-color: #9DB3CB;
	background-image: url(images/fleche.png);
	background-repeat: no-repeat;
	background-position: 510px center;
}
#form_milieu {
	width: 550px;
	margin: auto;
	background-color: #BFD0E1;
	padding-right: 0px;
	padding-left: 0px;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
}
#form_haut {
	background-image: url(images/formulaire_01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 10px;
}
#form_bas {
	background-image: url(images/formulaire_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 10px;
	left: 275px;
}
#form_news_milieu {
	width: 550px;
	margin: auto;
	background-color: #BFD0E1;
	padding-right: 0px;
	padding-left: 0px;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
}
#form_news_haut {
	background-image: url(images/formulaire_01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 10px;
}
#form_news_bas {
	background-image: url(images/formulaire_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 10px;
}
#contenu .formulaire p{
	padding-top:3px;
	padding-bottom:3px;
	clear: both;
	padding-left: 10px;
	}
.formulaire{
	padding-top:20px;
	padding-bottom:10px;
	}
#contenu .formulaire h4 {
	color: #004586;
	padding: 0px 20px 10px;
	margin: 0px;
	background:none;
}
.formulaire input {
	width: 20em;
}
.formulaire input:focus {
	background-color:#E6EEF7;
}
.formulaire label {
	font-weight: bold;
	color: #004587;
	width: 200px;
	display: block;
	float: left;
	text-align: right;
	padding-right:5px;
}
.formulaire .champ, .formulaire  .champ-court {
	border: 1px solid #004283;
	padding: 1px;
	font-size: 1em;
	color:#666;
}
.formulaire textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:28em;
	height:5em;
}.formulaire  #contact_cp {
	width: 5em;
}
.formulaire  #contact_tel {
	width: 13em;
}
.formulaire  #contact_fax {
	width: 13em;
}
.formulaire  #contact_nom {
	width: 15em;
}
.formulaire #boutons {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.formulaire #boutons .envoyer {
	width: 148px;
	height: 46px;
	border: none;
	background-image: url(images/form_envoyer.jpg);
	text-indent: -9000px;
	margin: auto;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 0px;
	color: #FFFFFF;
}
.formulaire #boutons .envoyer:hover {
	background-position: center bottom;
	
}
.formulaire .obligatoir{
	color:#CC0000;
}
.formulaire #mention {
	position:absolute;
	font-size:0.7em;
	left: 420px;
	top: -30px;
 }
#contenu .cases{
	padding-bottom:10px;
	clear: both;
	padding-top: 10px;
}
#contenu .cases span{
	font-size:0.7em;
	color: #004587;
	line-height: 1em;
}
#contenu .cases p {
	float:left;
	width: auto;
}
 .formulaire .check {
	width:auto;
	margin-right:2px;
}
 .formulaire .coche{
 width:auto;
 margin-right:5px;
 margin-left:120px;}