/*----------------------| contact |----------------------*/
#frmContact{margin: 0; padding: 15px 10px 15px 15px; width: 703px; height: 100%; border: solid 2px #7d7d7d; }
#frmContact1{margin: 0;padding: 15px 0px 15px 35px; width: 723px; height: 100%; border: solid 2px #7d7d7d; }
#frmContact label{display: block; padding: 4px 2px; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}
.mail-input
{
    color: #ffffff;
    width:184px;
    text-align: left;
    float: left;

}
.mail-input1
{
    color:#ffffff;
    width:184px;
    text-align: left;
    float: left;
}
.mail-label{
	font-weight: normal;
	float:left;
	text-align:left;
	height:15px;
	width:120px;
    margin-top:5px;
    color: #b0ccff;
    font-size:12px;
}
.mail-label1{
	font-weight: normal;
	float:left;
	text-align:left;
	height:15px;
	width:120px;
    margin-top:5px;
    color: #b0ccff;
    font-size:12px;
 }
.buttonE
{
	background:url(../../images/charte/envoyer.jpg) no-repeat top left;
	border: none;
  width: 82px;
	height: 21px;
  margin-right: 5px;;
}
.buttonEover
{
	background: url(../../images/charte/envoyer-over.jpg) no-repeat top left;
	border: none;
  width: 82px;
	height: 21px;
  cursor: pointer;
  margin-right: 5px;
}
.buttonR
{
    background: url(../../images/charte/retablir.jpg) no-repeat top left;
	border: none;
  width: 82px;
	height: 21px;
}
.buttonRover
{
	background: url(../../images/charte/retablir-over.jpg) no-repeat top left;
	border: none;
 	width: 82px;
	height: 21px;
  cursor: pointer;
}

.buttonE1
{
	background:url(../../images/charte/envoyer1.jpg) no-repeat top left;
	border: none;
  width: 82px;
	height: 21px;
  margin-right: 5px;
	margin-left: 40px;
}
.buttonE1over
{
	background: url(../../images/charte/envoyer1-over.jpg) no-repeat top left;
	border: none;
  width: 82px;
	height: 21px;
  cursor: pointer;
  margin-right: 5px;
	margin-left: 40px;
}
.buttonR1
{
    background: url(../../images/charte/retablir1.jpg) no-repeat top left;
	border: none;
  width: 82px;
	height: 21px;
}
.buttonR1over
{
	background: url(../../images/charte/retablir1-over.jpg) no-repeat top left;
	border: none;
 	width: 82px;
	height: 21px;
  cursor: pointer;
}

.champs
{
  text-align: center;
	padding-left: 330px;
	padding-top: 10px;
}


.inputForm
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size:11px;
    padding: 2px;
	margin: 3px 0 0 0px;
	width:180px;
    color:#ffffff;
    border: 1px solid #363636;
	background: transparent;
	float:left;
	height:14px;
}
.inputFormOver
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size:11px;
 	padding: 2px;
	margin: 3px 0 0 0px;
	width: 180px;
	height:14px;
    color: #b0ccff;
    border: 1px solid #b0ccff;
	background: transparent;
    float:left;
}
.inputForm1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size:11px;
    padding: 2px;
	margin: 3px 0 0 0px;
	width: 570px;
    color:#ffffff;
    border:1px solid #363636;
	background: transparent;
	float:left;
	height:14px;
}
.inputForm1Over
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size:11px;
 	padding: 2px;
	margin: 3px 0 0 0px;
	width: 570px;
	height:14px;
    color: #b0ccff;
    border:1px solid #b0ccff;
	background: transparent;
    float:left;
}
#contact-table
{
    color:#A1A1A1;
    font-size:12px;
    line-height:12px;
    width:320px;
}
td
{
  font-size: 11px;
}

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

.champs-obligatoires
{
  text-align:center; float: left; padding: 10px 0 0 130px;
}


#merci
{
  clear: both;
  padding: 91px 0 200px 131px;
}

#merci-box
{ clear:both;
   width: 670px;
	height: 59px;
	float: left;
	background: url(../../images/charte/bg-merci.jpg) no-repeat top left;
	padding: 30px 0px 0 0px;
}
#merci-box p
{
  text-align: left;
  padding: 30px 0 0 296px;
	color: #0f3881;
}
#merci-box a:link, #merci-box a:visited
{
   color:#0f3881 !important;
   font-weight: bold !important;
   text-decoration: none !important;

 }
#merci-box a:hover, #merci-box a:active
{
   color:#427ae1!important;
   font-weight: bold !important;
   text-decoration: underline !important;
 }