/* CSS Document */

.Style20 {	font-size: 10px;	color: #999999;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;}
.Style21 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;	color: #B2231B;}
.Style22 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-weight: bold;	color: #CCCCCC;}
.Style23 {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;color: #555555;}
.Style26 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.Style25 { font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 14px; color: #333333;}
.Style28 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #B2231B; }
.Style31 {font-size: 14px;	color: #B2231B;	font-weight: bold;}
.Style34 {font-size: 14px;	font-family: Arial, Helvetica, sans-serif;	color: #B2231B;}
.Style36 {font-family: Arial, Helvetica, sans-serif}
.Style37 {font-size: 14px; color: #B2231B; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.Style39 {color: #B2231B; font-size: 14px;}
.Style40 {font-size: 12px}
.Style41 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #B2231B; }
.Style42 {	color: #FFFFFF;	font-weight: bold;}
.Style44 {	font-size: 10px;	color: #B2231B;	font-weight: bold;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.Style45 {	color: #3A42A4;	font-size: 16px;	font-weight: bold;}

a:link {	color: #CCCCCC;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #CCCCCC;}
a:hover {	text-decoration: none;	color: #FFFFFF;}
a:active {	text-decoration: none;	color: #FFFFFF;}

a.lien2:link {	text-decoration: none;	color: #999999;}
a.lien2:visited {	text-decoration: none;	color: #999999;}
a.lien2:hover {	text-decoration: none;	color: #BEBEBB;}
a.lien2:active {	text-decoration: none;	color: #BEBEBB;}

a.lienfer:link {	text-decoration: none;	color: #B2231B;}
a.lienfer:visited {	text-decoration: none;	color: #B2231B;}
a.lienfer:hover {	text-decoration: none;	color: #B2231B;}
a.lienfer:active {	text-decoration: none;	color: #B2231B;}

body,td,th {	font-size: 0.8em;}

/***Style Contact***/

body {	margin: 0;	padding: 0;	font: .8em arial, hevetica, sans-serif;	text-align: left;	color: black;	background: white;}/*** Mise en forme générale de la page ***/
code {	font-size: .9em;}
html>body code {	font-size: 1.3em;	}/*** Mise en forme du formulaire ***/
#inscription {	border: none;	margin: 0;	padding: 0;	width: 30em;}/*** Largeur du formulaire ***/
#piedForm {	text-align: right; }/*** Les boutons sont alignés à droite ***/
#piedForm input {	font-weight: bold;margin-left: 1em;} /*** Pour améliorer la lisibilité des boutons ***/
#corpForm fieldset {	margin: 0;font-style: normal;padding: 0 1em 1em;}/*** Mise en forme des cadres ***/
#corpForm legend {	font-weight: bold;color: #0066CC;background: transparent;}/*** Mise en forme des titres des cadres ***/
#corpForm p {	padding: .2em 0;margin: 0 0 .2em 0;}/*** Mise en forme des lignes du formulaire ***/
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** 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 ***/
#corpForm label.oblig {	font-weight: bold;}	/*** Mise en évidence des champs obligatoires ***/
#corpForm .legende {		font-style: italic;color: #666;background: transparent;margin: 0;padding: 0;}/*** Mise en forme des aides contextuelles ***/
#corpForm a.aide {	text-decoration: none;}/*** Mise en forme des bulles d'aide ***/
#corpForm a.aide img {	margin: 0;padding: 0;border: 0;}/*** Mise en forme de l'image des bulles d'aide ***/
#corpForm a.aide:hover {	cursor: help;}/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
#corpForm a.aide:hover {	cursor: help;}/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
#corpForm .focus {	background: beige;color: black;}/*** Mise en avant des champs en cours d'utilisation ***/
#corpForm .normal {	background: white;color: black;}/*** Retour à l'état normal après l'utilisation ***/