html,body {
  height:100%;
}

body {
    position: relative; 
}

.first {
  height:100vh;
  min-height:400px;
  background-size:cover;
  background-image:url('../ressources/banner1.png');
  background-position: top center;
}

.last {
  height:25vh;
  min-height:10px;
  background-size:cover;
  background-image:url('../ressources/herbier_chassagne_cropped_edited.png');
  background-position: top center;
}

.affix {
  background-color: #B0C4DE;
  -webkit-transition:padding 0.2s ease-out;
  -moz-transition:padding 0.2s ease-out;  
  -o-transition:padding 0.2s ease-out;         
  transition:padding 0.2s ease-out;
}

@media (min-width:768px) {
    .affix-top {
      /* navbar style at top */
      background-color:transparent;
      border-color:transparent;
      padding: 15px;
      -webkit-transition:all 0.5s ease;
      -moz-transition:all 0.5s ease; 
      -o-transition:all 0.5s ease;         
      transition:all 0.5s ease;  
    }
}


nav .navbar-nav .nav-link,
nav .navbar-brand {
   color: #000;
}

#container-main {
    padding-top: 70px;
    padding-bottom: 30px;
}

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}

nav > div a.nav-item.nav-link
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#B0C4DE;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #B0C4DE ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #B0C4DE;
    border-bottom:5px solid #B0C4DE;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #B0C4DE;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}