BODY {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	
	background-color:#83B7D1;
	background-image:url(img/neofly_fond_site.gif);
	background-repeat:repeat-x;

	overflow-y: hidden; /* fonction microsoft supprimant les ascenseurs sous IE */
	overflow-x: hidden; /* fonction microsoft supprimant les ascenseurs sous IE */
	margin: 150px 0% 0% 0%; /* la marge du body est à 0 pixels, sauf à gauche et en haut */
	padding:0;

}
html > body {overflow-y:hidden} /* annule le overflow-y pour firefox 1.5 et supérieur */

.conteneur { /* boite prenant toute la page sauf le menu rouge */
	height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
	overflow: auto;
	scrollbar-base-color:#5B396F;
	scrollbar-arrow-color:#ACCFE0;
	margin-left:0px;
	/*
	scrollbar-track-color:#CAE0EB;
	scrollbar-shadow-color:#CAE0EB;
	scrollbar-highlight-color:#CAE0EB;
	scrollbar-3dlight-color:'darkblue';
	scrollbar-darkshadow-Color:'white';*/
} /* on rajoute un ascenseur droit à la boite */
/* fin du hack "fixed" permettant de fixer le menu rouge sous IE */

.top { /* menu fixe en haut de l'écran */
	position: absolute ; /* position du menu = par rapport à la boite parent (ici le body) */
	top: 0 ; /* Le haut du menu est à 0 pixels du haut de l'écran */ 
	left: 234 ; /* La gauche du menu est à 0 pixels du bas de l'écran */ 
	height: 150px; /* hauteur du menu = 20 pixels */
}

.menu_top { /* menu fixe à gauche de l'écran */
	position: absolute; /* idem menu1 */
	top: 0; /* Le haut du menu est à 20 pixels du haut de l'écran (pour ne pas recouvrir la zone du haut) */ 
	left: 0; /* idem menu1 */
	width: 234px; /* largeur du menu */
	height: 100%; /* hauteur du menu (toute la page) */
}

#menu {
	position: absolute;
	bottom: 83;
	width: 213px;
}

#bot {
	position: absolute;
	bottom: -1;
	width:100%;
	right:17px;
}


body>.top {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */

body>.menu_top {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */

.principal {width:100% ; height:100%;} /* boite servant à faire défiler l'écran, en débordant de la page */



  /*////////////////////////////
 ///// Classes par défaut /////
////////////////////////////*/

TABLE {
text-align:justify;
}
FORM {
	margin:0px;
}

.INPUT_TEXT_OFF {
	background-color:#FFFFFF;
	border:1px #83B7D1 solid;
	height:18px;
	width:164px;
	font-size:11px;
	color:#5B396F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.INPUT_TEXT_ON {
	background-color:#DCEAF2;
	border:1px #83B7D1 solid;
	height:18px;
	width:164px;
	font-size:11px;
	color:#5B396F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

SELECT {
	background-color:#FFFFFF;
	border:1px #83B7D1 solid;
	height:16px;
	width:100%;
	font-size:11px;
	color:#5B396F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.SELECT_ON {
	background-color:#5B396F;
	border:1px #83B7D1 solid;
	height:16px;
	width:100%;
	font-size:11px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.TEXTAREA_OFF {
	background-color:#FFFFFF;
	border:1px #83B7D1 solid;
	height:80px;
	width:444px;
	font-size:11px;
	color:#5B396F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	scrollbar-base-color:#83B7D1;
	scrollbar-arrow-color:#6C3C88;
}

.TEXTAREA_ON {
	background-color:#DCEAF2;
	border:1px #83B7D1 solid;
	height:80px;
	width:444px;
	font-size:11px;
	color:#5B396F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	scrollbar-base-color:#83B7D1;
	scrollbar-arrow-color:#6C3C88;
}

.DEROULANT_ON {
	cursor:pointer;
	height:29px;
	background-color:#F8882E;
	background-image:url(img/onglet_orange.gif);
}

.DEROULANT_OFF {
	cursor:pointer;
	height:29px;
	background-color:#A5C0D9;
	background-image:url(img/onglet_bleu.gif);
}

.ESPACE_S {
	height:10px;
}

.ESPACE_M {
	height:15px;;
}

.ESPACE_L {
	height:20px;
}

.ESPACE_XL {
	height:30px;
}


  /*////////////////////////
 ///// Classes Textes /////
////////////////////////*/

.verd9gris{
	font-size:9px;
	color:#777873;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd9blanc{
	font-size:9px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd10blanc{
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd10grisclair{
	font-size:10px;
	color:#A6A6A6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd10gris2{
	font-size:10px;
	color:#625C66;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd10bleu{
	font-size:10px;
	color:#97B6F7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd10orange{
	font-size:10px;
	color:#F8882E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd14orange{
	font-size:14px;
	font-weight:bold;
	color:#F8882E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd10violet1{
	font-size:10px;
	color:#9D6EB9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd10violet2{
	font-size:10px;
	color:#C49DDB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd10violet3{
	font-size:10px;
	color:#6C3C88;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.verd14{
	font-size:14px;
	font-weight:bold;
}

.errorTexte{
	font-size:10px;
	color:#F8882E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tabListC1 {
	background-color:#CDE0F0;
	font-size: 10px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #4D535A;
}

.tabListC2 {
	background-color:#D8E8F6;
	font-size: 10px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #4D535A;
}

  /*///////////////////////
 ///// Classes Liens /////
///////////////////////*/

a:link {font-family:Verdana, Arial, Helvetica, sans-serif; color: #9D6EB9; text-decoration: none;}
a:active {font-family:Verdana, Arial, Helvetica, sans-serif; color: #9D6EB9; text-decoration: none;}
a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color: #9D6EB9; text-decoration: none;}
a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color: #C49DDB; text-decoration: none;}

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

a.orange:link {color: #F8882E; text-decoration: none;}
a.orange:active {color: #F8882E; text-decoration: none;}
a.orange:visited {color: #F8882E; text-decoration: none;}
a.orange:hover {color:#F8882E; text-decoration: underline;}

a.bleu:link {color: #97B6F7; text-decoration: none;}
a.bleu:active {color: #97B6F7; text-decoration: none;}
a.bleu:visited {color: #97B6F7; text-decoration: none;}
a.bleu:hover {color:#97B6F7; text-decoration: underline;}