/*------------ newsletter ------------------*/
.inForm
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/charte/bg-input.jpg) repeat-x top left;
	border:solid 1px #E3E3E3;
	color: #397BB9;
  padding: 2px 2px 0px 2px;
	width:188px;
  float:left;
	height:16px;
  margin-right:6px;
}
.inFormOver
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border:solid 1px #D2D2D2;
  background: url(../images/charte/bg-input.jpg) repeat-x top left;
	color: #000;
  padding: 2px 2px 0px 2px;
	width:188px;
  float:left;
	height:16px;
  margin-right:6px;
}
.ok
{
	background:url(../images/charte/btn_ok.jpg) no-repeat top left;
	width: 40px;
	height: 20px;
    float:left;
}
.ok_over
{
	background:url(../images/charte/btn_ok_over.jpg) no-repeat top left;
	width: 40px;
	height: 20px;
    float:left;
	cursor: pointer;
}


/* ===| FORMS |============================================*/
.title-contact
{
  	text-align:center;
		width:100%;
		clear:both;
		padding-top:0px;
    padding-bottom:20px;
		font-weight:bold;
    color:#397BB9;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.title-oblig
{
    text-align:center;
    padding-top:5px;
    color:#000;
    font-size:11px;
    padding-bottom:5px;
    font-weight:normal;
    font-family: Arial, Helvetica, sans-serif;
}

/*checkbox*/
.mail-input1
{
  font-size: 12px;
  font-weight: normal;
  color: #000;
  width:120px;
  padding-bottom:5px;
  text-align: left;
	float: left;
}

.mail-label{
	font-size: 12px;
	font-weight: normal;
	float:left;
	text-align:left;
	height:20px;
	color:#000;
	width:80px;
  padding-right:0px;
	margin-top:5px;
  text-align: left;
}

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

.button
{
  background: url(../images/charte/bg-button.jpg) repeat-x top left;
	color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #fff;
	width: 90px;
	height: 19px;
}

.buttonover
{
    background: url(../images/charte/bg-button-over.jpg) repeat-x top left;
	color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #ffffff;
	width: 90px;
	height: 19px;
	cursor: pointer;
}

.inputForm
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: url(../images/charte/bg-input.jpg) repeat-x top left;
	border:solid 1px #D2D2D2;
	color: #397BB9;
  padding: 2px 2px 0px 2px;
	width:188px;
	height:16px;
}
.inputForm1
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #fff url(../images/charte/bg-input.jpg) repeat-x top left;
	border:solid 1px #D2D2D2;
	color: #397BB9;
  padding: 2px 2px 0px 2px;
	width:430px;
	height:100px;
}

.inputFormOver
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border:solid 1px #fff;
  background: url(../images/charte/bg-input.jpg) repeat-x top left;
	color: #000;
  padding: 2px 2px 0px 2px;
	width:188px;
  float:left;
	height:16px;
}
.inputFormOver1
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border:solid 1px #fff;
  background: #fff url(../images/charte/bg-input.jpg) repeat-x top left;
	color: #000;
  padding: 2px 2px 0px 2px;
	width:430px;
  float:left;
	height:100px;
}

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

.formular
{
  padding:0px 0px 0px 0px;
  line-height:14px;
  width:600px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
}
/*------------------ p-d-script ----------------*/

.input-holder
{
  float:left;
}
.couleur
{
		color:#1B71BE;
		font-size: 13px;
		font-weight: bold;
}