.navbar-brand{
background-image: url("../img/badseeds-logo-1.svg");
width: 248px;
height: 8px;
margin-top: 15px;
}
.navbar-brand:hover{
background-image: url("../img/badseeds-logo-2.svg");
width: 248px;
height: 8px;
margin-top: 15px;
}

@media (max-width: 736px) {
  .navbar-brand{
  background-image: url("../img/badseeds-logo-1.svg");
  width: 248px;
  height: 8px;
  margin-top: 10px;
  }
}
@media (max-width: 736px) {
  .navbar-brand:hover{
  background-image: url("../img/badseeds-logo-2.svg");
  width: 248px;
  height: 8px;
  margin-top: 10px;
  }
}
/*  Ipad Media Queries */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .navbar-brand{
  background-image: url("../img/badseeds-logo-1.svg");
  width: 248px;
  height: 8px;
  margin-top: 10px;
  }}

/* Couleur de fond de la barre de navigation */
.navbar-inverse {
background-color: #B4B2B2;
/*background-image: url("../img/nav.png");*/
font-family: 'Titillium Web', sans-serif;
letter-spacing: .15rem;
font-size: 18px;
font-weight: 800;
transition: .4s ease;
box-shadow: 0 3px 5px rgba(0, 0, 0, .0);
}
@media (max-width: 736px) {
.navbar-inverse {
background-color: #A2A2A2;
font-family: 'Titillium Web', sans-serif;
letter-spacing: .1rem;
font-weight: 800;
transition: .4s ease;
}
}

/* Couleur utilisée pour les liens */
.navbar-inverse .navbar-nav > li > a {
 color: #fff;
  transition: .3s ease;
}
/* Couleur utilisée pour les liens */
.navbar-inverse .navbar-nav > li > a:hover {
 color: #333;
}
.navbar-inverse .navbar-nav > li > a {
  margin-top: 5px;
  letter-spacing: -0.05em;
}

/* Couleur utilisée pour le lien actif (celui qui est affiché sur la page) */
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
 color: #333;
 background-color: transparent;
}
/* Couleur utilisée pour un menu dépliant lorsqu'il est ouvert */
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
 color: #181815;
 background-color: transparent;
}

/* Filet du burger Version mobile, le menu devient une icône qui déroule une liste avec le menu en vertical */
.navbar-inverse .navbar-toggle {
 border-color: transparent !important;
}
/* fond burger en Hover */
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
 background-color: transparent !important;
}



/*   D R O P  D O W N   ! ! ! ! ! ! ! ! ! ! !  */
.dropdown-menu{
  border: none;
  background-color:#fff;
  width: 220px;
  transition: 5s ease;
  padding-top: 10px;
  padding-bottom: 15px;
  float: left;
  letter-spacing: .0em;
  box-shadow: 0 6px 10px rgba(0, 0, 0, .3);
}
@media (max-width: 736px) {
  .dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  float: left;
  padding-top:0px;
  padding-bottom:0px;
  font-size: 20px;
  list-style: none;
  border: 0;
  text-align: left;
  opacity: 1;
  }
}
.navbar-nav > li > .dropdown-menu {
  border-top-right-radius:0px;
  border-top-left-radius:0px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius: 10px;
  margin-top:0px;
}

@media (max-width: 736px) {
  .navbar-nav > li > .dropdown-menu {
    border-top-right-radius:0px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius: 0px;
    margin-top: 20px;
  }
}
/*   D R O P  D O W N   ! ! ! ! ! ! ! ! ! ! !  */



/*  HAMBURGER TO X  */
.navbar-toggle {
border: none;
background: transparent !important;
}
.navbar-toggle:hover {
background: transparent !important;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all .1s;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
}




.caret-dropdown {
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  height: 10px;
  left: 15px;
  margin-top: 2px;
  position: relative;
  text-align: left;
  transition: .0s ease;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  width: 13px;
  color: #cf0;
}

@media (max-width: 736px) {
  .caret-dropdown {
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    height: 10px;
    left: 15px;
    margin-top: 2px;
    position: relative;
    text-align: left;
    transition: .0s ease;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    width: 13px;
    color: #cf0;
    right:10px;
  }
}
.caret-dropdown:after, .caret-dropdown:before {
  background-color: transparent;
  border-bottom: 9px solid #444;
  box-sizing: content-box;
  content: '';
  display: inline-block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
  transition: .4s ease;
  width: 1px;
}
.caret-dropdown:before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.caret-dropdown:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.caret-dropdown.active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform: translate(0, -6px);
          transform: translate(0, -6px);
}
.caret-dropdown.active:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.caret-dropdown.active:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}


.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;

}




/*  Taille texte menu navbar */
.nav > li > a{
font-size: 0.9em !important;
}
@media (max-width: 736px) {
  .nav > li > a{
  font-size: 1.05em !important;
  line-height: .6em;
  padding-left: 20px;
  }
}


/* bg color couleur du menu  cliqué  navbar  */
ul.nav.navbar-nav .dropdown.open .dropdown-toggle{
color: #333;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
font-size: .9em;
}



/* couleur sous le lien cliqué dropdown = GRAPHISM - PHOTOGRAPHY */
@media (max-width: 736px) {
ul.nav.navbar-nav .dropdown.open .dropdown-toggle{
color: #888;
background-color: #222;}
}



/*  > > > >  COULEUR des sous menu  état neurtre  >  MOBILE  */
@media (max-width: 736px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
background-color: #fff !important;
color:#444;
font-size: .65em !important;
line-height: 1.6em;
padding-top: 10px;
margin-left: 3px;
}
/*  > > > >  COULEUR des liens 2e niveau au survol  >  MOBILE  */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
background-color: transparent;
color:#333;
font-weight: 800;
font-size: .65em !important;
padding-left:35px;
}
}

.dropdown-menu .divider {
height: 1px;
margin: 0px 0;
overflow: hidden;
background-color: transparent;
}

/*  TYPO HOVER DROPDOWN */
.dropdown-menu > li > a {
display: block;
padding: 10px 15px;
color: #555;
background-color: ;
font-size: 0.99em !important;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
transition: .1s ease;
}
/*  TYPO HOVER DROPDOWN HOVER */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #888;
background-color: transparent;
font-family: 'Titillium Web', sans-serif;
font-size: 0.99em !important;
font-weight:700;
margin-left:7px;
letter-spacing: .0em;
transition: .0s ease;
text-shadow: 3px 2px 0px rgba(150, 150, 150, 0);
}
@media (max-width: 736px) {
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
  color: #AD8800;
  background-color: transparent;
  font-size: 0.99em !important;
  margin-left:0px;
  }
}


.dropdown-menu > li > a:active,{
color: #333;
font-size: 0.99em !important;
}

/* COULEUR  LIEN   ACTIVE   + arrière plan DANS SOUS-MENU DéROULé */
.dropdown-menu >li.active > a,
.dropdown-menu >li.active > a:hover,
.dropdown-menu >li.active > a:focus {
background-color: transparent ;
color: #ADA29A  !important;
font-size: 0.99em !important;
font-weight: 700;
opacity: 1;
margin-left: 0px;
margin-right: 2px;
}

@media (max-width: 736px) {
.dropdown-menu > li.active > a
{
  background-color: transparent !important;
  color: #736F6D  !important;
  font-weight: 800;
  opacity: 1;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
}