@media (min-width: 768px) {
    /*LOGO*/
    .navbar-brand {
      padding:0 20px 0 40px !important;
    }
  
  
    /*FOND DU MENU*/
    .navbar-default {
      background-color: #FFF;
      border:0;
      font-family: "DIN Next Rounded LT Pro";
      font-size:14px;
      font-weight: 400;
    }
  
    /* LIENS */
    .navbar-default .navbar-nav>li>a {
      color:#333333;
    }
  
  
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover {
      color:#333333;
      background-color:#ffffff ;
      /*border-bottom: 5px solid #333333;*/
    }
  
  
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
      color: #333333;
      background-color: transparent;
  }
  
    .navbar-nav>li>a {
      padding-right:0;
      padding-left:0;
    }
  
    .navbar-nav>li {
      padding-right:10px;
      padding-left:10px;
    }
  
  
    .navbar-right {
      padding-right:40px;
    }
  
    .navbar-right .bouton {
      margin-top: 9px;
      background-color:#333333;
      padding: 6px 14px 6px 14px;
      line-height: 20px;
      position: relative;
      display: block;
    }
  
    .fa-chevron-right:before {
        display: none;
    }
  
  
    .nav-transparent .navbar-nav>li>a:hover {
      background-color:transparent !important;
    }

    .navbar-nav li button {
        background: none;
        border: none;
        padding: 6px 15px !important;
        height: auto;
        margin-top: 9px;
    }
  
  
    .navbar-nav li button.btn-menu, .navbar-nav li button.btn-menu:hover, .open button.btn-menu {
        padding: 6px 15px !important;
      /* border: 1px solid #ffcc06; */
      height: auto;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-decoration: none;
      display: inline-block;
      /* font-weight: normal; */
      color: #FFFFFF;
      background-color: #ffcc06 !important;
      background-image: none;
      outline: none;
      margin-top: 9px;
    }
    .navbar-nav .ajouter_votre_evenement{
      
      padding: 4px 10px !important;
      height: auto;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-decoration: none;
      display: inline-block;
      color: #FFFFFF !important;
      background-color:#4F4F4F !important;
      background-image: none;
      outline: none;
      margin-top: 7px;
  
    }
    .navbar-nav .ajouter_votre_evenement:hover{
      
      padding: 4px 10px !important;
      height: auto;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-decoration: none;
      display: inline-block;
      color: #FFFFFF !important;
      background-color:#4F4F4F !important;
      background-image: none;
      outline: none;
      margin-top: 7px;
  
    }
  
}
  
  
@media (max-width: 767px){

    .navbar-default .navbar-toggle {
    border:0;
    padding: 9px 0 9px 10px;
    margin-right: 0px;
    margin-top:9px;
    margin-bottom:9px;
    }
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #FFF;
    }
    ul.navbar-nav {
    margin: 0px -15px 0px -15px;
    }
    /*LOGO*/
    .navbar-brand {
    padding:0 !important;
    
    }
    .navbar-default {
    background-color: #FFF;
    border:0;
    font-family: "DIN Next Rounded LT Pro";
    font-weight: 400;
    font-size: 16px;
    /*margin-bottom: 0px;*/
    }
    .navbar-header {
        float: none;
        margin: 0!important;
    }
    ul.navbar-nav li {
    display: block;
    /*height:30px;*/
    border-bottom: 1px solid #DDDDDD;
    }

    ul.navbar-nav li a {
    /*padding-top: 3px !important;*/
    padding-left: 20px !important;
    color:#333333 !important;
    line-height: 16px;
    }

    ul.navbar-nav li:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    
    background-color: #EEEEEE;
    }
    ul.navbar-nav li a:hover {
    color:#333333 !important;
    }
    ul.dropdown-menu li {
    display: block;
    height: unset;
    }
    ul.navbar-nav li.open {
    height: auto;
    border-bottom: 1px solid #ccc;
    }
    .navbar-default, .nav-transparent, .nav-colored {
    background-color:#FFF !important;
    }



}


.nav-colored {
    background-color:#FFF !important;
    transition: background-color 500ms linear;
}
.nav-transparent {
    /*background-color:rgba(255, 255, 255, 0.9) !important;*/
    color:#fff;
    transition: background-color 500ms linear;
}