/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */

/* Import des style pour la charte */
/*@import  url("styles.css");*/


#divContact{
  margin:0;
  padding: 0;
}

#right-c{
  padding:0px;
  margin:0px;
  float:right;
  width:424px;
  background: url(../images/charte/contact/box1.jpg) no-repeat right bottom;
}
#intro-c{
  margin:0px;
  padding:0px;
  margin-bottom:15px;
}
#plan{
  width:113px;
  padding-left:40px;
  display: block;
  padding-top:50px;
  float:left;
}

#plan-text p{
  color: #b5b5b5;
  padding-left:0px;
  margin-left:0px;
  font-weight: bold;
  float:left;
  background: none;
  }


#plan-img a{
  float:left;
  width: 113px;
  height: 159px;
  margin-bottom:10px;
  margin-right:18px;
}
.out{
  background: url(../images/charte/contact/form-bgd.jpg) 40px top no-repeat;
  width:680px;
 height: 425px;
  float:right;
  margin-top: 20px;
  padding-left:20px;
  padding-right:40px;
}



#c_form{
  float:right;
  width:500px;
  height:400px;
  margin:0px;
  margin-top:0px;
}
#form1{
  float:left;
  width:220px;
  height: 125px;
  padding-top: 5px;
  margin-right:40px;
}
#form2{
  float:left;
  width:220px;
  height: 136px;
  padding-top: 5px;

}
#form3{
  float:right;
  width:500px;
  padding-top: 5px;
}
#divContact p{
  color: #b5b5b5;
  padding-left:5px;
}
#c_form p{
  color:#ffffff;
  padding:20px 0 0 50px;
  margin-left:0px;
  float:left;
  background: none;
}
/*label{
	width:12px;
	float:left;
	display:inline;
	clear:both;
	color:#b8b8b8;
	font:normal 12px/1.1em Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:5px;
	padding-top:20px;
	}*/
.mail_label{
	width:70px;
	float:left;
	color:#b8b8b8;
  font-weight: bold;
	font:normal 12px/1.1em Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:5px;
  padding-bottom:20px;
	}
.mail_input{
	width:100px;
	float:right;

	}

.inputForm{
  float:right;
  border:1px solid #757575;
	background-color: #333333;
	width:99px;
	font:normal 12px Arial;
	color:#b8b8b8;
 /*	margin-top: 0px;*/

	}
.inputFormOver{
  float:right;
  border:1px solid  #333333;
	background-color: #757575;
	width:99px;
	font-family:Arial;
	font-size:12px;
	color: #ffffff;
 /*	margin-top: 0px;*/

	}
.mail_input1{
  float:right;
	width:360px;
  height: 100px;
	float:right;

  padding-right:20px;
	}
.inputForm1{
  float:right;
  border:1px solid #757575;
	background-color: #333333;
	width:360px;
  height: 100px;
	font:normal 12px Arial;
	color:#ffffff;

	}
.inputFormOver1{
  float:right;
  border:1px solid  #333333;
	background-color: #757575;
	width:360px;
  height: 100px;
	font-family:Arial;
	font-size:12px;
	color: #ffffff;

	}
/*.button #b1{
  background: url(../images/charte/contact/envoyer.jpg);
}
.button #b2{
  background: url(../images/charte/contact/retablir.jpg);
}*/

.b1{
  float: left;
  background: url(../images/charte/contact/envoyer.jpg) top left;
  width:75px;
  height: 20px;
 	cursor:pointer;
  }
.b1Over{
  float: left;
  background: url(../images/charte/contact/envoyer.jpg) bottom left;
  width:75px;
  height: 20px;
 	cursor:pointer;
  }
.b2{
  float: left;
  background: url(../images/charte/contact/retablir.jpg) top left;
  width:75px;
  height: 20px;
 	cursor:pointer;
  }
.b2Over{
  float: left;
  background: url(../images/charte/contact/retablir.jpg) bottom left;
  width:75px;
  height: 20px;
 	cursor:pointer;
  }
.space{
  float: left;
  background: #000;
  width:10px;
}

#buttonbox{
  float:right;
  padding-right:20px;
}


/*.contact-content{
  padding-left: 30px;
}*/
#mention{

}

#mention p{
  color: #757575;
  margin:0px;
  padding:0px;
 	color: #757575;
  font-size: 10px;
  padding-left:50px;
}


  /* merci*/
#merci{

  padding-top:120px;
  padding-left: 220px;
  text-align: center;
  width:330px;

}

#merci p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:center;
color:#757575;
background:none;
clear:both;
}
#merci h1{
font:bold 14px Arial, Helvetica, sans-serif;
color:#b5b5b5;
text-align: center;
padding:0;
border: none;
}
#merci p a{
font:12px/1.2em Arial, Helvetica, sans-serif;


}