/*---Contact---*/

#contact-content{
  width:520px;
  padding-top:30px;
  padding-left: 10px;


  }



/* contact adresse */

#contact-adresse{
  width:180px;
  height:50px;
  float:left;
  margin-top: 125px;
  }
  #contact-adresse p{
    font-size:11px;
    margin:0px;
    text-align:center;
    line-height:17px;
    }
    #frmContact{
      width:520px;
    }

#horair{
  width:200px;
  height:50px;
  float:left;
  margin-left: 45px;
  margin-top: 130px;
}
#horair p{
    font-size:11px;
    margin:0px;
    text-align:center;
    line-height:17px;
    }
/* contact plan */
#plan-acces{
  width: 300px;
}

#container .centered{
text-align:left;
width: 200px;
display: inline;
clear:both;
margin-right: 60px;
}
#contenu p.centered{
  font: bold 11px arial;
  color: #191970;
}
#contact-plan{
  width:278px;
  float:left;
  height:256px;
  margin-left:55px;
  display: inline;
  }
  .plan{
    text-align:left;
    display: inline;
    float: left;
    }
.plan a:link, .plan a:visited{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000080;
  cursor: pointer;
}
.plan a:hover{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9D0000;
  text-decoration: underline;
}

  #contenuTexte .plan a:link, #contenuTexte .plan a:visited{
      font:normal 11px Arial;
      text-decoration:underline;
      }
.bg-plan{
  padding-top: 40px;
  float: left;
}
.chk{
  width:160px;
  float:left;
}



/* contact form */

.contact-box{
    background: url(../images/charte/cont.jpg) 15px top  no-repeat;
	width:510px;
    padding-left:10px;
    float:left;
    display: inline;
    text-align: center;
    height: 485px;
    margin-left:10px;
	}
.form-left{
    float:left;
    display: inline;
    width: 230px;
    margin-left: 30px;
    margin-top: 20px;

  }
.form-right{
  margin-top: 20px;
  width:230px;
  float:right;
  display:inline;
  }
.inputForm{
	border:1px solid #000080;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000080;
    text-align: left;
    padding-left:2px;
	}

.inputForm:hover{
  background-color: #e3e3e3;
}


.inputFormOver{
	border:1px solid #0066FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000080;
	}
.checkuri{
 width:320px;
 float:left;
 display:inline;
 clear:both;
 padding-left:140px;
}

 #container .contactp p{
float:left;
width:160px;
padding:5px 25px 10px 25px;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #04166d;
 }
 .contactp{
   padding-left:50px;
   margin:20px 0 ;
 }
.mesaj{
margin-top:20px;
padding-left:30px;
float:left;
  width:450px;
  height: 80px;
 
}


.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	color:#3d322c;
	font:normal 12px Arial;
	text-align:left;
    line-height: 18px;
    color:#000080;
	}
.mail_label3{
	width:130px;
	float:left;
	display:inline;
	clear:both;
	color:#3d322c;
	font:normal 12px Arial;
	text-align:left;
    line-height: 18px;
    color:#000080;
	}
.mail_label2{
	width:100px;
	float:left;
	display:inline;
	clear:both;
	color:#3d322c;
	font:normal 12px Arial;
	text-align:left;
    line-height: 18px;
    color:#000080;
	}
.mail_input{
	width:130px;
	float:left;
	color:#000080;
    margin-bottom: 2px;


	}
.mail_input1{
    height:20px;
    text-align: left;
    margin:0px;

	}
  #frmContact{
    float: left;
    width:520px;
  }
/* contact buttons */

.buttons{
  height:25px;
  text-align:center;
  margin-left:145px;
  float:left;
  display:inline;
  padding-top:10px;
  padding-bottom:10px;
  }
.buttons div{
  width:150px;
  float:left;
  display:inline;
  }
.envoyer{
    background:url(../images/charte/envoyer.jpg) no-repeat center top;
    border:none;
	width:103px;
    height:25px;
	cursor:pointer;
    margin-left:5px;
	}
  .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{
  float: left;
}

#obligatoire p.star{
  color:#333;
  font:bold 10px Arial;
  text-align:left;
  float: left;
  display: inline;
  width:250px;
  margin-left:175px;
  }
  #obligatoire p.star span,
  .mail_label span{
  color:#ff0000;
  }
/*--end contact--*/