BODY {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	background-color: #000000;
	color: #FFFFFF;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color:	#DFE4E7;
	scrollbar-track-color:	#DFE4E7;
	scrollbar-shadow-color:	#000000;
	scrollbar-darkshadow-color:	#000000;
	scrollbar-highlight-color:	#000000;
	scrollbar-3dlight-color:	#000000;
}

INPUT, SELECT, TEXTAREA {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	background: #FFFFFF;
	color: #000000;
	height: 1.5em;
	border: none;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color:	#DFE4E7;
	scrollbar-track-color:	#DFE4E7;
}

.form_error	{
	background-color: #FF0000;
}

.label_file	{
	width: 79px;
	height: 22px;
	background: url(/images/menus/Coming-soon.png) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	cursor: pointer;
}


.input_file	{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}



.form_tbl	{
	border: 1px ridge #000000;
	border-collapse: collapse;
}


.bord_tbl	{
	border-width: 1px;
	border-style: ridge;
	border-color: #FFFFFF;
}


.philo	{
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	scrollbar-face-color: #DFE4E7;
	scrollbar-arrow-color:	#FFFFFF;
	scrollbar-track-color:	#FFFFFF;
	scrollbar-shadow-color:	#FFFFFF;
	scrollbar-darkshadow-color:	#FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-3dlight-color:	#FFFFFF;
}


A:link	{
	color: #FFFFFF;
	text-decoration: none;
}

A:active	{
	color: #ED6D0C;
	text-decoration: underline;
}

A:hover	{
	color: #ED6D0C;
	text-decoration: underline;
}

A:visited	{
	color: #FFFFFF;
	text-decoration: none;
}


.tblTtr {
	color: #000000;
	background-color: #DDDDDD;
	font-family: DIN Regular, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border: 1px ridge #000000;
}



.tblTtr_fonce {
	color: #000000;
	background-color: #CCCCCC;
	font-family: DIN Regular, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border: 1px ridge #000000;
}

.tblTtr_small {
	color: #000000;
	background-color: #DDDDDD;
	font-family: DIN Regular, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-decoration: none;
	border: 1px ridge #000000;
}

.tblLgnPr {
	color: #000000;
	background-color: #DFE4E7;
	font-family: DIN Regular, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}


.tblLgnImp {
	color: #000000;
	background-color: #B4B8BB;
	font-family: DIN Regular, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}




.ppS {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

.ppB {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
}




.pS {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.pB {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

.mS {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.mB {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.gS {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

.gB {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

.eS {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
}

.eB {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

.iS {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
}

.iB {
	font-family: DIN Regular, Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
}


/******************/
/* MENU DEROULANT */
/******************/
div#menu {
          width: 100px;
         }

div#menu ul {
             padding: 0;
             width: 100px;
             border:1px solid;
             margin:0px;
            }
div#menu ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
                border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/
               }

div#menu ul ul {
                position: absolute;
                top: 20px;
                left: 0; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
               }  

div#menu li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              }

	/* fond jaune pr les sous-menu */
div#menu li.sousmenu {
                      background: yellow;
                     }
 /* fichier pour internet explorer */
body {
      behavior: url(/csshover.htc);
     }

/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
                position: absolute;
                top: 25px;
                left: 0;
                display:none
               }

/* Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                 }
												 
 /* fond blanc pour le menu */
div#menu a {
            color:#FFFFFF
           }

/* fond different au survol de la souris entre les sous-menu et les "basiques"*/
div#menu li:hover {
                   background: #ED6D0C;
                  }

div#menu li.sousmenu:hover {
                            background: #ED6D0C;
                           }

/* Rajout d'une petite fleche pour les sous menu (j'ai pioché cette astuce sur le web ;) )*/
div#menu li.sousmenu {
                      background: url(/images/crs_blc.gif) 95% 50% no-repeat;
                     }

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */
div#menu li a {
               text-decoration: none;
               padding: 4px 0 4px 8px;
               display:block; border-left:
               8px solid #DFE4E7; width:84px
              }

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