Problem with page menu and css
 

Hi there,
I know this is not the first post about menu and css in atahualpa, but I am trying to understand and search for similar answers in the forum or in google, but no luck

Now I managed something that is not exactly what I was searching to do

I also have very basic knowledge of css and I also don't know how to get an item class so that I could add it in ATO>css inserts

Here is what I'd like to do http://www.groupe-qualiconsult.fr for the menu (except the bullets maybe)

and here is what I have achieved until now http://proclean.kazan.tn

please help me see clearly in my css insert, as I think everything is not correct already

Thanks

here is what I've done in ATO>CSS inserts

/*--------- submenus background in black --------*/
.div#menu1 ul.sub-menu li, div#menu1 ul.rMenu-ver li {
background-color:#000000;
}

/*--------- underlign red of selected menu --------*/
.div#menu1 ul.rMenu li.current_page_item a:link,
div#menu1 ul.rMenu li.current_page_item a:active,
div#menu1 ul.rMenu li.current_page_item a:visited {
-x-system-font:none;
border-bottom:2px solid #FF0000;
border-left:2px solid #ffffff;
border-right:2px solid #ffffff;
border-top:2px solid #ffffff;
border-style:solid;
background-color:#ffffff;
color:#000000;
font-weight: bold;
}

/*--------- white outline for other pages --------*/
.div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:visited {
border-bottom-color: #ffffff;
border-left-color: #ffffff;
border-right-color: #ffffff;
border-top-color: #ffffff;
font-weight: bold;
}

/*--------- outline in black when it is hover --------*/
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:active {
border-bottom-color: #000000 !important;
border-left-color: #000000 !important;
border-right-color: #000000 !important;
border-top-color: #000000 !important;
color: #ffffff;
}

/* ----------- highlight parent of current page --------*/
ul.rMenu li.current_page_parent a:link,
ul.rMenu li.current_page_parent a:active,
ul.rMenu li.current_page_parent a:hover,
ul.rMenu li.current_page_parent a:visited,
ul.rMenu li.current_page_parent {
color: #FFFFFF !important;
background: #000000 !important;
}

/*--------- submenus contour in black --------*/
div#menu1 ul.rMenu li.rMenu-expand li a,
div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li a,
div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a {
border-top-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
color: #ffffff;
}

/*---------menu contour in white --------*/
div#menu1 ul.rMenu {
border:2px solid #ffffff !important;
border-style:solid;
}

please, someone?