/**
 * Lusodev
 *
 * TEMPLATE : SCREEN
 *
 * www.lusodev.fr
**/

/******************************************/
/*****************[ Menu ]*****************/
/******************************************/

/* Lists */
.navigation ul { padding: 0; margin: 0; font-weight: bold; list-style: none; }
.navigation ul li { padding: 0; margin: 0; float: left; }
.navigation ul li a {}
.navigation ul li a span { height: 30px; line-height: 30px; padding: 0 .5em; cursor: pointer; display: block; _display: inline; }

/* Sub-navigation */
.navigation .container { width: 980px; height: 160px; border-bottom: 2px solid #A82320; color: #2E3235; display: block; background-position: left top; background-repeat: no-repeat; background-color: #FFF; clear: both; }



.navigation .parent { margin: 32px 0 0 0; top: 68px; padding: 10px; font-size: .95em; background-color: #FFF; position: absolute; display: none; _display: none !important; opacity: .9; z-index: 1; clear: both; }
.navigation .parent.active { display: block; }
.navigation .parent ul { margin: 0 1.5em 0 0; float: left; }
.navigation .parent ul li { padding: 0 !important; line-height : 1.6em; text-align: left !important; float: none; display: block; }
.navigation .parent ul li a { padding: 0 0 0 10px !important; line-height : 1.6em !important; color: #2E3235 !important; border: none !important; background: url(../images/middle/navigation/container/parent_ul_li_a.gif) left center no-repeat; clear: both; }
.navigation .parent ul li a:hover { color: #A82320 !important; cursor: pointer !important;background: url(../images/middle/navigation/container/parent_ul_li_a.gif) left center no-repeat; }


.navigation .le-cnaemo.parent {}
.navigation .le-milieu-ouvert.parent {}
.navigation .les-assises.parent {}
.navigation .formations.parent {}
.navigation .publications.parent {}

/* Link */
.navigation ul li a, .navigation ul li a:visited  { padding: 0 .3em 0 .3em; margin: 0; color: #FFF; border-top: 2px solid #FFF; text-decoration: none; display: block; float: left; cursor: default; }
.navigation ul li a:hover, .navigation ul li a.active, .navigation ul li a.on:hover { color: #2E3235; border-top: 2px solid #2E3235; background: url(../images/middle/navigation/a-hover.jpg) left top repeat-x #FFF; }
.navigation ul li a.on { border-top: 2px solid #A82320; color: #FFF; background: url(../images/middle/navigation/a-on.jpg) center top repeat-x #A82320; }