/*----------------------| newsletter |----------------------*/
.inForm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/charte/bg-textbox.jpg) repeat-x top left;
	border:none;
	color: #808080;
    padding: 3px 2px 1px 2px;
	width:196px;
    float:left;
	height:16px;
    margin-left:15px;
}
.inFormOver
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/charte/bg-textbox.jpg) repeat-x top left;
	border:none;
	color: #303030;
    padding: 3px 2px 1px 2px;
	width:196px;
    float:left;
	height:16px;
    margin-left:15px;
}
.buttonOK
{
	background:url(../images/charte/ok.jpg) no-repeat top left;
	width: 32px;
	height: 20px;
    float:left;
}
.buttonOKover
{
	background:url(../images/charte/ok-over.jpg) no-repeat top left;
	width: 32px;
	height: 20px;
    float:left;
	cursor: pointer;
}

/* ===| contact |============================================*/
.contact-table
{
  width:300px;
}
/* labels */
.champs
{
   font-size: 10px;
   color:#666;
}
.obligatoire
{
  font-weight: bold;
  color: #327024;
}
/* input */
.inputForm
{
  width:196px;
  padding: 2px;
  height:16px;
  background: url(../images/charte/bg-input.jpg) repeat-x top left;
  color:#666666;
  border: solid 1px #cccccc;
}
.inputFormOver
{
  width:196px;
  padding: 2px;
  height:16px;
  background: url(../images/charte/bg-input-over.jpg) repeat-x top left;
  color:#000000;
  border: solid 1px #d2e2d0;
}
.inputForm1
{
  width:196px;
  padding: 2px;
  height:76px;
  background-color: #ffffff;
  color:#666666;
  border: solid 1px #cccccc;
}
.inputForm1Over
{
  width:196px;
  padding: 2px;
  height:76px;
  background-color: #f7f7f7;
  color:#000000;
  border: solid 1px #d2e2d0;
}
.text-area
{
  width:200px;
  height: 80px;
}
/* buttons */
.buttonenvoyer
{
  width: 80px;
  height: 36px;
  background: url(../images/charte/bg-envoyer.jpg) no-repeat top left;
  border:none;
}
.buttonenvoyerover
{
  width: 80px;
  height: 36px;
  background: url(../images/charte/bg-envoyer-over.jpg) no-repeat top left;
  cursor: pointer;
  border:none;
}
.buttonretablir
{
  width: 80px;
  height: 36px;
  background: url(../images/charte/bg-retablir.jpg) no-repeat top left;
  border:none;
}
.buttonretablirover
{
  width: 80px;
  height: 36px;
  background: url(../images/charte/bg-retablir-over.jpg) no-repeat top left;
  cursor: pointer;
  border:none;
}
/*============== formulaire ================*/
#form_top
{
  float: left;
  width: 600px;
  height:136px;
  background: url(../images/charte/form-top.jpg) no-repeat top left;
}
.form_middle
{
  float: left;
  height:430px;
  width:580px;
  text-align: center;
  margin-bottom:6px;
}
#form_bottom
{
  float: left;
  width: 600px;
  height:28px;
  background: url(../images/charte/form-bottom.jpg) no-repeat top left;
}
#form_bottom a:link, #form_bottom a:visited
{
	float:right;
	height: 28px;
    width:28px;
	display: block;
	background:url(../images/charte/fermer.jpg) 100% 0% no-repeat;
}
#form_bottom a:hover, #form_bottom a:active{
	background:url(../images/charte/fermer-over.jpg) 100% 0% no-repeat;}
.form-table
{
  width:550px;
  line-height: 15px;
}
.check-box
{

    text-transform:uppercase;
    padding-bottom:3px;
}
.bullet
{
  background: url(../images/charte/list-bullet2.jpg) no-repeat left center;
  padding:0 0 0 10px;
  width: 150px;
  border-right: solid 1px #d8d8d8;
}
.bullet2
{
  background: #eaeaea url(../images/charte/list-bullet2.jpg) no-repeat 1% 10%;
  padding:0 5px 0 15px;
  font-size: 10px;
  text-transform: uppercase;
  text-align: justify;
}