.sommaire-box {
    display: flex;
    position: fixed;
    right: calc(50% - 782px);
    top: 0;
    visibility: hidden;
    z-index: 520
}

@media only screen and (max-width:calc(1564px + 120px)) {
    .sommaire-box {
        right: 60px
    }
}

@media only screen and (max-width:991px) {
    .sommaire-box {
        border-top: 1px solid #e7e9ec;
        bottom: auto !important;
        display: block;
        margin-top: 20px;
        padding-top: 15px;
        position: relative !important;
        right: auto;
        z-index: 500
    }
}

.sommaire-box__item {
    align-items: center;
    background: #fff;
    color: #112a46;
    display: flex;
    font-size: 14px;
    line-height: 12px;
    padding: 1px 20px;
    text-decoration: none;
    text-transform: uppercase
}

@media only screen and (max-width:991px) {
    .sommaire-box__item {
        background: none;
        padding: 25px 0
    }
}

.sommaire-box__item:focus,
.sommaire-box__item:hover {
    color: #52b6ca;
    text-decoration: none
}

.sommaire-box__item:focus {
    outline: 0
}

.sommaire-box__item>[class^=icon-] {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin-right: 20px
}

.sommaire-box__item:hover>[class^=icon-] {
    -webkit-animation: button-icon-big__go-up .2s, button-icon-big__levitate .4s ease-in-out .2s infinite alternate;
    animation: button-icon-big__go-up .2s, button-icon-big__levitate .4s ease-in-out .2s infinite alternate
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans);


.search {
  width: 100%;
  position: block;
  display: flex;
  margin-left: auto; 
  margin-right: 50;
}

.searchTerm {
  width: 90%;
  border: 3px solid #112a46;
  border-right: none;
  padding: 5px;
  height: 36px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 36px;
  border: 1px solid #112a46;
  background: #112a46;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}


.navbar.fixed-top {
    position: -webkit-sticky;
    position: sticky;
}

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

.bs-sidebar.affix {
    position: -webkit-sticky;
    position: sticky;
    /* The nav header is 3.5rem high, plus 20px for the margin-top of the
       main container. */
    top: calc(3.5rem + 20px);
}

.bs-sidebar.card {
    padding: 0;
    max-height: 90%;
    overflow-y: auto;
}