-/* Screenshot */\r
-.screenshot .mview{\r
- overflow-y: hidden;\r
-}\r
-\r
-/* Incompatible */\r
-.no-csstransforms #device{\r
- display:none;\r
-}\r
-.csstransforms #message{\r
- display:none;\r
-}\r
-#message{\r
- text-align: center;\r
- margin: 30px auto;\r
- width:600px;\r
-}\r
-#message a{\r
- text-decoration: underline;\r
-}\r
-#message a:after{\r
- content:" »";\r
-}\r
-\r
-/* Disable print div*/\r
-#printpages{\r
- display:none;\r
-}\r
-\r
-\r
-/* Global settings */\r
-a,input[type=text],input[type=password],input[type=file],textarea{outline:none;-webkit-appearance:none;}\r
-a{text-decoration:none;color:inherit;}\r
-*{\r
- padding:0;\r
- margin:0;\r
-\r
- box-sizing: border-box;\r
- -moz-box-sizing: border-box;\r
- -webkit-box-sizing: border-box;\r
- -ms-box-sizing: border-box;\r
- -o-box-sizing: border-box;\r
-\r
- -webkit-tap-highlight-color:rgba(0,0,0,0);\r
- -ms-touch-action:double-tap-zoom pinch-zoom; \r
- -ms-scroll-chaining:chained;\r
-\r
- -webkit-font-smoothing:antialiased;\r
-}\r
-\r
-img{\r
- border:0;\r
- box-sizing:content-box;\r
- -moz-box-sizing: content-box;\r
- -webkit-box-sizing: content-box;\r
- -ms-box-sizing: content-box;\r
- -o-box-sizing: content-box;\r
-}\r
-\r
-b,strong,h1,h2,h3,h4,h5,h6{\r
- font-weight: 600;\r
-}\r
-\r
-.pan,.pan *{\r
- -ms-touch-action:auto;\r
-}\r
-\r
-html{\r
- user-select:text;\r
- -moz-user-select:text;\r
- -webkit-user-select:text;\r
- -o-user-select:text;\r
- -ms-user-select:text;\r
-\r
-}\r
-\r
-body {\r
- -webkit-touch-callout: none !important;\r
-}\r
-\r
-\r
-body,input{\r
- font-family: Ubuntu, Arial, Helvetica, sans-serif;\r
-}\r
-\r
-body.loading *{\r
- cursor:progress !important;\r
-}\r
-\r
-body{\r
- overflow-y: hidden;\r
- overflow-x: hidden;\r
-}\r
-\r
-#main{\r
- position:absolute;\r
- display:none;\r
- overflow:hidden;\r
- visibility: hidden;\r
- opacity:1;\r
-}\r
-\r
-#main.fadeout,#view.fadeout{\r
- transition: opacity 500ms ease-out;\r
- -moz-transition: opacity 500ms ease-out;\r
- -webkit-transition: opacity 500ms ease-out;\r
- -ms-transition: opacity 500ms ease-out;\r
- -o-transition: opacity 500ms ease-out;\r
-\r
- opacity:0;\r
-}\r
-\r
-#hiddencontents{\r
- display:none;\r
-}\r
-\r
-/* Background */\r
-#background{\r
- position: absolute;\r
- left: 0;\r
- top: 0;\r
- width: 100%;\r
- height: 100%;\r
- z-index:0;\r
-}\r
-\r
-#background .links{\r
- \r
-}\r
-\r
-/* Orientation */\r
-.portrait .shade, .portrait .page.right{display:none;}\r
-.portrait .hideOnPortrait{display:none;}\r
-\r
-/* Desktop devices */\r
-\r
-.desktop #links{\r
- cursor:url(../images/cur-zoom-in.png), -moz-zoom-in;\r
-}\r
-.desktop.zoomed #links{\r
- cursor:url(../images/cur-zoom-out.png), -moz-zoom-out;\r
-}\r
-\r
-#links .link{\r
- cursor:auto;\r
-}\r
-\r
-/* Coquillette */\r
-#coquillette{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- z-index: 1000;\r
-}\r
-\r
-/* Pages */\r
-.background,.texts{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- overflow: visible;\r
-} \r
-\r
-.background{\r
- background-repeat:no-repeat;\r
-}\r
-\r
-.background img{\r
- width:100%;\r
- height:100%;\r
-}\r
-\r
-.texts{\r
-}\r
-\r
-.texts img,.texts object{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
-}\r
-\r
-/* Espaces forcés */\r
-\r
-.page{\r
- overflow: hidden;\r
- position:absolute;\r
- top:0px;\r
- background-color:#fff;\r
-}\r
-\r
-.page .shade{\r
- position:absolute;\r
- top:0px;\r
-}\r
-\r
-\r
-.page.right .shade{\r
- left:0px;\r
-}\r
-\r
-.page.left .shade{\r
- right:0px;\r
-}\r
-\r
-.background,.texts, .l, .g, .s{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
-}\r
-.texts .g {\r
- line-height: 1;\r
-}\r
-\r
-.g,.gs,.l{\r
- white-space: nowrap;\r
-}\r
-.texts .gs{\r
- display:inline-block;\r
-}\r
-\r
-.o{\r
- font-style: oblique;\r
-}\r
-\r
-\r
-.doublePage,#pages{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- overflow:hidden;\r
-}\r
-#pages{\r
- position:absolute;\r
- top:0px;\r
- left:0px; \r
-}\r
-\r
-/* Shadow */\r
-#shadow{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- /* !!!!!!!!!!! non !!!!!!!!!!!!!!!!!\r
- -webkit-transform: translateZ(0);\r
- -moz-transform: translateZ(0);\r
- -ms-transform: translateZ(0);\r
- -o-transform: translateZ(0);\r
- transform: translateZ(0);*/\r
-}\r
-\r
-#shadow>div{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
-}\r
-\r
-.portrait #shadow>div.right{\r
- display:none;\r
-}\r
-\r
-/* Nav */\r
-#nav #locales{\r
- display: inline-block;\r
- width:22px;\r
- height:17px;\r
- border-radius: 3px;\r
- background-position:50% 50%;\r
- background-repeat:no-repeat;\r
- margin: 11px 3px 0;\r
-}\r
-\r
-.localesList li a{\r
- padding:10px 20px !important;\r
-}\r
-\r
-.localesList li a img{\r
- vertical-align: middle;\r
- margin:-2px 20px 0 0;\r
-}\r
-\r
-/* Fluidbook */\r
-#fluidbook{\r
- position:absolute;\r
- z-index: 11;\r
- direction: ltr;\r
-}\r
-\r
-#cache{\r
- display:none;\r
-}\r
-\r
-#pagesnumbers{\r
- font-size:12px;\r
- padding: 0;\r
- position: absolute;\r
- white-space: nowrap;\r
- margin:5px 0 0 0;\r
-}\r
-\r
-#pagesnumbers div{\r
- text-align: center;\r
- display:inline-block;\r
-}\r
-\r
-.portrait #pagesnumbers .right{\r
- display:none;\r
-}\r
-\r
-/* Interface */\r
-#interface{\r
- position:static;\r
-}\r
-\r
-#next,#previous{\r
- background:#f00;\r
- width: 40px;\r
- height:100px;\r
- position:absolute;\r
- top:310px;\r
- display:block;\r
- opacity:1;\r
- z-index:21;\r
- background-size: 40px 100px;\r
-}\r
-\r
-#next,#previous,#down,#splash{\r
- transition: opacity 1s ease-in-out;\r
- -moz-transition: opacity 1s ease-in-out;\r
- -webkit-transition: opacity 1s ease-in-out;\r
- -o-transition: opacity 1s ease-in-out;\r
- -ms-transition: opacity 1s ease-in-out;\r
-}\r
-\r
-#next.hidden.help,#previous.hidden.help{\r
- transition: none;\r
- -moz-transition: none;\r
- -webkit-transition: none;\r
- -o-transition: none;\r
- -ms-transition: none;\r
- opacity:1;\r
-\r
-}\r
-\r
-#next.hidden,#previous.hidden{\r
- opacity:0;\r
- cursor:default;\r
-}\r
-\r
-.ltr #next{\r
- background-image: url("../data/images/interface-next.svg");\r
- right:0px;\r
- border-top-left-radius:7px;\r
- border-bottom-left-radius:7px;\r
-}\r
-\r
-.ltr #previous{\r
- background-image: url("../data/images/interface-previous.svg");\r
- left:0px;\r
- border-top-right-radius:7px;\r
- border-bottom-right-radius:7px;\r
-}\r
-\r
-.rtl #previous{\r
- background-image: url("../data/images/interface-next.svg");\r
- right:0px;\r
- border-top-left-radius:7px;\r
- border-bottom-left-radius:7px;\r
-}\r
-\r
-.rtl #next{\r
- background-image: url("../data/images/interface-previous.svg");\r
- left:0px;\r
- border-top-right-radius:7px;\r
- border-bottom-right-radius:7px;\r
-}\r
-\r
-.rtl.no-svg #next{\r
- background-image: url("../data/images/interface-next.png");\r
-}\r
-\r
-.rtl.no-svg #previous{\r
- background-image: url("../data/images/interface-previous.png");\r
-}\r
-\r
-.rtl.no-svg #previous{\r
- background-image: url("../data/images/interface-next.png");\r
-}\r
-\r
-.rtl.no-svg #next{\r
- background-image: url("../data/images/interface-previous.png");\r
-}\r
-\r
-/* Header */\r
-header{position:relative;}\r
-\r
-\r
-#nav>a{\r
- vertical-align: top;\r
- display:inline-block;\r
-}\r
-\r
-#nav a{\r
- padding:0 10px 20px 10px;\r
-}\r
-\r
-.ltr #nav a#submitSearch{\r
- margin:0 0 0 5px;\r
-}\r
-\r
-.rtl #nav a#submitSearch{\r
- margin:0 5px 0 0;\r
-}\r
-\r
-\r
-#nav>a>img{\r
- padding: 10px 2px 0px 2px;\r
- vertical-align: top;\r
-}\r
-\r
-#nav{\r
- position:relative;\r
- white-space: nowrap;\r
-}\r
-\r
-#afterSearch{\r
- display:inline-block;\r
- position:relative;\r
- vertical-align: top;\r
- left:30px;\r
-}\r
-\r
-#afterSearch .c{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- z-index: 9;\r
- display: block;\r
-}\r
-\r
-#afterSearch .links{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- z-index:10;\r
-}\r
-\r
-#search{\r
- position:relative;\r
- display:inline-block;\r
- z-index: 2;\r
- vertical-align: top;\r
-}\r
-\r
-.ltr #search{\r
- margin:8px 0 0 30px;\r
-}\r
-\r
-.rtl #search{\r
- margin:8px 30px 0 0;\r
-}\r
-\r
-\r
-#search img{\r
- vertical-align: middle;\r
-}\r
-#search input{\r
- padding:5px;\r
- border-radius:5px;\r
- border: 0;\r
- height:22px;\r
- width:150px;\r
-\r
-}\r
-\r
-.hint{\r
- padding:2px 5px 5px;\r
- height:22px;\r
- width:137px;\r
- margin:2px;\r
- display:block;\r
- font-size:12px;\r
-}\r
-\r
-#searchHints{\r
- border-radius:5px;\r
- width:150px;\r
- padding:5px;\r
- display:none;\r
- z-index: 25;\r
- position:relative;\r
-}\r
-\r
-#logo{\r
- position:absolute;\r
- top:0px;\r
- background-repeat: no-repeat;\r
- z-index: 10;\r
-}\r
-\r
-.ltr #logo{\r
- right:0px;\r
-}\r
-\r
-.rtl #logo{\r
- left:0px;\r
-}\r
-\r
-\r
-.portrait #logo{\r
- display:none;\r
-}\r
-\r
-/* Credits */\r
-footer{\r
- font-family: Silkscreen,Arial,Helvetica,sans-serif;\r
- font-size:8px;\r
- text-transform: uppercase;\r
- position: absolute;\r
- bottom:2px;\r
- z-index: 20;\r
-}\r
-footer a{\r
- text-decoration: none;\r
- margin:0 4px 4px 0;\r
-}\r
-\r
-.ltr footer{\r
- right:2px;\r
-}\r
-\r
-.rtl footer{\r
- left:2px;\r
-}\r
-\r
-/* Fluidbook zooming */\r
-\r
-footer,header,#interface{\r
- -moz-transition: opacity 400ms ease-in;\r
- -webkit-transition: opacity 400ms ease-in;\r
- -o-transition: opacity 400ms ease-in;\r
- -ms-transition: opacity 400ms ease-in;\r
- transition: opacity 400ms ease-in;\r
-}\r
-\r
-footer.hidden,header.hidden,#interface.hidden{\r
- opacity:0;\r
- z-index:0;\r
-}\r
-\r
-#fluidbook{\r
- -moz-transition: -moz-transform 1s ease-out,transform 1s ease-out;\r
- -webkit-transition:-webkit-transform 1s ease-out,transform 1s ease-out;\r
- -o-transition: -o-transform 1s ease-out,transform 1s ease-out;\r
- -ms-transition: -ms-transform 1s ease-out,transform 1s ease-out;\r
- transition: transform 1s ease-out;\r
-}\r
-\r
-#fluidbook.animate{\r
- -moz-transition: all 1s ease-out;\r
- -webkit-transition: all 1s ease-out;\r
- -ms-transition: all 1s ease-out;\r
- -o-transition: all 1s ease-out;\r
- transition: all 1s ease-out;\r
-}\r
-\r
-/* Links */\r
-#links{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- z-index:4;\r
- background-color: rgba(0,0,0,0.001);\r
-}\r
-\r
-.link{\r
- position: absolute;\r
- cursor:auto;\r
- z-index: 2;\r
-}\r
-\r
-.link.multimedia{\r
- z-index:1;\r
-}\r
-\r
-.link.contentLink{\r
- z-index:0;\r
-}\r
-\r
-.link a{\r
- width:100%;\r
- height:100%;\r
- display:block;\r
- border-radius:5px;\r
- background-color:rgba(0,0,0,0.01);\r
-}\r
-\r
-.link a.displayArea.animating{\r
- -moz-transition: opacity 1s ease-in;\r
- -webkit-transition: opacity 1s ease-in;\r
- -o-transition: opacity 1s ease-in;\r
- -ms-transition: opacity 1s ease-in;\r
- transition: opacity 1s ease-in;\r
-}\r
-\r
-#links .nonlinkarea{\r
- display:none;\r
-}\r
-\r
-.pad #links .nonlinkarea{\r
- width:100%;\r
- height:100%;\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- display: block;\r
-}\r
-\r
-/* Bookmarks */\r
-.bookmark.left{\r
- background-image: url("../data/images/bookmark-left-off.svg");\r
-}\r
-\r
-.bookmark.right,\r
-.portrait #fluidbook .bookmark.left{\r
- background-image: url("../data/images/bookmark-right-off.svg");\r
-}\r
-\r
-.bookmark.left[data-enabled]{\r
- background-image: url("../data/images/bookmark-left-on.svg");\r
-}\r
-\r
-.bookmark.right[data-enabled],\r
-.portrait #fluidbook .bookmark.left[data-enabled]{\r
- background-image: url("../data/images/bookmark-right-on.svg");\r
-}\r
-\r
-.no-svg .bookmark.left{\r
- background-image: url("../data/images/bookmark-left-off.png");\r
-}\r
-\r
-.no-svg .bookmark.right,\r
-.no-svg .portrait #fluidbook .bookmark.left{\r
- background-image: url("../data/images/bookmark-right-off.png");\r
-}\r
-\r
-.no-svg .bookmark.left[data-enabled]{\r
- background-image: url("../data/images/bookmark-left-on.png");\r
-}\r
-\r
-.no-svg .bookmark.right[data-enabled],\r
-.no-svg .portrait #fluidbook .bookmark.left[data-enabled]{\r
- background-image: url("../data/images/bookmark-right-on.png");\r
-}\r
-\r
-.bookmark.animating{\r
- -moz-transition: opacity 1s ease-in;\r
- -webkit-transition: opacity 1s ease-in;\r
- -o-transition: opacity 1s ease-in;\r
- -ms-transition: opacity 1s ease-in;\r
- transition: opacity 1s ease-in;\r
-}\r
-\r
-.bookmark{\r
- background-repeat: no-repeat;\r
- background-size:cover;\r
- position:absolute;\r
- top:0px;\r
- opacity: 0.01;\r
- display: block;\r
- cursor:pointer;\r
-}\r
-\r
-.bookmark[data-enabled],.bookmark:hover{\r
- opacity: 1 !important;\r
- -moz-transition: none;\r
- -webkit-transition: none;\r
- -o-transition: none;\r
- -ms-transition: none;\r
- transition: none;\r
-}\r
-\r
-#indexView .bookmark{\r
- width:35px;\r
- height:35px;\r
-}\r
-\r
-.landscape .bookmark.left{\r
- left:0px;\r
-}\r
-\r
-.bookmark.right{\r
- right:0px;\r
-}\r
-\r
-/* View */\r
-\r
-.mview{\r
- position:absolute;\r
- z-index:22;\r
- display:none;\r
- overflow-x: hidden;\r
- overflow-y: auto;\r
- -webkit-overflow-scrolling: touch;\r
- text-shadow: 0px -1px 0px rgba(0,0,0,0.15);\r
- background-repeat: no-repeat;\r
- background-size: 100% 100%;\r
-}\r
-\r
-.mview.animate{\r
- -moz-transition: -moz-transform 600ms ease-out,transform 600ms ease-out;\r
- -webkit-transition:-webkit-transform 600ms ease-out;\r
- -o-transition: -o-transform 600ms ease-out,transform 600ms ease-out;\r
- -ms-transition: -ms-transform 600ms ease-out,transform 600ms ease-out;\r
- transition: transform 600ms ease-out;\r
-}\r
-\r
-.mview .caption{\r
- padding:9px 12px;\r
- height:44px;\r
- position:absolute;\r
- z-index: 1;\r
-}\r
-\r
-.mview .caption h2{\r
- font-size:20px;\r
- line-height: 22px;\r
- text-align: center;\r
- font-weight: 600;\r
- margin:0 auto;\r
- overflow: hidden;\r
- text-overflow: ellipsis;\r
- white-space: nowrap;\r
-}\r
-\r
-.mview .caption .fonctions{\r
- position:absolute;\r
- top:9px;\r
- right:12px;\r
-}\r
-\r
-.mview .caption .fonctions a{\r
- float:right;\r
- margin:0 0 0 10px;\r
-}\r
-\r
-.mview .caption a{\r
- height:27px;\r
- font-weight: 600;\r
- font-size:14px;\r
- line-height: 25px;\r
- display: block;\r
-\r
- box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);\r
- -moz-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);\r
- -webkit-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);\r
- -ms-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);\r
- -o-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);\r
-\r
- background-repeat: no-repeat;\r
- background-position:10px 4px;\r
-\r
- border-radius:5px;\r
-}\r
-\r
-.mview .caption a.back{\r
- position:absolute;\r
- top:9px;\r
- left:12px;\r
-\r
- background-image:url("../data/images/interface-back-arrow.svg");\r
- background-size:auto 17px;\r
- padding:0 13px 0 27px;\r
-}\r
-\r
-.mview .caption a.send{\r
- background-image:url("../data/images/share-email.svg");\r
-}\r
-\r
-.mview .caption a.print{\r
- background-image:url("../data/images/interface-print.svg");\r
-}\r
-\r
-.mview .caption a{\r
- padding:0 13px 0 33px;\r
- background-size:auto 17px;\r
-}\r
-\r
-.portrait .mview .caption a.miniOnPortrait {\r
- background-position: 50% 50%;\r
- padding:0 15px;\r
-}\r
-\r
-\r
-.mview .content{\r
- text-align: center;\r
- position:absolute;\r
- top:44px;\r
-}\r
-\r
-#indexView{\r
- margin:auto;\r
-}\r
-\r
-#indexView .doubleThumb,#indexView .padding{\r
- display:inline-block;\r
- margin:10px 10px 40px 10px;\r
- position:relative;\r
- width:200px;\r
- cursor:pointer;\r
- text-align: center;\r
-}\r
-\r
-#indexView.bookmarkView .doubleThumb{\r
- width:100px;\r
-\r
-}\r
-\r
-#indexView.bookmarkView .doubleThumb.left{\r
- margin-right:10px;\r
-}\r
-\r
-#indexView.bookmarkView{\r
- text-align: left;\r
-}\r
-\r
-\r
-#indexView .padding{\r
- height:1px;\r
-}\r
-\r
-\r
-#indexView .doubleThumb .overlay{\r
- background-color:rgba(0,0,0,0.5);\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- width:200px;\r
- z-index:4;\r
-}\r
-\r
-#indexView .doubleThumb.simple .overlay{\r
- width:100px;\r
-}\r
-\r
-\r
-#indexView .doubleThumb .hits{\r
- position:relative;\r
- display:inline;\r
- top:30px;\r
- z-index:5;\r
- font-size:12px;\r
-}\r
-\r
-#indexView .doubleThumb .hits.yes{\r
- padding:5px;\r
- border-radius:5px;\r
-}\r
-#indexView .thumb{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- font-size:12px;\r
-}\r
-\r
-#indexView .thumb img{\r
- background:#fff;\r
-}\r
-\r
-#indexView .thumb .number{\r
- text-align:center;\r
- display:block;\r
- font-family: Arial,Helvetica,sans-serif;\r
- margin: 1px 0 0 0;\r
- max-width: 100px;\r
-}\r
-\r
-#indexView .thumb.right{\r
- left:100px;\r
-}\r
-\r
-#indexView .doubleThumb.simple{\r
- width:100px;\r
-}\r
-\r
-#indexView .doubleThumb.simple.right{\r
- margin-left:110px;\r
-}\r
-#indexView .doubleThumb.left{\r
- margin-right:110px;\r
-}\r
-\r
-\r
-#indexView .right .thumb.right{\r
- left:0px;\r
-}\r
-\r
-/* Search */\r
-.highlight0{\r
- background-color:#00ff00;\r
-}\r
-.highlight1{\r
- background-color:#ffff00;\r
-}\r
-.highlight2{\r
- background-color:#00ffff;\r
-}\r
-.highlight3{\r
- background-color:#ff00ff;\r
-}\r
-.highlight4{\r
- background-color:#ff0000;\r
-}\r
-\r
-/* Share */\r
-\r
-ul.chapters.shareList a.level0 img{\r
- height:25px;\r
- margin:2px 10px 0 0;\r
- position:relative;\r
- top:3px;\r
-}\r
-\r
-.rtl ul.chapters.shareList a.level0 img{\r
- margin:2px 0 0 10px;\r
-}\r
-\r
-/* Help */\r
-#helpView{\r
- background-color: rgba(0,0,0,0.7);\r
- position:absolute;\r
- z-index:20;\r
- display:none;\r
- color:#ffffff;\r
- overflow:hidden;\r
-}\r
-\r
-#helpView .illustration{\r
- text-align:center;\r
- font-size:20px;\r
-}\r
-\r
-#helpView .illustration p{\r
- position:static;\r
-}\r
-\r
-#helpView #icons{\r
- position:absolute;\r
- top:0px;\r
-}\r
-\r
-.portrait #helpView .icon.afterSearch{\r
- display:none;\r
-}\r
-\r
-#helpView .icon{\r
- position:absolute;\r
- top:0px;\r
- display:inline-block;\r
- border-left: 1px solid #ffffff;\r
- padding-left:5px;\r
- white-space: nowrap;\r
-}\r
-\r
-.rtl #helpView .icon span{\r
- position:absolute;\r
- right:1em;\r
- display: block;\r
- margin-top:-1em;\r
-}\r
-\r
-#helpView .interface hr{\r
- width:30px;\r
- height:0px;\r
- border:0;\r
- border-top:1px solid #ffffff;\r
- display:inline-block;\r
- margin: 0 10px;\r
- vertical-align: middle;\r
-}\r
-\r
-#helpView .down{\r
- position:absolute;\r
- right:62px;\r
- bottom:20px;\r
-}\r
-\r
-#helpView .down hr{\r
- width:30px;\r
- height:0px;\r
- border:0;\r
- border-top:1px solid #ffffff;\r
- display:inline-block;\r
- margin: 0 10px;\r
- vertical-align: middle;\r
-}\r
-\r
-.ltr #helpView .interface .next,\r
-.ltr #helpView .interface .last,\r
-.rtl #helpView .interface .first,\r
-.rtl #helpView .interface .previous{\r
- text-align: right;\r
- right:40px;\r
- top:340px;\r
-}\r
-\r
-.ltr #helpView .interface .next:after,\r
-.ltr #helpView .interface .last:after,\r
-.rtl #helpView .interface .first:after,\r
-.rtl #helpView .interface .previous:after{\r
- content:'------------';\r
- width:100px;\r
- border-bottom: 1px solid #fff;\r
- margin:0 10px;\r
- position:relative;\r
- top:-0.5em;\r
- color:transparent;\r
-}\r
-\r
-.rtl #helpView .interface .next,\r
-.rtl #helpView .interface .last,\r
-.ltr #helpView .interface .first,\r
-.ltr #helpView .interface .previous{\r
- left:40px;\r
- top:340px;\r
-}\r
-\r
-.rtl #helpView .interface .next:before,\r
-.rtl #helpView .interface .last:before,\r
-.ltr #helpView .interface .first:before,\r
-.ltr #helpView .interface .previous:before{\r
- content:'------------';\r
- width:100px;\r
- border-bottom: 1px solid #fff;\r
- margin:0 10px;\r
- position:relative;\r
- top:-0.5em;\r
- color:transparent;\r
-}\r
-\r
-\r
-#helpView .interface .first,\r
-#helpView .interface .last{\r
- margin-top:43px;\r
-}\r
-\r
-#helpView .interface .next,\r
-#helpView .interface .previous{\r
- margin-top:-5px;\r
-}\r
-\r
-\r
-#helpView .interface div{\r
- position:absolute;\r
- direction: ltr;\r
-}\r
-\r
-.portrait #helpView .interface{\r
- display:none;\r
-}\r
-\r
-.pad.portrait #helpView .interface{\r
- display:block;\r
-}\r
-\r
-.pad #helpView .illustration{\r
- display:none;\r
-}\r
-\r
-/* Archives */\r
-#archivesview{\r
- position:relative;\r
- overflow: hidden;\r
- top:44px;\r
-}\r
-\r
-#archivesview img{\r
- width:100%;\r
-}\r
-\r
-#archivesview .links{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
-}\r
-\r
-/* Inner view */\r
-\r
-#innerView{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- z-index: 30;\r
- display:none;\r
-}\r
-\r
-\r
-#innerView>div{\r
- position: absolute;\r
- border-radius: 10px;\r
- padding:20px;\r
- font-size: 0.8rem;\r
-}\r
-\r
-#innerView>div p{\r
- margin:0 0 20px 0;\r
-}\r
-\r
-/* Form elements */\r
-#innerView form input[type="text"],\r
-#innerView form input[type="email"]{\r
- font-family: Ubuntu;\r
- padding:5px;\r
- border-radius: 5px;\r
- border:0;\r
- width: 100%;\r
- margin:7px 0;\r
-}\r
-\r
-#innerView .close{\r
- position:absolute;\r
- top:0px;\r
- right:0px;\r
- width:34px;\r
- height:34px;\r
- display:block;\r
- background-image: url("../data/images/interface-close.svg");\r
- background-size:14px 14px;\r
- background-position: 50% 50%;\r
- background-repeat: no-repeat;\r
-}\r
-\r
-#innerView form input[type="submit"]{\r
- background-image: -moz-linear-gradient(top, #ffffff 0%, #a2a2a2 100%); /* FF3.6+ */\r
- background-image: -webkit-linear-gradient(top, #ffffff 0%,#a2a2a2 100%); /* Chrome10+,Safari5.1+ */\r
- background-image: -o-linear-gradient(top, #ffffff 0%,#a2a2a2 100%); /* Opera 11.10+ */\r
- background-image: -ms-linear-gradient(top, #ffffff 0%,#a2a2a2 100%); /* IE10+ */\r
- background-image: linear-gradient(to bottom, #ffffff 0%,#a2a2a2 100%); /* W3C */\r
- border:0;\r
- color:#000;\r
- font-weight: bold;\r
- position:absolute;\r
- right:20px;\r
- bottom:20px;\r
- padding:4px 10px 6px;\r
- border-radius: 5px;\r
- display: inline-block;\r
- cursor: pointer;\r
-}\r
-\r
-/* Videos */\r
-.mview .videoContainer{\r
-\r
- padding:20px;\r
- width:100%;\r
- height:100%;\r
-}\r
-\r
-.mview .videoContainer video,\r
-.mview .videoContainer object,.webvideo{\r
- position:static;\r
- width: 100%;\r
- height:auto;\r
- display: block;\r
-}\r
-.videoContainer{\r
- position:relative;\r
-}\r
-\r
-/* multimedia */\r
-\r
-.mview .multimediaContainer{\r
- padding:20px 20px 20px 20px;\r
-}\r
-\r
-.mview img.multimedia{\r
- width:100%;\r
- height:auto;\r
- display:block;\r
-}\r
-\r
-/* Chapters */\r
-ul.chapters>li{\r
- clear: both;\r
-}\r
-\r
-ul.chapters a{\r
- display:block;\r
- text-align: left;\r
- padding:10px 20px;\r
-}\r
-\r
-.rtl ul.chapters a{\r
- text-align: right;\r
-}\r
-\r
-ul.chapters a.level-1{\r
- font-size:200%;\r
- font-family: Ubuntu;\r
- font-weight: 600;\r
- text-align: center;\r
-}\r
-\r
-ul.chapters a.level-1 .right{\r
- display:none;\r
-}\r
-\r
-ul.chapters a.level0,ul.chapters a.level1,ul.chapters a.level2,ul.chapters a.level3{\r
- border-top: 1px solid rgba(255,255,255,0.3);\r
-}\r
-\r
-ul.chapters a.level0{\r
- font-size:150%;\r
- font-family: Ubuntu;\r
- font-weight: 600;\r
-}\r
-\r
-ul.chapters a.level1{\r
- padding:10px 20px 10px 50px;\r
- font-size:120%;\r
-}\r
-\r
-ul.chapters a.level2{\r
- padding:10px 20px 10px 80px;\r
- font-size: 100%;\r
-}\r
-\r
-ul.chapters a.level3{\r
- padding:10px 20px 10px 110px;\r
- font-size:80%;\r
-}\r
-\r
-ul.chapters, ul.chapters ul{\r
- list-style: none;\r
-}\r
-\r
-ul.chapters .right{\r
- float:right;\r
- display: inline-block;\r
-}\r
-\r
-ul.chapters .right .puce.noshadow{\r
- border-radius: 0px;\r
- -moz-border-radius: 0px;\r
- -webkit-border-radius: 0px;\r
- -ms-border-radius: 0px;\r
- -o-border-radius: 0px;\r
-\r
- box-shadow: 2px 2px 4px rgba(0,0,0,0);\r
- -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0);\r
- -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0);\r
- -ms-box-shadow: 2px 2px 4px rgba(0,0,0,0);\r
- -o-box-shadow: 2px 2px 4px rgba(0,0,0,0);\r
-\r
- margin: 0 0 0 15px;\r
- float:right;\r
-}\r
-\r
-ul.chapters .right .puce{\r
- width:25px;\r
- height:25px;\r
-\r
- border-radius: 5px;\r
- -moz-border-radius: 5px;\r
- -webkit-border-radius: 5px;\r
- -ms-border-radius: 5px;\r
- -o-border-radius: 5px;\r
-\r
- box-shadow: 2px 2px 4px rgba(0,0,0,0.25);\r
- -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);\r
- -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);\r
- -ms-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);\r
- -o-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);\r
-\r
-\r
- background-image: url("../images/chapters-arrow.png");\r
- background-repeat: no-repeat;\r
-}\r
-\r
-ul.chapters a.nodark{\r
- background-image: none !important;\r
- border-top:1px solid rgba(255,255,255,0.25);\r
-}\r
-\r
-ul.chapters a.level0 .right .puce{\r
- margin:2px 0 0 0;\r
-}\r
-\r
-ul.chapters a.level2 .right .puce{\r
- margin:-2px 0 0 0;\r
-}\r
-\r
-ul.chapters a>nav{\r
- display:none;\r
-}\r
-\r
-/* ipad mag */\r
-.pad #pagesnumbers,\r
-.pad footer\r
-{\r
- display:none;\r
-}\r
-\r
-.pad #interface,\r
-.pad header{\r
- opacity: 0;\r
- visibility: hidden;\r
- z-index: 21;\r
-}\r
-\r
-.pad #interface{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- width:100%;\r
-}\r
-\r
-#down{\r
- display:none;\r
-}\r
-\r
-.pad #down{\r
- display:block;\r
- width:40px;\r
- height:40px;\r
- border-radius:5px;\r
- background-image: url("../data/images/interface-down.svg");\r
- background-repeat: no-repeat;\r
- padding:8px 8px 8px 8px;\r
- position:absolute;\r
- bottom:10px;\r
- right:10px;\r
- background-size: 24px 24px;\r
- background-position: 50% 50%;\r
- z-index: 22;\r
- opacity:0;\r
- background-color:rgba(0,0,0,0.6);\r
-\r
- -moz-transition: all .15s ease-out;\r
- -webkit-transition:all .15s ease-out;\r
- -o-transition: all .15s ease-out;\r
- -ms-transition: all .15s ease-out;\r
- transition: all .15s ease-out;\r
-\r
- -moz-transform-origin: 50% 20px;\r
- -webkit-transform-origin: 50% 20px;\r
- -ms-transform-origin: 50% 20px;\r
- -o-transform-origin: 50% 20px;\r
- transform-origin: 50% 20px;\r
-\r
- -moz-transform: rotate(0deg);\r
- -webkit-transform: rotate(0deg);\r
- -ms-transform: rotate(0deg);\r
- -o-transform: rotate(0deg);\r
- transform: rotate(0deg);\r
-}\r
-\r
-#down.right{\r
- -moz-transform: rotate(-90deg);\r
- -webkit-transform: rotate(-90deg);\r
- -ms-transform: rotate(-90deg);\r
- -o-transform: rotate(-90deg);\r
- transform: rotate(-90deg);\r
-}\r
-\r
-/* Transitions */\r
-\r
-/* 2D */\r
-.doublePage._2d.sliding{\r
- -moz-transition:none;\r
- -webkit-transition:none;\r
- -o-transition: none;\r
- -ms-transition: none;\r
- transition: none;\r
-}\r
-\r
-/* 3D */\r
-#pages._3dtransition{\r
- -moz-perspective:5000px;\r
- -webkit-perspective:5000px;\r
- -o-perspective:5000px;\r
- -ms-perspective:5000px;\r
- perspective: 5000px;\r
-\r
- -moz-perspective-origin:50% 75%;\r
- -webkit-perspective-origin:50% 75%;\r
- -ms-perspective-origin:50% 75%;\r
- -o-perspective-origin:50% 75%;\r
- perspective-origin: 50% 75%;\r
-\r
- overflow: visible !important;\r
-}\r
-\r
-.doublePage._3d{\r
- overflow: visible;\r
- z-index:100;\r
-\r
- -moz-transform-style:preserve-3d;\r
- -webkit-transform-style:preserve-3d;\r
- -o-transform-style:preserve-3d;\r
- -ms-transform-style:preserve-3d;\r
- transform-style: preserve-3d;\r
-}\r
-\r
-._3d .page{\r
- -moz-backface-visibility:hidden;\r
- -webkit-backface-visibility:hidden;\r
- -o-backface-visibility:hidden;\r
- -ms-backface-visibility:hidden;\r
- backface-visibility: hidden;\r
-\r
- left:0px !important;\r
-}\r
-\r
-.doublePage._3d .right{\r
- -webkit-transform: rotate3d(0,1,0,0deg);\r
- -o-transform: rotate3d(0,1,0,0deg);\r
- -ms-transform: rotate3d(0,1,0,0deg);\r
- transform: rotate3d(0,1,0,0deg);\r
- -moz-transform: rotateY(0deg) translate3d(0,0,0);\r
-}\r
-\r
-.doublePage._3d .left{\r
- -webkit-transform: rotate3d(0,1,0,180deg);\r
- -o-transform: rotate3d(0,1,0,180deg);\r
- -ms-transform: rotate3d(0,1,0,180deg);\r
- transform: rotate3d(0,1,0,180deg);\r
- -moz-transform: rotateY(180deg) translate3d(0,0,0);\r
-}\r
-\r
-.doublePage._3d.nextstart{\r
- -webkit-transform: rotate3d(0,1,0,360deg);\r
- -o-transform: rotate3d(0,1,0,360deg);\r
- -ms-transform: rotate3d(0,1,0,360deg);\r
- transform: rotate3d(0,1,0,360deg);\r
- -moz-transform: rotateY(360deg) translate3d(0,0,0);\r
-\r
- -moz-transform-origin: 0 0;\r
- -webkit-transform-origin: 0 0;\r
- -o-transform-origin: 0 0;\r
- -ms-transform-origin: 0 0;\r
- transform-origin: 0 0;\r
-}\r
-\r
-.doublePage._3d.nextend{\r
-\r
- -webkit-transform: rotate3d(0,1,0,180deg);\r
- -o-transform: rotate3d(0,1,0,180deg);\r
- -ms-transform: rotate3d(0,1,0,180deg);\r
- transform: rotate3d(0,1,0,180deg);\r
- -moz-transform: rotateY(180deg) translate3d(0,0,0);\r
-}\r
-\r
-.doublePage._3d.prevstart{\r
-\r
- -webkit-transform: rotate3d(0,1,0,180deg);\r
- -o-transform: rotate3d(0,1,0,180deg);\r
- -ms-transform: rotate3d(0,1,0,180deg);\r
- transform: rotate3d(0,1,0,180deg);\r
- -moz-transform: rotateY(180deg) translate3d(0,0,0);\r
-\r
- -moz-transform-origin: 0 0;\r
- -webkit-transform-origin: 0 0;\r
- -o-transform-origin: 0 0;\r
- -ms-transform-origin: 0 0;\r
- transform-origin: 0 0;\r
-}\r
-\r
-.doublePage._3d.prevend{\r
-\r
- -webkit-transform: rotate3d(0,1,0,360deg);\r
- -o-transform: rotate3d(0,1,0,360deg);\r
- -ms-transform: rotate3d(0,1,0,360deg);\r
- transform: rotate3d(0,1,0,360deg);\r
- -moz-transform: rotateY(360deg) translate3d(0,0,0);\r
-}\r
-\r
-a.button{\r
- display:inline-block;\r
- padding:8px 32px 8px 16px;\r
- border-radius: 6px;\r
- font-weight: 600;\r
- margin:10px 0;\r
- background-image: url("../images/arrow-button.png");\r
- background-repeat: no-repeat;\r
- background-position: 100% 50%;\r
-}\r
-\r
-#fontsLoader{\r
- position:absolute;\r
- bottom:0px;\r
- right: 0px;\r
- width:0;\r
- height:0px;\r
- overflow:hidden; \r
-}\r
-\r
-/* Splash screen */\r
-#splash{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- z-index: 30;\r
- opacity:0;\r
-}\r
-\r
-#splash .logo{\r
- position:absolute;\r
-}\r
-\r
-#popinOverlay{\r
- position:absolute;\r
- z-index: 29;\r
- top:0px;\r
- left:0px;\r
- width:100%;\r
- height: 100%;\r
- background-color: rgba(0,0,0,0.3);\r
- display:none;\r
-}\r
-\r
-\r
-#popinOverlay iframe{\r
- background-color:#fff;\r
- overflow:hidden;\r
-}\r
-\r
-#popinOverlay>*{\r
- position:absolute;\r
- z-index: 30;\r
- top:0px;\r
- left:0px;\r
-\r
-}\r
-\r
-/* Tooltip */\r
-#tooltip{\r
- position:absolute;\r
- top:0px;\r
- left:0px;\r
- padding:5px 10px;\r
- border-radius: 5px;\r
- display:none;\r
- font-size:0.8rem;\r
- max-width: 180px;\r
- z-index: 100;\r
-}\r
-\r
-@media handled and (orientation: portrait) { \r
- #ol{display:none;}\r
- @-ms-viewport { width: 800px; }\r
-} \r
-\r
-@media handled and (orientation: landscape) { \r
- #op{display:none;}\r
- @-ms-viewport { width: 1280px; }\r
-} \r
-\r
-/* Webfonts*/\r
-@font-face {\r
- font-family: 'Silkscreen';\r
- src: url('fonts/slkscr-webfont.ttf') format('truetype');\r
- font-weight: 400;\r
- font-style: normal;\r
-}\r
-\r
-@font-face {\r
- font-family: 'Ubuntu';\r
- src: url('fonts/Ubuntu-R-webfont.ttf') format('truetype');\r
- font-weight: 400;\r
- font-style: normal;\r
-}\r
-\r
-@font-face {\r
- font-family: 'Ubuntu';\r
- src:url('fonts/Ubuntu-M-webfont.ttf') format('truetype');\r
- font-weight: 600;\r
- font-style: normal;\r
-}\r
+/* Screenshot */
+.screenshot .mview{
+ overflow-y: hidden;
+}
+
+/* Incompatible */
+.no-csstransforms #device{
+ display:none;
+}
+.csstransforms #message{
+ display:none;
+}
+#message{
+ text-align: center;
+ margin: 30px auto;
+ width:600px;
+}
+#message a{
+ text-decoration: underline;
+}
+#message a:after{
+ content:" »";
+}
+
+/* Disable print div*/
+#printpages{
+ display:none;
+}
+
+
+/* Global settings */
+a,input[type=text],input[type=password],input[type=file],textarea{outline:none;-webkit-appearance:none;}
+a{text-decoration:none;color:inherit;}
+*{
+ padding:0;
+ margin:0;
+
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -o-box-sizing: border-box;
+
+ -webkit-tap-highlight-color:rgba(0,0,0,0);
+ -ms-touch-action:double-tap-zoom pinch-zoom;
+ -ms-scroll-chaining:chained;
+
+ -webkit-font-smoothing:antialiased;
+}
+
+img{
+ border:0;
+ box-sizing:content-box;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ -ms-box-sizing: content-box;
+ -o-box-sizing: content-box;
+}
+
+b,strong,h1,h2,h3,h4,h5,h6{
+ font-weight: 600;
+}
+
+.pan,.pan *{
+ -ms-touch-action:auto;
+}
+
+html{
+ user-select:text;
+ -moz-user-select:text;
+ -webkit-user-select:text;
+ -o-user-select:text;
+ -ms-user-select:text;
+
+}
+
+body {
+ -webkit-touch-callout: none !important;
+}
+
+
+body,input{
+ font-family: Ubuntu, Arial, Helvetica, sans-serif;
+}
+
+body.loading *{
+ cursor:progress !important;
+}
+
+html.screenshot #main{
+ visibility:visible !important;
+ display:block !important;
+}
+
+html.screenshot #coquillette{
+ visibility: hidden !important;
+}
+
+body{
+ overflow-y: hidden;
+ overflow-x: hidden;
+}
+
+#main{
+ position:absolute;
+ display:none;
+ overflow:hidden;
+ visibility: hidden;
+ opacity:1;
+}
+
+#main.fadeout,#view.fadeout{
+ transition: opacity 500ms ease-out;
+ -moz-transition: opacity 500ms ease-out;
+ -webkit-transition: opacity 500ms ease-out;
+ -ms-transition: opacity 500ms ease-out;
+ -o-transition: opacity 500ms ease-out;
+
+ opacity:0;
+}
+
+#hiddencontents{
+ display:none;
+}
+
+/* Background */
+#background{
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ z-index:0;
+}
+
+#background .links{
+
+}
+
+/* Orientation */
+.portrait .shade, .portrait .page.right{display:none;}
+.portrait .hideOnPortrait{display:none;}
+
+/* Desktop devices */
+
+.desktop #links{
+ cursor:url(../images/cur-zoom-in.png), -moz-zoom-in;
+}
+.desktop.zoomed #links{
+ cursor:url(../images/cur-zoom-out.png), -moz-zoom-out;
+}
+
+#links .link{
+ cursor:auto;
+}
+
+/* Coquillette */
+#coquillette{
+ position:absolute;
+ top:0px;
+ left:0px;
+ z-index: 1000;
+}
+
+/* Pages */
+.background,.texts{
+ position:absolute;
+ top:0px;
+ left:0px;
+ overflow: visible;
+}
+
+.background{
+ background-repeat:no-repeat;
+}
+
+.background img{
+ width:100%;
+ height:100%;
+}
+
+.texts{
+}
+
+.texts img,.texts object{
+ position:absolute;
+ top:0px;
+ left:0px;
+}
+
+/* Espaces forcés */
+
+.page{
+ overflow: hidden;
+ position:absolute;
+ top:0px;
+ background-color:#fff;
+}
+
+.page .shade{
+ position:absolute;
+ top:0px;
+}
+
+
+.page.right .shade{
+ left:0px;
+}
+
+.page.left .shade{
+ right:0px;
+}
+
+.background,.texts, .l, .g, .s{
+ position:absolute;
+ top:0px;
+ left:0px;
+}
+.texts .g {
+ line-height: 1;
+}
+
+.g,.gs,.l{
+ white-space: nowrap;
+}
+.texts .gs{
+ display:inline-block;
+}
+
+.o{
+ font-style: oblique;
+}
+
+
+.doublePage,#pages{
+ position:absolute;
+ top:0px;
+ left:0px;
+ overflow:hidden;
+}
+#pages{
+ position:absolute;
+ top:0px;
+ left:0px;
+}
+
+/* Shadow */
+#shadow{
+ position:absolute;
+ top:0px;
+ left:0px;
+ /* !!!!!!!!!!! non !!!!!!!!!!!!!!!!!
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ transform: translateZ(0);*/
+}
+
+#shadow>div{
+ position:absolute;
+ top:0px;
+ left:0px;
+}
+
+.portrait #shadow>div.right{
+ display:none;
+}
+
+/* Nav */
+#nav #locales{
+ display: inline-block;
+ width:22px;
+ height:17px;
+ border-radius: 3px;
+ background-position:50% 50%;
+ background-repeat:no-repeat;
+ margin: 11px 3px 0;
+}
+
+.localesList li a{
+ padding:10px 20px !important;
+}
+
+.localesList li a img{
+ vertical-align: middle;
+ margin:-2px 20px 0 0;
+}
+
+/* Fluidbook */
+#fluidbook{
+ position:absolute;
+ z-index: 11;
+ direction: ltr;
+}
+
+#cache{
+ display:none;
+}
+
+#pagesnumbers{
+ font-size:12px;
+ padding: 0;
+ position: absolute;
+ white-space: nowrap;
+ margin:5px 0 0 0;
+}
+
+#pagesnumbers div{
+ text-align: center;
+ display:inline-block;
+}
+
+.portrait #pagesnumbers .right{
+ display:none;
+}
+
+/* Interface */
+#interface{
+ position:static;
+}
+
+#next,#previous{
+ background:#f00;
+ width: 40px;
+ height:100px;
+ position:absolute;
+ top:310px;
+ display:block;
+ opacity:1;
+ z-index:21;
+ background-size: 40px 100px;
+}
+
+#next,#previous,#down,#splash{
+ transition: opacity 1s ease-in-out;
+ -moz-transition: opacity 1s ease-in-out;
+ -webkit-transition: opacity 1s ease-in-out;
+ -o-transition: opacity 1s ease-in-out;
+ -ms-transition: opacity 1s ease-in-out;
+}
+
+#next.hidden.help,#previous.hidden.help{
+ transition: none;
+ -moz-transition: none;
+ -webkit-transition: none;
+ -o-transition: none;
+ -ms-transition: none;
+ opacity:1;
+
+}
+
+#next.hidden,#previous.hidden{
+ opacity:0;
+ cursor:default;
+}
+
+.ltr #next{
+ background-image: url("../data/images/interface-next.svg");
+ right:0px;
+ border-top-left-radius:7px;
+ border-bottom-left-radius:7px;
+}
+
+.ltr #previous{
+ background-image: url("../data/images/interface-previous.svg");
+ left:0px;
+ border-top-right-radius:7px;
+ border-bottom-right-radius:7px;
+}
+
+.rtl #previous{
+ background-image: url("../data/images/interface-next.svg");
+ right:0px;
+ border-top-left-radius:7px;
+ border-bottom-left-radius:7px;
+}
+
+.rtl #next{
+ background-image: url("../data/images/interface-previous.svg");
+ left:0px;
+ border-top-right-radius:7px;
+ border-bottom-right-radius:7px;
+}
+
+.rtl.no-svg #next{
+ background-image: url("../data/images/interface-next.png");
+}
+
+.rtl.no-svg #previous{
+ background-image: url("../data/images/interface-previous.png");
+}
+
+.rtl.no-svg #previous{
+ background-image: url("../data/images/interface-next.png");
+}
+
+.rtl.no-svg #next{
+ background-image: url("../data/images/interface-previous.png");
+}
+
+/* Header */
+header{position:relative;}
+
+
+#nav>a{
+ vertical-align: top;
+ display:inline-block;
+}
+
+#nav a{
+ padding:0 10px 20px 10px;
+}
+
+.ltr #nav a#submitSearch{
+ margin:0 0 0 5px;
+}
+
+.rtl #nav a#submitSearch{
+ margin:0 5px 0 0;
+}
+
+
+#nav>a>img{
+ padding: 10px 2px 0px 2px;
+ vertical-align: top;
+}
+
+#nav{
+ position:relative;
+ white-space: nowrap;
+}
+
+#afterSearch{
+ display:inline-block;
+ position:relative;
+ vertical-align: top;
+ left:30px;
+}
+
+#afterSearch .c{
+ position:absolute;
+ top:0px;
+ left:0px;
+ z-index: 9;
+ display: block;
+}
+
+#afterSearch .links{
+ position:absolute;
+ top:0px;
+ left:0px;
+ z-index:10;
+}
+
+#search{
+ position:relative;
+ display:inline-block;
+ z-index: 2;
+ vertical-align: top;
+}
+
+.ltr #search{
+ margin:8px 0 0 30px;
+}
+
+.rtl #search{
+ margin:8px 30px 0 0;
+}
+
+
+#search img{
+ vertical-align: middle;
+}
+#search input{
+ padding:5px;
+ border-radius:5px;
+ border: 0;
+ height:22px;
+ width:150px;
+
+}
+
+.hint{
+ padding:2px 5px 5px;
+ height:22px;
+ width:137px;
+ margin:2px;
+ display:block;
+ font-size:12px;
+}
+
+#searchHints{
+ border-radius:5px;
+ width:150px;
+ padding:5px;
+ display:none;
+ z-index: 25;
+ position:relative;
+}
+
+#logo{
+ position:absolute;
+ top:0px;
+ background-repeat: no-repeat;
+ z-index: 10;
+}
+
+.ltr #logo{
+ right:0px;
+}
+
+.rtl #logo{
+ left:0px;
+}
+
+
+.portrait #logo{
+ display:none;
+}
+
+/* Credits */
+footer{
+ font-family: Silkscreen,Arial,Helvetica,sans-serif;
+ font-size:8px;
+ text-transform: uppercase;
+ position: absolute;
+ bottom:2px;
+ z-index: 20;
+}
+footer a{
+ text-decoration: none;
+ margin:0 4px 4px 0;
+}
+
+.ltr footer{
+ right:2px;
+}
+
+.rtl footer{
+ left:2px;
+}
+
+/* Fluidbook zooming */
+
+footer,header,#interface{
+ -moz-transition: opacity 400ms ease-in;
+ -webkit-transition: opacity 400ms ease-in;
+ -o-transition: opacity 400ms ease-in;
+ -ms-transition: opacity 400ms ease-in;
+ transition: opacity 400ms ease-in;
+}
+
+footer.hidden,header.hidden,#interface.hidden{
+ opacity:0;
+ z-index:0;
+}
+
+#fluidbook{
+ -moz-transition: -moz-transform 1s ease-out,transform 1s ease-out;
+ -webkit-transition:-webkit-transform 1s ease-out,transform 1s ease-out;
+ -o-transition: -o-transform 1s ease-out,transform 1s ease-out;
+ -ms-transition: -ms-transform 1s ease-out,transform 1s ease-out;
+ transition: transform 1s ease-out;
+}
+
+#fluidbook.animate{
+ -moz-transition: all 1s ease-out;
+ -webkit-transition: all 1s ease-out;
+ -ms-transition: all 1s ease-out;
+ -o-transition: all 1s ease-out;
+ transition: all 1s ease-out;
+}
+
+/* Links */
+#links{
+ position:absolute;
+ top:0px;
+ left:0px;
+ z-index:4;
+ background-color: rgba(0,0,0,0.001);
+}
+
+.link{
+ position: absolute;
+ cursor:auto;
+ z-index: 2;
+}
+
+.link.multimedia{
+ z-index:1;
+}
+
+.link.contentLink{
+ z-index:0;
+}
+
+.link a{
+ width:100%;
+ height:100%;
+ display:block;
+ border-radius:5px;
+ background-color:rgba(0,0,0,0.01);
+}
+
+.link a.displayArea.animating{
+ -moz-transition: opacity 1s ease-in;
+ -webkit-transition: opacity 1s ease-in;
+ -o-transition: opacity 1s ease-in;
+ -ms-transition: opacity 1s ease-in;
+ transition: opacity 1s ease-in;
+}
+
+#links .nonlinkarea{
+ display:none;
+}
+
+.pad #links .nonlinkarea{
+ width:100%;
+ height:100%;
+ position:absolute;
+ top:0px;
+ left:0px;
+ display: block;
+}
+
+/* Bookmarks */
+.bookmark.left{
+ background-image: url("../data/images/bookmark-left-off.svg");
+}
+
+.bookmark.right,
+.portrait #fluidbook .bookmark.left{
+ background-image: url("../data/images/bookmark-right-off.svg");
+}
+
+.bookmark.left[data-enabled]{
+ background-image: url("../data/images/bookmark-left-on.svg");
+}
+
+.bookmark.right[data-enabled],
+.portrait #fluidbook .bookmark.left[data-enabled]{
+ background-image: url("../data/images/bookmark-right-on.svg");
+}
+
+.no-svg .bookmark.left{
+ background-image: url("../data/images/bookmark-left-off.png");
+}
+
+.no-svg .bookmark.right,
+.no-svg .portrait #fluidbook .bookmark.left{
+ background-image: url("../data/images/bookmark-right-off.png");
+}
+
+.no-svg .bookmark.left[data-enabled]{
+ background-image: url("../data/images/bookmark-left-on.png");
+}
+
+.no-svg .bookmark.right[data-enabled],
+.no-svg .portrait #fluidbook .bookmark.left[data-enabled]{
+ background-image: url("../data/images/bookmark-right-on.png");
+}
+
+.bookmark.animating{
+ -moz-transition: opacity 1s ease-in;
+ -webkit-transition: opacity 1s ease-in;
+ -o-transition: opacity 1s ease-in;
+ -ms-transition: opacity 1s ease-in;
+ transition: opacity 1s ease-in;
+}
+
+.bookmark{
+ background-repeat: no-repeat;
+ background-size:cover;
+ position:absolute;
+ top:0px;
+ opacity: 0.01;
+ display: block;
+ cursor:pointer;
+}
+
+.bookmark[data-enabled],.bookmark:hover{
+ opacity: 1 !important;
+ -moz-transition: none;
+ -webkit-transition: none;
+ -o-transition: none;
+ -ms-transition: none;
+ transition: none;
+}
+
+#indexView .bookmark{
+ width:35px;
+ height:35px;
+}
+
+.landscape .bookmark.left{
+ left:0px;
+}
+
+.bookmark.right{
+ right:0px;
+}
+
+/* View */
+
+.mview{
+ position:absolute;
+ z-index:22;
+ display:none;
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ text-shadow: 0px -1px 0px rgba(0,0,0,0.15);
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+}
+
+.mview.animate{
+ -moz-transition: -moz-transform 600ms ease-out,transform 600ms ease-out;
+ -webkit-transition:-webkit-transform 600ms ease-out;
+ -o-transition: -o-transform 600ms ease-out,transform 600ms ease-out;
+ -ms-transition: -ms-transform 600ms ease-out,transform 600ms ease-out;
+ transition: transform 600ms ease-out;
+}
+
+.mview .caption{
+ padding:9px 12px;
+ height:44px;
+ position:absolute;
+ z-index: 1;
+}
+
+.mview .caption h2{
+ font-size:20px;
+ line-height: 22px;
+ text-align: center;
+ font-weight: 600;
+ margin:0 auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.mview .caption .fonctions{
+ position:absolute;
+ top:9px;
+ right:12px;
+}
+
+.mview .caption .fonctions a{
+ float:right;
+ margin:0 0 0 10px;
+}
+
+.mview .caption a{
+ height:27px;
+ font-weight: 600;
+ font-size:14px;
+ line-height: 25px;
+ display: block;
+
+ box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);
+ -moz-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);
+ -webkit-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);
+ -ms-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);
+ -o-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.3);
+
+ background-repeat: no-repeat;
+ background-position:10px 4px;
+
+ border-radius:5px;
+}
+
+.mview .caption a.back{
+ position:absolute;
+ top:9px;
+ left:12px;
+
+ background-image:url("../data/images/interface-back-arrow.svg");
+ background-size:auto 17px;
+ padding:0 13px 0 27px;
+}
+
+.mview .caption a.send{
+ background-image:url("../data/images/share-email.svg");
+}
+
+.mview .caption a.print{
+ background-image:url("../data/images/interface-print.svg");
+}
+
+.mview .caption a{
+ padding:0 13px 0 33px;
+ background-size:auto 17px;
+}
+
+.portrait .mview .caption a.miniOnPortrait {
+ background-position: 50% 50%;
+ padding:0 15px;
+}
+
+
+.mview .content{
+ text-align: center;
+ position:absolute;
+ top:44px;
+}
+
+#indexView{
+ margin:auto;
+}
+
+#indexView .doubleThumb,#indexView .padding{
+ display:inline-block;
+ margin:10px 10px 40px 10px;
+ position:relative;
+ width:200px;
+ cursor:pointer;
+ text-align: center;
+}
+
+#indexView.bookmarkView .doubleThumb{
+ width:100px;
+
+}
+
+#indexView.bookmarkView .doubleThumb.left{
+ margin-right:10px;
+}
+
+#indexView.bookmarkView{
+ text-align: left;
+}
+
+
+#indexView .padding{
+ height:1px;
+}
+
+
+#indexView .doubleThumb .overlay{
+ background-color:rgba(0,0,0,0.5);
+ position:absolute;
+ top:0px;
+ left:0px;
+ width:200px;
+ z-index:4;
+}
+
+#indexView .doubleThumb.simple .overlay{
+ width:100px;
+}
+
+
+#indexView .doubleThumb .hits{
+ position:relative;
+ display:inline;
+ top:30px;
+ z-index:5;
+ font-size:12px;
+}
+
+#indexView .doubleThumb .hits.yes{
+ padding:5px;
+ border-radius:5px;
+}
+#indexView .thumb{
+ position:absolute;
+ top:0px;
+ left:0px;
+ font-size:12px;
+}
+
+#indexView .thumb img{
+ background:#fff;
+}
+
+#indexView .thumb .number{
+ text-align:center;
+ display:block;
+ font-family: Arial,Helvetica,sans-serif;
+ margin: 1px 0 0 0;
+ max-width: 100px;
+}
+
+#indexView .thumb.right{
+ left:100px;
+}
+
+#indexView .doubleThumb.simple{
+ width:100px;
+}
+
+#indexView .doubleThumb.simple.right{
+ margin-left:110px;
+}
+#indexView .doubleThumb.left{
+ margin-right:110px;
+}
+
+
+#indexView .right .thumb.right{
+ left:0px;
+}
+
+/* Search */
+.highlight0{
+ background-color:#00ff00;
+}
+.highlight1{
+ background-color:#ffff00;
+}
+.highlight2{
+ background-color:#00ffff;
+}
+.highlight3{
+ background-color:#ff00ff;
+}
+.highlight4{
+ background-color:#ff0000;
+}
+
+/* Share */
+
+ul.chapters.shareList a.level0 img{
+ height:25px;
+ margin:2px 10px 0 0;
+ position:relative;
+ top:3px;
+}
+
+.rtl ul.chapters.shareList a.level0 img{
+ margin:2px 0 0 10px;
+}
+
+/* Help */
+#helpView{
+ background-color: rgba(0,0,0,0.7);
+ position:absolute;
+ z-index:20;
+ display:none;
+ color:#ffffff;
+ overflow:hidden;
+}
+
+#helpView .illustration{
+ text-align:center;
+ font-size:20px;
+}
+
+#helpView .illustration p{
+ position:static;
+}
+
+#helpView #icons{
+ position:absolute;
+ top:0px;
+}
+
+.portrait #helpView .icon.afterSearch{
+ display:none;
+}
+
+#helpView .icon{
+ position:absolute;
+ top:0px;
+ display:inline-block;
+ border-left: 1px solid #ffffff;
+ padding-left:5px;
+ white-space: nowrap;
+}
+
+.rtl #helpView .icon span{
+ position:absolute;
+ right:1em;
+ display: block;
+ margin-top:-1em;
+}
+
+#helpView .interface hr{
+ width:30px;
+ height:0px;
+ border:0;
+ border-top:1px solid #ffffff;
+ display:inline-block;
+ margin: 0 10px;
+ vertical-align: middle;
+}
+
+#helpView .down{
+ position:absolute;
+ right:62px;
+ bottom:20px;
+}
+
+#helpView .down hr{
+ width:30px;
+ height:0px;
+ border:0;
+ border-top:1px solid #ffffff;
+ display:inline-block;
+ margin: 0 10px;
+ vertical-align: middle;
+}
+
+.ltr #helpView .interface .next,
+.ltr #helpView .interface .last,
+.rtl #helpView .interface .first,
+.rtl #helpView .interface .previous{
+ text-align: right;
+ right:40px;
+ top:340px;
+}
+
+.ltr #helpView .interface .next:after,
+.ltr #helpView .interface .last:after,
+.rtl #helpView .interface .first:after,
+.rtl #helpView .interface .previous:after{
+ content:'------------';
+ width:100px;
+ border-bottom: 1px solid #fff;
+ margin:0 10px;
+ position:relative;
+ top:-0.5em;
+ color:transparent;
+}
+
+.rtl #helpView .interface .next,
+.rtl #helpView .interface .last,
+.ltr #helpView .interface .first,
+.ltr #helpView .interface .previous{
+ left:40px;
+ top:340px;
+}
+
+.rtl #helpView .interface .next:before,
+.rtl #helpView .interface .last:before,
+.ltr #helpView .interface .first:before,
+.ltr #helpView .interface .previous:before{
+ content:'------------';
+ width:100px;
+ border-bottom: 1px solid #fff;
+ margin:0 10px;
+ position:relative;
+ top:-0.5em;
+ color:transparent;
+}
+
+
+#helpView .interface .first,
+#helpView .interface .last{
+ margin-top:43px;
+}
+
+#helpView .interface .next,
+#helpView .interface .previous{
+ margin-top:-5px;
+}
+
+
+#helpView .interface div{
+ position:absolute;
+ direction: ltr;
+}
+
+.portrait #helpView .interface{
+ display:none;
+}
+
+.pad.portrait #helpView .interface{
+ display:block;
+}
+
+.pad #helpView .illustration{
+ display:none;
+}
+
+/* Archives */
+#archivesview{
+ position:relative;
+ overflow: hidden;
+ top:44px;
+}
+
+#archivesview img{
+ width:100%;
+}
+
+#archivesview .links{
+ position:absolute;
+ top:0px;
+ left:0px;
+}
+
+/* Inner view */
+
+#innerView{
+ position:absolute;
+ top:0px;
+ left:0px;
+ z-index: 30;
+ display:none;
+}
+
+
+#innerView>div{
+ position: absolute;
+ border-radius: 10px;
+ padding:20px;
+ font-size: 0.8rem;
+}
+
+#innerView>div p{
+ margin:0 0 20px 0;
+}
+
+/* Form elements */
+#innerView form input[type="text"],
+#innerView form input[type="email"]{
+ font-family: Ubuntu;
+ padding:5px;
+ border-radius: 5px;
+ border:0;
+ width: 100%;
+ margin:7px 0;
+}
+
+#innerView .close{
+ position:absolute;
+ top:0px;
+ right:0px;
+ width:34px;
+ height:34px;
+ display:block;
+ background-image: url("../data/images/interface-close.svg");
+ background-size:14px 14px;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+}
+
+#innerView form input[type="submit"]{
+ background-image: -moz-linear-gradient(top, #ffffff 0%, #a2a2a2 100%); /* FF3.6+ */
+ background-image: -webkit-linear-gradient(top, #ffffff 0%,#a2a2a2 100%); /* Chrome10+,Safari5.1+ */
+ background-image: -o-linear-gradient(top, #ffffff 0%,#a2a2a2 100%); /* Opera 11.10+ */
+ background-image: -ms-linear-gradient(top, #ffffff 0%,#a2a2a2 100%); /* IE10+ */
+ background-image: linear-gradient(to bottom, #ffffff 0%,#a2a2a2 100%); /* W3C */
+ border:0;
+ color:#000;
+ font-weight: bold;
+ position:absolute;
+ right:20px;
+ bottom:20px;
+ padding:4px 10px 6px;
+ border-radius: 5px;
+ display: inline-block;
+ cursor: pointer;
+}
+
+/* Videos */
+.mview .videoContainer{
+
+ padding:20px;
+ width:100%;
+ height:100%;
+}
+
+.mview .videoContainer video,
+.mview .videoContainer object,.webvideo{
+ position:static;
+ width: 100%;
+ height:auto;
+ display: block;
+}
+.videoContainer{
+ position:relative;
+}
+
+/* multimedia */
+
+.mview .multimediaContainer{
+ padding:20px 20px 20px 20px;
+}
+
+.mview img.multimedia{
+ width:100%;
+ height:auto;
+ display:block;
+}
+
+/* Chapters */
+ul.chapters>li{
+ clear: both;
+}
+
+ul.chapters a{
+ display:block;
+ text-align: left;
+ padding:10px 20px;
+}
+
+.rtl ul.chapters a{
+ text-align: right;
+}
+
+ul.chapters a.level-1{
+ font-size:200%;
+ font-family: Ubuntu;
+ font-weight: 600;
+ text-align: center;
+}
+
+ul.chapters a.level-1 .right{
+ display:none;
+}
+
+ul.chapters a.level0,ul.chapters a.level1,ul.chapters a.level2,ul.chapters a.level3{
+ border-top: 1px solid rgba(255,255,255,0.3);
+}
+
+ul.chapters a.level0{
+ font-size:150%;
+ font-family: Ubuntu;
+ font-weight: 600;
+}
+
+ul.chapters a.level1{
+ padding:10px 20px 10px 50px;
+ font-size:120%;
+}
+
+ul.chapters a.level2{
+ padding:10px 20px 10px 80px;
+ font-size: 100%;
+}
+
+ul.chapters a.level3{
+ padding:10px 20px 10px 110px;
+ font-size:80%;
+}
+
+ul.chapters, ul.chapters ul{
+ list-style: none;
+}
+
+ul.chapters .right{
+ float:right;
+ display: inline-block;
+}
+
+ul.chapters .right .puce.noshadow{
+ border-radius: 0px;
+ -moz-border-radius: 0px;
+ -webkit-border-radius: 0px;
+ -ms-border-radius: 0px;
+ -o-border-radius: 0px;
+
+ box-shadow: 2px 2px 4px rgba(0,0,0,0);
+ -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0);
+ -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0);
+ -ms-box-shadow: 2px 2px 4px rgba(0,0,0,0);
+ -o-box-shadow: 2px 2px 4px rgba(0,0,0,0);
+
+ margin: 0 0 0 15px;
+ float:right;
+}
+
+ul.chapters .right .puce{
+ width:25px;
+ height:25px;
+
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -o-border-radius: 5px;
+
+ box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
+ -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
+ -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
+ -ms-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
+ -o-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
+
+
+ background-image: url("../images/chapters-arrow.png");
+ background-repeat: no-repeat;
+}
+
+ul.chapters a.nodark{
+ background-image: none !important;
+ border-top:1px solid rgba(255,255,255,0.25);
+}
+
+ul.chapters a.level0 .right .puce{
+ margin:2px 0 0 0;
+}
+
+ul.chapters a.level2 .right .puce{
+ margin:-2px 0 0 0;
+}
+
+ul.chapters a>nav{
+ display:none;
+}
+
+/* ipad mag */
+.pad #pagesnumbers,
+.pad footer
+{
+ display:none;
+}
+
+.pad #interface,
+.pad header{
+ opacity: 0;
+ visibility: hidden;
+ z-index: 21;
+}
+
+.pad #interface{
+ position:absolute;
+ top:0px;
+ left:0px;
+ width:100%;
+}
+
+#down{
+ display:none;
+}
+
+.pad #down{
+ display:block;
+ width:40px;
+ height:40px;
+ border-radius:5px;
+ background-image: url("../data/images/interface-down.svg");
+ background-repeat: no-repeat;
+ padding:8px 8px 8px 8px;
+ position:absolute;
+ bottom:10px;
+ right:10px;
+ background-size: 24px 24px;
+ background-position: 50% 50%;
+ z-index: 22;
+ opacity:0;
+ background-color:rgba(0,0,0,0.6);
+
+ -moz-transition: all .15s ease-out;
+ -webkit-transition:all .15s ease-out;
+ -o-transition: all .15s ease-out;
+ -ms-transition: all .15s ease-out;
+ transition: all .15s ease-out;
+
+ -moz-transform-origin: 50% 20px;
+ -webkit-transform-origin: 50% 20px;
+ -ms-transform-origin: 50% 20px;
+ -o-transform-origin: 50% 20px;
+ transform-origin: 50% 20px;
+
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ -o-transform: rotate(0deg);
+ transform: rotate(0deg);
+}
+
+#down.right{
+ -moz-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ -o-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+
+/* Transitions */
+
+/* 2D */
+.doublePage._2d.sliding{
+ -moz-transition:none;
+ -webkit-transition:none;
+ -o-transition: none;
+ -ms-transition: none;
+ transition: none;
+}
+
+/* 3D */
+#pages._3dtransition{
+ -moz-perspective:5000px;
+ -webkit-perspective:5000px;
+ -o-perspective:5000px;
+ -ms-perspective:5000px;
+ perspective: 5000px;
+
+ -moz-perspective-origin:50% 75%;
+ -webkit-perspective-origin:50% 75%;
+ -ms-perspective-origin:50% 75%;
+ -o-perspective-origin:50% 75%;
+ perspective-origin: 50% 75%;
+
+ overflow: visible !important;
+}
+
+.doublePage._3d{
+ overflow: visible;
+ z-index:100;
+
+ -moz-transform-style:preserve-3d;
+ -webkit-transform-style:preserve-3d;
+ -o-transform-style:preserve-3d;
+ -ms-transform-style:preserve-3d;
+ transform-style: preserve-3d;
+}
+
+._3d .page{
+ -moz-backface-visibility:hidden;
+ -webkit-backface-visibility:hidden;
+ -o-backface-visibility:hidden;
+ -ms-backface-visibility:hidden;
+ backface-visibility: hidden;
+
+ left:0px !important;
+}
+
+.doublePage._3d .right{
+ -webkit-transform: rotate3d(0,1,0,0deg);
+ -o-transform: rotate3d(0,1,0,0deg);
+ -ms-transform: rotate3d(0,1,0,0deg);
+ transform: rotate3d(0,1,0,0deg);
+ -moz-transform: rotateY(0deg) translate3d(0,0,0);
+}
+
+.doublePage._3d .left{
+ -webkit-transform: rotate3d(0,1,0,180deg);
+ -o-transform: rotate3d(0,1,0,180deg);
+ -ms-transform: rotate3d(0,1,0,180deg);
+ transform: rotate3d(0,1,0,180deg);
+ -moz-transform: rotateY(180deg) translate3d(0,0,0);
+}
+
+.doublePage._3d.nextstart{
+ -webkit-transform: rotate3d(0,1,0,360deg);
+ -o-transform: rotate3d(0,1,0,360deg);
+ -ms-transform: rotate3d(0,1,0,360deg);
+ transform: rotate3d(0,1,0,360deg);
+ -moz-transform: rotateY(360deg) translate3d(0,0,0);
+
+ -moz-transform-origin: 0 0;
+ -webkit-transform-origin: 0 0;
+ -o-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+
+.doublePage._3d.nextend{
+
+ -webkit-transform: rotate3d(0,1,0,180deg);
+ -o-transform: rotate3d(0,1,0,180deg);
+ -ms-transform: rotate3d(0,1,0,180deg);
+ transform: rotate3d(0,1,0,180deg);
+ -moz-transform: rotateY(180deg) translate3d(0,0,0);
+}
+
+.doublePage._3d.prevstart{
+
+ -webkit-transform: rotate3d(0,1,0,180deg);
+ -o-transform: rotate3d(0,1,0,180deg);
+ -ms-transform: rotate3d(0,1,0,180deg);
+ transform: rotate3d(0,1,0,180deg);
+ -moz-transform: rotateY(180deg) translate3d(0,0,0);
+
+ -moz-transform-origin: 0 0;
+ -webkit-transform-origin: 0 0;
+ -o-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+
+.doublePage._3d.prevend{
+
+ -webkit-transform: rotate3d(0,1,0,360deg);
+ -o-transform: rotate3d(0,1,0,360deg);
+ -ms-transform: rotate3d(0,1,0,360deg);
+ transform: rotate3d(0,1,0,360deg);
+ -moz-transform: rotateY(360deg) translate3d(0,0,0);
+}
+
+a.button{
+ display:inline-block;
+ padding:8px 32px 8px 16px;
+ border-radius: 6px;
+ font-weight: 600;
+ margin:10px 0;
+ background-image: url("../images/arrow-button.png");
+ background-repeat: no-repeat;
+ background-position: 100% 50%;
+}
+
+#fontsLoader{
+ position:absolute;
+ bottom:0px;
+ right: 0px;
+ width:0;
+ height:0px;
+ overflow:hidden;
+}
+
+/* Splash screen */
+#splash{
+ position:absolute;
+ top:0px;
+ left:0px;
+ z-index: 30;
+ opacity:0;
+}
+
+#splash .logo{
+ position:absolute;
+}
+
+#popinOverlay{
+ position:absolute;
+ z-index: 29;
+ top:0px;
+ left:0px;
+ width:100%;
+ height: 100%;
+ background-color: rgba(0,0,0,0.3);
+ display:none;
+}
+
+
+#popinOverlay iframe{
+ background-color:#fff;
+ overflow:hidden;
+}
+
+#popinOverlay>*{
+ position:absolute;
+ z-index: 30;
+ top:0px;
+ left:0px;
+
+}
+
+/* Tooltip */
+#tooltip{
+ position:absolute;
+ top:0px;
+ left:0px;
+ padding:5px 10px;
+ border-radius: 5px;
+ display:none;
+ font-size:0.8rem;
+ max-width: 180px;
+ z-index: 100;
+}
+
+@media handled and (orientation: portrait) {
+ #ol{display:none;}
+ @-ms-viewport { width: 800px; }
+}
+
+@media handled and (orientation: landscape) {
+ #op{display:none;}
+ @-ms-viewport { width: 1280px; }
+}
+
+/* Webfonts*/
+@font-face {
+ font-family: 'Silkscreen';
+ src: url('fonts/slkscr-webfont.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Ubuntu';
+ src: url('fonts/Ubuntu-R-webfont.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Ubuntu';
+ src:url('fonts/Ubuntu-M-webfont.ttf') format('truetype');
+ font-weight: 600;
+ font-style: normal;
+}
projects / fluidbook-html5.git / commitdiff