

div#kpz-menus {
position: absolute;
}

/* NIV 1 */

ul#niv1_ul_principal {
position: relative;
padding: 0 0 0 10px;
width: 990px;
height: 40px;
list-style-type: none;
} 

ul.niv1_ul li.niv1_li {
float: left;
margin-left: 10px;
}

ul.niv1_ul li.niv1_li a.niv1_lien {
display: block;
font-size: 1.2em;
color: #000;
padding: 0 10px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
background: rgba(255, 255, 255, 0.8);
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
     border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
     border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
				box-shadow: inset -1px -1px 3px #666;
	 -moz-box-shadow: inset -1px -1px 3px #666;
-webkit-box-shadow: inset -1px -1px 3px #666;
}

ul.niv1_ul li.niv1_li:hover a.niv1_lien,
ul.niv1_ul li.niv1_li-active a.niv1_lien
{
color: #fff;
background-color: #8f2924;
}

ul.niv1_ul li.niv1_li:hover a.niv1_lien_fleche,
ul.niv1_ul li.niv1_li a.niv1_lien_fleche
{
padding-right: 40px;
background-image: url(../img/kpz-menus-niv1-fleche.png);
background-repeat: no-repeat;
background-position: right top;
}

ul.niv1_ul li.niv1_li:hover a.niv1_lien_js,
ul.niv1_ul li.niv1_li a.niv1_lien_js 
{
color: #fff;
background-color: #8f2924;
background-position: right -100px;
}


/* NIV 2 */

ul.niv1_ul li.niv1_li div.niv2 {
position: absolute;
top: 43px;
left: 2px;
padding: 0;
width: 996px;
background-color: #8f2924;
     border-radius: 10px;
-moz-border-radius: 10px;
}

ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu {
padding-bottom: 17px;
}

ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu a.niv2_ssmenu_sommaire {
float: left;
display: block;
margin: 17px 0 0 17px;
padding: 4px 0 0 20px;
width: 83px;
height: 21px;
color: #fff;
text-decoration: none;
font-style: italic;
font-weight: bold;
background: transparent url(../img/kpz-menus-niv2-fleche.png) no-repeat 8px 7px;
}

ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu a.niv2_ssmenu_sommaire-active,
ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu a.niv2_ssmenu_sommaire:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.2);
     border-radius: 5px;
-moz-border-radius: 5px;
}

ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu ul.niv2_ul {
float: left;
margin: 17px 0 0 17px;
padding-left: 17px;
width: 237px;
list-style-type: none;
border-left: 1px solid #fff;
}

ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu ul.niv2_ul li.niv2_li {
}

ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu ul.niv2_ul li.niv2_li a.niv2_lien {
display: block;
padding: 4px 0 0 20px;
width: 217px;
height: 21px;
color: #fff;
text-decoration: none;
background: transparent url(../img/kpz-menus-niv2-fleche.png) no-repeat 8px 7px;
}

ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu ul.niv2_ul li.niv2_li-active a.niv2_lien,
ul.niv1_ul li.niv1_li div.niv2 div.niv2_ssmenu ul.niv2_ul li.niv2_li a.niv2_lien:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.2);
     border-radius: 5px;
-moz-border-radius: 5px;
}


/* BOUSSOLE */

div#kpz-menus-boussole {
position: absolute;
top: 10px;
left: 17px;
padding: 0 10px 0 12px;
height: 35px;
width: 650px;
background: transparent url(../img/kpz-menus-boussole-puce1-sit.png) no-repeat 0 0;
}

div#kpz-menus-boussole ul {
height: 20px;
}

div#kpz-menus-boussole li {
float: left;
padding: 0 15px 0 8px;
font-size: .9em;
background: transparent url(../img/kpz-menus-boussole-puce2-sit.png) no-repeat right center;
}

div#kpz-menus-boussole li.last {
background: none !important;
}

div#kpz-menus-boussole li a {
text-decoration: underline;
}

div#kpz-menus-boussole li.last a,
div#kpz-menus-boussole li a:hover
{
text-decoration: none;
}



