#menu { clear:both;padding-top:20px; }
#menu ul { width:100%; display:flex; justify-content:space-between;}
#menu li { float:left;  list-style:none; }
#menu .separator { background:url(../img/navigation/menu-separator.png) left top no-repeat; width:1px; font-size:0; height: 23px; margin: 0 20px; }
#menu .right { float:right; }

#menu li a { float:left; margin: 0; height:23px; background-position:left top; background-repeat:no-repeat; white-space:nowrap;}
#menu li a.home { background-image:url(../img/navigation/menu-home.png); width:48px; }
#menu li a.environmental { background-image:url(../img/navigation/menu-environmental.png); width:73px; }
#menu li a.overview { background-image:url(../img/navigation/menu-environmental.png); width:73px; }
#menu li a.technical { background-image:url(../img/navigation/menu-technical.png); width:67px; }
#menu li a.architectural { background-image:url(../img/navigation/menu-architectural.png); width:68px; }
#menu li a.gallery { background-image:url(../img/navigation/menu-gallery.png); width:46px; }
#menu li a.news { background-image:url(../img/navigation/menu-news.png); width:65px; }
#menu li a.about { background-image:url(../img/navigation/menu-about.png); width:48px; }
#menu li a.contact { background-image:url(../img/navigation/menu-contact.png); width:51px; }
#menu li a.tools { background-image:url(../img/navigation/menu-tools.png); width:115px; }
#menu li.active a.applications {color:#adca03!important}
#menu li.active a.bibliotheque {color:#C13AD6 !important}

#menu li a:hover { background-position:left -23px; }
#menu li.active a { background-position:left -46px; }

#menu ul li h1 { /*display:none;*/ }

/*MENU ESPACE CLIENTS*/
.menu-espace-clients{
    color: white!important;
    font-size: 13px;
    height:auto!important;
    background-color:#00C389;
    padding:15px!important;
}
.menu-espace-clients:hover{
    color: white;
    height:auto!important;
    background-color:#A2ACAB!important;
    padding:15px!important;
}

#submenu { display:inline-block; margin-bottom:5px;}
#submenu ul { width:100%; display:inline-block; }
#submenu li { float:left;  list-style:none; }
#submenu li.separator { background:url(../img/navigation/submenu-separator.png) left top no-repeat; width:2px; font-size:0; height: 20px; margin: 5px 0 0 0; }
#submenu li a { float:left; margin: 2px 0; padding: 2px 10px; font-size: 10pt; color: #AFB5C3; text-decoration:none; line-height: 1.5em; white-space:nowrap; }
#submenu li a:hover { background:url(../img/navigation/submenu-active-bg.png) left bottom repeat-x; color: #fff; }
#submenu ul li h1 { display:none; }

#thirdmenu { display:inline-block; margin-bottom:5px;}
#thirdmenu ul { width:100%; display:inline-block; }
#thirdmenu li { float:left;  list-style:none; }
#thirdmenu li.separator { background:url(../img/navigation/submenu-separator.png) left top no-repeat; width:2px; font-size:0; height: 15px; margin: 5px 0 0 0; }
#thirdmenu li a { float:left; margin: 2px 0; padding: 2px 10px; font-size: 10pt; color: #AFB5C3; text-decoration: none; line-height: 1.5em; white-space: nowrap; }
#thirdmenu li a:hover { color: #fff; }
#thirdmenu ul li h1 { display:none; }

/* Environmental Accent Colour - Green */
div.environmental ul li.active a { color: #adca03 !important;}
div.applications ul li.active a { color: #adca03 !important;}

/* Technical Accent Colour - Blue */
div.technical ul li.active a { color: #198ddd !important; }

/* Architectural Accent Colour - Purple */
div.architectural ul li.active a { color: #c13ad6 !important; }
div.bibliotheque ul li.active a { color: #c13ad6 !important; }

/* News, About, Contact, Tools Accent Colour - Orange */
div.news ul li.active a,
div.about ul li.active a,
div.contact ul li.active a,
div.tools ul li.active a { color: #eb8e0a !important; }
#layout.bibliotheque a { color:#CCFF33; text-decoration:none; font-style:italic;}
#layout.bibliotheque a:hover { color:#CCFF33; text-decoration:underline; }