/* CSS Document by Black meridian */


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

html {height: 100%; min-height: 100%;}
body {height: 100%;}
body {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#page {position: relative; padding-top: 44px; overflow: hidden; height: 100%;}
#menu {position: absolute; left: 0; top: 0; right: 0; padding: 3px 0; height: 44px; overflow: hidden; color: #fff; background: #434445;}
#menu .btn {color: #fff; box-shadow: none !important;}
#menu .btn#page-white-switch,
#menu .btn#page-blue-switch,
#menu .btn#page-yellow-switch {color: #434445;}
#menu .btn#page-swipe-switch {color: #c2fdff;}
#menu .btn#page-swipe-switch.on {color: #fff79a;}
#menu .form-group {margin: 0;}
#menu .form-control {border: 0; text-align: center;}
#maincontent {position: relative; height: 100%; overflow: hidden;}

#top, #bottom {position: relative; height: 50%; overflow-y: scroll;}

#draggable-wrapper {height: 24px;}
#draggable {position: absolute; left: 0; right: 0; height: 24px; overflow: hidden; line-height: 24px; text-align: center; color: #fff; background: #434445; cursor: move;}

.diaporama-book-bleu {position: absolute; left: 0; top: 0; right: 0;}
.container {padding: 0; max-width: none; width: auto; height: 100%;}
.material-icons {vertical-align: bottom;}

.migx_book {text-align: center;}
.fullheight .migx_book {margin-top: -44px; padding-top: 44px; height: 100vh;}
.fullheight .migx_book img {height: 100%;}

#rotate {position: fixed; z-index: 200; left: 0; top: 0; right: 0; bottom: 0; color: #434445; background: #c2fdff;}
#rotate .inner {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
#rotate .material-icons {font-size: 200px;}


@media only screen and (max-width : 767px) {
  #menu .btn {padding: 0 5px;}
  #menu .form-control {padding: 0 0 0 5px;}
  #menu .material-icons {font-size: 16px; vertical-align: middle;}
}

@media (orientation: landscape) {
  #rotate {display: block !important;}
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   fonts                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

@font-face {
  font-family: 'egyptien';
  src: url('fonts/egyptien-webfont.woff2') format('woff2'),
       url('fonts/egyptien-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}