@media (max-width: 1600px) {
  .toc {
    position: inherit;
    width:auto ;
    background:  #f2f1f1;
    border:1px solid #ccc;
    padding: 20px;
  }
}

@media (min-width: 1599px) {
  .show-summary {display:none !important;}
  .collapse #nav {
    display: block !important;
  }
}
@media (max-width: 1280px) {

  .thought {
  display:flex;
  background-color:#eee;
  padding:2px;
  border-radius:30px;
  min-width:40px;
  max-width:340px;
  min-height:40px;
  margin:20px;
  position:relative;
  align-items:center;
  justify-content:center;
  text-align:center;
}
  .fyi::before {
    background: url(images/Tinkerbell.png);
    background-size: cover;
    content: '';
    height: 60px;
    width: 60px;
    color: #382107;
    font-size: 4em;
    position: relative;
    display: block;
}
.fyi {
    font-size: 1rem !important;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 0.9rem;
    color: #555555;
    padding: 30px;
    border: 2px solid #E6B343;
    color: #fff !important;
    line-height: 1.7 rem;
    position: relative;
    background: rgba(0, 27, 87, 1);
    box-shadow: 0 2px 0 0 #b28b33;
}
  .pre-header .nav-link {font-size:0.8rem !important;}
  .navbar {
    padding: 0.3em 0 !important;
  }

  #cave-navbar ul {
      margin-top: 12px;
  }
  #cave-navbar ul > li {
      padding: 0.3em 0em;
  }

  #cave-navbar ul > li .navlink {
      color: rgba(255,255,255,0.8) !important;
  }

  .notre-avis img {width: 60px !important;}

  .sub-menu {
    position: relative;
    display: block;
    visibility: visible;
    opacity:100%;
    background: transparent;
    top:0;
    border:none;
    padding: :8px 0;
  }

  #header-menu .sub-menu  .nav-link  {padding: 6px 0 !important;}
  #header-menu li {margin-bottom:8px;}
  #header-menu {
      height: 100%; /* 100% Full-height */
      width: 0; /* 0 width - change this with JavaScript */
      position: fixed; /* Stay in place */
      z-index: 9999; /* Stay on top */
      top: 0; /* Stay at the top */
      left: 0;
      background: rgb(0,27,87);
      background: linear-gradient(339deg, rgba(0,27,87,1) 0%, rgba(0,52,163,1) 100%);
      overflow-x: hidden; /* Disable horizontal scroll */
      overflow-y: scroll;
      padding-top: 20px; /* Place content 60px from the top */
      padding-left:12px;
      padding-right:12px;
      transition: 0.1s; /* 0.5 second transition effect to slide in the sidenav */
  }

  #header-menu .nav-link {padding: 0;}

#header-menu.show {
  width: 250px;
}

  /* Entre 992 et 1280 px, le menu est un panneau latéral (ci-dessus) mais Bootstrap
     (navbar-expand-lg) masque le bouton qui l'ouvre : on le réaffiche. */
  .navbar-expand-lg .navbar-toggler {display: block;}
  .navbar-expand-lg #header-menu {flex-direction: column; align-items: flex-start;}
  .navbar-expand-lg #header-menu .navbar-nav {flex-direction: column;}
  /* Panneau fermé : ses marges intérieures laissaient dépasser 24 px de liens au bord gauche. */
  .navbar-expand-lg #header-menu:not(.show):not(.collapsing) {visibility: hidden; padding-left: 0; padding-right: 0;}

  #main-content {
    transition: margin-left .5s;
  }

  .btn-amazon {
      font-size: 11px;
      padding: 16px 10px;
      display: block;
  }


}