/* VARIABLES */
:root {
  --header-color: rgba(255, 255, 255);
  /* --header-background-image: url(/cartes/index.php/view/media/getMedia?repository=pnr&project=publication_communes&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/header-background-medium.jpg); */
  --header-background-image: none;
  --color-background-primary: rgba(0, 136, 101,0.5);
  --color-background-primary-content: #ffffffdb;
  --color-text-primary: rgb(51, 51, 51);
  --color-text-primary-content: rgb(51, 51, 51);
  --color-contrasted-elements: rgb(255, 255, 255);
  --color-contrasted-elements-light: #c3dceb;
  --color-contrasted-text: rgb(47, 47, 47);
  --color-dark-gray-elements: rgb(51, 51, 51);
}



/* HEADER */



#logo {
  background : url(/cartes/index.php/view/media/getMedia?repository=pnr&project=publication_communes&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/logo-pnr-2021-trans.png) no-repeat;
  background-size:contain;
}

#headermenu {
  background-color:transparent;
}

#auth {
  background: transparent;
}
.navbar .nav > a,
.navbar .nav > li > a ,
.navbar .nav > li > a {
  color: var(--color-contrasted-text);
}
.navbar .nav .active > a,
.navbar .nav > li > a:focus ,
.navbar .nav > li > a:hover {
  background-color: var(--color-background-primary);
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color : var(--color-text-primary);
  background-color: var(--color-background-primary);
}
.navbar .nav > li > .dropdown-menu:after {
  border-bottom: 6px solid var(--color-background-primary);
}
.dropdown-menu {
  background-color: var(--color-background-primary);
}
.navbar .navbar-inner .icon {
  background-image:url(/cartes/index.php/view/media/getMedia?repository=pnr&project=publication_communes&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_20_tools.png);
}

.navbar .nav .dashboard-item .icon {
    background-position: -950px 0px;
}
.navbar .nav .dashboard-item a:hover .icon,
.navbar .nav .dashboard-item.active a .icon {
    background-position: -950px 0px;
}

.navbar .nav .login .icon {
  background-position: -225px 0px;
}
.navbar .nav .login a:hover .icon,
.navbar .nav .login.active a .icon {
  background-position: -200px 0px;
}
.navbar .nav .registered .icon {
  background-position: -825px 0px;
}
.navbar .nav .registered a:hover .icon,
.navbar .nav .registered.active a .icon {
  background-position: -800px 0px;
}
.navbar .nav .user .icon {
  background-position: -550px 0px;
}
.navbar .nav .user a:hover .icon,
.navbar .nav .user.active a .icon,
.navbar .nav .user.open a .icon    {
  background-position: -550px 0px;
}
.navbar .nav .home .icon {
  background-position: -25px 0px;
}
.navbar .nav .home a:hover .icon,
.navbar .nav .home.active a .icon {
  background-position: 0px 0px;
}