/**
* @version      $Id: navigation.css 26 2007-09-26 13:33:01Z spook.68 $
* @package      Joomla!
* @subpackage   68portal
* @copyright    Copyright (c)2007 Axel Wehner. All rights reserved.
* @license      GNU/GPL
**/

/*********************************************************************************************************
	top navigation
*********************************************************************************************************/
/* why they are using the old markup from J! 1.0.x? whatever.. the css works with both menu markups ;) */

div#top-header ul
{ position: relative; top:33%; width:80%; left:15%; rigth:15%; float:left;}

	div#top-header ul li
	{ list-style: none; padding: 0; margin: 0; font-size: 0.89em; float: left; background:#014883;}

		div#top-header ul li a:link, div#top-header ul li a:visited
		{ float: left; /* ie 6 */ color: #fff; height: 1%; display: block; margin: 0 0.2em; padding: 0.5em 0.7em 0.2em 0.7em;
		text-transform: uppercase; text-decoration: none; }

		div#top-header ul li a:hover
		{ color: #fff; text-decoration: underline;}

		div#top-header ul li a:active, div#top-header ul li a:focus,
		div#top-header ul li a#active_menu-nav,
		div#top-header ul li.active a:link, div#top-header ul li.active a:visited, div#top-header ul li.active a:active, div#top-header ul li.active a:focus 
		{ color: #fff; background: #f87217; }

div#top-header-menu ul
{ position: absolute; top:4.5%; width:65%; left:19.5%; rigth:16%; float:left;}
/* -- couleur de fond de le barre de nav haute sous les menus -- */

	div#top-header-menu ul li
	{ list-style-type: none; padding: 0; margin: 5; font-size: 0.89em; float: left; background:#014883;}

		div#top-header-menu ul li a:link, div#top-header-menu ul li a:visited
		{ float: left; /* ie 6 */ color: #fff; height: 1%; display: block; margin: 0 0.4em; padding: 0.5em 0.7em 0.2em 0.7em;
		text-transform: uppercase; text-decoration: none; }

		div#top-header-menu ul li a:hover
		{ color: #fff; text-decoration: underline;}

		div#top-header-menu ul li a:active, div#top-header-menu ul li a:focus,
		div#top-header-menu ul li a#active_menu-nav,
		div#top-header-menu ul li.active a:link, div#top-header-menu ul li.active a:visited, div#top-header-menu ul li.active a:active, div#top-header-menu ul li.active a:focus 
		{ color: #fff; background: #f87217; }

/*********************************************************************************************************
	left navigation
*********************************************************************************************************/

/* first level
*************************/
div#left-sidebar ul.menu
{ font-size: 1em; color: #a0c2de; margin: 0 -5px -5px -5px; padding: 0; list-style: none; border-top: solid 2px #064780; }

div#left-sidebar .heading ul.menu /* menu with heading */
{ margin: -5px; border: 0; }
 /* -- couleur avant sous menu style puce -- */
	div#left-sidebar ul.menu li
	{ padding: 0; margin: 0; background-color: #014883; border-top: 1px solid #fff;}

	div#left-sidebar ul.menu li.first
	{ border: 0; }
/* -- couleur de fond des sous menus -- */
		div#left-sidebar ul.menu li a:link, div#left-sidebar ul.menu li a:visited
		{ padding: 0.3em 0.5em; display: block; background-color:#014883; color: #fff; height: 1%; font-size: 0.8em; text-decoration: none; text-transform: none; font-weight: bold; }
/* -- couleur de survol des sous menus  -- */
		div#left-sidebar ul.menu li a:hover
		{ color: #fff; background-color: #568FBE; text-decoration: underline}

		div#left-sidebar ul.menu li a:active, div#left-sidebar ul.menu li a:focus,
		div#left-sidebar ul.menu li.active a:link, div#left-sidebar ul.menu li.active a:visited
		{ color: #fff; background: #f87217; text-decoration: underline }


/* second level
*************************/
div#left-sidebar ul.menu ul
{ margin: 0; list-style: none; background: #0854c7; }

	div#left-sidebar ul.menu li li
	{ padding: 0 0 0 15px; border: 0;}
/* -- sous menu niveau 2 -- */
		div#left-sidebar ul.menu li.active li a:link, div#left-sidebar ul.menu li.active li a:visited
		{ background: #568FBE; color: #fff; padding: 0.2em 0.5em 0.2em 10px; font-size: 0.85em; font-weight: normal; text-transform: none; text-decoration: none;}

		div#left-sidebar ul.menu li.active li a:hover, div#left-sidebar ul.menu li.active li a:active
                { color: #fff; text-decoration: underline; background-color: #0854C7; }

                div#left-sidebar ul.menu li.active li.active a:visited
                { color: #fff; background-color: #f87217; text-decoration: none;}

                div#left-sidebar ul.menu li.active li a:focus,div#left-sidebar ul.menu li.active li.active a:link
		{ color: #fff; }


/* third level
*************************/
/* same list settings as the second level */
div#left-sidebar ul.menu li.active li.active li a:link, div#left-sidebar ul.menu li.active li.active li a:visited
{ background: #fff url(../images/menu_subsub_left.gif) 0 50% no-repeat; color: #000; padding: 0.1em 0.5em 0.1em 10px; }

		div#left-sidebar ul.menu li.active li.active li a:hover,div#left-sidebar ul.menu li.active li.active li a:focus
                { color: #fff; background-color: #0854C7; }

                div#left-sidebar ul.menu li.active li.active li.active a:visited
               { color:  #0854C7; background-color: #fff; }

                div#left-sidebar ul.menu li.active li.active li a:active,div#left-sidebar ul.menu li.active li.active li.active a:link
		{ color: #000; background-image: url(../images/menu_subsub_left_active.gif); }