/*
 * 
 * Styles for NAVIGATION screen styles.
----------------------------------------------------- */


/* GLOBAL
---------------------------------------------------------------------- */
.menu ul{list-style: none;margin: 0;padding: 0;}
.menu ul li,
.menu ul li a{display: inline;float: left;}

/* PRIMARY MENU
---------------------------------------------------------------------- */
#site-nav-main ul#primary{background-color: #00af4d;}

#site-nav-main ul#primary li a{font-size:1.4em;padding:0 10px;height:39px;line-height:42px;border-bottom:1px solid #008e3e;text-transform: uppercase;color:#fff;text-decoration: none;}

#site-nav-main ul#primary li a:hover,
#site-nav-main ul#primary li.active a,
#site-nav-main ul#primary li.active-trail a{border-bottom:1px solid #00af4d;background-color: #00cc5a;}

#site-nav-main ul#primary li.first a{background: #00af4d url(../images/sprites/sprite-pictos-vertical.png) no-repeat 15px 11px;text-indent: -30000px;width:25px;}
#site-nav-main ul#primary li.first a:hover,
#site-nav-main ul#primary li.first.active a,#site-nav-main ul#primary li.first.active-trail a{background: #00cc5a url(../images/sprites/sprite-pictos-vertical.png) no-repeat 15px 11px;}

/* PRIMARY MENU (MENU_TREE)
---------------------------------------------------------------------- */
#site-nav-main > ul.menu{background-color: #00af4d;position: relative;}

/** CLEARFIX !! **/
#site-nav-main > ul.menu:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html #site-nav-main > ul.menu {height: 1%;} /* IE6 */
*:first-child + #site-nav-main > ul.menu {min-height: 1%;} /* IE7 */

#site-nav-main > ul.menu > li > a{font-size:1.4em;padding:0 10px;height:39px;line-height:42px;border-bottom:1px solid #008e3e;font-weight:normal;text-transform: uppercase;color:#fff;text-decoration: none;}

#site-nav-main > ul.menu > li > a:hover,
#site-nav-main > ul.menu > li.active > a,
#site-nav-main > ul.menu > li.active-trail > a{border-bottom:1px solid #00af4d;background-color: #00cc5a;}

#site-nav-main > ul.menu > li.first > a{background: #00af4d url(../images/sprites/sprite-pictos-vertical.png) no-repeat 15px 11px;text-indent: -30000px;width:25px;}
#site-nav-main > ul.menu > li.first > a:hover,
#site-nav-main > ul.menu > li.first > a.active{background: #00cc5a url(../images/sprites/sprite-pictos-vertical.png) no-repeat 15px 11px;}


/* sous menu hover */
#site-nav-main > ul.menu > li.expanded > ul.menu{
	display: none;
	position:absolute;top:40px;left:0;
	width:938px;padding:20px;
	font-family: 'Lato', sans-serif;
	background-color: #F3F3F3;
	border: 1px solid #EAE9E7;
	z-index:99;
	
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
}
#site-nav-main > ul.menu > li.expanded:hover > ul.menu{display: block;}

#site-nav-main > ul.menu > li.expanded > ul.menu li a,
#site-nav-main > ul.menu > li.expanded > ul.menu li{display:block;float: none;}

#site-nav-main > ul.menu > li.expanded > ul.menu > li{display: inline;float:left;width:24%;margin-bottom: 10px;}
#site-nav-main > ul.menu > li.expanded > ul.menu > li > a{text-transform: uppercase;text-decoration: none;}
#site-nav-main > ul.menu > li.expanded > ul.menu > li.expanded > ul.menu{}
#site-nav-main > ul.menu > li.expanded > ul.menu > li.expanded > ul.menu > li{}
#site-nav-main > ul.menu > li.expanded > ul.menu > li.expanded > ul.menu .view .item-list li a,
#site-nav-main > ul.menu > li.expanded > ul.menu > li.expanded > ul.menu > li > a{font-weight: normal;text-decoration: none;line-height: 1.2em;padding-left: 7px;background: url(../images/sprites/sprite-pictos-vertical.png) no-repeat 0px -2995px;margin-top: 5px;}
#site-nav-main > ul.menu > li.expanded > ul.menu > li.expanded > ul.menu .view .item-list li a:hover,
#site-nav-main > ul.menu > li.expanded > ul.menu > li.expanded > ul.menu > li > a:hover{text-decoration: underline;}

#site-nav-main ul.menu li div.more-link{text-align:left;margin-top:.5em}
#site-nav-main ul.menu li div.more-link a{font-weight:700;}

/* SECONDARY MENU (menu top)
---------------------------------------------------------------------- */
#site-nav-secondary ul#secondary li{border-left:1px solid #dadada;margin-left:5px;padding-left:5px}
#site-nav-secondary ul#secondary li.first{border-left:none;margin-left:0;padding-left:0}
#site-nav-secondary ul#secondary li a.active-trail,
#site-nav-secondary ul#secondary li a:hover{color:#2A2A2A;text-decoration: underline;}
#site-nav-secondary ul#secondary li a.active-trail{font-weight: bold;}

/* ADMIN MENU
---------------------------------------------------------------------- */
/* à cause de la pub qui passe au dessus parfois */
#admin-menu, #admin-menu .dropdown{z-index: 100000;}