/*----------------------| newsletter |----------------------*/
.inForm
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #5c5858;
    padding: 5px 5px 0px 10px;
    width: 165px;
    float:left;
	height:19px;
	background: #ffffff;
	border: solid 1px #57b0ee;
     font-style: italic;
}
.inFormOver
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #5c5858;
    padding: 5px 5px 0px 10px;
    width: 165px;
    float:left;
	height:19px;
	background: #ffffff;
	border: solid 1px #57b0ee;
     font-style: italic;
}
.ok
{
	background: url(../../images/charte/ok.jpg) no-repeat top right;
    width: 48px;
	height: 26px;
    float:left;
    border: none;
}
.ok-over
{
	background: url(../../images/charte/ok-over.jpg) no-repeat top right;
	width: 48px;
	height: 26px;
    float:left;
    border: none;
    cursor: pointer;
}

/*----------------------| contact |----------------------*/
#frmContact{margin: 0; padding: 0px; width: 570px; background:transparent; border:none; font-family: Arial, Helvetica, sans-serif;}
#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;}
#frmContact p{ color: #3c3e42;}
#votre-message { color: #3c3e42 !important; padding-bottom: 4px !important; width: 180px; float: left; font-weight: bold;}
.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: 275px;
	float: left;
	padding-right: 15px;
}

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

.mail-input1
{
    color:#1390fc;
    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:#3c3e42;
    font-size:12px;
}
.mail-label1{
	font-weight: normal;
	float:left;
	text-align:left;
	height:15px;
	width:110px;
    color:#3c3e42;
    font-size:12px;
 }

.buttonE
{
    background: url(../../images/charte/contact/envoyer.jpg) no-repeat top left;
	border: none;
    width: 90px;
	height: 23px;
    margin-right: 5px;
}
.buttonEover
{
    background: url(../../images/charte/contact/envoyer-over.jpg) no-repeat top left;
	border: none;
    width: 90px;
	height: 23px;
    cursor: pointer;
    margin-right: 5px;
}
.buttonR
{
    background: url(../../images/charte/contact/retablir.jpg) no-repeat top left;
	border: none;
    width: 90px;
	height: 23px;
}
.buttonRover
{
    background: url(../../images/charte/contact/retablir-over.jpg) no-repeat top left;
	border: none;
    width: 90px;
	height: 23px;
    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:#005bb1;
    border: 1px solid #005bb1;
	background: transparent;
	float:left;
	height:15px;
}
.inputFormOver
{
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size:12px;
 	padding: 2px;
	margin: 3px 0 0 0px;
	width: 160px;
	height:15px;
    color: #3c3e42;
    border: 1px solid #3c3e42;
	background: transparent;
    float:left;
}

#contact-table
{
    color:#3c3e42;
    font-size:12px;
    line-height:14px;
    width:275px;
}

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

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

.checkbox
{
    height: 12px;
    width:12px;
    color: #3c3e42;
}
 /* ======== | merci | ==================== */

#merci
{
 width: 320px; height: 120px;
 background: #60acff url(../../images/charte/bg-encart.jpg) no-repeat top left; border: solid 1px #ffffff;
 margin: 150px 0px 150px 0px;
}

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

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