body {
	margin: 0px; padding: 0;
	padding-bottom: 1px;
}

body, td, th { font-family: Arial, Helvetica, sans-serif; }

.clr { clear: both; overflow:hidden; }

#header-box  { border: 1px solid #000; background: #f0f0f0;}

.bg_menu_deroulant  {position: absolute; top:0px; left:50%; margin-left: -500px; height: 27px; width:1000px; border: 1px solid #fff; background: #ffffff;}

.icon-16-archive 		{ background-image: url(../images/menu/icon-16-archive.png); }
.icon-16-article 		{ background-image: url(../images/menu/icon-16-article.png); }
.icon-16-category 	{ background-image: url(../images/menu/icon-16-category.png); }
.icon-16-checkin 		{ background-image: url(../images/menu/icon-16-checkin.png); }
.icon-16-component	{ background-image: url(../images/menu/icon-16-component.png); }

/* common styling */
#menu, #menu ul, #menu li { margin: 0; padding: 0; border: 0 none; }

#menu       { position:relative; z-index: 100;}

#menu li { 
/*************************************************** TITRE MENU NON LIEN **************************/
	color:#333;
/**************************************************************************************************/
	float:left;
	position:relative;
	list-style: none;
	display: inline;
}

#menu li a  {
/*************************************************** TITRE MENU LIEN ******************************/
	color:#333;
/**************************************************************************************************/
	display:block;
	white-space: nowrap;
}

#menu li li { /*width: 100%;*/ clear: both;  /*FF 1.0.7 needs this */  }
#menu li ul { visibility: hidden; position:absolute; }

#menu li li ul {  top: 0; left: 0; }

#menu li.hover ul               {  visibility: visible; }
#menu li.hover ul li ul 		  {  visibility: hidden;  }
#menu li.hover li.hover ul      {  visibility: visible;  left: 100%; }

#menu {	margin-left:0px;}

.menu_categorie {
color:green;
}

#menu li {
/********************* couleur bord menu ***********************************************************/
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
/********************* couleur bord menu ***********************************************************/
}
#menu li li { border: 0;}

#menu ul    { 
filter:alpha(opacity=85);   /* Internet Explorer 6     */
-moz-opacity:0.85;           /* Mozilla 1.6 et infér.   */
opacity: 0.85;               /* CSS3 et Mozilla récents */
color:red;
/********************* couleur contour box déroulante **********************************************/
border: 0.1em solid #000;
/********************* couleur contour box déroulante **********************************************/

/********************* couleur box déroulante ******************************************************/
background: #333 url(../images/menu/bg-menu.gif) repeat-y left;
/********************* couleur box déroulante ******************************************************/
}

#menu ul li.node { background: transparent url(../images/menu/j_arrow.png) no-repeat right 50%; }
#menu ul li.separator { background: #DDE1E6 url(../images/menu/bg-menu.gif);  height: 0px;  }

#menu a, #menu div {
	padding: 0.35em 1em 0.35em;
	margin: 0 1px 0 1px;
	line-height: 1.6em; vertical-align: middle;
	font-size: 15px; font-weight: bold; text-decoration: none;
	cursor: default;
	background-repeat: no-repeat; background-position: left 50%;
	font-weight:bold;
}

#menu li.disabled a { color: grey; }

#menu ul a {
	font-size: 16px;
	font-weight: normal;
	padding-left: 25px;
	padding-right: 20px;
	line-height: 1.2em;
}


/* 1 level - hover */
#menu li.hover a { 
	color:white;
	/**************************************** COULEUR DES TITRES MENU DEROULANT HOVER *************************/
	background-color: #515151;
	/**************************************** COULEUR DES TITRES MENU DEROULANT HOVER *************************/
	border-left: 1px solid #000;
	border-right:1px solid #000;
	margin: 0;
}

/* 2 level - normal */
#menu li.hover li a { background-color: transparent; border: 0 none;   margin: 2px;  }
/* 2 level - hover */

#menu li.hover li.hover a {
	/**************************************** COULEUR DES SOUS-TITRES MENU DEROULANT *********************/
	background-color: #000000;
	/**************************************** COULEUR DES SOUS-TITRES MENU DEROULANT *********************/
	border: 1px solid #000000;
	/************************** COULEUR DES BORDURES DU CADRE AUTOUR DES SOUS-TITRES *********************/
	margin: 1px;
}

/* 3 level - normal */
#menu li.hover li.hover li a { background-color: transparent; border: 0 none;   margin: 2px;  }
/* 3 level - hover */
#menu li.hover li.hover li a:hover { background-color: #E7EDDF; border: 1px solid #fff;  margin: 1px;  }

/* submenu styling */
#submenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#submenu li {
	float: left;
	padding: 0;
	margin: 0;
}

#submenu li a,
#submenu span.nolink {
	cursor: pointer;
	padding: 0px 15px;
	border-right: 1px solid #000;
	font-weight: bold;
	color: #0B55C4;
	line-height: 12px;
	height: 12px;
}

#submenu span.nolink {
	color: #999;
}

#submenu a.active,
#submenu span.nolink.active {
	color: #000;
	text-decoration: underline;
}