/*----------------------| newsletter |----------------------*/
.inForm
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/charte/newsletter-bg-input.jpg) no-repeat top left;
	border:none;
	color: #6e6e6e;
    padding: 4px 2px 1px 10px;
	width:171px;
    float:left;
	height:18px;
    margin-right:5px;
}
.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;
    padding: 4px 2px 1px 10px;
	width:171px;
    float:left;
	height:18px;
    margin-right:5px;
}
.buttonOK
{
	background:url(../images/charte/newsletter-ok.jpg) no-repeat top left;
	width: 36px;
	height: 22px;
    float:left;
}
.buttonOKover
{
	background:url(../images/charte/newsletter-ok-over.jpg) no-repeat top left;
	width: 36px;
	height: 22px;
    float:left;
	cursor: pointer;
}
/*--------------------------- 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: 12px;
    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: 12px;
	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: 83px;
	height: 22px;
}

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

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

.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: 546px;
    border: 1px solid #b1b1b1;
	background-color:#fbfbfb;
	color: #666666;
	float:left;
	height:76px;
}

.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:546px;
    color: #000000;
    border: 1px solid #666666;
	background-color: #efefef;
	float:left;
	height:76px;
}

.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;
}