/* this is the main UL element*/
.dropdown{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	/*border-bottom:1px solid #444;*/
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
        border:1px solid #CBD0C9;
	border-top:1px solid #fff;
	list-style:none;
        border-left-width:2px;
        background-color:#fff;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:2px;
	/*width:150px;*/
	background-color:#fff;
	cursor:pointer;
        white-space:nowrap;

}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#000;
	width:100%;
}

.dropdown a:hover{
	/*text-decoration:underline;*/
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	
	border-top:0;
	margin-left:-1px;

}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down{
	background:#000 url('expand_down.gif') center left no-repeat;
	/*padding-left:20px;*/
	width:120px;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left{

	width:165px;
        white-space:nowrap;
}
.dropdown li.submenu-left div.padding_menu {
    padding:0 14px;
    background: #fff url('../images/front/m-fleche.png') 5px 8px no-repeat;
}

.dropdown li.submenu-left div.padding_menu:hover {
    background-image:url(../images/front/SpryMenuBarRight.gif) ;
}

.dropdown li.submenu-left div:hover{
	
	color:#fff;
        background-color:#53317D;
}

.dropdown li div:hover{

	color:#fff;
        background-color:#53317D;
}

.dropdown li div.padding_menu:hover a {
    color:#fff;
}


.dropdown li.submenu-left div.padding_menu:hover a {
    color:#fff;
}

.dropdown .padding_menu {
    height:20px;
    vertical-align:middle;
    line-height:18px;
    padding: 0 3px
}

.dropdown li#menu_2 {
    background:url('../images/front/m_accueil-off.png') no-repeat;
    width:79px;
    height:23px
}

.dropdown li#menu_2:hover {
    background:url('../images/front/m_accueil-hover.png') no-repeat;
}

.dropdown li#menu_2_on {
    background:url('../images/front/m_accueil-on.png') no-repeat;
    width:79px;
    height:23px
}

.dropdown li#menu_4 {
    background:url('../images/front/m-notre-solution-off.png') no-repeat;
    width:132px;
    height:23px;
}

.dropdown li#menu_4:hover {
    background:url('../images/front/m-notre-solution-hover.png') no-repeat;
}

.dropdown li#menu_4_on {
    background:url('../images/front/m-notre-solution-on.png') no-repeat;
    width:132px;
    height:23px;
}

.dropdown li#menu_7 {
    background:url('../images/front/m_choisir-e-prestige-off.png') no-repeat;
    width:147px;
    height:23px;
}

.dropdown li#menu_7:hover {
    background:url('../images/front/m_choisir-e-prestige-hover.png') no-repeat;
}

.dropdown li#menu_7_on {
    background:url('../images/front/m_choisir-e-prestige-on.png') no-repeat;
    width:147px;
    height:23px;
}

.dropdown li#menu_15 {
    background:url('../images/front/m_references-off.png') no-repeat;
    width:107px;
    height:23px;
}

.dropdown li#menu_15:hover {
    background:url('../images/front/m_references-hover.png') no-repeat;
}

.dropdown li#menu_15_on {
    background:url('../images/front/m_references-on.png') no-repeat;
    width:107px;
    height:23px;
}

.dropdown li#menu_16 {
    background:url('../images/front/m_contact-off.png') no-repeat;
    width:103px;
    height:23px;
}

.dropdown li#menu_16:hover {
    background:url('../images/front/m_contact-hover.png') no-repeat;
}

.dropdown li#menu_16_on {
    background:url('../images/front/m_contact-on.png') no-repeat;
    width:103px;
    height:23px;
}


.dropdown li#menu_2, .dropdown li#menu_4,.dropdown li#menu_7, .dropdown li#menu_15, .dropdown li#menu_16,
.dropdown li#menu_2_on, .dropdown li#menu_4_on,.dropdown li#menu_7_on, .dropdown li#menu_15_on, .dropdown li#menu_16_on{padding:0;}