﻿#masterMenu-Menu {
  padding-left: 0;
}

#masterMenu ul li a {
  font-size: 1em;
}

#masterMenu .blocRecherche {
  margin-bottom: 5px;
}

#masterMenu .blocRechercheMobile {
  margin-top: auto;
  margin-bottom: auto;
  line-height: 50px;
  margin-left: 1em;
}

  #masterMenu .blocRechercheMobile input[name=query] {
    line-height: normal;
  }


#masterMenu .blocSupplementaire {
  color: white;
}

#masterMenu nav li a .caret {
  margin-left: 5px;
}

#masterMenu .hamburger {
  padding-top: 0px;
  margin-top: -5px;
  padding-bottom: 0;
}

#masterMenu .hamburger-box {
  width: 30px;
  height: 0px;
}

#masterMenu .hamburger-inner, #masterMenu .hamburger-inner:after, #masterMenu .hamburger-inner:before {
  background-color: #CCC;
  width: 30px;
  height: 3px;
}

#masterMenu .hamburger-inner {
  margin-top: -5px;
}

  #masterMenu .hamburger-inner:before {
    top: -8px;
  }

  #masterMenu .hamburger-inner:after {
    bottom: -8px;
  }

#masterMenu .texteApresBurger {
  display: inline;
}

/* navbar */
#masterMenu nav.navbar-dec {
  background-color: #007780; /*e3f2fd 4873bb*/
  border-color: #E7E7E7;
  margin: 0;
  margin-bottom: 1em;
}
  /* Title */
  #masterMenu nav.navbar-dec .navbar-brand {
    color: #777;
  }

    #masterMenu nav.navbar-dec .navbar-brand:hover,
    #masterMenu nav.navbar-dec .navbar-brand:focus {
      color: #5E5E5E;
    }
  /* Link */
  #masterMenu nav.navbar-dec .navbar-nav > li > a {
    color: #ffffff;
  }

    #masterMenu nav.navbar-dec .navbar-nav > li > a:hover,
    #masterMenu nav.navbar-dec .navbar-nav > li.active > a,
    #masterMenu nav.navbar-dec .navbar-nav > li > a:focus {
      color: #333;
      background-color: #F7F7F7;
    }

  #masterMenu nav.navbar-dec .navbar-nav > li.active > a {
    background-color: lightcyan;
  }

  #masterMenu nav.navbar-dec .navbar-nav > .active > a,
  #masterMenu nav.navbar-dec .navbar-nav > .active > a:hover,
  #masterMenu nav.navbar-dec .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #F7F7F7;
  }

  #masterMenu nav.navbar-dec .navbar-nav > .open > a,
  #masterMenu nav.navbar-dec .navbar-nav > .open > a:hover,
  #masterMenu nav.navbar-dec .navbar-nav > .open > a:focus {
    color: #555;
  }

    #masterMenu nav.navbar-dec .navbar-nav > .open > a,
    #masterMenu nav.navbar-dec .navbar-nav > .open > a:hover,
    #masterMenu nav.navbar-dec .navbar-nav > .open > a:focus,
    #masterMenu nav.navbar-dec .navbar-nav > .open > ul {
      background-color: #F7F7F7;
    }

      #masterMenu nav.navbar-dec .navbar-nav > .open > ul a:hover,
      #masterMenu nav.navbar-dec .navbar-nav > .open > ul .active a,
      #masterMenu nav.navbar-dec .navbar-nav > .open > ul a:focus {
        background-color: lightcyan;
      }

  /* Caret */
  #masterMenu nav.navbar-dec .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
  }

  #masterMenu nav.navbar-dec .navbar-nav > .dropdown > a:hover .caret,
  #masterMenu nav.navbar-dec .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
  }

  #masterMenu nav.navbar-dec .navbar-nav > .open > a .caret,
  #masterMenu nav.navbar-dec .navbar-nav > .open > a:hover .caret,
  #masterMenu nav.navbar-dec .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
  }
  /* Mobile version */
  #masterMenu nav.navbar-dec .navbar-toggle {
    border-color: #DDD;
  }

    #masterMenu nav.navbar-dec .navbar-toggle:hover,
    #masterMenu nav.navbar-dec .navbar-toggle:focus {
      background-color: #DDD;
    }

    #masterMenu nav.navbar-dec .navbar-toggle .icon-bar {
      background-color: #CCC;
    }


#masterMenu .icon-bar {
  background-color: #CCC;
}


#masterMenu-Menu .burger {
  display: block;
}

#masterMenu nav.navbar-dec .navbar-nav > .open {
  padding-right: 0;
}

/*#masterMenu-Menu .burger {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
     #masterMenu-Menu .burger.collapse {
        display: none!important;
    }*/

@media (max-width: 767px) {
  #masterMenu nav.navbar-dec .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

    #masterMenu nav.navbar-dec .navbar-nav .open .dropdown-menu > li > a:hover,
    #masterMenu nav.navbar-dec .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #333;
    }
}


/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   #masterMenu nav.navbar-dec .navbar-nav > li > a {
    width:220px;
  }
}*/

/*@media screen and (-ms-high-contrast: active) and (min-width: 768px) and (max-width: 991px), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px){
    #masterMenu nav.navbar-dec .navbar-nav > li > a {
        width: 200px;
    }
}*/

/*@media screen and (-ms-high-contrast: active) and (min-width: 768px) and (max-width:991px), (-ms-high-contrast: none) and (min-width: 768px) and (max-width:991px) {
  #masterMenu nav.navbar-dec .navbar-nav > li > a {
    width: 140px;
  }

  #masterMenu ul li a {
    font-size: 1em;
  }
}*/

/*@media screen and (-ms-high-contrast: active) and (min-width: 992px) and (max-width:1200px), (-ms-high-contrast: none) and (min-width: 992px) and (max-width:1200px) {
  #masterMenu nav.navbar-dec .navbar-nav > li > a {
    width: 160px;
  }

  #masterMenu ul li a {
    font-size: 1em;
  }
}*/

/*@media screen and (-ms-high-contrast: active) and (min-width: 768px) and (max-width:1200px), (-ms-high-contrast: none) and (min-width: 768px) and (max-width:1200px) {

  .open .dropdown-toggle:after {
    border: none !important;
  }
}*/

@media screen and (min-width: 992px) {
  #masterMenu ul li a {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 991px) {
  #masterMenu nav.navbar-dec .navbar-nav > li > a {
    max-width: 150px;
  }

  #masterMenu ul li a {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 1199px) {
}
