div.texte-long{min-height: 400px;}

div.texte-long p{font-size: 18px;}

form.form-contact{
	width: 520px;
	margin:25px auto;
    padding-bottom: 25px;
	background-color:#387eba;
	color: #fff;
	border-radius:10px;
}

div.instructions-contact{margin-left: 15px;}

ul {
	list-style-type: none;
}
ul.liste-champs-contact{
	list-style-type: none;
	margin-left: 15px;
	}
	
ul.liste-champs-contact li.editer{
	list-style-type: none;
	margin: 8px 0;
	}
	
.top-champ-input, .btm-champ-input {
	display:none;	
}

ul.liste-champs-contact li label.intitule-champ{
	padding-top: 7px;
	text-align:left;
	display:block;
	float:left;	
	width:160px;
}

form ul li {
	clear:left;	
}

ul.liste-champs-contact .obligatoire{font-weight: bold;}

ul.liste-champs-contact li input.text, ul.liste-champs-contact li textarea{
	margin-left: 5px;
	color: #397e3d;
    font-family: Arial, Verdana, Times, sans-serif;
    font-size: 14px;
	padding:5px;
	width:308px;
	border:0;
}

ul.liste-champs-contact li input.text {
	height:33px;
	line-height:33px;
	background:url('../img/contact/fond-input.png') no-repeat top left;
}

ul.liste-champs-contact li select{
    font-size: 13px;
    margin: 5px 0 5px 5px;
}

ul.liste-champs-contact li textarea{
	height:148px;
	background:url('../img/contact/fond-text.png') no-repeat top left;
}

input#envoyer-contact{
	position: relative;
    width: 147px;
	height: 59px;
    background: url('../img/contact/btn-envoyer-form.png') no-repeat transparent top left;
	margin-left: 186px; /* (520 - 147) / 2 */
    padding: 0 0 5px 0;
	text-align: center;
	font-size: 16px;
    color: #fff;
    border: none;
}

input#envoyer-contact:hover{cursor: pointer; text-decoration: underline;}
	
div.infos-form{
    font-size: 12px;
	font-style: italic;
	text-align: right;
    margin-right: 22px;
    margin-bottom: 25px;
	}
	
div.infos-form span{font-weight: bold; font-size: 15px;}

input#envoyer-contact:after{display: block; content: ""; clear: both;}
	
span.obligatoire{display: none;}

label.error{
	position: absolute;
	margin: 5px 0 0 20px;
	float: right;
	font-weight: bold;
	color: #c40707; 
	padding: 0.5em; 
	font-size: 14px; 
	vertical-align: middle; 
	text-align: left;
	background-color: transparent;
	}
	
div.confirm-ok{
	position: relative;
	width: 95%;
	border: solid 1px #308f06;
	color: #006500;
	margin: 0 auto 10px auto;
	background-color: #b0e9b0;
	padding: 8px;
	}

div.erreursForm{
	position: relative;
	width: 95%;
	border: solid 1px #832929;
	color: #ad4600;
	margin: 0 auto 29px auto;
	background-color: #ffb06b;
	padding: 8px;
	}
	
div.erreursForm img{
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 0 5px;
	}
	
div.erreursForm p{
	margin-left: 25px;
	margin-top: -5px;
	}
	
div.confirm-ok p{
	margin-left: 30px;
	margin-top: -33px;
	}
	
div.erreursForm ul li{
	list-style-position: inside;
	list-style-type: square;
	margin-left: 25px;
	}
	
div.infos-cnil{width: 875px; margin: 50px auto 0 auto; text-align: justify; color: #383836; font-style: italic;}

div.infos-cnil a{color: #007ED0;}