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


/*----------------------| newsletter |----------------------*/
.inForm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color:#ffffff;
	border:solid 1px #74a0f4;
	color: #073999;
    padding: 0px;
	width:230px;
    float:left;
	height:18px;
	margin-top:1px;
}
.inFormOver
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
    padding: 0px;
	width: 230px;
	font-weight: normal;
	color: #74a0f4;
    border: 1px solid #74a0f4;
	background-color: #f2f7ff;
	float:left;
	height:18px;
	margin-top:1px;
}
.buttonOK
{
	background:url(../images/charte/ok-button.jpg) no-repeat top left;
	width: 69px;
	height: 21px;
}
.buttonOKover
{
	background:url(../images/charte/ok-button-over.jpg) no-repeat top left;
	width: 69px;
	height: 21px;
	cursor: pointer;
}

/*----------------------------------------------------------*/
#text-contact
{
	width:500px;
	margin-left:25px;
}

.title-contact
{
	text-align:center;
	width:98%;
	clear:both;
	padding-top:40px;
    padding-bottom:20px;
	font-weight:bold;
/*    color:#507bcd; */
    color:#000000;
}

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

.comment-title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	clear:both;
	text-align:left;
	height:20px;
	width:400px;
	font-weight:bold;
	color:#507bcd;
	margin-left:5px;
	margin-bottom:0px;
	background:url(../images/charte/bullet.jpg) no-repeat 3% 40%;
	padding: 0 0 0 15px;
}
.labels
{
  width:210px;
  float:left;
}
/*checkbox*/
.mail_input1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    height:20px;
    line-height:15px;
	font-weight: normal;
	color:#000000;
    float:left;
    padding-left: 20px;

}

.mail_label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	float:left;
	text-align:left;
	height:20px;
	color:#000000;
	width:80px;
	margin-top:10px;
}

#contact1
{
	width:430px;
	float:left;
	margin-left:10px;
}

.contact2
{
	width:180px;
	float:left;
	margin-left:10px;
}

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

.button
{
    background-color: #0c3480;
	color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #ffffff;
	width: 75px;
	height: 20px;
}

.buttonover
{
	background:url(../images/charte/bg-button-over.jpg) repeat-x top left;
	color: #f2f7ff;
	font-family:verdana;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 0px;
	border: 1px solid #ffffff;
	width: 75px;
	height: 20px;
	cursor: pointer;
}

.inputForm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    padding: 0px;
	margin: 10px 0 0 0px;
	width:130px;
    border: 1px solid #74a0f4;
	background-color:#ffffff;
	color: #000000;
	float:left;
	height:18px;
}
.inputForm1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	width: 425px;
    margin-left:3px;
	font-weight: normal;
    border: 1px solid #74a0f4;
	background-color:#ffffff;
	color: #000000;
	float:left;
	height:120px;
}

.inputFormOver
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
 	padding: 0px;
	margin: 10px 0 0 0px;
	width: 130px;
	font-weight: normal;
	float:left;
	height:18px;
    color: #74a0f4;
    border: 1px solid #74a0f4;
	background-color: #f2f7ff;
}
.inputFormOver1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
    margin-left:3px;
	width: 425px;
    color: #74a0f4;
    border: 1px solid #74a0f4;
	background-color: #f2f7ff;
	float:left;
	height:120px;
}

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

.formular
{
  padding:0px 5px 20px 20px;
  margin:20px 5px 10px 20px;
  width:450px;
  height:680px;
  border:solid 1px #deb913;
  background: url(../images/charte/img-contact.jpg) no-repeat 50% 95%;
}