/* Définition des couleurs
 #25663B = Vert foncé de la triade
 #a6895d = Jaune Or   de la triade
 #651a4b = Mauve d'origine Ancien #714799 #651a4b
 #e9eaae = Dégradé de vert moins clair
 #f9faeb = Dégradé de vert plus clair
#639681 = ancien lightgrey (vert du liseret di logo )

*/

.navbar {
  /*background-color: #651a4b;*/
 background: rgb(101,26,75);
 background: linear-gradient(90deg, rgba(101,26,75,1) 20%, rgba(57,32,80,1) 100%); 
}
.navbar .navbar-brand {
  color: white;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #639681; 
  outline:none;
  
}
.navbar .navbar-text {
  color: white;
}
.navbar .navbar-text a {
  color: white;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #639681; 
}
.navbar .navbar-nav .nav-link {
  color: white;  
  /*border-bottom:1px solid #392050; #651a4b;* ancien*/
  padding-bottom: 1px;
  outline:none;
  transition:box-shadow 0.4s ease, padding-top 0.1s ease ;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #639681;
  
  border-bottom:1px solid #639681 ;
  border-radius: 0px;
  padding-bottom: 2px;
  padding-top:6px;
  box-shadow:0px 5px 4px -5px white ;
  
  
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #ffffff;
  border-color: #a6895d; /* #a6895d */
  margin-top :1.5em;
  border: 3px solid #619481; /* #651a4b */
  box-shadow:4px 4px 4px #651a4b ; /* #651a4b */
  
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #651a4b;
  
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: white;
  background-color: #651a4b;
  outline:none;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #a6895d;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: white;
  /*background-color: #a6895d;*/
  border-bottom:1px solid lightgrey ;
  border-radius: 0px;
  padding-bottom: 2px;
  
  
}

.navbar-toggler {
    color: white;
  border-color:white; 
  
}
.navbar .navbar-toggle {
  border-color: #a6895d;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #651a4b;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: white;
  
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #25663B;
}
.navbar .navbar-link {
  color: #25663B;
}
.navbar .navbar-link:hover {
  color: #651a4b;
}


@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #25663B;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #651a4b;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: white;
    background-color: #651a4b;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #25663B;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #651a4b;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: white;
    background-color: #651a4b;    
  }
  

}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #651a4b;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: white;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: white;
    background-color: #651a4b;
  }
 


}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #25663B;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #651a4b; 
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: white;
    background-color: #651a4b;
  }

}

@media (max-width: 10000px) {
 
.brandHB {
    width:150px ; 
    height:150px ;
    margin:-40px 0px -150px 0px ;
  }
}
@media (max-width: 1199px) {
 
.brandHB {
    width:130px ; 
    height:130px ;
    margin:-40px 0px -130px 0px ;
  }
}

@media (max-width: 991px) {
 
.brandHB {
    width:110px ; 
    height:110px ;
    margin:-40px 0px -110px 0px ;
  }
}

@media (max-width: 767px) {
 
.brandHB {
    width:90px ; 
    height:90px ;
    margin:-40px 0px -90px 0px ;
  }
}

@media (max-width: 575px){
 
.brandHB {
    width:70px ; 
    height:70px ;
    margin:-40px 0px -70px 0px ;
  }
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #25663B;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #651a4b;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: white;
    background-color: #651a4b;
}
.btn-primary {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-primary:hover {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
  background-image: none;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
  background-color: #651a4b;
  border-color: #651a4b;
}

.btn-outline-primary {
  color: #651a4b;
  background-image: none;
  background-color: transparent;
  border-color: #651a4b;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #651a4b;
  border-color: #651a4b;
}
.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
  border-color: #651a4b;
}
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
  border-color: #651a4b;
}