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

/* ===| FORMS |============================================*/
/* Newsletter form
*****************************************************************/

.ok-button,.ok-buttonOver{
    float: left;
    border: 0;
    width: 33px;
    height: 15px;
    cursor: pointer;
}
.ok-button{
    background: url(../images/charte/ok.jpg) no-repeat top left;
}
.ok-buttonOver{
    background: url(../images/charte/ok.jpg) no-repeat top left;
}
.inForm
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background:#FFFFFF url(../images/charte/background_input.jpg) no-repeat left top;
	border:none;
	color: #000;
    width:132px;
    float:left;
    padding: 0 2px 2px 2px;
    margin-left: 20px;
    display:inline;
	height:13px;
    margin-right:3px;
}
.inFormOver
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border:none;
  	background: url(../images/charte/newsletter-bg-input.jpg) no-repeat top left;
	color: #2c2c2c;
     width:132px;
    float:left;
    padding: 0 2px 2px 2px;
	height:13px;
    margin-right:5px;
}
.buttonOK
{
	background:url(../images/charte/ok.jpg) no-repeat top left;
	width: 33px;
	height: 15px;
    float:left;
}
.buttonOKover
{
	background:url(../images/charte/ok_ov.jpg) no-repeat top left;
	width: 33px;
	height: 15px;
    float:left;
	cursor: pointer;
}