/*---Contact---*/

#contact-content{
  width:650px;
  margin-left:70px;
  }

/* contact adresse */

#contact-adresse{
  background:url(../images/charte/contact-logo.jpg) no-repeat left top;
  width:144px;
  height:250px;
  float:left;
  margin-top:10px;
  }
  #contact-adresse p{
    font-size:11px;
    margin:0px;
    text-align:left;
    line-height:15px;
    padding-bottom:17px;

    }
  #contact-adresse p.adress{
    font-size:11px;
    margin:0px;
    padding:0;
    text-align:left;
    line-height:14px;
    padding-top:95px;
    padding-bottom:3px;
    }


/* contact form */

.contact-box{
	width:410px;
  float:right;
  border-left:1px solid #3C3C3C;
	}
.form-left{
  width:230px;
  float:left;
  display:inline;
  padding-left:10px;
  }
.form-right{
  width:265px;
  margin:10px auto 0;
  }
.inputForm{
	border:1px solid #5B5A58;
	background-color:#363636;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#969696 ;
	}
.inputFormOver{
	border:1px solid #9A9A9A;
	background-color:#626060;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	}

textarea{width:175px;}
.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#262626;
	font:bold 12px Arial;
	text-align:left;
	}
.mail_input{
	float:left;
	margin-top:5px;
	color:#fff;
	}
/* contact buttons */
.mail_input input{
  width:175px;
}


.buttons{
  clear:both;
  width:175px;
  margin-left:70px;
  padding-top:12px;
  height:25px;
  }
.buttons div{
  width:80px;
  float:right;
  text-align: right;

  }
.button{
  background:url(../images/charte/arrow-button.jpg) no-repeat left center;
  border:none;
	width:64px;
  height:25px;
	cursor:pointer;
  font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#ffffff;
  padding-left:14px;
  color:#E20606;

	}
  .button:hover{
    background:url(../images/charte/arrow-button-over.jpg) no-repeat left center;
    color:#b1b1b1;
    }

/* obligatoire */


  .mail_label span,
  .small span{
  color:#DF0303;
  }
/*--end contact--*/

#devis{
  width:220px;
  float:left;
  padding-top:7px;
  padding-bottom:15px;

  }
#devis-content{
  margin:15px;
  width:190px;
  }

.devis_label{
	width:55px;
	float:left;
	display:inline;
	margin-top:5px;
	color:#ffffff;
	font:bold 11px Arial;
	text-align:left;
  padding:2px 0;
	}
.wide{
  width:180px;
  padding:0;
}
.devis_label span{
  color:#ff0000;
  }


.devis_input{
	float:left;
	margin-top:5px;
  width:100px;
	}
 .inputForm1{
	border:1px solid #030303;
	background-color:#DEDBDB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1A1A1A;
  padding:2px;
	}
.inputForm1Over{
	border:1px solid #DE0405;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#DE0405;
  padding:2px;
	}
.button1{
  background:url(../images/charte/envoyer1.jpg) no-repeat left center;
  border:none;
	width:80px;
  height:20px;
	cursor:pointer;
  font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#ffffff;
  padding-left:14px;
  color:#E20606;
  float:right
	}
  .button1:hover{
    background:url(../images/charte/envoyer1-over.jpg) no-repeat left center;
    color:#b1b1b1;
    }