/* ===| FORMS |============================================*/

#text-contact{
	width:500px;
	padding-top:10px;
	padding-left:15px;
	float:left;
	background:url(../images/charte/icon-mail.jpg) no-repeat 300px 230px;
}

.title-contact{
	text-align:center;
	clear:both;
	padding-left:15px;
	width:90%;
	font-weight:bold;
}

.title-oblig{
	text-align:center;
	width:95%;
	clear:both;
	padding-top:10px;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	margin-bottom:10px;
	margin-left:10px;
}

#contact-col1{
	float:left; 
	width:250px;
}
#contact-col2{
	float:left; 
	width:220px;
}

#comment-title{
	font-family:Arial;
	float:left;
	clear:both;
	text-align:left;
	height:20px;
	width:520px;
	font-weight:bold;
	color:#7d520d;
	margin-left:5px;
	margin-bottom:10px;
	background:url(../images/charte/bullets.jpg) no-repeat 0% 16%;
	padding: 0 0 0 15px;
}
.labels{
  width:210px;
  float:left;
}


.mail_label{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	float:left;
	text-align:left;
	height:20px;
	color:#ffffff;
	width:87px;
	margin-top:10px;
}

.mail_label1{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	float:left;
	text-align:left;
	height:20px;
	color:#ffffff;
	width:87px;
	margin-top:10px;
}

.mail_label2{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	float:left;
	text-align:left;
	height:20px;
	color:#ffffff;
	width:65px;
	margin-top:10px;
}

#contact1{
	width:460px;
	float:left;
	padding-left:7px;
}

.contact2{
	width:180px;
	float:left;
	padding-left:10px;
}
.contact3{
	width:350px;
	float:left;
	padding-left:120px;
}

.mail_input1{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	color:#c2c2c2;
    width:150px;
	height:20px;
    float:left;
}

.mail_input2{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	color:#c2c2c2;
    width:100%;
    float:left;
    clear:left;
	margin:5px 0 0 10px;
}

.check-box{
  margin:0px 7px 0px 0;
  height:15px;
  float:left;
}


.mail_input3{
 width:100%;
/* padding:2px 0 0 0; */
 float:left;
 clear:left;

}

.button{
  background:url(../images/charte/envoyer.jpg) no-repeat;
	width: 92px;
	height: 25px;
  border: none;
  cursor: pointer;
}

.buttonover{
  background:url(../images/charte/envoyer-over.jpg) no-repeat;
	width: 92px;
	height: 25px;
  border: none;
  cursor: pointer;
}
.button2{
  background:url(../images/charte/effacer.jpg) no-repeat;
	width: 92px;
	height: 25px;
  border: none;
  cursor: pointer;
}

.buttonover2{
  background:url(../images/charte/effacer-over.jpg) no-repeat;
	width: 92px;
	height: 25px;
  border: none;
  cursor: pointer;
}
.inputForm{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #828282;
	background-color:#d8d8d8 !important;
	padding: 0px;
	margin: 12px 10px 0 0px;
	width:130px;
	color: #000000;
	float:left;
	height:16px;
}
.inputForm0{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #828282;
	background-color:#d8d8d8 !important;
	padding: 0px;
	margin: 12px 0px 0 0px;
	width:130px;
	color: #000000;
	float:left;
	height:16px;
}
.inputForm1{
	font-family:Arial;
	font-size: 12px;
	border: 1px solid #828282 !important;
	background-color:#d8d8d8;
	font-weight: normal;
	padding: 0px;
	width: 460px;
    margin-left:3px;
	color: #000000;
	float:left;
	height:50px;
}
.inputForm2{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #b6b6b6 !important;
	background-color:#d8d8d8;
	padding: 0px;
	margin: 0px 35px 0 0px;
	width:130px;
	color: #000000;
	float:left;
	height:16px;
}
.inputForm3{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #828282 !important;
	background-color:#d8d8d8;
	padding: 0px;
	margin: 12px 5px 0px 0px;
	width:130px;
	color: #000000;
	float:left;
	height:16px;
}

.inputFormOver{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	background-color:#ffffff;
	border: 1px solid #e2dbd3 !important;
	padding: 0px;
	margin: 12px 10px 0 0px;
	width: 130px;
	color: #595758;
	float:left;
	height:16px;
}
.inputFormOver0{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 12px 0px 0 0px;
	width: 130px;
	color: #595758;
	background-color:#ffffff !important;
	border: 1px solid #e2dbd3;
	float:left;
	height:16px;
}
.inputFormOver1{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	background-color:#ffffff !important;
	border: 1px solid #e2dbd3;
	padding: 0px;
    margin-left:3px;
	width: 460px;
	color: #595758;
	float:left;
	height:50px;
}
.inputFormOver2{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	background-color:#ffffff !important;
	border: 1px solid #e2dbd3;
	padding: 0px;
	margin: 0px 35px 0 0px;
	width: 130px;
	color: #595758;
	float:left;
	height:16px;
}

.inputFormOver3{
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	background-color:#ffffff !important;
	border: 1px solid #e2dbd3;
	padding: 0px;
	margin: 12px 5px 0 0px;
	width: 130px;
	color: #595758;
	float:left;
	height:16px;
}

.mail-send{
float:left;
width:80px;
padding-left:150px;
margin-right:1px;
position:relative;
}
.mail-reset{
float:left;
width:80px;
position:relative;
}

.contact-form{
	width:500px; 
	float:left;
}
.title{
	font-family:Arial;
	font-size:12px;
	color:#bdbcbc;
	font-weight:bold;
	width:160px;
	float:left;
}
.title1{
	font-family:Arial;
	font-size:12px;
	color:#bdbcbc;
	font-weight:bold;
	float:left;
  padding-left:1px;
}

#but-ok{
		margin-left:0px;
		padding-left:0px;
		float:left;
}

.button1{
	float:left;
	padding-top:10px;
}