/* 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 */
#contenuTexte{
	width:320px;
	float:left;
  margin:0px;
	margin-right:5px;
	padding: 0 10px;
  padding-top: 20px;
	overflow:auto;
	height: 304px;
}

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


#plan{
  border:solid 1px black;
  padding:2px;
  display: block;
  float:left;
  background: #ffffff;

}
#plan a{
  float:left;
  width: 95px;
  height: 95px;
  background: url(../images/charte/contact/plan-ico.jpg) top left;
}
#plan a:hover, #plan a.trigered{
	background-position:left bottom;
}
#planIt{
  border:solid 1px black;
  padding:2px;
  display: block;
  float:left;
  background: #ffffff;

}
#planIt a{
  float:left;
  width: 95px;
  height: 95px;
  background: url(../images/charte/contact/plan-it.jpg) top left;
}
#planIt a:hover, #planIt a.trigered{
	background-position:left bottom;
}
#c_form{
  float:right;
  width:301px;
}
#form1{
  float:left;
  padding-top: 5px;
}
#divContact p{
  color: #ffe1cc;
  padding:5px;

}
#c_form p{
  color:#ffe1cc;
  padding-left:0px;
  margin-left:0px;
  float:left;
  background: none;
}
#coords{
  padding-bottom:10px;
}

/*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:50px;
	float:left;
	color:#ffe1cc;
  font-weight: bold;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;

  padding-bottom:5px;
	}
.mail_input{
	width:200px;
	float:right;
	}
 .mail_input1{
	width:100px;
	float:left;
	}
.inputForm{
  float:right;
  border:1px solid #FFE1CC;
	background-color: #a44932;
	width:200px;
	font:normal 12px Arial;
	color:#FFE1CC;

	}
.inputFormOver{
  float:right;
  border:1px solid  #FFE1CC;
	background-color: #333333;
	width:200px;
	font:normal 12px Arial;
	color: #ffffff;

	}
.mail_label1{
	width:75px;
	float:left;
	color:#ffe1cc;
  padding-left:110px;
  font-weight: bold;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
  padding-bottom:5px;
	}
/*.mail_input1{
  float:left;
	width:200px;
	}*/
.inputForm1{
  float:right;
  border:1px solid #FFE1CC;
	background-color: #a44932;
	width:258px;
  height: 60px;
	font:normal 12px Arial;
	color:#FFE1CC;

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

	}
.b1{
  float: left;
  background: #ffffff;
  width:60px;
  height: 20px;
 	cursor:pointer;
  font-family:Arial;
	font-size:12px;
  font-weight: bold;
  }
.b1Over{
  float: left;
  background: #000000;
  width:60px;
  height: 20px;
 	cursor:pointer;
  color: #ffffff;
  font-family:Arial;
	font-size:12px;
  font-weight: bold;
  }
.b2{
  float: left;
  background: #ffffff;
  width:60px;
  height: 20px;
 	cursor:pointer;
  font-family:Arial;
	font-size:12px;
  font-weight: bold;
  }
.b2Over{
  float: left;
  background: #000000;
  width:60px;
  height: 20px;
 	cursor:pointer;
  color: #ffffff;
  font-family:Arial;
	font-size:12px;
  font-weight: bold;
  }
.space{
  float: left;
  width:20px;
}

#buttonbox{
padding-top:10px;
padding-left:125px;
}


  /********** merci**********/

#merci{
  padding-top:80px;
  padding-left: 10px;
  text-align: center;
  width:300px;
}
#merci p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
}
#merci h1{
font:bold 14px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align: center;
padding:0;
border: none;
}
#merci p a{
font:12px/1.2em Arial, Helvetica, sans-serif;
}