/********************************************************
**
**					Drop down menu
**
*********************************************************/

.drop-down {
display:block;
position:relative;
z-index:100;
list-style: none;
padding:0;
margin:0;
text-align:left;
height:auto;
}
.drop-down .moduletable{
margin:0;
}
.drop-down li {
margin:0;
padding:0;
float:left;
height:35px;
position:relative;
list-style : none;
}
.drop-down li a, .drop-down li span.separator {
display:block;
float : none !important;
float : left;
position:relative;
z-index:1000;
text-decoration:none;
/**	change	**/
color:#000;
text-transform: uppercase;
letter-spacing: 0px;
font-weight:normal;
font-size:20px;
text-align:left;
height:35px;
line-height:32px;
padding: 0 15px;
}
.drop-down li li a, .drop-down li li span.separator {
float:none;
font-size:15px;
height:auto;
line-height: 14px;
letter-spacing: 0;
font-weight:normal;
padding: 8px 13px 8px 13px;
text-transform:none;
background-image: none;
}

.drop-down li ul {
width: 160px;
height:auto;
position:absolute;
z-index:99;
left: -999em ;
clear:left;
/**	change	**/
margin-left:14px;
margin-top:-1px;
background : transparent url(../images/white-93.png) 0 0 repeat;
-moz-box-shadow : 0px 2px 10px #999;
-webkit-box-shadow : 0px 2px 10px #999;
box-shadow : 0px 2px 10px #999;
padding:10px 0;
}

.drop-down li li {
width: 100%;
height:auto;
}

.drop-down li:hover > ul {
left: 0 ;
}
.drop-down li ul ul {
margin: -40px 0 0 160px ;
}

.drop-down .menu_right li ul ul {
margin: -40px 0 0 -160px ;
}

.drop-down a[href="#"], .drop-down span.separator {
cursor : default;
}


/** if active 	**/
.drop-down li.active > a, .drop-down li.active > span.separator {
color:#336699;
text-decoration:none;
}
/** if hover 	**/
.drop-down li:hover > a, .drop-down li:hover > span.separator {
color:#336699;
text-decoration:none;
background-image: none;
}



/********************************************************
**
**					Submenu
**
*********************************************************/


.submenu {
margin:0px 0 0 0;
padding:0 0 0px 0;
}
.submenu li {
display:block;
border:none;
}
.submenu li a, .submenu li span.separator {
display:block;
background: url(../images/underline.png) bottom left repeat-x;
color:#67655e;
font-size:100%;
text-align:left;
text-transform: uppercase;
font-weight: normal;
line-height:16px;
margin:0;
padding: 4px 6px 7px 6px;
text-decoration:none;
}
.submenu li a:hover, .submenu li.active a, .submenu li span.separator:hover, .submenu li.active span.separator {
text-decoration:none;
color:#336699;
}

.submenu ul {
margin:4px 0 0 0;
padding:0 0 10px 0;
}
.submenu ul ul {
margin:0 0 0 12px;
padding:0;
}
.submenu ul li li {
}
.submenu li li a, .submenu li li span.separator {
background-image: none;
border-bottom:1px dotted #ccc;
font-size:95%;
font-weight: normal;
text-transform: none;
color:#67655e;
line-height:12px;
text-align:left;
padding: 6px 4px 6px 10px;
margin-bottom:1px;
}
.submenu li li:first-child a, .submenu li li:first-child span.separator {
margin: 1px 0 1px 0;
}
.submenu li a:hover li a, .submenu li.active li a,
.submenu li span.separator:hover li a, .submenu li a:hover li span.separator, .submenu li.active li span.separator,
.submenu li span.separator:hover li span.separator {
background-image: none;
text-decoration:none;
color:#67655e;
}

.submenu li li a:hover, .submenu li li.active a, .submenu li li span.separator:hover {
background-image: none;
text-decoration:none;
color:#336699;
}
.submenu ul ul ul {
margin-left: 6px;
}
.submenu li li li a {
background-image: none;
font-size:90%;
text-transform: none;
font-weight: normal;
color:#67655e;
}

.submenu li li li a:hover, .submenu li li li.active a, .submenu ul li.active li.active li.active a, .submenu li li.active li a:hover, .submenu li li.parent li a:hover {
background-image: none;
text-decoration:none;
color:#336699;
}

.submenu li li a:hover li a, .submenu li li.active li a, .submenu li li span.separator:hover li a,
.submenu li li a:hover li span.separator, .submenu li li.active li span.separator, .submenu li li span.separator:hover li span.separator {
background-image: none;
text-decoration:none;
color:#67655e;
}


/********************************************************
**
**					Horizontal menu
**
*********************************************************/


.horizontal_menu {
margin-left:-4px;
}

.horizontal_menu ul {
padding:3px 5px 4px 7px;
margin:0;
background : transparent url(../images/black-08.png) 0 0 repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

.horizontal_menu li {
display:inline-block;
padding:6px 10px 6px 0px ;
line-height : inherit ;
margin:0;
list-style : none;
}

.horizontal_menu li a, .horizontal_menu li span.separator {
text-decoration:none;
text-transform: none;
font-weight:normal;
color: #444;
font-size:100%;
padding: 5px 12px 4px 12px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
-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;
}

.horizontal_menu li.active a, .horizontal_menu li:hover a {
text-decoration: none;
-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);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
background-color: #ffffff; /* Old browsers */
}

.horizontal_menu li a:active {
-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset;
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
background-color: #eaeaea; /* Old browsers */
}


/**		display only 1 single level 		**/

.horizontal_menu ul ul {
display : none;
}



/********************************************************
**
**					BOTTOM MENU
**
*********************************************************/


#bottom_menu {
display:block;
list-style: none;
text-align:center;
/**	change	**/
}

#bottom_menu li{
margin:0;
padding:0;
display:inline;
list-style : none;
/**	change	**/
}
#bottom_menu li a, #bottom_menu li span.separator {
text-decoration:none;
/**	change	**/
text-transform: uppercase;
font-weight:normal;
color:#666;
font-size:90%;
text-align:center;
padding: 0px 22px;
background: transparent url(../images/puce-menu.png) 0 50% no-repeat;
}
#bottom_menu li:first-child a {
background-image: none;
}
#bottom_menu li a:hover, #bottom_menu li span.separator:hover, #bottom_menu li.active a {
color:#336699;
text-decoration: none;
}