/* CSS Document */


/*Les titres des blocs : coordonnées et message */

p.titre {
  background:#DED983;
  color:#345071;
  padding:.2em .3em;
  font-size:1.2em;
  border:2px outset #DED983;
  position:relative;
  margin-bottom:-1em;
  width:10em;
  margin-left:1em;
  margin-top:1em;
}

fieldset {
  border:none;
  margin-bottom:1em;
  width:24em;
  padding-top:1.5em;
  margin-right:30em;
}

select {
  margin-left:9em;
  margin-bottom:0;
}

/* Les champs et labels du bloc coordonnées  */

/* fieldset coordonnees */
fieldset#coordonnees {
  background:#A4D8EE;
  border:outset #A4D8EE;
}

#coordonnees label {
	position:absolute;
	font-size:90%;
	padding-top:.2em;
	left:61px;
	top: 77px;
	height: 472px;
	width: 238px;
}

#coordonnees input {
  margin-left:9em;
  line-height:1.4em;
  margin-bottom:.2em;
}

/*Le bloc message */

/* fieldset message */

fieldset#message {
  background:#9DF2CE;
  border:outset #9DF2CE;
}

/*Les cases radio pour la civilité */

#civilite {
  font-size:90%;
}

#civilite input {
  margin-left:9em;
}

#civilite input + input {
  margin-left:1em;
}

/*Les cases à cocher pour les centres d'intérêt */

/* cases a cocher des centres d'interet */
#interets {
  font-size:90%;
}
#interets input {
  margin-left:9em;
}
#interets input +input {
  margin-left:1em;
}
#interets br+input {
  margin-left:9em;
}

/*La zône de texte du message */

/* zone de texte du message */
textarea {
  font:.8em "Trebuchet MS", Verdana, sans-serif;
  width:29em;
  padding:.2em;
}

/*Les boutons submit et reset */

/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
  background:#DED983;
  font:1.2em "Trebuchet MS", Verdana, sans-serif;
  color:#345071;
}

p#buttons {
  text-align:center;
}