/*---Contact---*/

#contact-content{
  width:480px;
  }

/* contact adresse */

#contact-adresse{
  background:url(../images/charte/contact-logo.jpg) no-repeat left top;
  width:220px;
  float:left;
  padding-top:45px;
  margin-top:10px;
  }
  #contact-adresse p{
    font-size:11px;
    margin:0px;
    text-align:left;
    line-height:17px;
    }
  #contenu p.icon{
    background:url(../images/charte/icon-contact.jpg) no-repeat left 9px;
    padding-left:12px;
    border-bottom:1px solid #454298;
    padding-bottom:5px;
    padding-top:3px;
    }

/* contact plan */

#contact-plan{
  width:220px;
  float:right;
  margin-top:10px;
  }
  .plan{text-align:right;}
  #contenu .plan a:link, #contenu .plan a:visited{
    font:normal 11px Arial;
    text-decoration:none;
    }
  #contenu .plan a:hover, #contenu .plan a:active{
    color:#ffffff;
    }

/* contact form */

.contact-box{
	width:200px;
  float:left;
  padding-left:20px;
  margin-left:20px;
  display:inline;
  background: url(../images/charte/dotted.jpg) repeat-y left top;
	}
.form-left{
  width:220px;
  float:left;
  }
.inputForm{
	border:1px solid #18157B;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#23217E;
	}
.inputFormOver{
	border:1px solid #18157B;
	background-color:#FFF99E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff0000;
	}

textarea{width:125px;}
.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:3px;
	color:#ffffff;
	font:normal 11px Arial;
	text-align:left;
	}
.mail_input{
	width:140px;
	float:left;
	margin-top:3px;
	color:#fff;
	}
/* contact buttons */

.buttons{
  clear:both;
  padding-top:12px;
  width:220px;
  text-align:center;
  margin:10px auto 0;
  }
.buttons div{
  width:110px;
  float:left;
  }
.envoyer{
  background:url(../images/charte/envoyer.jpg) no-repeat center top;
  border:none;
	width:103px;
  height:25px;
	cursor:pointer;
	}
  .envoyer:hover{
    background:url(../images/charte/envoyer-over.jpg) no-repeat center top;
    }
.retablir{
  background:url(../images/charte/retablir.jpg) no-repeat center top;
  border:none;
  width:103px;
  height:25px;
	cursor:pointer;
	}
  .retablir:hover{
    background:url(../images/charte/retablir-over.jpg) no-repeat center top;
  	}

/* obligatoire */

#obligatoire p.star{
  color:#ffffff;
  font:normal 10px Arial;
  text-align:center;
  margin:0;
  }
  #obligatoire p.star span,
  .mail_label span{
  color:#ff0000;
  }
/*--end contact--*/