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


/*----------------------| newsletter |----------------------*/
.inForm
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color:#ffffff;
	border:solid 1px #7c7d81;
	color: #000000;
    padding: 2px;
	width:146px;
    float:left;
	height:16px;
}
.inFormOver
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
    padding: 2px;
	font-weight: normal;
	color: #3499d9;
    border: 1px solid #7c7d81;
	background-color: #ffffff;
    width:146px;
    float:left;
	height:16px;
}
.buttonOK
{
	background:url(../images/charte/ok-button.jpg) no-repeat top left;
	width: 37px;
	height: 23px;
}
.buttonOKover
{
	background:url(../images/charte/ok-button-over.jpg) no-repeat top left;
	width: 37px;
	height: 23px;
	cursor: pointer;
}
/*-------------------------------------------------------------------------*/


.title-contact
{
	text-align:center;
	width:95%;
	clear:both;
	padding-top:15px;
    padding-bottom:20px;
	font-weight:bold;
    color:#000000;
}

.title-oblig
{
text-align:center;
clear:both;
padding-top:3px;
color:#000000;
font-size:11px;
font-weight:normal;

}

.message
{
    font-family: Arial, Helvetica, sans-serif;
	float:left;
	clear:both;
    font-size:12px;
	text-align:left;
	font-weight:bold;
	color:#ff8a00;
	margin-left:3px;
	margin-bottom:3px;
}

/*checkbox*/
.mail-input1
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    height:25px;
	font-weight: bold;
	color:#000000;
    float:left;
    padding-left: 10px;
    width:210px;
}

.mail-label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	height:20px;
	color:#3391de;
    padding-top:10px;

}

.button
{
    background-color: #2c8cf5;
	color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #666666;
	width: 75px;
	height: 22px;
}

.buttonover
{
    background-color: #000000;
	color: #ff8b02;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 0px;
	border: 1px solid #cccccc;
	width: 75px;
	height: 22px;
	cursor: pointer;
}

.inputForm
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width:130px;
    height:16px;
    padding:1px;
    float:left;
    color: #000000;
    border: 1px solid #666666;
	background-color:#ffffff;
}
.inputFormOver
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 130px;
    height:16px;
    padding:1px;
	float:left;
    color: #666666;
    border: 1px solid #666666;
	background-color: #f3f6f7;
}

.inputForm1
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	width: 460px;
	font-weight: normal;
    border: 1px solid #666666;
	background-color:#ffffff;
	color: #666666;
	float:left;
	height:100px;
}


.inputFormOver1
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	width:460px;
    color: #000000;
    border: 1px solid #666666;
	background-color: #f3f6f7;
	float:left;
	height:100px;
}

.formular
{
  padding:0px 5px 0px 20px;
  margin:20px 5px 10px 20px;
  width:480px;
  height:550px;
  border:solid 1px #cccccc;
}