@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

#navigation { background-color: #000; margin-top: 10px; }

#navigation ul.menu.maximenuck { margin: 0; padding: 0; }
#navigation ul.menu.maximenuck ul, #navigation ul.menu.maximenuck li { margin: 0; padding: 0; }

/* FIRST LEVEL */
/*
#navigation ul.menu.maximenuck li a, 
#navigation ul.menu.maximenuck li span.separator { margin: 0 5px 0 0; padding: 0 10px; line-height: 38px; color: #FFF; }
*/
#navigation ul.menu.maximenuck li > span.separator,
#navigation ul.menu.maximenuck li > a { padding: 10px !important; }

	
#navigation ul.menu.maximenuck li a span.titreck,
#navigation ul.menu.maximenuck li span.separator span.titreck  { color: #FFF; }

#navigation ul.menu.maximenuck li:hover > span.separator, 
#navigation ul.menu.maximenuck li:hover > a { background-color: #24b24c; }

div#maximenuck ul.maximenuck li.level1.parent:hover > a:after,
div#maximenuck ul.maximenuck li.level1.parent:hover > span.separator:after,
div#maximenuck ul.maximenuck li.level1.parent > a:after,
div#maximenuck ul.maximenuck li.level1.parent > span.separator:after { content:none !important; }

#navigation ul.menu.maximenuck li.active > a,
#navigation ul.menu.maximenuck li.active.parent > a { background: #1fa043; }

/* SECOND LEVEL */
#navigation ul.menu.maximenuck .floatck { width: 200px; margin-left: 0px; }

#navigation ul.menu.maximenuck li li a,
#navigation ul.menu.maximenuck li li span.separator { text-align: left; font-size: .85em; background: #1fa043; border-radius: 0; padding: 5px 10px !important; color: #FFF; display: block; white-space: nowrap; }
#navigation ul.menu.maximenuck li li span.separator { cursor: default; }

#navigation ul.menu.maximenuck li li.current a { background: #24b24c; }
#navigation ul.menu.maximenuck li li.current a span.titreck  { color: #000; }

/* Footer Menu */ 
#footer { font-size: .7em; text-align: center; margin: 0; padding: 0; line-height: 35px; color: #333; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { display: inline-block; margin: 0; padding: 0 20px; }
#footer ul li img { padding-right: 5px; }
#footer a { color: #333; }

/* Menu Icon */
.menu-icon:before { content: "\f0c9"; }
.menu-icon { display: block; padding: 11px; cursor: pointer; width: 18px; height: 18px; float: left; font-size: 18px; font-family: "FontAwesome"; color: #FFFFFF; }

/* Mobile Menu */
#header-phone { background: #000000; height: 41px; position: relative; width: 100%; }

#navigation-phone-container .drop-down { display: none; }
#navigation-phone-container ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #EEE; }
#navigation-phone-container ul li { margin: 0; padding: 0; }

#navigation-phone-container ul li a,
#navigation-phone-container ul li span.separator { background-color: #1fa043; display: block; padding: 8px 10px; font-size: 1em; border-bottom: 1px solid #EEE; color: #FFFFFF; }

#navigation-phone-container ul li a { color: #FFFFFF; }
#navigation-phone-container ul li a:hover { background-color: #24b24c; color: #FFFFFF; }

#navigation-phone-container ul ul { border: 0; }
#navigation-phone-container ul ul li a,
#navigation-phone-container ul ul li span.separator { background-color: #EEE; display: block; padding: 4px 15px; font-size: .8em; border-bottom: 1px solid #EEE; color: #333333; }

#navigation-phone-container ul ul li:last-child a,
#navigation-phone-container ul ul li:last-child span.separator { border-bottom: 0; }

#navigation-phone-container ul ul li a { color: #333333; }
#navigation-phone-container ul ul li a:hover { background-color: #888888; color: #FFFFFF; }

