html, body {
	height: 100%;
}

#divContact{
  margin: 0 0 10px 0;
  padding:0 0 0 5px;

/*  height:300px;*/
}


#divContact #left{
height: 385px;
float:left;
background: url(../images/charte/contact/bg-contact-left.gif) top left no-repeat;
width:200px;
display: inline;
padding-top: 25px;
padding-left: 5px;

}
#divContact #right{
background: url(../images/charte/contact/bg-contact.gif) top left no-repeat;
height: 365px;
margin-left:5px;
padding-left:20px;
padding-top: 25px;
width:395px;
float: left;
display: inline;
}
#divContact #right #rleft{
  float: left;
  width:170px;
  padding-left: 10px;

}
#divContact #right #rright{
  float: left;
  width:170px;
  padding-left: 10px;
  }

#plan{
  width:175px;

  margin:0 auto;
  padding-top: 10px;
}
#plan img{
margin:0;
padding:0;
border:none;
}
#plan p{
color:#fff;
font-weight: bold;
font-size: 14px;
line-height: 15px;
text-align: center;
}

#divContact p{
line-height: 15px;
}


.mail_label{
	width:75px;
	float:left;
  color:#fff;
  font-weight: bold;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
  padding:0px 0 10px 0px;
	}
.mail_input{
	width:90px;
	float:right;
  padding:0px 0px 0 0;
  }
.mail_input2{
	width:90px;
	float:right;
  padding:0px 0px 0 0;
  }
.inputForm{
  float:right;
  border:1px solid #afff00;
	background-color: #ffffff;
	width:90px;
	font:normal 12px Arial;
	color:#000;

	}
.inputFormOver{
  float:right;
  border:1px solid  #afff00;
	background-color: #eda56f;
	width:90px;
	font:normal 12px Arial;
	color: #000;

	}
.mail_label1{
	width:100px;
	float:left;
	color:#fff;
  font-weight: bold;
	font:12px Arial, Helvetica, sans-serif;
	text-align:left;
  padding:0px 0 5px 10px;
	}
.mail_input1{
	width:270px;
  height: 100px;
	float:right;
  padding:0px 35px 0px 0px;
  }

.inputForm1{
  float:right;
  border:1px solid #afff00;
	background-color: #ffffff;
	width:270px;
  height: 100px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;

	}
.inputFormOver1{
  float:right;
  border:1px solid  #afff00;
	background-color: #eda56f;
	width:270px;
  height: 100px;
	font:12px Arial, Helvetica, sans-serif;
	color: #000;

	}
.b1{
  float: left;
  background:url(../images/charte/contact/envoyer.jpg) left top no-repeat;
  width:75px;
  height: 20px;
 	cursor:pointer;
  border:none;
  }
.b1Over{
  float: left;
  background:url(../images/charte/contact/envoyer.jpg) left bottom no-repeat;
  width:75px;
  height: 20px;
 	cursor:pointer;
    border:none;
  }
.b2{
  float: left;
  background:url(../images/charte/contact/retablir.jpg) left top no-repeat;
  width:75px;
  height: 20px;
 	cursor:pointer;
    border:none;
  }
.b2Over{
  float: left;
  background:url(../images/charte/contact/retablir.jpg) left bottom no-repeat;
  width:75px;
  height: 20px;
 	cursor:pointer;
  border:none;

  }
.space{
  float: left;
  width:24px;
}

#buttonbox{
padding-left:140px;
padding-top:10px;
}
#merci{
  padding-top:50px;
}

#merci p{
  text-align: center;
  padding: 10px 10px 10px 10px;

}