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

/* *************************************************************************** */
/* La partie gauche est placée dans la zone gauche*/
/* Partie haute du menu bloc avec coins ronds */
.menutop {
        margin: 0px 0px 0px 0px;
        height: 53px;
	padding:0px;
	background : url(../images/gauchehaut.gif) no-repeat;
}
/* *************************************************************************** */
.separateur {
        height: 5px;
        background :  url(../images/gauchepointilleblanc.gif) no-repeat;
        background-color: #99cccc;
        background-position: center;
}
/* *************************************************************************** */
/* Partie menu bas */
.menubottom {
        margin: 0px 0px 0px 0px;
        height: 53px;
        padding: 0 0 1em 0;
        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 #99cccc;
}

/* COULEURS des textes et blocs */
/*  -------------------------------------------------------------------- */
/* Couleur liens rubriques racines */
.menu ul li a,
.menu ul li a:visited,
.menu ul li b {
  color: #006666;
  background : #99cccc url(../images/gauchepuceoff.gif) no-repeat left top;
  text-decoration: none;
  }

/* Couleur liens sous-rubriques */
.menu ul li li a,
.menu ul li li a:visited {
  color: #006666;
  background : #99cccc 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: #76380f;
  background : #99cccc url(../images/gauchepuceon.gif) no-repeat left top;
  text-decoration: none;
}

/* background bloc menu #EXPOSER */
/* Pour les rubriques à la racine */
.menu ul li a.lienon,
.menu ul li a.lienon:visited {
  color: #76380f;
  background : #99cccc url(../images/gauchepuceon.gif) no-repeat left top;
  text-decoration: none;
  }

/*  -------------------------------------------------------------------- */
/* Couleur liens survolés et bloc menu */
/* Pour les sous-rubriques */
.menu ul li li a:hover {
  color: #76380f;
  background : #99cccc 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: #76380f;
  background : #99cccc 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 : #99cccc;
        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: 20px; font-weight: bold;}

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