/* structure
--------------------------------- */
body {
  background-color: #000;
  font: 11px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  color: #000000;
  padding: 0;  
  margin: 0;
  text-align: center;
  border: 0;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
}

a,
a:visited {
  color: #333;
}

a:hover,
a:active {
  color: yellow;
}

/* masquer
------------------------------ */
#titre,
#articlecol h2,
#articlecol #presentation {
  display: none;
}

/* ------------------------------ */
#conteneur {
  position: relative;
  margin: 15px auto;
  padding: 0;
  width: 850px;
  text-align: left;
  z-index: 0;
}

#articlecol {
  position: relative;
  width: 850px;
  height: 600px;
  margin: 0;
  padding: 0;
}
 
/* pied de page
--------------------------------- */
#pied {
  position: relative;
  width: 850px;
  margin: 0px 0px 15px 0px;
  padding: 0;
  text-align: center;
  clear: both;
}

#pied p {
  font: 11px "Lucida Grande", LucidaGrande, Lucida, Lucida Sans Unicode, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #ccc;
}

#pied p a:hover,
#pied p a:active {
  color: #999;
}

#pied #block {
  background-color: #111;
  margin: 0;
  padding: 3px 0;
  color: #555;
  font-weight: bold;
}

/* Formulaire Contact
--------------------------------- */
form {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}

#formulaire {
  float: right;
  background-color:#B9D88D;
  position: relative;
  width: 320px;
  height: 600px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#formulaire fieldset {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}

#formulaire h1 {
  position: relative;
  margin: 20px 0;
  padding: 0;
  font: bold 18px "Lucida Grande", LucidaGrande, Lucida, Lucida Sans Unicode, Helvetica, Arial, sans-serif;
  color: #673401;
  text-align: center;
}

#formulaire label {
  position: relative;
  display: block;
  width: 150px;
  height: 18px;
  margin: 0;
  padding: 0;
  font: 12px "Comic sans MS", Helvetica, sans-serif;
  color: #673401;
  text-align: right;
}
  
input.champsform {
  position: relative;
  display: block;
  background: #FFFFFF;
  border: 1px solid #000000;
  width: 125px;
  height: 18px;
  margin: -18px 0 0px 150px;
  padding: 0 5px;
  font-size: 11px;
  font-family: arial, Helvetica, sans-serif;
  color: #000000;
}

label#mesArea {
  position: relative;
  display: block;
  width: 150px;
  height: 16px;
  margin: 0;
  padding: 0;
  font: 13px "Comic sans MS", Helvetica, sans-serif;
  color: #673401;
  text-align: left;
}

textarea.champsform2 {
  position: relative;
  margin: 5px 0 3px 0px;
  padding: 0 5px;
  font-size: 11px;
  font-family: arial, Helvetica, sans-serif;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
  height: 120px;
  width: 275px;
}

input.bouton {
  position: relative;
  margin: 5px 10px 0 0;
  padding: 0px;
  width: 65px;
  height: 22px;
}

#textedesc {
  position: relative;
  margin: 30px 0 0 0;
  padding: 0;
  font: 12px "Comic sans MS", Helvetica, sans-serif;
  color: #673401;
}

#error, #message {
	text-align: center;
	width: 100%;
	position: relative;
	margin-top: 10px;
	font-weight: bold;
	background: #FFFFFF;
	padding: 4px 0;
}

#error {
	color: #FF0000;
}

#message {
	color: #223388;
}