﻿.fielderror {
	color: red;
}
body {
	margin: 1em;
	padding: 0;
	font: .8em arial, hevetica, sans-serif;
	text-align: center;
	color: black;
	background-image: url("/images/pixe.gif");
}
p#notes {
	border-bottom: 1px dotted black;
	padding-bottom: 1em;
}
p#footer {
	border-top: 1px dotted black;
	padding-top: 1em;
}
code {
	font-size: .9em;
}
html > body code {
	font-size: 1.3em;
}
/*** Mise en forme du formulaire ***/
#surveys {
	border: none;
	margin: 0;
	padding: 0;
	width: 55em;    /*** Largeur du formulaire ***/
}
#einvoice {
	border: none;
	margin: 0;
	padding: 0;
	width: 55em;    /*** Largeur du formulaire ***/
}
#thanksform {
	border: none;
	margin: 0;
	padding: 0;
	width: 55em;    /*** Largeur du formulaire ***/
}
#titreForm, #piedForm {
	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #747474;
	margin: 0;
	padding: 1em;
	text-align: left;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/;
	margin-left: 1em;
}
#corpForm {
	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {
	/*** Mise en forme des cadres ***/
			margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {
	/*** Mise en forme des titres des cadres ***/
			font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {
	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {
	/*** Mise en forme des intitulés de champs ***/
	float: left; /*** Très important, ne pas suprimer ! ***/;
	width: 40%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/;
	text-align: right; /*** ... et ils sont alignés à droite... ***/;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;    /*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;    /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
body, td, th {
	font-size: 0.8em;
}
.style3 {
	color: #FF0000;
	font-size: 1.5em;
}
.style4 {
	color: #FF0000;
}
