/**	TOP MENU		**/

.top_menu .moduletable {
margin:0;
}
.top_menu li {
margin:4px 0 0 5px ;
padding:0;
float:left;
list-style : none;
}

.top_menu li a, .top_menu li span.separator {
text-decoration:none;
text-transform: none;
font-weight:normal;
line-height:18px;
color: #888;
font-size:90%;
padding: 3px 12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px -1px 1px rgba(255,255,255, 0.4) inset, 1px 1px 1px rgba(000,000,000, 0.5) inset;
-webkit-box-shadow: 0px -1px 1px rgba(255,255,255, 0.4) inset, 1px 1px 1px rgba(000,000,000, 0.5) inset;
box-shadow: 0px -1px 1px rgba(255,255,255, 0.4) inset, 1px 1px 1px rgba(000,000,000, 0.5) inset;
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(207,207,207,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(207,207,207,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(207,207,207,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(207,207,207,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(207,207,207,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(207,207,207,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

.top_menu li.active a, .top_menu li:hover a, .top_menu li:focus a {
color:#666;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(223,223,223,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(223,223,223,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(223,223,223,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
text-decoration: none;
}

.top_menu li:active a {
color:#444;
box-shadow: 0px -1px 1px rgba(255,255,255, 0.4) inset, 1px 1px 3px rgba(000,000,000, 0.7) inset;
}




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


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

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

.dropdown li {
position:relative;
display:block;
border-bottom:1px solid #ddd;
margin:0 12px;
vertical-align: top;
zoom: 1;
-webkit-transition : all 0.6s ease-in;
-moz-transition : all 0.6s ease-in;
-ms-transition : all 0.6s ease-in;
-o-transition : all 0.6s ease-in;
transition : all 0.6s ease-in;
z-index:1;
}

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

.dropdown li ul {
position: absolute;
display:none;
top: 0px;
left: 90%;
z-index: 0;
opacity:0;
width: 100%;
/**	change	**/
background: #fff url(../images/black-05.png) 0 0 repeat;
-moz-box-shadow: 1px 1px 6px #aaa;
-webkit-box-shadow: 1px 1px 6px #aaa;
box-shadow: 1px 1px 6px #aaa;
padding: 5px 0;
-webkit-transition : all 0.6s ease-in;
-moz-transition : all 0.6s ease-in;
-ms-transition : all 0.6s ease-in;
-o-transition : all 0.6s ease-in;
transition : all 0.6s ease-in;
}

.dropdown li ul ul {
background: #fff url(../images/black-03.png) 0 0 repeat;
}

.dropdown li li {
border:none;
-webkit-transition : all 0.6s ease-in;
-moz-transition : all 0.6s ease-in;
-ms-transition : all 0.6s ease-in;
-o-transition : all 0.6s ease-in;
transition : all 0.6s ease-in;
}

.dropdown li a, .dropdown li span.separator {
display : block;
/**	change	**/
color:#555;
padding: 12px 12px 8px 14px;
text-transform: uppercase;
letter-spacing: -0.5px;
font-weight: bold;
font-size:95%;
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;
}

.dropdown li li a, .dropdown li li span.separator {
display : block;
/**	change	**/
color:#67655E;
letter-spacing: 0px;
font-weight: normal;
font-size:100%;
text-transform:none;
padding: 8px 12px 8px 12px;
}

.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:">";
color:#999;
position:absolute;
right:6px;
top:10px;
}

.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;
}

.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:#555;
}

.dropdown li.active a::after , .dropdown li.active span::after, .dropdown li.active:hover a::after , .dropdown li.active:hover span::after {
color : #fff ;
}

.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;
}



/** 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: #99CC66;
}

/** if active level 1 **/
.dropdown li.active a, .dropdown li.active span.separator,
.dropdown li.active a:hover, .dropdown li.active span.separator:hover {
background-color: #99cc66;
color : #fff;
}

/** 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 {
background-color : transparent;
color: #99CC66;
}

/** 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: #99CC66;
}

/** 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 {
background-color : transparent;
color: #99CC66;
}


/** 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 {
background-color : transparent;
color:#67655E;
}






/**
*
*			ACCORDION MENU
*
**/


.submenu ul {
list-style: none;
margin: 30 0 35px 0;
padding: 0;
}

.submenu li {
display:block;
border-bottom:1px solid #ddd;
vertical-align: top;
margin:0 12px;
zoom: 1;
}

.submenu li.active {
background : transparent url(../images/black-05.png) 0 0 repeat;
}

.submenu li li.active {
background-image : none;
}

.submenu li li, .submenu li li:first-child {
border:none;
margin: 0;
}

.submenu li a, .submenu li span.separator {
display : block;
position : relative;
/**	change	**/
color:#555;
padding: 12px 12px 8px 14px;
text-transform: uppercase;
letter-spacing: -0.5px;
font-weight: bold;
font-size:95%;
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 10px 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;
font-weight: normal;
color:#666;
background: transparent url(../images/puce-link.png) 5px 17px no-repeat;
padding-left:18px;
margin-left: 2px;
}

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


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

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

.submenu li.parent:hover a::after , .submenu li.parent:hover span::after,
.submenu li.parent li.parent:hover a::after , .submenu li.parent li.parent:hover span::after,
.submenu li.parent li.parent li.parent:hover a::after , .submenu li.parent li.parent li.parent:hover span::after {
color:#555;
}

.submenu li.active a::after , .submenu li.active span::after, .submenu li.active:hover a::after , .submenu li.active:hover span::after {
color : #fff ;
}

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



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

/** if active level 1 **/
.submenu li.active a, .submenu li.active span.separator,
.submenu li.active a:hover, .submenu li.active span.separator:hover {
background-color: #99cc66;
color : #fff;
}

/** if active level 2+ **/
.submenu li.active li.active a, .submenu li.active li.active li.active a, .submenu li.active li.active li.active li.active a,
.submenu li.active li.active span.separator, .submenu li.active li.active li.active span.separator, .submenu li.active li.active li.active li.active span.separator {
background-color : transparent;
color: #99CC66;
}

/** if hover level 1 **/
.submenu li a:hover, .submenu li span.separator:hover, .submenu li li a:hover, .submenu li li li a:hover,
.submenu li li span.separator:hover, .submenu li li li span.separator:hover {
color: #99CC66;
}

/** if hover level 2+ **/
.submenu li li a:hover, .submenu li li li a:hover,
.submenu li li span.separator:hover, .submenu li li li span.separator:hover,
.submenu li.active li a:hover, .submenu li.active li span.separator:hover {
background-color : transparent;
color: #99CC66;
}

.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;
}

.submenu li li li a:hover, .submenu li li li span.separator:hover, .submenu li.active li.active li.active a, .submenu li.active li.active li.active span.separator {
color:#000;
background-image: none;
border:none;
}


/**	BOTTOM MENU		**/


.bottom_menu {
list-style: none;
}

.bottom_menu li {
margin:4px 0 0 5px ;
padding:0;
float:left;
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: #999;
font-size:90%;
padding: 5px 12px 4px 12px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
-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:#555;
background-color : #d4d4d4;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd));
background-image : -moz-linear-gradient(0% 100% 90deg, #ddd, #eee );
background-image:  -ms-linear-gradient(top, #eee, #ddd);
background-image:  -o-linear-gradient(top, #eee, #ddd);
text-decoration: none;
}


.bottom_menu li:active a {
color:#777;
background-color : #d4d4d4;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0, 0.3);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0, 0.3);
box-shadow: 0px 0px 2px rgba(0,0,0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 );
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#eee));
background-image : -moz-linear-gradient(0% 100% 90deg, #eee, #ddd );
background-image:  -ms-linear-gradient(top, #ddd, #eee);
background-image:  -o-linear-gradient(top, #ddd, #eee);
text-decoration: none;
}