/*------------ newsletter ------------------*/
.inForm
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
    background: #ffffff;
	color: #014e8a;
    padding: 4px 5px 0px 12px;
    width:172px;
    float:left;
	height:20px;
    border: solid 1px #90b3c9;
    margin-right:4px;
}
.inFormOver
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #e4f3ff;
	color: #0064ba;
    padding: 4px 5px 0px 12px;
	width: 172px;
    float:left;
   	height: 20px;
    border: solid 1px #90b3c9;
    margin-right:4px;
}
.ok
{
	background: url(../../images/charte/ok.jpg) no-repeat top right;
    width: 49px;
	height: 26px;
    float:left;
    border: none;
}
.ok-over
{
	background: url(../../images/charte/ok-over.jpg) no-repeat top right;
	width: 49px;
	height: 26px;
    float:left;
    border: none;
    cursor: pointer;
}


/*----------------------| 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;}
#frmContact p{ color: #005bb1;}
#votre-message { color: #1390fc !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:#1390fc;
    font-size:12px;
}
.mail-label1{
	font-weight: normal;
	float:left;
	text-align:left;
	height:15px;
	width:110px;
    color:#1390fc;
    font-size:12px;
 }
.buttonE
{
    background: url(../../images/charte/contact/envoyer.jpg) no-repeat top left;
	border: none;
    width: 64px;
	height: 23px;
    margin-right: 5px;
}
.buttonEover
{
    background: url(../../images/charte/contact/envoyer-over.jpg) no-repeat top left;
	border: none;
    width: 64px;
	height: 23px;
    cursor: pointer;
    margin-right: 5px;
}
.buttonR
{
    background: url(../../images/charte/contact/retablir.jpg) no-repeat top left;
	border: none;
    width: 64px;
	height: 23px;
}
.buttonRover
{
    background: url(../../images/charte/contact/retablir-over.jpg) no-repeat top left;
	border: none;
    width: 64px;
	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: #2aa0ff;
    border: 1px solid #2aa0ff;
	background: transparent;
    float:left;
}

#contact-table
{
    color:#1390fc;
    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: #542a00;
}
 /* ======== | merci | ==================== */

#merci
{
 width: 320px; height: 120px;
 background: url(../../images/charte/encart1.jpg) no-repeat top left;
 border: solid 3px #fff;
 margin: 100px 0px 100px 0px;
}

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

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