div#menucol-public {
position: relative;
float: left;
margin: 0;
padding: 0;
margin-top: 0px;
left: 8px;
width: 206px;
z-index:2;
background-image: url(../images_template/charte_uarga/top_menucol_public.gif);
background-repeat: no-repeat;
background-position: top left;
padding-top: 12px;
}
div#menucol-public ul {
list-style-image: none;
}
ul#navmenucol-public {
margin: 0;
padding: 0;
}
ul#navmenucol-public LI {
position: relative;
list-style: none;
display: inline;
display: block;
float: left ;
}
ul#navmenucol-public LI A:link, ul#navmenucol-public LI A:visited {
display: inherit;
text-decoration: none;
padding: 2px 20px 14px 30px;
width: 156px;
font-family: Arial, Helvetica, sans-serif; font-size: 16px ;font-weight: bold; font-style: normal; text-transform: none; color: #FFFFFF; line-height: 1.2; margin-top: px; margin-bottom: px; text-align: left; background-image: url(../images_template/charte_uarga/bg_col1bas-public.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
ul#navmenucol-public LI A:hover, ul#navmenucol-public LI A:active {
margin: inherit;
color: #FFFFFF;
}
ul#navmenucol-public LI A:hover, ul#navmenucol-public LI A:active {
margin: inherit;
color: #FFFFFF;
}
ul#navmenucol-public ul {
margin: 0;
padding: 0;
position: relative;
list-style: none;
display: none;
z-index:1;
top:0px;
left:0px;
height:auto;
}
ul#navmenucol-public ul LI {
display: inline;
display: block;
float: none;
}
ul#navmenucol-public ul LI A:link, ul#navmenucol-public ul LI A:visited {
display: block;
text-decoration: none;
padding: 6px 20px 5px 40px;
width: 146px;
text-align: left;
font-family: Arial, Helvetica, sans-serif; font-size: 12px ;font-weight: bold; font-style: normal; text-transform: none; color: #464646; line-height: 1.3; margin-top: 4px; margin-bottom: 6px; text-align: left; background-image: url(../images_template/charte_uarga/bg_col2.gif);
background-repeat: no-repeat;
background-position: top left;
}
ul#navmenucol-public ul LI A:hover, ul#navmenucol-public ul LI A:active {
display: block;
text-decoration: none;
padding: 6px 20px 5px 40px;
width: 146px;
text-align: left;
background-image: url(../images_template/charte_uarga/bg_col2.gif);
background-repeat: no-repeat;
background-position: top left;
color: #333399;
}
ul#navmenucol-public ul LI.selected A {
display: block;
text-decoration: none;
padding: 6px 20px 5px 40px;
width: 146px;
text-align: left;
background-image: url(../images_template/charte_uarga/bg_col2_sel.gif);
background-repeat: no-repeat;
background-position: top left;
color: #333399;
}
ul#navmenucol-public ul ul {
margin: 0;
padding: 0;
position: relative;
list-style: none;
display: none;
z-index:1;
top:0px;
left:0px;
height:auto;
}
ul#navmenucol-public ul ul LI {
display: inline;
display: block;
float: none;
}
ul#navmenucol-public ul ul LI A:link, ul#navmenucol-public ul ul LI A:visited {
display: block;
text-decoration: none;
padding: 3px 20px 3px 50px;
width: 136px;
text-align: left;
font-family: Arial, Helvetica, sans-serif; font-size: 11px ;font-weight: normal; font-style: normal; text-transform: none; line-height: 1.2; margin-top: 0px; margin-bottom: 0px; background-image: url(../images_template/charte_uarga/bg_col3.gif);
background-repeat: no-repeat;
background-position: top left;
color: #464646; 
}
ul#navmenucol-public ul ul LI A:hover, ul#navmenucol-public ul ul LI A:active {
margin: inherit;
display: block;
text-decoration: none;
padding: 3px 20px 3px 50px;
width: 136px;
text-align: left;
font-family: Arial, Helvetica, sans-serif; font-size: 11px ;font-weight: normal; font-style: normal; text-transform: none; line-height: 1.2; margin-top: 0px; margin-bottom: 0px; background-image: url(../images_template/charte_uarga/bg_col3.gif);
background-repeat: no-repeat;
background-position: top left;
color: #333399;
}
ul#navmenucol-public ul ul LI.selected A {
display: block;
text-decoration: none;
padding: 3px 20px 3px 50px;
width: 136px;
text-align: left;
background-image: url(../images_template/charte_uarga/bg_col3_sel.gif);
background-repeat: no-repeat;
background-position: top left;
color: #333399;
}
ul#navmenucol-public ul ul ul {
margin: 0;
padding: 0;
position: relative;
list-style: none;
display: none;
z-index:1;
top:0px;
left:0px;
height:auto;
}
ul#navmenucol-public ul ul ul LI {
display: inline;
display: block;
float: ;
}
ul#navmenucol-public ul ul ul LI A:link, ul#navmenucol-public ul ul ul LI A:visited {
display: block;
text-decoration: none;
padding: 3px 20px 2px 60px;
width: 126px;
text-align: ;
font-family: Arial, Helvetica, sans-serif; font-size: 11px ;font-weight: normal; font-style: normal; text-transform: none; color: #464646; line-height: 1.2; margin-top: 0px; margin-bottom: 0px; text-align: left; background-image: url(../images_template/charte_uarga/bg_col4.gif);
background-repeat: no-repeat;
background-position: top left;
}
ul#navmenucol-public ul ul ul LI A:hover, ul#navmenucol-public ul ul ul LI A:active {
display: block;
text-decoration: none;
padding: 3px 20px 2px 60px;
width: 126px;
text-align: ;
font-family: Arial, Helvetica, sans-serif; font-size: 11px ;font-weight: normal; font-style: normal; text-transform: none; line-height: 1.2; margin-top: 0px; margin-bottom: 0px; text-align: left; background-image: url(../images_template/charte_uarga/bg_col4.gif);
background-repeat: no-repeat;
background-position: top left;
color: #333399; 
}
ul#navmenucol-public ul ul ul LI.selected A {
display: block;
text-decoration: none;
padding: 3px 20px 2px 60px;
width: 126px;
text-align: left;
background-image: url(../images_template/charte_uarga/bg_col4_sel.gif);
background-repeat: no-repeat;
background-position: top left;
color: #333399;
}
/* Ces deux séries uniquement pour les sous-menus en déploiement */ 
	ul#navmenucol-public ul,
	ul#navmenucol-public ul ul,
	ul#navmenucol-public ul ul ul {
	display:none
}
ul#navmenucol-public li {display:none
}
ul#navmenucol-public .selected {
display: inline; display: block;
}