/* --------------------------------------------------------------------- */
/*  	MENU DE NAVIGATION                                               */
/*      inc-menu.html                                                    */
/*  -------------------------------------------------------------------- */
/*  Attention à la largeur du menu dans #menu       */
/*  -------------------------------------------------------------------- */
#menu   {
	top: 0px;
	left: 0px;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
}

/* *************************************************************************** */
/* La partie gauche est placée dans la zone gauche*/
/* Partie haute du menu bloc avec un visuel eventuel */
.menutop {
  margin: 0px 0px 0px 0px;
  height: 0px;
	padding:0px;
	background : url(../images/gauchehaut.gif) no-repeat;
}
/* *************************************************************************** */
.separateurgauche {
        height: 5px;
        background :  url(../images/gauchepointilleblanc.gif) no-repeat;
        background-color: #00557c;
        background-position: center;
}
/* *************************************************************************** */
/* Partie menu bas */
.menubottom {
        margin: 0px 0px 0px 0px;
        height: 0px;
        padding: 0 0 1em 0;
/* Partie basse du menu bloc avec un visuel eventuel */
        background : url(../images/gauchebas.gif) no-repeat;
}

/* COULEURS des menus */
/*  -------------------------------------------------------------------- */
/* couleur marge de chaque bloc principal de menu */
.menu ul li {
         margin: 0;
/* Attention si les borders sont à 0 = bug avec IE */
         border: 1px 1px 1px 1px solid #00557c;
}

/* COULEURS des textes et blocs */
/*  -------------------------------------------------------------------- */
/* Couleur liens rubriques racines */
.menu ul li a,
.menu ul li a:visited,
.menu ul li b {
  color: #ffffff;
/* gauchepuceoff.gif est désactivé dans le dossier image */
/*  background : #00557c url(../images/gauchepuceoff.gif) no-repeat left top;    */
  background-color: #00557c;
  text-decoration: none;
  }

/* Couleur liens sous-rubriques */
.menu ul li li a,
.menu ul li li a:visited {
  color: #ffffff;
  background : #00557c url(../images/gaucherubriqueoff.gif) no-repeat left top;
  text-decoration: none;
  border: 0px solid #00ff00;
  }

/*  -------------------------------------------------------------------- */
/* Couleur liens survolés et bloc menu */
/* Pour les rubriques à la racine */
.menu ul li a:hover {
  color: #ed833b;
/* gauchepuceon.gif est désactivé dans le dossier image */
/* background : #00557c url(../images/gauchepuceon.gif) no-repeat left top; */
  background-color: #00557c;
  text-decoration: none;
}

/* background bloc menu #EXPOSER */
/* Pour les rubriques à la racine */
.menu ul li a.lienon,
.menu ul li a.lienon:visited {
  color: #ed833b;
/* gauchepuceon.gif est désactivé dans le dossier image */
/* background : #00557c url(../images/gauchepuceon.gif) no-repeat left top; */
  background-color: #00557c;
  text-decoration: none;
  }

/*  -------------------------------------------------------------------- */
/* Couleur liens survolés et bloc menu */
/* Pour les sous-rubriques */
.menu ul li li a:hover {
  color: #ed833b;
  background : #00557c url(../images/gaucherubriqueon.gif) left center repeat-y;
  text-decoration: none;
  }

/* background bloc menu #EXPOSER */
/* Pour les sous-rubriques */
.menu ul li li a.lienon,
.menu ul li li a.lienon:visited {
  color: #ed833b;
  background : #00557c url(../images/gaucherubriqueon.gif) left center repeat-y;
  text-decoration: none;
  }

/*  -------------------------------------------------------------------- */
/* Typographie et Espacement des menus */
.menu ul {
	font-size: 100%;
	line-height: 1.2em;
	font-weight: bold;
	text-align: left;
	list-style-type: none;
	margin: 0;
  padding: 0;
}

.menu ul ul {
  font-size: 88%;
  background : #00557c;
  margin: 0;
  padding: 0px 0px 0px 8px;
}

.menu ul li a, .menu ul li b {
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 3px 4px 3px 4px;
	display: block;
}

/*  -------------------------------------------------------------------- */
/* Espace à gauche des intitulés de rubrique */
.menu ul li a { padding-left: 5px; font-weight: bold;}

/* Espace à gauche des intitulés de sous-rubrique */
.menu ul li li a { padding-left: 5px; font-weight: normal;}