@font-face {
  font-family: 'ico_ebook';
  src: url('fonts/ico_ebook.eot?4n3rv9');
  src: url('fonts/ico_ebook.eot?4n3rv9#iefix') format('embedded-opentype'), url('fonts/ico_ebook.ttf?4n3rv9') format('truetype'), url('fonts/ico_ebook.woff?4n3rv9') format('woff'), url('fonts/ico_ebook.svg?4n3rv9#ico_book') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="ico_ebook-"], [class*=" ico_ebook-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ico_ebook' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ico_ebook-download:before {
  content: "\e900"; }

.ico_ebook-full:before {
  content: "\e901"; }

.ico_ebook-grid:before {
  content: "\e902"; }

.ico_ebook-left:before {
  content: "\e903"; }

.ico_ebook-list:before {
  content: "\e904"; }

.ico_ebook-right:before {
  content: "\e905"; }

.ico_ebook-zoom:before {
  content: "\e906"; }

.ico_ebook-share:before {
  content: "\e907"; }

.magazine-responsive-wrapper {
  padding-top: 80px;
  padding-bottom: 70%;
  position: relative;
  background: no-repeat center center #fbf7ed;
  background-size: cover;
  overflow: hidden; }
  .magazine-responsive-wrapper.fullscreen {
    padding-bottom: 0px !important;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.8); }
  .magazine-responsive-wrapper .magazine-controls-head {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center; }
    .magazine-responsive-wrapper .magazine-controls-head .btn-toolbar {
      justify-content: center; }
      .magazine-responsive-wrapper .magazine-controls-head .btn-toolbar .btn-group {
        margin: 0 10px; }
        .magazine-responsive-wrapper .magazine-controls-head .btn-toolbar .btn-group .btn-light {
          border-color: #ccc;
          display: flex;
          align-items: center;
          color: #212529;
          background-color: #f8f9fa;
          border-color: #f8f9fa; }
      .magazine-responsive-wrapper .magazine-controls-head .btn-toolbar > * {
        float: none; }
        .magazine-responsive-wrapper .magazine-controls-head .btn-toolbar > * .form-control {
          height: 34px; }
    .magazine-responsive-wrapper .magazine-controls-head .page-field {
      text-align: center;
      padding-left: 3px;
      padding-right: 3px;
      width: 60px; }
  .magazine-responsive-wrapper .magazine-controls-foot {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center; }
    .magazine-responsive-wrapper .magazine-controls-foot .pagin {
      display: inline-block;
      line-height: 2;
      padding: 0 1em;
      font-size: 12px; }
  .magazine-responsive-wrapper .sommaire-book {
    position: absolute;
    top: 0;
    left: -250px;
    bottom: 0;
    overflow: auto;
    width: 250px;
    padding: 10px;
    z-index: 110;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    transition: left 0.06s; }
    @media screen and (prefers-reduced-motion: reduce) {
  .magazine-responsive-wrapper .sommaire-book {
    transition: none; } }
    .magazine-responsive-wrapper .sommaire-book.active {
      left: 0; }
    .magazine-responsive-wrapper .sommaire-book .sommaire {
      padding: 0;
      list-style: none; }
      .magazine-responsive-wrapper .sommaire-book .sommaire OL {
        padding: 0 0 0 20px;
        list-style: square; }
    .magazine-responsive-wrapper .sommaire-book .sommaire-link {
      cursor: pointer; }
  .magazine-responsive-wrapper .magazine-thumbnails {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 20px;
    overflow: auto;
    text-align: center;
    z-index: 109; }
    .magazine-responsive-wrapper .magazine-thumbnails.active {
      display: block; }
    .magazine-responsive-wrapper .magazine-thumbnails .list {
      display: inline-block;
      text-align: left; }
    .magazine-responsive-wrapper .magazine-thumbnails .dbl-page {
      display: inline-block;
      width: 230px;
      max-width: 50%;
      vertical-align: top;
      padding: 15px 15px; }
      .magazine-responsive-wrapper .magazine-thumbnails .dbl-page .thumb {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-top: 75%;
        background-size: cover;
        background-position: center center; }
  .magazine-responsive-wrapper .magazine-content {
    position: absolute;
    top: 55px;
    left: 0px;
    right: 0px;
    bottom: 25px;
    height: auto; }
    .magazine-responsive-wrapper .magazine-content .magazine-viewport {
      height: 100%; }
  .magazine-responsive-wrapper .magazine-viewport .ctnr {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 510px;
    margin: auto; }
  .magazine-responsive-wrapper .zoomer > .page {
    background-size: cover; }
  .magazine-responsive-wrapper .magazine {
    width: 100%;
    height: 100%;
    left: -50%;
    top: -50%; }
    .magazine-responsive-wrapper .magazine > .page {
      display: none; }
    .magazine-responsive-wrapper .magazine .page {
      width: 50%;
      height: 100%;
      background-color: white;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
      .magazine-responsive-wrapper .magazine .page img {
        user-select: none; }
    .magazine-responsive-wrapper .magazine .zoomer .region {
      display: none; }
    .magazine-responsive-wrapper .magazine .region {
      position: absolute;
      overflow: hidden;
      background: #06f;
      opacity: 0.2;
      border-radius: 10px;
      cursor: pointer; }
      .magazine-responsive-wrapper .magazine .region:hover {
        opacity: 0.5; }
      .magazine-responsive-wrapper .magazine .region.zoom {
        opacity: 0.01; }
      .magazine-responsive-wrapper .magazine .region.zoom:hover {
        opacity: 0.2; }
    .magazine-responsive-wrapper .magazine .gradient {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .magazine-responsive-wrapper .magazine .even .gradient {
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
      background-repeat: repeat-x; }
    .magazine-responsive-wrapper .magazine .odd .gradient {
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 5%);
      background-repeat: repeat-x; }
  .magazine-responsive-wrapper .magazine-viewport .zoom-in .gradient, .magazine-responsive-wrapper .magazine-viewport .zoom-in .next-button, .magazine-responsive-wrapper .magazine-viewport .zoom-in .previous-button {
    display: none; }
    .magazine-responsive-wrapper .magazine-viewport .loader {
      background-image: url("../flash/ebook/turnjs/loader.gif");
      width: 22px;
      height: 22px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -11px; }
    .magazine-responsive-wrapper .magazine-viewport .shadow {
      transition: box-shadow 0.5s;
      box-shadow: 0 0 20px #ccc; }
    .magazine-responsive-wrapper .magazine-viewport .next-button, .magazine-responsive-wrapper .magazine-viewport .previous-button {
      width: 22px;
      height: 100%;
      position: absolute;
      top: 0; }
      .magazine-responsive-wrapper .magazine-viewport .next-button:hover, .magazine-responsive-wrapper .magazine-viewport .previous-button:hover {
        background-color: rgba(0, 0, 0, 0.2); }
        .magazine-responsive-wrapper .magazine-viewport .next-button:hover:before, .magazine-responsive-wrapper .magazine-viewport .previous-button:hover:before {
          content: "";
          display: block;
          width: 22px;
          height: 32px;
          background: url("../flash/ebook/turnjs/arrows.png") -4px 0 no-repeat;
          position: absolute;
          top: 50%;
          left: 0;
          margin-top: -16px; }
    .magazine-responsive-wrapper .magazine-viewport .previous-button {
      left: -22px;
      border-radius: 15px 0 0 15px; }
    .magazine-responsive-wrapper .magazine-viewport .next-button {
      right: -22px;
      border-radius: 0 15px 15px 0; }
      .magazine-responsive-wrapper .magazine-viewport .next-button:hover:before {
        background-position: -37px 0; }
  .magazine-responsive-wrapper .animated {
    /*	transition:margin-left 0.5s;*/ }
  .magazine-responsive-wrapper.theme_white .btn-default, .magazine-responsive-wrapper.theme_white .form-control, .magazine-responsive-wrapper.theme_white .pagin {
    background: #fff;
    color: #333; }
    .magazine-responsive-wrapper.theme_white .btn-default:hover, .magazine-responsive-wrapper.theme_white .form-control:hover, .magazine-responsive-wrapper.theme_white .pagin:hover {
      background: overlay(#fff, fade(#333, 20%)); }
  .magazine-responsive-wrapper.theme_black .btn-default, .magazine-responsive-wrapper.theme_black .form-control, .magazine-responsive-wrapper.theme_black .pagin {
    background: #333;
    color: #fff; }
    .magazine-responsive-wrapper.theme_black .btn-default:hover, .magazine-responsive-wrapper.theme_black .form-control:hover, .magazine-responsive-wrapper.theme_black .pagin:hover {
      background: overlay(#333, fade(#fff, 20%)); }
  .magazine-responsive-wrapper.theme_red .btn-default, .magazine-responsive-wrapper.theme_red .form-control, .magazine-responsive-wrapper.theme_red .pagin {
    background: #903;
    color: #fff; }
    .magazine-responsive-wrapper.theme_red .btn-default:hover, .magazine-responsive-wrapper.theme_red .form-control:hover, .magazine-responsive-wrapper.theme_red .pagin:hover {
      background: overlay(#903, fade(#fff, 20%)); }
  .magazine-responsive-wrapper.theme_blue .btn-default, .magazine-responsive-wrapper.theme_blue .form-control, .magazine-responsive-wrapper.theme_blue .pagin {
    background: #09f;
    color: #fff; }
    .magazine-responsive-wrapper.theme_blue .btn-default:hover, .magazine-responsive-wrapper.theme_blue .form-control:hover, .magazine-responsive-wrapper.theme_blue .pagin:hover {
      background: overlay(#09f, fade(#fff, 20%)); }
  .magazine-responsive-wrapper.theme_green .btn-default, .magazine-responsive-wrapper.theme_green .form-control, .magazine-responsive-wrapper.theme_green .pagin {
    background: #093;
    color: #fff; }
    .magazine-responsive-wrapper.theme_green .btn-default:hover, .magazine-responsive-wrapper.theme_green .form-control:hover, .magazine-responsive-wrapper.theme_green .pagin:hover {
      background: overlay(#093, fade(#fff, 20%)); }
  @media (max-width: 500px) {
  .magazine-responsive-wrapper .btn-thumbnails, .magazine-responsive-wrapper .btn-share-book, .magazine-responsive-wrapper .btn-zoom {
    display: none; } }
  @media (max-width: 768px) {
  .magazine-responsive-wrapper {
    display: none; } }

.magazine-mobile-wrapper {
  margin: 0 15px;
  position: relative; }
  .magazine-mobile-wrapper > img {
    width: 100%; }
  .magazine-mobile-wrapper .infos {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.467);
    padding: 15px;
    text-align: center; }
    .magazine-mobile-wrapper .infos .title {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 15px; }
  @media (min-width: 769px) {
  .magazine-mobile-wrapper {
    display: none; } }