/**
*
*				DROP DOWN MENU
*
**/


.dropdown ul, .dropdown li, .dropdown ul ul {
list-style: none;
margin: 0;
padding: 0;
}

.dropdown ul {
position: relative;
z-index: 100;
}

.dropdown {
font-size:100%;
}

.nav_main {
position:relative;
z-index:10;
}

.dropdown li {
position:relative;
float:left;
margin-right:1px;
vertical-align: middle;
zoom: 1;
z-index:1;
}

.dropdown li:hover, .dropdown li:focus {
position: relative;
z-index: 10;
cursor: default;
}

.dropdown li ul {
display : none ;
position: absolute;
top: 100%;
left: 0;
z-index: 0;
opacity:0;
width: 160px;
/**	change	**/
background: #444444 url(../images/white-10.png) 0 0 repeat;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
-o-border-radius: 0 0 8px 8px;
border-radius:0 0 8px 8px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
padding: 0;
-webkit-transition : all 0.3s ease-in;
-moz-transition : all 0.3s ease-in;
-ms-transition : all 0.3s ease-in;
-o-transition : all 0.3s ease-in;
transition : all 0.3s ease-in;
}

.dropdown li ul ul {
top: 0px;
left: 155px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius:8px;
}

.dropdown li ul:hover {
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}

.dropdown li li {
float:none;
margin-right:0px;
width:100%;
}

.dropdown li a, .dropdown li span.separator {
display : block;
/**	change	**/
color:#ddd;
padding: 22px 14px 23px 14px;
text-transform: uppercase;
letter-spacing: -0.5px;
font-weight: normal;
line-height:20px;
text-decoration: none;
-webkit-transition : none ;
-moz-transition : none ;
-ms-transition : none ;
-o-transition : none ;
transition : none ;
}

.dropdown li li a, .dropdown li li span.separator {
display : block;
/**	change	**/
color:#ddd;
letter-spacing: 0px;
font-size:90%;
line-height:14px;
text-transform:none;
padding: 8px 10px 8px 10px;
}

.dropdown li li li:first-child > a, .dropdown li li li:first-child > span {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.dropdown li li:last-child > a, .dropdown li li:first-child > span {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}

.dropdown li:hover > ul, .dropdown li:focus > ul {
display : block ;
z-index:10;
opacity:1;
}

.dropdown a[href="#"] {
cursor : default;
}

.dropdown li.parent a::after , .dropdown li.parent span::after {
content:">";
font-size:85%;
color:#999;
position:absolute;
right:2px;
top:22px;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}

.dropdown li.parent li.parent a::after , .dropdown li.parent li.parent span::after,
.dropdown li.parent li.parent li.parent a::after , .dropdown li.parent li.parent li.parent span::after {
content:">";
color:#999;
position:absolute;
right:5px;
top:9px;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}

.dropdown li.parent:hover a::after , .dropdown li.parent:hover span::after,
.dropdown li.parent li.parent:hover a::after , .dropdown li.parent li.parent:hover span::after,
.dropdown li.parent li.parent li.parent:hover a::after , .dropdown li.parent li.parent li.parent:hover span::after {
color:#eee;
}

.dropdown li.parent li a::after , .dropdown li.parent li span::after,
.dropdown li.parent li.parent li a::after , .dropdown li.parent li.parent li span::after,
.dropdown li.parent li.parent li.parent li a::after , .dropdown li.parent li.parent li.parent li span::after {
content:"";
position:absolute;
right:0px;
transform:none;
}

.dropdown li:hover > a, .dropdown li:hover > span, .dropdown li.active > a, .dropdown li.active > span {
background : transparent url(../images/white-10.png) 0 0 repeat;
}

.dropdown li:hover > li a, .dropdown li:hover > li span, .dropdown li.active > li a, .dropdown li.active > li span,
.dropdown li li:hover > a, .dropdown li li:hover > span, .dropdown li li.active > a, .dropdown li li.active > span {
background-image : none;
}

/** if parent active and children active  **/
.dropdown li.active li a:hover, .dropdown li.active li.active li a:hover, .dropdown li.active li.active li.active li a:hover,
.dropdown li.active li span.separator:hover, .dropdown li.active li.active li span.separator:hover, .dropdown li.active li.active li.active li span.separator:hover {
color: #fff;
}

/** if active level 1 **/
.dropdown li.active a, .dropdown li.active span.separator,
.dropdown li.active a:hover, .dropdown li.active span.separator:hover {
color: #fff;
background : transparent url(../images/white-10.png) 0 0 repeat;
}

/** if hover level 1 **/
.dropdown li a:hover, .dropdown li span.separator:hover, .dropdown li li a:hover, .dropdown li li li a:hover,
.dropdown li li span.separator:hover, .dropdown li li li span.separator:hover {
color: #fff;
background : transparent url(../images/white-10.png) 0 0 repeat;
}

/** if active level 2+ **/
.dropdown li.active li.active a, .dropdown li.active li.active li.active a, .dropdown li.active li.active li.active li.active a,
.dropdown li.active li.active span.separator, .dropdown li.active li.active li.active span.separator, .dropdown li.active li.active li.active li.active span.separator {
color: #fff;
background : transparent url(../images/white-10.png) 0 0 repeat;
}

/** if hover level 2+ **/
.dropdown li li a:hover, .dropdown li li li a:hover,
.dropdown li li span.separator:hover, .dropdown li li li span.separator:hover,
.dropdown li.active li a:hover, .dropdown li.active li span.separator:hover,
.dropdown li.active li.active li a:hover, .dropdown li.active li.active li span.separator:hover {
color: #fff;
background : transparent url(../images/white-10.png) 0 0 repeat;
}


/** if children **/
.dropdown li a, .dropdown li li a, .dropdown li li li a, .dropdown li li li li a {
}

/** if parent active and children no active **/
.dropdown li.active li a, .dropdown li.active li.active li a, .dropdown li.active li.active li.active li a, .dropdown li.active li.active li.active li.active li a,
.dropdown li.active li span.separator, .dropdown li.active li.active li span.separator, .dropdown li.active li.active li.active li span.separator,  .dropdown li.active li.active li.active li.active li span.separator {
color:#ddd;
background-color : transparent;
background-image : none;
}





/**
*
*			Standard MENU
*
**/


.submenu ul, .submenu ul li, .submenu ul ul {
list-style: none;
margin: 0;
padding: 0;
}

.submenu li {
display:block;
vertical-align: middle;
border:none;
margin:0 0 7px 0;
zoom: 1;
}

.submenu li a, .submenu li span.separator {
display : block;
position : relative;
/**	change	**/
color:#333;
padding: 9px 10px 7px 4px;
text-transform: uppercase;
letter-spacing: -0.5px;
font-weight: normal;
font-size:100%;
text-decoration: none;
-webkit-transition : all 0.3s ease-in;
-moz-transition : all 0.3s ease-in;
-ms-transition : all 0.3s ease-in;
-o-transition : all 0.3s ease-in;
transition : all 0.3s ease-in;
z-index:10;
}

.submenu ul ul {
margin: 0 0 0 4px;
}
.submenu li li {
margin: 0;
}

.submenu li li a, .submenu li li span.separator,
.submenu li.active li a, .submenu li.active li span.separator {
font-size:100%;
text-transform: none;
color:#666;
background: transparent url(../images/puce-link.png) 3px 11px no-repeat;
padding: 6px 8px 4px 14px;
margin-left: 0;
}


/** active link  **/
.submenu li > a:hover, .submenu li > span.separator:hover, .submenu li.current > a {
color: #99cc66 !important;
}

.submenu ul ul ul {
margin: 0 0 0 20px;
}
.submenu li li li a, .submenu li li li span.separator, .submenu li.active li li a, .submenu li.active li li span.separator,
.submenu li.active li.active li a, .submenu li.active li.active li span.separator {
font-size:95%;
text-transform: none;
font-weight: normal;
color:#777;
text-indent:0;
background-image :none;
border:none;
}




/**	BOTTOM MENU		**/

.bottom_menu {
display:block;
list-style: none;
}

.bottom_menu li {
margin:0 0 0 5px ;
padding:0;
float:left;
position:relative;
list-style : none;
text-shadow : 0 1px 1px rgba(0,0,0, 0.1);
}

.bottom_menu li a, #bottom_menu li span.separator {
text-decoration:none;
text-transform: none;
font-weight:normal;
color: #ccc;
font-size:90%;
padding: 5px 12px 4px 12px;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

.bottom_menu li.active a, .bottom_menu li:hover a, .bottom_menu li:focus a {
color:#fff;
text-decoration: none;
}