@media screen and (max-width: 1152px) {
  .recherche {
    display: none;
  }

  #diaporama .slide-desc {
    font-size: 14px;
    bottom: 15% !important;
    line-height: 0.9;
  }
}

@media screen and (max-width: 768px) {
  nav.pagenavigation {
    display: inherit;
    height: inherit;
  }

  .no-tablet {
    display: none;
  }

  .page,
  .page__wrapper {
    display: block;
  }

  #diaporama .slide-desc {
    display: none;
  }

  .no-display {
    display: none !important;
  }

  .category-desc {
    margin-top: 0;
  }

  .copyright {
    margin: 0 2% 0 0;
  }

  .social {
    position: absolute;
    top: 80px;
    bottom: auto;
    margin: 1em;
    padding: 0;
    left: 60%;
    text-align: left;
    z-index: 500;
  }

  .bandeau {
    display: none;
  }

  .page {
    min-height: 50%;
    margin-bottom: 0;
  }

  blockquote {
    font-size: 1em;
  }

  .page__wrapper {
    vertical-align: top;
    height: 100%;
    min-height: none;
    width: 100%;
    margin: 0;
    float: none;
  }

  .page__inner-wrapper {
    margin: 0;
  }

  .nav-element {
    display: block;
  }

  .bloc8,
  .bloc12,
  .bloc16 {
    width: 25%;
  }

  .bloc25 {
    width: 50%;
  }

  .bloc33 {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
  }

  .bloc50 {
    width: 50%;
  }

  .article-wrapper.bloc50 {
    width: 100%;
  }

  .bloc66,
  .bloc75,
  .bloc84,
  .bloc100 {
    width: 100%;
    float: none;
  }

  .vertical {
    margin: 1rem 20%;
    height: 2px;
    background: #fff;
    width: 100%;
  }

  .onepage .bloc-article {
    font-size: 100% !important;
  }

  .onepage .bloc-element .bloc50 {
    width: 100%;
  }
}