/*----------------------| contact |----------------------*/
#frmContact{margin: 0; padding: 0px; width: 570px; background:transparent; border:none; }
#frmContact label{display: block; padding: 4px 2px; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{vertical-align: top;}

.col-left1
{
  width: 277px;
	float: left;
}

.col-left2
{
  width: 277px;
	float: left;
	padding: 0 0px 10px 14px;
}

.col-left
{
  width: 568px;
	float: left;
	padding: 0px 0 0 0;
	padding: 0 0px 10px 0px;
}

.col-right1
{
  width: 276px;
	float: left;
}

.col-right2
{
  width: 265px;
	float: left;
	padding-right: 25px;
}

.mail-input
{
    color: #222222;
    width:164px;
    text-align: left;
    float: left;

}
.mail-input1
{
    color:#222222;
    width:276px;
    text-align: left;
    float: left;
}
.mail-label{
	font-weight: normal;
	float:left;
	text-align:left;
	height:15px;
	width:110px;
    margin-top:5px;
    color:#222222;
    font-size:12px;
}
.mail-label1{
	font-weight: normal;
	float:left;
	text-align:left;
	height:15px;
	width:110px;
    color:#222222;
    font-size:12px;
 }
.buttonE
{
    background: url(../../images/charte/contact/envoyer.gif) no-repeat top left;
	border: none;
    width: 80px;
	height: 19px;
    margin-right: 5px;
}
.buttonEover
{
    background: url(../../images/charte/contact/envoyer-over.gif) no-repeat top left;
	border: none;
    width: 80px;
	height: 19px;
    cursor: pointer;
    margin-right: 5px;
}
.buttonR
{
    background: url(../../images/charte/contact/retablir.gif) no-repeat top left;
	border: none;
    width: 80px;
	height: 19px;
}
.buttonRover
{
    background: url(../../images/charte/contact/retablir-over.gif) no-repeat top left;
	border: none;
    width: 80px;
	height: 19px;
    cursor: pointer;
}
.inputForm
{
    font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size:12px;
    padding: 2px;
	margin: 3px 0 0 0px;
	width:160px;
    color:#828282;
    border: 1px solid #828282;
	background: transparent;
	float:left;
	height:14px;
}
.inputFormOver
{
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size:12px;
 	padding: 2px;
	margin: 3px 0 0 0px;
	width: 160px;
	height:14px;
    color: #000000;
    border: 1px solid #000000;
	background: transparent;
    float:left;
}
.inputForm1
{
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size:12px;
    padding: 2px;
	margin: 3px 0 0 0px;
	width: 170px;
    color:#828282;
    border:1px solid #828282;
	background: transparent;
	float:left;
	height:14px;
}
.inputForm1Over
{
   font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	 font-size:12px;
 	padding: 2px;
	margin: 3px 0 0 0px;
	width: 170px;
	height:14px;
    color: #000000;
    border:1px solid #000000;
	background: transparent;
    float:left;
}
#contact-table
{
    color:#222222;
    font-size:12px;
    line-height:14px;
    width:250px;
}
tr
{
  font-size: 12px;
	vertical-align: middle;
  height: 12px;
}

td
{
  font-size: 12px;
	vertical-align: middle;
}

.checkbox
{
    height: 12px;
    width:12px;
    color: #222222;
}

 /* ======== | merci | ==================== */
#merci
{
	  float:left;
	  padding:  30px 0 30px 176px;
}

#merci-inner
{
 width: 289px;
 height: 143px;
 background: url(../../images/charte/bg-merci.gif) no-repeat top left;
}

    #merci p {
        text-align: center;
        padding: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
        color: #ffffff;
        padding: 97px 0px 0 0px;
        font-weight: bold;
        }
#merci a:link, #merci a:visited
{
    color: #a2a2a2 !important;
    text-decoration: none;
}

#merci a:active, #merci a:hover
{
    color: #ffffff !important;
    text-decoration: none;
}