/********************************
	MEGAMENU manuel
********************************/

#navbar { position: absolute; z-index: 999; bottom: 0; left: 20px; width: 740px; }
* html #navbar { bottom: -2px; }

/* defaut */

.dropdown { position: relative; z-index: 1000; display: block; text-align: left; }
.dropdown * { cursor: pointer; }
.dropdown, .dropdown li { list-style: none; padding: 0; margin: 0; }
.dropdown li { position: relative; z-index: 1001; padding: 0; margin: 0; zoom: 1; }
.dropdown li table { height: 100%; border: none; }
.dropdown li td { vertical-align: middle; }
.dropdown li ul { display: none; position: absolute; z-index: 1002; }
.dropdown li a { cursor: pointer; }

/***** Menu main */

#menu { height: 60px; width: 100%; }

.dropdown li { float: left; display: inline; padding: 0 10px 0 0; margin: 0 0 0 10px; background: url(img/2012/navbar_separator.png) 100% 40% no-repeat; }
.dropdown li.last { background: none; }

.dropdown li h2 { float: left; display: inline; height: 60px; padding: 0 10px 0 0; margin: 0; }
.dropdown li.last h2 {}
.dropdown li.actif h2,
.dropdown li.dir-actif h2 { background: url(img/2012/navbar_active.png) 100% 5px no-repeat; }

.dropdown li table { float: left; }
* html .dropdown li table,
*+html .dropdown li table { display: inline; width: auto; }

.dropdown li table td { padding: 0 0 0 10px; vertical-align: middle; }
.dropdown li.actif table.actif td ,
.dropdown li.dir-actif table.dir-actif td { background: url(img/2012/navbar_active.png) 0 5px no-repeat; }

.dropdown li table td a { float: left; display: inline; font: bold 14px Arial; padding: 15px 0 10px 0; color: #58585a; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.dropdown li#home a { display: block; height: 20px; width: 38px; background: url(img/2012/navbar_home.png) 50% 70% no-repeat; }

/* indicator */

.dropdown li table td span.indicator { clear: both; display: block; font: 1px; line-height: 1px; height: 15px; overflow: hidden; zoom: 1; }
.dropdown li.actif table.actif span.indicator,
.dropdown li.dir-actif table.dir-actif span.indicator,
.dropdown li.sel table.sel td span.indicator,
.dropdown li.dir-sel table.dir-sel td span.indicator { background: #1a171b url(img/2012/navbar_indicator.png) 50% 0 no-repeat; }

/* Sub-menu */

.dropdown li span.noBorderBottom { display: none; position: absolute; z-index: 1010; bottom: -1px; left: 0; height: 1px; width: 100%; background: #555555; overflow: hidden; }
.dropdown li.dir-actif span.noBorderBottom,
.dropdown li.dir-sel span.noBorderBottom { /* display: block; */ }
* html .dropdown li.dir-sel span.noBorderBottom { display: none; }

.dropdown li ul { position: absolute; z-index: 1011; top: 60px; left: -30px; width: 230px; padding: 5px; background: #f2f2f2; }
.dropdown li.mega-tab ul { top: 60px; left: 50%; width: 230px; margin: 0; margin: 0; }

.dropdown li ul li { clear: both; width: 200px; border: none; }
.dropdown li ul li ul { top: -5px; left: 100%; }

.dropdown li ul li { line-height: 16px; height: auto; }
.dropdown li ul li ul li { padding: 0; }

.dropdown li ul li a { display: block; font: bold 13px Arial; padding: 3px 5px 3px 24px; margin: 0 0 5px 0; color: #0095c4; background: url(img/2012/navbar_lvl1.png) 4px no-repeat; text-decoration: none; }
.dropdown li ul li.lvl2 a { font: bold 12px Arial; padding: 0 5px 0 40px; margin: 0 0 2px 0; color: #58585a; background: url(img/2012/navbar_lvl2.png) 20px 0 no-repeat; }

.dropdown li ul li a:hover { text-decoration: underline; }

/* Mega-panel */

.megamenu .mega-panel { display: none; position: absolute; z-index: 1012; top: 60px; left: -30px; padding: 10px; background: #ececed; }
.megamenu .mega-panel .inner { height: auto !important; margin: 0 0 30px 0; overflow: hidden; zoom: 1; }

.megamenu .mega-panel .inner ul,
.megamenu .mega-panel .inner li { display: block; list-style: none; padding: 0; margin: 0; border: none; background: none; }
.megamenu .mega-panel * { cursor: auto; }

.megamenu .mega-panel .inner ul { position: static; float: left; width: 200px; margin: 0 30px 0 0; }
.megamenu .mega-panel .inner ul li {}
.megamenu .mega-panel .inner ul li a {}

.megamenu .mega-panel .inner ul ul { margin: 0; }
.megamenu .mega-panel .inner ul ul li {}
.megamenu .mega-panel .inner ul ul li a {}

/* visuel */

.megamenu .mega-panel .inner .visuel { float: left; padding: 5px 0 0 0; margin: 0 5px 5px 0; }
.megamenu .mega-panel .inner .right { float: right; margin: 0 0 5px 5px; }
.megamenu .mega-panel .inner .center { width: 100%; padding: 0; margin: 0 0 5px 0; text-align: center; }

.megamenu .mega-panel .inner .visuel a { padding: 0; background: none; }