body {
background-color: #65619C;
margin: 0;
padding: 0;
behavior: url("http://www.easy-staff.com/csshover.htc");
} 
/*on enleve la restriction de taille du menu*/ 
div#menu {margin-top: 8px;/*width: 100px;*/} 
div#menu a {color:#645F9B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;} 
/* on enleve la taille de ul et labordure*/ 
div#menu ul {padding: 0;/* width: 100px; border:1px solid;*/ margin:0px;  color:#645F9B; font-family: Arial,Helvetica, sans-serif; font-size: 11px;} 

/*div#menu li:hover {background: none} 
div#menu li.sousmenu:hover {background: #FCAA06;} 
*/

/* rajout de couleur de fond et de survol */
div#menu ul.niveau2 li { background: #FCEED4;margin-top: 0px;}
div#menu ul.niveau2 li:hover { background: #FCAA06}

/*div#menu ul.niveau2 li.sousmenu {background: url(fleche1.gif) 95% 50% no-repeat;} */

/* float left pour les li afin d'aligner le menu et plus de bordures*/ 
div#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;} 

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/ 
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:130px} 
/* plus de bordure et taille remise a 100px*/ 
div#menu li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */width:130px} 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} 

/*Il faut decaller les soussous menu de la taille du sous menu */ 
div#menu ul.niveau3 {top:0; left: 130px; margin-top: 0px;} 


/* on enleve la bordure de chaque hauteur a une couleure de survol 
div#menu li a:hover {border-left-color: red;} 
div#menu ul ul li a:hover {border-left-color: #00FF00;} 
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}*/


/*** Mise en forme du formulaire ***/

#formcontact {
	border: none;
	margin: 0;
	padding: 0;
	width: 80%;
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#formcontact input ,textarea,select {
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#formcontact .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

 .alerte {	/*** Mis en évidence des champs mal renseignés ***/

	border: 2px solid red;
	margin:10px;
}
 .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 2px;
	padding-left: 2em;
	color: red;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url('../images/icon_alert.gif') no-repeat left center;
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	color: #645F9B;
	margin: 0;
	padding: 0.5em;
	background-color: #FCEED4;
	font: bold;
}
#piedForm {
	text-align: center; /*** Les boutons sont alignés au centre ***/
}
#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...) ***/
	color: #645F9B;
	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: #FF9900;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm  label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 50%;	/*** Les intitulés prennent 1/2 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 {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#formcontact .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}

#formcontact .erreur {	/*** Mise en avant des champs en erreur ***/
	background: red;
	color: black;
}
#ARcomm {
	margin-left: 50px;
	text-align: left;
}
/********************************************************************/

.texte {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #645F9B; text-decoration: none}
.textegris {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none}
.texteblanc {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none}

a.liensinternes:link {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9900; text-decoration: underline}
a.liensinternes:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9900; text-decoration: underline}
a.liensinternes:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9900; text-decoration: underline}
a.liensinternes:active {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9900; text-decoration: underline}

a.liensinternesBLC:link {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #655F9B; text-decoration: underline}
a.liensinternesBLC:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #655F9B; text-decoration: underline}
a.liensinternesBLC:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #655F9B; text-decoration: underline}
a.liensinternesBLC:active {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #655F9B; text-decoration: underline}

.Style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}