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

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

.ok-button,.ok-buttonOver{
    float: left;
    border: 0;
    width: 33px;
    height: 29px;
    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:url(../images/charte/sign_background.jpg) no-repeat left top;
	border:none;
	color: #4d8219;
    width:172px;
    float:left;
    padding: 3px 0px 0px 7px;
    display:inline;
	height:18px;
    margin: 25px 3px 3px 3px;
}
.inFormOver
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border:none;
  	background:url(../images/charte/sign_background.jpg) no-repeat top left;
	color: #4b72b3;
    width:172px;
    float:left;
    padding: 3px 0px 0px 7px;
    display:inline;
	height:18px;
    margin: 25px 3px 3px 3px;
}
.buttonOK
{
	background:url(../images/charte/ok.jpg) no-repeat top left;
	width: 33px;
	height: 29px;
    float:left;
    margin-top:20px;
}
.buttonOKover
{
	background:url(../images/charte/ok_ov.jpg) no-repeat top left;
	width: 33px;
	height: 29px;
    float:left;
	cursor: pointer;
  margin-top:20px;
}

/*--------------------------- contact ---------------------------*/
.title-contact
{
	text-align:center;
	width:95%;
	clear:both;
	padding-top:5px;
	font-weight:bold;
    color:#ca0000;
}

.title-oblig
{
    text-align:center;
    clear:both;
    padding-top:5px;
    padding-left:12px;
    color:#666666;
    width:550px;
    font-size:11px;
    font-weight:normal;
    margin-bottom:5px;

}

.comment-title
{
    font-family: Arial, Helvetica, sans-serif;
	float:left;
	clear:both;
    font-size:11px;
	text-align:left;
	height:25px;
	width:500px;
	font-weight:bold;
	color:#7e267e;
	margin-left:5px;
	margin-bottom:0px;
}

/*checkbox*/
.mail_input1
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    height:20px;
    line-height:15px;
	font-weight: bold;
	color:#000;
    float:left;
    padding-left: 30px;
    width:100px;
}

.mail_label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	float:left;
	text-align:left;
	height:20px;
	color:#000000;
	width:75px;
    padding-right:10px;
	margin-top:10px;
    text-align: right;
}
.mail_input3{
 width:550px;
 padding:2px 0 0 0;
 float:left;
 clear:left;
}

.buttonE
{
    background: url(../images/charte/envoyer.jpg) no-repeat top left;
	border: none;
	width: 90px;
	height: 20px;
    margin-right:20px;
}

.buttonEover
{
    background: url(../images/charte/envoyer-over.jpg) no-repeat top left;
	border: none;
	width: 90px;
	height: 20px;
    margin-right:20px;
    cursor: pointer;
}
.buttonR
{
    background: url(../images/charte/retablir.jpg) no-repeat top left;
	border: none;
	width: 90px;
	height: 20px;
    margin-left:20px;
}

.buttonRover
{
    background: url(../images/charte/retablir-over.jpg) no-repeat top left;
	border: none;
	width: 90px;
	height: 20px;
    cursor: pointer;
    margin-left:20px;
}

.inputForm
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0 0 0px;
	width:171px;
    border: 1px solid #b1b1b1;
	background-color:#fbfbfb;
	color: #666666;
	float:left;
    padding:2px;
	height:14px;
}
.inputForm1
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	width: 540px;
    border: 1px solid #b1b1b1;
	background-color:#fbfbfb;
	color: #666666;
	float:left;
	height:76px;
    margin-left:6px;
}

.inputFormOver
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0 0 0px;
	width: 171px;
	font-weight: normal;
	float:left;
    padding:2px;
	height:14px;
    color: #000000;
    border: 1px solid #666666;
	background-color: #efefef;
}
.inputFormOver1
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	width:540px;
  color: #000000;
  border: 1px solid #666666;
	background-color: #efefef;
	float:left;
	height:76px;
    margin-left:6px;
}

.mail-send{
float:left;
width:80px;
padding-left:200px;
margin-right:10px;
position:relative;
}
.mail-reset{
float:left;
width:80px;
position:relative;
}
.formular
{
  width:600px;
}

.couleur
{
  color:#ca0000;
  font-weight: bold;
}