/* MENU PRINCIPAL */

div#kpz-menus-principal li.niv1_li {
float: left;
margin-right: 10px;
width: 192px;
height: 60px;
}

div#kpz-menus-principal li.niv1_li.last {
margin-right: 0;
}

div#kpz-menus-principal a.niv1_a {
display: block;
width: 192px;
height: 57px;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}

div#kpz-menus-principal a.niv1_a span {
display: block;
padding: 0 20px;
width: 152px;
height: 57px;
line-height: 57px;
text-align: center;
}

div#kpz-menus-principal a.niv1_a.active {
background: #fff;
}

div#kpz-menus-principal a.niv1_a:hover span {
background: #fff;
text-align: left;
}

div#kpz-menus-principal a.niv1_a:hover span {
text-align: left;
}

div#kpz-menus-principal.vershaut a.niv1_a:hover span {
background: #fff url(/_templates/otnbt/img/kpz-menus-principal-vershaut.png) no-repeat 162px center;
}

div#kpz-menus-principal.versbas a.niv1_a:hover span {
background: #fff url(/_templates/otnbt/img/kpz-menus-principal-versbas.png) no-repeat 162px center;
}

div#kpz-menus-principal li.niv1_li.over span {
background: #fff;
text-align: left;
}

div#kpz-menus-principal.vershaut li.niv1_li.over span {
background: #fff url(/_templates/otnbt/img/kpz-menus-principal-vershaut.png) no-repeat 162px center;
}

div#kpz-menus-principal.versbas li.niv1_li.over span {
background: #fff url(/_templates/otnbt/img/kpz-menus-principal-versbas.png) no-repeat 162px center;
}

div#kpz-menus-principal a.niv1_a img {
margin-top: 10px;
border: 4px solid #fff;
}

div#kpz-menus-principal div.niv2 {
position: absolute;
padding-bottom: 10px;
z-index: 20000;
top: 0;
left: -10000px;
}

div#kpz-menus-principal ul.niv2_ul {
padding: 4px 0;
width: 192px;
background: #fff;
-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

div#kpz-menus-principal li.niv2_li {
padding: 0 4px;
}

div#kpz-menus-principal a.niv2_a {
display: block;
padding: 10px;
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px solid #d5d5d5;
}

div#kpz-menus-principal a.niv2_a.last {
border-bottom: 0;
}

div#kpz-menus-principal a.niv2_a:hover,
div#kpz-menus-principal a.niv2_a.active
{
background: #d5d5d5;
}




/* MENU SECONDAIRE */

div#kpz-menus-secondaire {
height: 41px;
}

div#kpz-menus-secondaire li {
display: table-cell;
height: 41px;
}

div#kpz-menus-secondaire li a {
display: block;
margin-right: 2px;
padding: 0 15px;
height: 41px;
line-height: 41px;
text-decoration: none;
color: #000;
background: #fff;
}

div#kpz-menus-secondaire li a:hover,
div#kpz-menus-secondaire li a.active
{
background: #eee;
color: #000;
}





/* MENU PIED */

div#kpz-menus-pied {
height: 47px;
}

div#kpz-menus-pied li {
float: left;
margin-right: 10px;
width: 192px;
height: 47px;
}

div#kpz-menus-pied li.otf {
float: left;
width: 29px;
height: 47px;
background: transparent url(/_templates/otnbt/img/kpz-menus-pied-otf.png) no-repeat right center;
}

div#kpz-menus-pied li.ccnbt {
float: right;
margin-right: 0;
width: 79px;
height: 47px;
background: transparent url(/_templates/otnbt/img/kpz-menus-pied-ccnbt.png) no-repeat right center;
}

div#kpz-menus-pied li a {
display: block;
padding-left: 50px;
height: 47px;
line-height: 47px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 20px center;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
}

div#kpz-menus-pied li.contact a    {  background-image: url(/_templates/otnbt/img/kpz-menus-pied-contact.png);   }
div#kpz-menus-pied li.newsletter a {  background-image: url(/_templates/otnbt/img/kpz-menus-pied-newsletter.png);   }
div#kpz-menus-pied li.brochures a  {  background-image: url(/_templates/otnbt/img/kpz-menus-pied-brochures.png);   }

div#kpz-menus-pied li.carto a      {
padding-left: 35px;
background-image: url(/_templates/otnbt/img/kpz-menus-pied-carto.png);
background-position: 10px center;
}

div#kpz-menus-pied li a:hover {
background-color: #eee;
}

div#kpz-menus-pied li.credits {
margin-right: 0;
padding: 10px 20px 0 0;
width: 143px;
height: 37px;
text-align: right;
background-color: #fff;
}

div#kpz-menus-pied li.credits a {
display: inline;
padding-left: 0;
font-size: 12px;
line-height: 12px;
text-transform: none;
color: #333;
}

div#kpz-menus-pied li.credits a:hover {
background: none;
text-decoration: underline;
}




/* SOUS-PAGES */

div#kpz-menus-souspages {
margin-bottom: 20px;
padding: 12px;
background: #fff;
}

div#kpz-menus-souspages h2 {
margin-bottom: 6px;
padding-bottom: 6px;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
color: #3e3e3e;
border-bottom: 1px solid #3e3e3e;
}

div#kpz-menus-souspages li {
}

div#kpz-menus-souspages li a {
display: block;
padding: 4px 0 4px 16px;
text-decoration: none;
background: transparent url(/_templates/otnbt/img/puce-2.png) no-repeat 4px 8px;
}

div#kpz-menus-souspages li a:hover {
background-color: #eee;
}

div#kpz-menus-souspages li a.active {
font-weight: bold;
background-image: url(/_templates/otnbt/img/puce-3.png);
background-position: 4px 6px;
}




/* LANGUES */

div#kpz-menus-langues li {
float: left;
margin-left: 2px;
width: 41px;
height: 41px;
background: #fff;
}

div#kpz-menus-langues li:hover {
background: #eee;
}

div#kpz-menus-langues li a {
display: block;
width: 41px;
height: 41px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
}

div#kpz-menus-langues li.fr a {  background-image: url(/_templates/otnbt/img/str-langues-fr.png);  }
div#kpz-menus-langues li.en a {  background-image: url(/_templates/otnbt/img/str-langues-en.png);  }
div#kpz-menus-langues li.de a {  background-image: url(/_templates/otnbt/img/str-langues-de.png);  }


div#kpz-menus-langues.mobile li {
background: #666;
margin: 5px 10px 0 0;
width: 35px;
height: 35px;
}

div#kpz-menus-langues.mobile li a {
width: 35px;
height: 35px;
}



/* BOUSSOLE */

div#kpz-menus-boussole {
padding-bottom: 20px;
}

div#kpz-menus-boussole li {
float: left;
padding: 0 10px 0 5px;
background: transparent url(/_templates/otnbt/img/puce-1.png) no-repeat right 3px;
}

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

div#kpz-menus-boussole a {
color: #555;
text-decoration: none;
}

div#kpz-menus-boussole a:hover {
color: #000;
text-decoration: underline;
}



/* MENU MOBILE PRINCIPAL */

div#kpz-menus-mobile_principal-acces {
position: absolute;
z-index: 10001;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
background: #fff url(/_templates/otnbt/img/kpz-menus-mobile_principal-acces.png) no-repeat center center;
}

div#kpz-menus-mobile_principal {
position: absolute;
z-index: 10001;
top: 60px;
right: 10px;
width: 150px;
}

div#kpz-menus-mobile_principal a.niv1_a {
display: block;
margin-bottom: 2px;
padding: 14px;
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
color: #fff;
background: transparent url(/_templates/otnbt/img/transp3.png);
}




/* MENU MOBILE SECONDAIRE */

div#kpz-menus-mobile_secondaire {
padding: 5px 0;
}

div#kpz-menus-mobile_secondaire a {
display: block;
margin: 0 10px 5px 0;
padding: 0 10px;
height: 25px;
line-height: 25px;
background: #666;
color: #fff;
text-decoration: none;
}



/* MENU MOBILE PIED */

div#kpz-menus-mobile_pied a {
display: block;
margin: 0 10px 5px 0;
padding: 0 10px;
height: 25px;
line-height: 25px;
background: #666;
color: #fff;
text-decoration: none;
}



/* MOBILE BOUSSOLE */

div#kpz-menus-mobile_boussole {
padding: 10px;
}

div#kpz-menus-mobile_boussole li {
float: left;
padding: 0 10px 0 5px;
background: transparent url(/_templates/otnbt/img/puce-1.png) no-repeat right 3px;
}

div#kpz-menus-mobile_boussole li.last {
background: none;
}

div#kpz-menus-mobile_boussole a {
color: #555;
text-decoration: none;
}