* {
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
@font-face {
  font-family: 'bangui';
  src: url(/public/fonts/bangui05-webfont.woff2) format('woff2'), url(/public/fonts/bangui05-webfont.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'raleway-extrabold';
  src: url(/public/fonts/raleway-extrabold-webfont.woff2) format('woff2'), url(/public/fonts/raleway-extrabold-webfont.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'raleway-semibold';
  src: url(/public/fonts/raleway-semibold-webfont.woff2) format('woff2'), url(/public/fonts/raleway-semibold-webfont.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'raleway-regular';
  src: url(/public/fonts/raleway-regular-webfont.woff2) format('woff2'), url(/public/fonts/raleway-regular-webfont.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  color: #333;
  background: #000;
  height: 100%;
  width: 100%;
  display: block;
  overflow: hidden;
}
html sub,
body sub,
html sup,
body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
html sup,
body sup {
  top: -0.5em;
}
html sub,
body sub {
  bottom: -0.25em;
}
section {
  height: 100%;
}
header {
  z-index: 9999;
  position: absolute;
  right: 50px;
  top: 40px;
}
header #logo {
  position: relative;
  width: 94px;
  height: 53px;
  background-image: url(/public/images/export/acf_logo.png);
}
#transition {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 10000;
  pointer-events: none;
}
.zoomslide {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.zoomslide img,
.zoomslide video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.zoomslide img:first-child,
.zoomslide video:first-child {
  display: block;
}
.videovr {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videovr .head {
  left: 50px;
  top: 50px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "raleway-extrabold";
  position: absolute;
  color: #f29c24;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.videovr .head br {
  display: none;
}
.videovr .head span {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 25px;
  font: 16px "bangui";
  color: #fff;
}
.videovr .seq360 {
  left: 50px;
  top: 150px;
  -webkit-transform: translate(-11px, -50%);
  -moz-transform: translate(-11px, -50%);
  -ms-transform: translate(-11px, -50%);
  -o-transform: translate(-11px, -50%);
  transform: translate(-11px, -50%);
  font-family: "raleway-extrabold";
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2em;
}
.videovr .trame {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/public/images/export/trame3.png);
  background-repeat: repeat;
  pointer-events: none;
}
.videovr .media-cover {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/public/images/export/bgcache-noir-media.png);
  background-position: 50% 50%;
  background-size: cover;
  pointer-events: none;
}
.videovr #acf-logo {
  z-index: 1000;
  position: fixed;
  right: 50px;
  opacity: 0.4;
  top: 40px;
}
.videovr #acf-logo #logo {
  width: 94px;
  height: 53px;
  background-image: url(/public/images/export/acf_logo.png);
}
.videovr a {
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  position: absolute;
  right: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
}
.videovr a:hover span:after {
  height: 100%;
}
.videovr a span {
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: block;
  width: 100%;
  min-width: 180px;
}
.videovr a span:after {
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -ms-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
  z-index: -1;
  width: 100%;
  height: 0%;
  background-color: #f29c24;
  position: absolute;
  bottom: 0;
  left: 0;
}
.videovr .video360 {
  z-index: 0;
  position: absolute;
  top: 180px;
  left: 50px;
  width: 60px;
  height: 60px;
  background-image: url(/public/images/export/360.png);
  background-position: 50% 50%;
  background-size: cover;
}
.videovr .video360 canvas {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.videovr #subtitles {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 120px;
  text-align: center;
  padding: 0 50px;
}
.videovr #subtitles p {
  font-family: 'raleway-semibold';
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  text-shadow: -1px 2px 5px rgba(0,0,0,0.5);
}
aside {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #000;
  overflow: hidden;
}
aside video {
  z-index: 100 !important;
}
aside .media-cover {
  width: 100%;
  height: 100%;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/public/images/export/bgcache-noir-media.png);
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.5;
}
aside a {
  z-index: 1000;
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  position: absolute;
  right: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  opacity: 0;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
}
aside a:hover span:after {
  height: 100%;
}
aside a span {
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: block;
  width: 100%;
  min-width: 180px;
}
aside a span:after {
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -ms-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
  z-index: -1;
  width: 100%;
  height: 0%;
  background-color: #f29c24;
  position: absolute;
  bottom: 0;
  left: 0;
}
aside #warning {
  z-index: 1000;
  position: absolute;
  bottom: 15%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  line-height: 17px;
  cursor: pointer;
}
aside #warning:hover p {
  text-decoration: underline;
}
aside #warning #headphone {
  opacity: 0;
  position: relative;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}
aside #warning #headphone.on {
  background-image: url(/public/images/export/headphone.png);
  height: 44px;
  width: 44px;
}
aside #warning #headphone.off {
  background-image: url(/public/images/export/headphone_off.png);
  height: 44px;
  width: 44px;
}
aside #warning p {
  overflow: hidden;
}
aside #warning p span {
  bottom: -40px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'raleway-semibold';
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
aside #loader-video {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 100%;
}
aside #loader {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font: 160px "bangui";
}
.popin {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
}
.popin #background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
}
.popin #content {
  position: absolute;
  display: block;
  top: calc(100% + 33px);
  left: 100px;
  width: calc(100% - 200px);
  height: 85%;
  margin: auto;
  background-color: #ffa500;
}
.popin #content h1 {
  font-family: 'bangui';
  font-size: 80px;
  text-transform: uppercase;
  text-align: center;
  margin-top: -33px;
}
.popin #content .close {
  position: absolute;
  top: 40px;
  left: -90px;
  width: 100px;
  height: 30px;
  display: block;
  background: url(/public/images/export/btn_close.png) no-repeat right center;
  font-family: 'raleway-extrabold';
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 10px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.popin #content a {
  position: relative;
}
.popin #content a div.underline {
  width: 0;
  height: 1px;
  background-color: #fff;
  position: absolute;
  display: block;
  top: 15px;
  left: 0;
}
.popin#credits .sub {
  max-width: 70%;
  margin: auto;
}
@media (min-height: 1000px) {
  .popin#credits .sub {
    margin: 23px auto;
  }
}
@media (min-height: 1000px) {
  .popin#credits .sub .marge {
    margin: 46px auto 23px auto;
  }
}
.popin#credits .sub p {
  font-family: 'raleway-regular';
  font-size: 12px;
  text-align: center;
  width: 100%;
  line-height: 23px;
}
.popin#credits ul {
  position: relative;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-top: 10px;
  margin-bottom: 10px;
}
.popin#credits ul li {
  margin-bottom: 30px;
  width: 100%;
}
.popin#credits ul li.last {
  margin-bottom: 0;
}
.popin#credits ul li h2 {
  font-family: 'bangui';
  font-size: 22px;
  text-transform: uppercase;
  text-align: left;
  margin-left: 45px;
  display: inline-block;
  vertical-align: top;
  width: 110px;
  line-height: 30px;
}
.popin#credits ul li .txt {
  display: inline-block;
  width: calc(100% - 160px);
}
.popin#credits ul li .txt p {
  font-family: 'raleway-regular';
  font-size: 12px;
  text-align: left;
  line-height: 23px;
}
.popin#mentions .txt {
  padding: 0 150px;
  overflow-y: scroll;
  margin-top: 20px;
  height: calc(100% - 110px);
  font-family: 'raleway-regular';
}
.popin#mentions .txt h2 {
  font-size: 16px;
  line-height: 30px;
  margin-top: 30px;
}
.popin#mentions .txt h3 {
  font-size: 14px;
  line-height: 26px;
  margin-top: 26px;
}
.popin#mentions .txt p {
  font-size: 12px;
  text-align: justify;
  text-justify: inter-word;
  line-height: 20px;
  margin-top: 20px;
}
* {
  font-family: 'raleway-extrabold';
  color: #fff;
  text-decoration: none;
}
.video-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.video-container.grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.bg_black {
  position: absolute;
  display: block;
  width: 100%;
  height: 100px;
  background-color: #000;
  left: 0;
}
.bg_black.bg_up {
  top: 0;
}
.bg_black.bg_down {
  z-index: 9999;
  bottom: 0;
}
nav {
  display: block;
  position: absolute;
  top: 0;
  left: -50px;
  z-index: 9999;
  height: 100%;
  width: 100%;
  pointer-events: none;
  color: #fff;
}
nav .media-cover {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/public/images/export/bgcache-noir.png);
  background-position: 50% 50%;
  background-size: cover;
}
nav #bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  display: block;
  background-image: url(/public/images/export/nav_bg1.jpg);
  pointer-events: auto;
}
nav #bar a {
  width: 100%;
  height: 100%;
}
nav #bar .open,
nav #bar .close {
  display: block;
  position: absolute;
}
nav #bar .open .btn,
nav #bar .close .btn {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}
nav #bar .open .txt,
nav #bar .close .txt {
  overflow: hidden;
  height: 14px;
  width: 300px;
  left: -50px;
  text-align: left;
  top: 230px;
  text-align: right;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
  font-family: 'raleway-extrabold';
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  color: #fff;
}
nav #bar .open .txt span,
nav #bar .close .txt span {
  display: block;
  position: relative;
  top: -17px;
}
nav #bar .open .txt span:first-child,
nav #bar .close .txt span:first-child {
  margin-bottom: 5px;
}
nav #bar .open:hover .txt span,
nav #bar .close:hover .txt span {
  -webkit-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -o-transition: top 0.4s;
  transition: top 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  top: 0px !important;
}
nav #bar .open .btn {
  background-image: url(/public/images/export/btn_open.png);
  background-size: cover;
  background-position: 50% 50%;
  height: 18px;
  width: 18px;
}
nav #bar .close .btn {
  background-image: url(/public/images/export/btn_close.png);
  height: 15px;
  width: 15px;
}
nav #content {
  position: absolute;
  display: block;
  width: calc(100% - 50px);
  height: 100%;
  top: 0;
  left: 50px;
  pointer-events: none;
  color: #fff;
}
nav #content ul {
  width: 100%;
  height: 100%;
}
nav #content ul li {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 25%;
  height: 100%;
  top: 100%;
  text-align: center;
}
nav #content ul li .menu-select {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
nav #content ul li .menu-select video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
nav #content ul li .menu-select .chapter-cover {
  border-left: 1px solid rgba(255,255,255,0.2) !important;
  display: flex;
  height: 100%;
  width: 100%;
}
nav #content ul li .menu-select .chapter-container {
  display: block;
  margin: auto;
}
nav #content ul li .menu-select .chapter-container a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 150%);
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  display: inline-block;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
}
nav #content ul li .menu-select .chapter-container a:hover span:after {
  height: 100%;
}
nav #content ul li .menu-select .chapter-container a span {
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: block;
  width: 100%;
  min-width: 180px;
}
nav #content ul li .menu-select .chapter-container a span:after {
  background-color: #f29c24;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
  z-index: -1;
  width: 100%;
  height: 0%;
  position: absolute;
  bottom: 0;
  left: 0;
}
nav #content ul li .menu-select .chapter-container #bg-over {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  top: 0;
  left: 0;
}
.splash {
  width: 100%;
  height: 100%;
  display: flex;
  color: #fff;
  background-color: #000;
}
.splash .media-cover {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/public/images/export/bgcache-noir-media.png);
  background-position: 50% 50%;
  background-size: cover;
}
.splash .title {
  position: relative;
  z-index: 1000;
  margin: auto;
  display: block;
  text-align: center;
}
.splash .title h1 {
  font: 100px "bangui";
  color: inherit;
}
.splash .title .title-anim {
  display: block;
  margin-bottom: 30px;
}
.splash .title .head-title {
  margin-bottom: 30px;
  overflow: hidden;
}
.splash .title h2 {
  position: relative;
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  color: inherit;
  font-size: 12px;
  letter-spacing: 0.2em;
}
.splash .title a {
  position: relative;
  bottom: -24px;
  opacity: 1;
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  display: inline-block;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
}
.splash .title a:hover span:after {
  height: 0%;
}
.splash .title a span {
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: block;
  width: 100%;
  min-width: 180px;
}
.splash .title a span:after {
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f29c24;
  position: absolute;
  top: 0;
  left: 0;
}
.splash .title .subtitle {
  margin: 18px 0 32px 0;
}
.splash .title .subtitle p {
  line-height: 24px;
  text-transform: uppercase;
  color: inherit;
  font-family: 'raleway-semibold';
  font-size: 13px;
  letter-spacing: 0.2em;
  overflow: hidden;
}
.splash .title .subtitle p#up span {
  bottom: -24px;
}
.splash .title .subtitle p span {
  position: relative;
  line-height: 24px;
}
.previous,
.next {
  overflow: hidden;
  font-family: 'raleway-extrabold';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  width: 160px;
  height: 10px;
}
.previous a,
.next a {
  letter-spacing: 0.2em;
  font-size: 11px;
  text-decoration: none;
  color: inherit;
  position: absolute;
  -webkit-transition: bottom 0.4s;
  -moz-transition: bottom 0.4s;
  -o-transition: bottom 0.4s;
  transition: bottom 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.previous a:hover,
.next a:hover {
  bottom: 0px !important;
}
.previous a.before-show,
.next a.before-show {
  -webkit-transition: bottom 0s;
  -moz-transition: bottom 0s;
  -o-transition: bottom 0s;
  transition: bottom 0s;
}
.previous a.before-transition,
.next a.before-transition {
  -webkit-transition: bottom 0s !important;
  -moz-transition: bottom 0s !important;
  -o-transition: bottom 0s !important;
  transition: bottom 0s !important;
  bottom: -16px !important;
  pointer-events: none;
}
.previous a.transition,
.next a.transition {
  -webkit-transition: bottom 1s !important;
  -moz-transition: bottom 1s !important;
  -o-transition: bottom 1s !important;
  transition: bottom 1s !important;
  bottom: 0px !important;
}
.previous a.hide,
.next a.hide {
  -webkit-transition: bottom 1s !important;
  -moz-transition: bottom 1s !important;
  -o-transition: bottom 1s !important;
  transition: bottom 1s !important;
  pointer-events: none;
  bottom: 40px !important;
}
.previous a span,
.next a span {
  display: block;
}
.previous a span:first-child,
.next a span:first-child {
  margin-bottom: 5px;
}
.previous .rectangle,
.next .rectangle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  height: 1px;
  width: 50px;
}
.previous {
  left: 50px;
}
.previous .rectangle {
  left: 0;
}
.previous .rectangle.not {
  left: -50px;
}
.previous a {
  right: 0;
}
.next {
  right: 0;
}
.next .rectangle {
  right: 0;
}
.next .rectangle.not {
  right: -50px;
}
.next a {
  left: 0;
}
#homepage {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
#homepage #acf-presents {
  top: 50%;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -300px);
  z-index: 0;
  position: absolute;
  margin: 0 auto;
}
@media (max-height: 600px) {
  #homepage #acf-presents {
    transform: translate(-50%, -250px);
  }
}
#homepage #acf-presents #logo {
  opacity: 0;
  bottom: -10px;
  position: relative;
  width: 94px;
  height: 53px;
  background-image: url(/public/images/export/acf_logo.png);
}
#homepage #acf-presents span {
  opacity: 0;
  bottom: -10px;
  position: relative;
  margin-top: 30px;
  letter-spacing: 0.2em;
  display: block;
  text-transform: uppercase;
  font-family: 'raleway-semibold';
  font-size: 9px;
}
#homepage .title {
  top: 40px;
}
.chapter {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.chapter .splash {
  padding-left: 50px;
}
.chapter .splash #acf-logo {
  z-index: 0;
  position: absolute;
  right: 50px;
  opacity: 0.4;
  top: 40px;
}
.chapter .splash #acf-logo #logo {
  width: 94px;
  height: 53px;
  background-image: url(/public/images/export/acf_logo.png);
}
.chapter .content {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chapter .content >#acf-logo {
  pointer-events: none;
  z-index: 0;
  position: fixed;
  right: 50px;
  top: 40px;
  opacity: 0.4;
}
.chapter .content >#acf-logo #logo {
  width: 94px;
  height: 53px;
  background-image: url(/public/images/export/acf_logo.png);
}
.chapter .content #bg-image {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 50%;
}
.chapter .content #title {
  z-index: 0;
  position: fixed;
  top: 50px;
  left: 100px;
}
@media (max-height: 630px) {
  .chapter .content #title {
    top: 20px;
  }
}
@media (max-height: 560px) {
  .chapter .content #title {
    top: 10px;
  }
}
.chapter .content #title br {
  display: none;
}
.chapter .content #title span {
  color: #fff;
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
}
.chapter .content #title span:nth-child(2) {
  margin-left: 25px;
  font: 16px "bangui";
  color: #fff;
}
.chapter .content .bg_black {
  position: fixed !important;
  z-index: 9999;
}
.chapter .content .content_nav {
  border-left: 1px solid rgba(255,255,255,0.2);
  position: fixed;
  top: 0;
  left: 0px;
  width: 180px;
  height: 100%;
  background-image: url(/public/images/export/nav_bg2.jpg);
  background-size: cover;
  background-position: left;
  padding-bottom: 100px;
}
.chapter .content .content_nav ul {
  position: relative;
  top: calc(50% + 15px);
  transform: translateY(-50%);
}
.chapter .content .content_nav ul li {
  cursor: pointer;
  padding: 20px 10px;
}
.chapter .content .content_nav ul li:hover .outerc,
.chapter .content .content_nav ul li.active .outerc,
.chapter .content .content_nav ul li:hover p,
.chapter .content .content_nav ul li.active p {
  opacity: 1;
}
.chapter .content .content_nav ul li:hover .outerc .innerc,
.chapter .content .content_nav ul li.active .outerc .innerc,
.chapter .content .content_nav ul li:hover p .innerc,
.chapter .content .content_nav ul li.active p .innerc {
  background-color: #fff;
}
.chapter .content .content_nav ul li .outerc {
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  margin-bottom: 10px;
  opacity: 0.5;
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.chapter .content .content_nav ul li .outerc .innerc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #000;
  border: 3px solid #f49a00;
  -webkit-transition: background-color 250ms ease-in-out;
  -moz-transition: background-color 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
}
.chapter .content .content_nav ul li p {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  opacity: 0.5;
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.chapter .content .slides {
  height: 100%;
  width: 100%;
  padding-left: 230px;
  position: relative;
}
.chapter .content .slides ul {
  height: 100%;
}
.chapter .content .slides ul li {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}
.chapter .slides #intro {
  display: flex;
  padding: 0 80px 200px 80px;
  color: #fff;
  height: 100%;
}
@media (max-width: 1220px) {
  .chapter .slides #intro {
    padding: 0 40px 200px 40px;
  }
}
.chapter .slides #intro .title {
  position: relative;
  z-index: 0;
  margin: auto;
  display: block;
  text-align: center;
  max-width: 900px;
  text-align: center;
}
.chapter .slides #intro .title h1 {
  font: 80px "bangui";
  color: inherit;
}
.chapter .slides #intro .title p {
  font-family: 'raleway-regular';
  color: inherit;
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 0.1em;
  margin: 30px 0 0 0;
  padding: 0 75px;
  color: #b4b4b4;
  text-align: center;
  text-justify: inter-word;
}
@media (max-width: 1220px) {
  .chapter .slides #intro .title p {
    padding: 0;
  }
}
@media (min-height: 1000px) {
  .chapter .slides #intro .title p {
    font-size: 15px;
  }
}
@media (max-width: 900px) {
  .chapter .slides #intro .title p {
    line-height: 25px;
  }
}
.chapter .slides #intro .scroll {
  position: absolute;
  bottom: calc(9% + 100px);
  width: 200px;
  transform: translateX(-50%);
  left: 50%;
  text-align: center;
}
@media (max-height: 600px) {
  .chapter .slides #intro .scroll {
    bottom: calc(5% + 100px);
  }
}
@media (max-height: 540px) {
  .chapter .slides #intro .scroll {
    bottom: calc(2% + 100px);
  }
}
@media (max-height: 500px) {
  .chapter .slides #intro .scroll {
    bottom: 100px;
  }
}
.chapter .slides #intro .scroll p {
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.2em;
  margin-top: 20px;
}
.chapter .slides #intro .scroll pfirst-child {
  margin-top: 0;
}
.chapter .slides #intro .scroll a {
  text-decoration: none;
  display: inline-block;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
  position: relative;
}
.chapter .slides #intro .scroll a:before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 50%;
  top: 25%;
  opacity: 0;
  width: 7px;
  height: 14px;
  transform: translate(-50%, -50%);
  background-image: url(/public/images/export/btn_down.png);
}
.chapter .slides #intro .scroll a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1;
  width: 7px;
  height: 14px;
  transform: translate(-50%, -50%);
  background-image: url(/public/images/export/btn_down.png);
}
.chapter .slides #intro .scroll a:hover:after {
  -webkit-transition: top 0.4s, opacity 0.4s;
  -moz-transition: top 0.4s, opacity 0.4s;
  -o-transition: top 0.4s, opacity 0.4s;
  transition: top 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  top: 75% !important;
  opacity: 0 !important;
}
.chapter .slides #intro .scroll a:hover:before {
  -webkit-transition: top 0.4s, opacity 0.4s;
  -moz-transition: top 0.4s, opacity 0.4s;
  -o-transition: top 0.4s, opacity 0.4s;
  transition: top 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  top: 50% !important;
  opacity: 1 !important;
}
.chapter .slides #intro .scroll a span {
  background-color: #f29c24;
  position: relative;
  width: 45px;
  height: 30px;
  display: block;
}
.chapter .slides #video,
.chapter .slides #video_last {
  background-color: none;
  display: flex;
  padding-bottom: 200px;
  height: 100%;
}
.chapter .slides #video .title,
.chapter .slides #video_last .title {
  position: relative;
  z-index: 0;
  margin: auto;
  display: inline-block;
  text-align: center;
  width: 900px;
  height: 400px;
  text-align: center;
  top: 20px;
}
.chapter .slides #video .title .left,
.chapter .slides #video_last .title .left {
  position: absolute;
  z-index: 1000;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
}
.chapter .slides #video .title .right,
.chapter .slides #video_last .title .right {
  float: right;
  z-index: 100;
  width: 720px;
  height: 400px;
  position: relative;
}
.chapter .slides #video .title .right img,
.chapter .slides #video_last .title .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
}
.chapter .slides #video .title .right video,
.chapter .slides #video_last .title .right video {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.chapter .slides #video .title h1,
.chapter .slides #video_last .title h1 {
  position: relative;
  font: 63px "bangui";
  color: inherit;
}
.chapter .slides #video .title p,
.chapter .slides #video_last .title p {
  color: #b4b4b4;
  position: relative;
  max-width: 350px;
  margin-top: 20px;
  font-family: 'raleway-regular';
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 0.2em;
}
@media (min-height: 1000px) {
  .chapter .slides #video .title p,
  .chapter .slides #video_last .title p {
    font-size: 15px;
  }
}
.chapter .slides #video .title a,
.chapter .slides #video_last .title a {
  z-index: 1000;
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
}
.chapter .slides #video .title a:hover span:after,
.chapter .slides #video_last .title a:hover span:after {
  height: 100%;
}
.chapter .slides #video .title a span,
.chapter .slides #video_last .title a span {
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: block;
  width: 100%;
  min-width: 180px;
}
.chapter .slides #video .title a span:after,
.chapter .slides #video_last .title a span:after {
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
  z-index: -1;
  width: 100%;
  height: 0%;
  background-color: #f29c24;
  position: absolute;
  bottom: 0;
  left: 0;
}
.chapter .slides #video .title #close-video,
.chapter .slides #video_last .title #close-video {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  height: 15px;
  width: 15px;
  background-image: url(/public/images/export/btn_close.png);
}
.chapter .slides #video .title #close-video #txt,
.chapter .slides #video_last .title #close-video #txt {
  width: 100px;
  height: 14px;
  position: absolute;
  top: 40px;
  left: -42px;
  transform: rotate(-90deg);
  overflow: hidden;
  text-align: left;
  letter-spacing: 0.2em;
}
.chapter .slides #video .title #close-video #txt span,
.chapter .slides #video_last .title #close-video #txt span {
  position: absolute;
  text-transform: uppercase;
  font-family: "raleway-extrabold";
  font-size: 12px;
  bottom: 0;
}
.chapter .slides #video .title #close-video #txt span:first-child,
.chapter .slides #video_last .title #close-video #txt span:first-child {
  bottom: 17px;
}
.chapter .slides #video .title #close-video:hover span,
.chapter .slides #video_last .title #close-video:hover span {
  -webkit-transition: bottom 0.4s;
  -moz-transition: bottom 0.4s;
  -o-transition: bottom 0.4s;
  transition: bottom 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  bottom: -17px !important;
}
.chapter .slides #video .title #close-video:hover span:first-child,
.chapter .slides #video_last .title #close-video:hover span:first-child {
  bottom: 0 !important;
}
.chapter .slides #video .scroll,
.chapter .slides #video_last .scroll {
  position: absolute;
  bottom: calc(14% + 100px);
  transform: translateX(-50%);
  left: 50%;
  display: inline-block;
  text-align: center;
}
@media (max-height: 670px) {
  .chapter .slides #video .scroll,
  .chapter .slides #video_last .scroll {
    bottom: calc(10% + 100px);
  }
}
@media (max-height: 600px) {
  .chapter .slides #video .scroll,
  .chapter .slides #video_last .scroll {
    bottom: calc(6% + 100px);
  }
}
.chapter .slides #video .scroll:hover:after,
.chapter .slides #video_last .scroll:hover:after {
  -webkit-transition: top 0.4s, opacity 0.4s;
  -moz-transition: top 0.4s, opacity 0.4s;
  -o-transition: top 0.4s, opacity 0.4s;
  transition: top 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  top: 35px !important;
  opacity: 0 !important;
}
.chapter .slides #video .scroll:hover:before,
.chapter .slides #video_last .scroll:hover:before {
  -webkit-transition: top 0.4s, opacity 0.4s;
  -moz-transition: top 0.4s, opacity 0.4s;
  -o-transition: top 0.4s, opacity 0.4s;
  transition: top 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  top: 25px !important;
  opacity: 1 !important;
}
.chapter .slides #video .scroll:after,
.chapter .slides #video_last .scroll:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 25px;
  opacity: 1;
  width: 7px;
  height: 14px;
  transform: translate(-50%, -50%);
  background-image: url(/public/images/export/btn_down_orange.png);
}
.chapter .slides #video .scroll:before,
.chapter .slides #video_last .scroll:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  opacity: 0;
  width: 7px;
  height: 14px;
  transform: translate(-50%, -50%);
  background-image: url(/public/images/export/btn_down_orange.png);
}
.chapter .slides #video .scroll .txt,
.chapter .slides #video_last .scroll .txt {
  width: 77px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.chapter .slides #video .scroll .txt a,
.chapter .slides #video_last .scroll .txt a {
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  left: 0;
}
.chapter .slides #video .scroll .txt a span,
.chapter .slides #video_last .scroll .txt a span {
  position: relative;
  display: block;
}
.chapter .slides #video_last .title {
  top: -15px;
  padding-top: 80px;
}
@media (min-height: 1000px) {
  .chapter .slides #video_last .title {
    top: -40px;
  }
}
.chapter .slides #video_last .title p {
  max-width: 800px;
  margin: 0 auto;
}
.chapter .slides #video_last .title h1 {
  font: 130px "bangui";
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
}
.chapter .slides #video_last .title video {
  width: 720px;
  height: 165px;
  margin-bottom: 30px;
}
.chapter .slides #video_last .scroll {
  position: absolute;
  bottom: calc(10% + 100px);
  transform: translateX(-50%);
  left: 50%;
  display: inline-block;
  text-align: center;
}
@media (max-height: 830px) {
  .chapter .slides #video_last .scroll {
    bottom: calc(7% + 100px);
  }
}
@media (max-height: 670px) {
  .chapter .slides #video_last .scroll {
    bottom: calc(5% + 100px);
  }
}
@media (max-height: 600px) {
  .chapter .slides #video_last .scroll {
    bottom: calc(3% + 100px);
  }
}
.chapter .slides #text {
  position: relative;
  display: flex;
}
.chapter .slides #text #infos {
  margin: auto 0;
  position: relative;
  display: block;
  top: 20px;
  left: 9.7%;
}
@media (max-width: 1000px) {
  .chapter .slides #text #infos {
    left: 4.7%;
  }
}
.chapter .slides #text #infos p {
  text-align: center;
}
.chapter .slides #text #infos p.subtitle {
  font: 12px "raleway-semibold";
  color: #f29c24;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 30px;
}
.chapter .slides #text #infos p.title {
  font: 50px "bangui";
  text-transform: uppercase;
  color: #fff;
}
.chapter .slides #text #infos p.job {
  font: 11px "raleway-regular";
  color: #fff;
  letter-spacing: 0.05em;
  opacity: 0.3;
}
.chapter .slides #text #infos #sep {
  display: block;
  background-color: #f29c24;
  width: 1px;
  height: 105px;
  position: relative;
  left: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.chapter .slides #text #infos #btns {
  position: relative;
  margin: auto;
  width: 150px;
}
.chapter .slides #text #infos #btns * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.chapter .slides #text #infos #btns .btn_left,
.chapter .slides #text #infos #btns .btn_right {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
}
.chapter .slides #text #infos #btns .btn_left {
  left: 0px;
  width: 40px;
  height: 40px;
}
.chapter .slides #text #infos #btns .btn_left:hover #btn_previous {
  -webkit-transition: right 0.4s, opacity 0.4s;
  -moz-transition: right 0.4s, opacity 0.4s;
  -o-transition: right 0.4s, opacity 0.4s;
  transition: right 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  right: 20px !important;
  opacity: 0 !important;
}
.chapter .slides #text #infos #btns .btn_left:hover #btn_previousbef {
  -webkit-transition: right 0.4s, opacity 0.4s;
  -moz-transition: right 0.4s, opacity 0.4s;
  -o-transition: right 0.4s, opacity 0.4s;
  transition: right 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  right: 0 !important;
  opacity: 1 !important;
}
.chapter .slides #text #infos #btns .btn_right {
  right: 0px;
  width: 40px;
  height: 40px;
}
.chapter .slides #text #infos #btns .btn_right:hover #btn_next {
  -webkit-transition: left 0.4s, opacity 0.4s;
  -moz-transition: left 0.4s, opacity 0.4s;
  -o-transition: left 0.4s, opacity 0.4s;
  transition: left 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  left: 20px !important;
  opacity: 0 !important;
}
.chapter .slides #text #infos #btns .btn_right:hover #btn_nextbef {
  -webkit-transition: left 0.4s, opacity 0.4s;
  -moz-transition: left 0.4s, opacity 0.4s;
  -o-transition: left 0.4s, opacity 0.4s;
  transition: left 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  left: 0 !important;
  opacity: 1 !important;
}
.chapter .slides #text #infos #btns .btn {
  position: absolute;
  display: inline-block;
  width: 80px;
  height: 40px;
  cursor: pointer;
}
.chapter .slides #text #infos #btns .btn#btn_next {
  opacity: 1;
  left: 0;
  background: url(/public/images/export/btn_next_text.png) no-repeat center center;
}
.chapter .slides #text #infos #btns .btn#btn_nextbef {
  opacity: 0;
  pointer-events: none;
  left: -20px;
  background: url(/public/images/export/btn_next_text.png) no-repeat center center;
}
.chapter .slides #text #infos #btns .btn#btn_previous {
  opacity: 1;
  right: 0;
  background: url(/public/images/export/btn_previous_text.png) no-repeat center center;
}
.chapter .slides #text #infos #btns .btn#btn_previousbef {
  opacity: 0;
  pointer-events: none;
  right: -20px;
  background: url(/public/images/export/btn_previous_text.png) no-repeat center center;
}
.chapter .slides #text #infos #btns .num {
  position: relative;
  display: inline-block;
  width: 122px;
  margin: 0 14px;
}
.chapter .slides #text #infos #btns .num .small {
  letter-spacing: 0.05em;
  font: 14px "raleway-regular";
  position: relative;
  bottom: 13px;
}
.chapter .slides #text #infos #btns .num .big {
  font: 50px "bangui";
}
.chapter .slides #text #texts {
  position: relative;
  display: block;
  top: 20px;
  left: 25%;
  max-width: 500px;
  margin: auto 0;
}
@media (min-width: 1900px) {
  .chapter .slides #text #texts {
    max-width: 520px;
  }
}
@media (max-width: 1000px) {
  .chapter .slides #text #texts {
    padding-right: 10px;
  }
}
.chapter .slides #text #texts p.title,
.chapter .slides #text #texts p.lasttitle {
  position: relative;
  display: inline-block;
  text-align: justify;
  text-justify: inter-word;
  font: 15px "raleway-semibold";
  color: #f29c24;
  line-height: 30px;
  letter-spacing: 0.05em;
}
@media (max-height: 570px), (max-width: 900px) {
  .chapter .slides #text #texts p.title,
  .chapter .slides #text #texts p.lasttitle {
    line-height: 20px;
  }
}
@media (min-height: 1000px) {
  .chapter .slides #text #texts p.title,
  .chapter .slides #text #texts p.lasttitle {
    font: 19px "raleway-semibold";
    line-height: 26px;
    letter-spacing: 0.2em;
  }
}
.chapter .slides #text #texts p.title {
  margin-bottom: 30px;
}
.chapter .slides #text #texts p.lasttitle {
  margin-top: 30px;
}
.chapter .slides #text #texts p.txt {
  position: relative;
  display: block;
  font: 12px "raleway-regular";
  color: #fff;
  line-height: 25px;
  letter-spacing: 0.2em;
  text-justify: inter-word;
}
@media (max-height: 570px), (max-width: 900px) {
  .chapter .slides #text #texts p.txt {
    line-height: 20px;
  }
}
@media (min-height: 1000px) {
  .chapter .slides #text #texts p.txt {
    font: 14px "raleway-regular";
    line-height: 30px;
    letter-spacing: 0.2em;
  }
}
.chapter .slides #text #texts p.txt b {
  font: 15px "raleway-semibold";
  line-height: 30px;
  letter-spacing: 0.05em;
  display: block;
  color: #f29c24;
  text-transform: uppercase;
}
@media (max-height: 570px), (max-width: 900px) {
  .chapter .slides #text #texts p.txt b {
    line-height: 20px;
  }
}
.chapter .slides #text #texts .quote {
  display: inline;
  font: 96px "bangui";
  color: #f29c24;
  position: relative;
  top: 52px;
  line-height: 0px;
}
.chapter .slides #gallery #images {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.chapter .slides #gallery #images .image {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.chapter .slides #gallery #images .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chapter .slides #gallery .shadow {
  top: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/public/images/export/gallery_shadow.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100%;
}
.chapter .slides #gallery #infos {
  position: absolute;
  bottom: 140px;
  right: 50px;
  max-width: 240px;
  text-align: right;
}
.chapter .slides #gallery #infos .num {
  letter-spacing: 0.05em;
}
.chapter .slides #gallery #infos p {
  font: 12px "raleway-semibold";
  line-height: 20px;
  letter-spacing: 0.05em;
}
.chapter .slides #gallery #infos h2 {
  font: 34px "bangui";
  color: #f29c24;
  margin-top: 10px;
  margin-bottom: 20px;
}
.chapter .slides #gallery #infos #btns {
  margin-top: 20px;
}
.chapter .slides #gallery #infos #btns .btn {
  background-color: #f29c24;
  margin-left: 10px;
  width: 53px;
  height: 36px;
  display: inline-block;
  outline: 4px solid rgba(255,255,255,0.3);
/*border 4px solid rgba(255, 255, 255, 0.3);*/
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.chapter .slides #gallery #infos #btns .btn#btn_next:before {
  opacity: 1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(/public/images/export/btn_next_gallery.png) no-repeat center center;
}
.chapter .slides #gallery #infos #btns .btn#btn_next:after {
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: -20px;
  top: 0;
  background: url(/public/images/export/btn_next_gallery.png) no-repeat center center;
}
.chapter .slides #gallery #infos #btns .btn#btn_previous:before {
  opacity: 1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background: url(/public/images/export/btn_previous_gallery.png) no-repeat center center;
}
.chapter .slides #gallery #infos #btns .btn#btn_previous:after {
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: -20px;
  top: 0;
  background: url(/public/images/export/btn_previous_gallery.png) no-repeat center center;
}
.chapter .slides #gallery #infos #btns .btn:hover#btn_next:before {
  -webkit-transition: left 0.4s, opacity 0.4s;
  -moz-transition: left 0.4s, opacity 0.4s;
  -o-transition: left 0.4s, opacity 0.4s;
  transition: left 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  left: 20px;
}
.chapter .slides #gallery #infos #btns .btn:hover#btn_next:after {
  -webkit-transition: left 0.4s, opacity 0.4s;
  -moz-transition: left 0.4s, opacity 0.4s;
  -o-transition: left 0.4s, opacity 0.4s;
  transition: left 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  left: 0px;
}
.chapter .slides #gallery #infos #btns .btn:hover#btn_previous:before {
  -webkit-transition: right 0.4s, opacity 0.4s;
  -moz-transition: right 0.4s, opacity 0.4s;
  -o-transition: right 0.4s, opacity 0.4s;
  transition: right 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  right: 20px;
}
.chapter .slides #gallery #infos #btns .btn:hover#btn_previous:after {
  -webkit-transition: right 0.4s, opacity 0.4s;
  -moz-transition: right 0.4s, opacity 0.4s;
  -o-transition: right 0.4s, opacity 0.4s;
  transition: right 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  right: 0px;
}
.chapter .slides #sound {
  position: relative;
  height: 100%;
}
.chapter .slides #sound canvas {
  height: 50%;
  width: 30%;
}
.chapter .slides #sound .sound-spectral {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chapter .slides #sound .timeline-container {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  white-space: nowrap;
  list-style: none;
  font-size: 0;
  width: 100%;
  height: 100%;
}
.chapter .slides #sound .timeline-container .subtitle-container {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
.chapter .slides #sound .timeline-container .subtitle-container .subtitle {
  position: absolute;
  font: normal normal 16px 'raleway-semibold', Serif;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.2);
}
.chapter .slides #sound .timeline-container .subtitle-container .subtitle.current {
  color: #fff;
}
.chapter .slides #sound .timeline-container .cursor {
  font: normal normal 16px 'raleway-semibold', Serif;
  position: absolute;
  overflow: visible;
  bottom: 185px;
  top: initial;
  height: 0;
  width: 50px;
  text-align: center;
  transform: rotateZ(-90deg);
  color: #6f6f6f;
}
.chapter .slides #sound .timeline-container .cursor::after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #6f6f6f;
  width: 100vw;
  top: 10px;
  right: 100%;
}
.chapter .slides #sound .timeline-container .cursor::before {
  content: '';
  position: absolute;
  border-bottom: 1px solid #6f6f6f;
  width: 100vw;
  top: 10px;
  left: 100%;
}
.chapter .slides #sound .timeline-container .cursor.current {
  color: #f29c24;
}
.chapter .slides #sound .timeline-container .cursor.current::after {
  border-color: transparent transparent #f29c24 transparent;
}
.chapter .slides #sound .timeline-container .cursor.current::before {
  border-color: transparent transparent #f29c24 transparent;
}
.chapter .slides #sound .timeline-container .timeline {
  position: absolute;
}
.chapter .slides #sound .replay-btn,
.chapter .slides #sound .resume-btn {
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
  cursor: pointer;
}
.chapter .slides #sound .replay-btn:hover span:after,
.chapter .slides #sound .resume-btn:hover span:after {
  height: 100%;
}
.chapter .slides #sound .replay-btn span,
.chapter .slides #sound .resume-btn span {
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: block;
  width: 100%;
  min-width: 180px;
}
.chapter .slides #sound .replay-btn span:after,
.chapter .slides #sound .resume-btn span:after {
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
  z-index: -1;
  width: 100%;
  height: 0%;
  background-color: #f29c24;
  position: absolute;
  bottom: 0;
  left: 0;
}
.chapter .slides #sound .resume-btn {
  left: 50%;
  right: initial;
  transform: translate(-50%, -50%);
  background-color: rgba(0,0,0,0.8);
}
.chapter .slides #sound {
  overflow: hidden;
}
.chapter .slides #sound #infos {
  position: absolute;
  display: block;
  bottom: 140px;
  right: 50px;
}
.chapter .slides #sound #infos p {
  text-align: right;
}
.chapter .slides #sound #infos p.subtitle {
  font: 12px "raleway-semibold";
  color: #f29c24;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 30px;
}
.chapter .slides #sound #infos p.title {
  font: 50px "bangui";
  text-transform: uppercase;
  color: #fff;
}
.chapter .slides #sound #infos p.job {
  font: 11px "raleway-regular";
  color: #fff;
  letter-spacing: 0.05em;
  opacity: 0.3;
}
.chapter .slides #donate,
.chapter .slides #donate_last {
  position: fixed;
  top: 0;
  left: 0;
  border-left: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  height: 100%;
}
.chapter .slides #donate .bg,
.chapter .slides #donate_last .bg {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/public/images/export/tunnel_bg_media.jpg);
  background-size: cover;
  background-position: 0px;
  background-attachment: fixed;
}
.chapter .slides #donate .title,
.chapter .slides #donate_last .title {
  height: 100%;
  position: relative;
  float: left;
  left: 230px;
  width: calc(100% - 350px);
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.2);
}
.chapter .slides #donate .title .wrap,
.chapter .slides #donate_last .title .wrap {
  position: relative;
  top: 50%;
  transform: translateY(calc(-50% - 50px));
  padding: 0 40px;
}
.chapter .slides #donate .title .head,
.chapter .slides #donate_last .title .head {
  display: inline-block;
  width: 100%;
  height: 84px;
  overflow: hidden;
}
.chapter .slides #donate .title h1,
.chapter .slides #donate_last .title h1 {
  position: relative;
  bottom: -100%;
  font: 80px "bangui";
  color: inherit;
}
.chapter .slides #donate .title h1 #acf-logo,
.chapter .slides #donate_last .title h1 #acf-logo {
  display: inline-block;
}
.chapter .slides #donate .title h1 #acf-logo #logo,
.chapter .slides #donate_last .title h1 #acf-logo #logo {
  width: 111px;
  height: 64px;
  background-image: url(/public/images/export/acf_logo2.png);
}
.chapter .slides #donate .title h2,
.chapter .slides #donate_last .title h2 {
  position: relative;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'raleway-extrabold';
  color: inherit;
  letter-spacing: 0.2em;
  line-height: 20px;
  max-width: 560px;
  margin: auto;
}
.chapter .slides #donate .title p,
.chapter .slides #donate_last .title p {
  position: relative;
  font-size: 12px;
  margin: 2% auto 15px auto;
  font-family: 'raleway-regular';
  color: inherit;
  max-width: 900px;
  letter-spacing: 0.2em;
  line-height: 20px;
  text-align: center;
}
.chapter .slides #donate .title .text-end,
.chapter .slides #donate_last .title .text-end {
  position: relative;
  font-family: 'raleway-regular';
  font-size: 9px;
  text-align: center;
}
.chapter .slides #donate .balance,
.chapter .slides #donate_last .balance {
  margin: 0 auto;
  background-size: cover;
  background-position: 50%;
  position: relative;
}
.chapter .slides #donate .balance.chapter1,
.chapter .slides #donate_last .balance.chapter1 {
  background-image: url(/public/images/export/picto_donate_chapter1.png);
  width: 200px;
  height: 100px;
}
.chapter .slides #donate .balance.chapter2,
.chapter .slides #donate_last .balance.chapter2 {
  background-image: url(/public/images/export/picto_donate_chapter2.png);
  width: 200px;
  height: 120px;
}
.chapter .slides #donate .balance.chapter3,
.chapter .slides #donate_last .balance.chapter3 {
  background-image: url(/public/images/export/picto_donate_chapter3.png);
  width: 180px;
  height: 100px;
}
.chapter .slides #donate .donate-logo,
.chapter .slides #donate_last .donate-logo {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background-image: url(/public/images/export/donate_img2.png);
  margin-bottom: 10px;
}
.chapter .slides #donate a.btn,
.chapter .slides #donate_last a.btn {
  position: relative;
  margin: 20px auto 20px auto;
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  text-decoration: none;
  border: 4px solid rgba(255,255,255,0.3);
  display: inline-block;
  overflow: hidden;
}
.chapter .slides #donate a.btn:hover span:after,
.chapter .slides #donate_last a.btn:hover span:after {
  height: 0%;
}
.chapter .slides #donate a.btn span,
.chapter .slides #donate_last a.btn span {
  z-index: 0;
  color: #000;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: inline-block;
  min-width: 180px;
  position: relative;
}
.chapter .slides #donate a.btn span:after,
.chapter .slides #donate_last a.btn span:after {
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.chapter .slides #donate a.link,
.chapter .slides #donate_last a.link {
  font-family: 'raleway-regular';
  padding-bottom: 2px;
  letter-spacing: 0.2em;
  font-size: 10px;
  text-transform: uppercase;
  border-bottom: 2px solid #fff;
}
.chapter .slides #donate a.next-chapter,
.chapter .slides #donate_last a.next-chapter {
  display: inline-block;
  float: right;
  height: 100%;
  position: relative;
}
.chapter .slides #donate a.next-chapter .background,
.chapter .slides #donate_last a.next-chapter .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}
.chapter .slides #donate a.next-chapter .background .chapter-number,
.chapter .slides #donate_last a.next-chapter .background .chapter-number {
  left: 50%;
  top: calc(50% - 40px);
  transform: translate(-50%, -50%);
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.chapter .slides #donate a.next-chapter .background .chapter-number span,
.chapter .slides #donate_last a.next-chapter .background .chapter-number span {
  bottom: 60px;
  position: relative;
  opacity: 0.2;
  font: 70px "bangui";
}
.chapter .slides #donate a.next-chapter .container,
.chapter .slides #donate_last a.next-chapter .container {
  width: 120px;
  background-color: #fff;
  height: 100%;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.chapter .slides #donate a.next-chapter p,
.chapter .slides #donate_last a.next-chapter p {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2em;
  width: 200px;
  text-align: center;
  display: inline-block;
  position: absolute;
  transform: translate(-50%, -50%) rotate(-90deg);
  left: 50%;
  top: calc(50% - 50px);
  overflow: hidden;
  height: 20px;
}
.chapter .slides #donate a.next-chapter p span,
.chapter .slides #donate_last a.next-chapter p span {
  display: block;
  position: relative;
  top: -13px;
}
.chapter .slides #donate a.next-chapter p span:first-child,
.chapter .slides #donate_last a.next-chapter p span:first-child {
  margin-bottom: 5px;
}
.chapter .slides #donate a.next-chapter:hover p span,
.chapter .slides #donate_last a.next-chapter:hover p span {
  -webkit-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -o-transition: top 0.4s;
  transition: top 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  top: 4px !important;
}
.chapter .slides #donate a.next-chapter video,
.chapter .slides #donate_last a.next-chapter video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chapter .slides #donate_last {
  height: calc(100% + 100px);
}
.chapter .slides #donate_last .wrap {
  transform: translateY(calc(-50% - 125px)) !important;
}
.chapter .slides #donate_last p {
  text-align: center !important;
}
.chapter .slides #donate_last #links {
  max-width: 630px;
  height: 120px;
  margin: 40px auto;
}
.chapter .slides #donate_last #links a {
  margin: 0;
  width: calc(50% - 12px);
  margin-left: 20px;
  margin-bottom: 14px;
}
.chapter .slides #donate_last #links a:nth-child(2n+1) {
  margin-left: 0;
}
.chapter .slides #donate_last #links a:nth-child(n+3) {
  margin-bottom: 0;
}
.chapter .slides #donate_last #links a span {
  width: 100%;
}
.chapter .slides #donate_last #links .donate-logo {
  margin-top: 40px;
}
footer {
  position: absolute;
  z-index: 9999;
  display: block;
  width: 100%;
  bottom: 50px;
  background-color: #f00;
  font-family: 'raleway-extrabold';
  font-size: 10px;
  text-transform: uppercase;
}
footer a,
footer p {
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
footer #share {
  overflow: hidden;
  position: absolute;
  display: block;
  left: 50px;
  line-height: 15px;
  height: 15px;
}
footer #share:hover p {
  opacity: 1;
}
footer #share p {
  vertical-align: super;
  font-size: 10px;
  letter-spacing: 0.2em;
  display: inline-block;
  opacity: 0.41;
  top: 20px;
  position: relative;
}
footer #share p span {
  font-size: 10px;
  letter-spacing: 0.2em;
  display: inline-block;
}
footer #share .social {
  height: 15px;
  width: 18px;
  display: inline-block;
  margin-left: 20px;
}
footer #share .social:before,
footer #share .social:after {
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 18px;
  background-size: cover;
  content: "";
}
footer #share .social:before {
  opacity: 0.4;
}
footer #share #fb {
  top: 20px;
  position: relative;
}
footer #share #fb:before {
  background-image: url(/public/images/export/logo1_f.png);
}
footer #share #fb:after {
  opacity: 0;
  background-image: url(/public/images/export/logo2_f.png);
}
footer #share #fb:hover:before {
  opacity: 0;
}
footer #share #fb:hover:after {
  opacity: 1;
}
footer #share #twt {
  top: 20px;
  position: relative;
}
footer #share #twt:before {
  background-image: url(/public/images/export/logo1_t.png);
}
footer #share #twt:after {
  opacity: 0;
  background-image: url(/public/images/export/logo2_t.png);
}
footer #share #twt:hover:before {
  opacity: 0;
}
footer #share #twt:hover:after {
  opacity: 1;
}
footer #share #google {
  top: 20px;
  position: relative;
}
footer #share #google:before {
  background-image: url(/public/images/export/logo1_g.png);
}
footer #share #google:after {
  opacity: 0;
  background-image: url(/public/images/export/logo2_g.png);
}
footer #share #google:hover:before {
  opacity: 0;
}
footer #share #google:hover:after {
  opacity: 1;
}
footer #links {
  overflow: hidden;
  position: absolute;
  display: block;
  right: 50px;
  line-height: 15px;
}
footer #links a {
  top: 20px;
  position: relative;
  margin-left: 40px;
  font-size: 10px;
  letter-spacing: 0.2em;
  vertical-align: text-top;
  opacity: 0.4;
}
footer #links a:hover {
  opacity: 1;
}
article.video {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
/*margin: 10px auto;*/
  background: #000;
  font-size: 13px;
/*border-radius: 4px;*/
  overflow: hidden;
  font-family: Arial;
}
article.video button,
article.video input {
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: #fff;
  text-decoration: none;
  outline: 0;
}
article.video video {
  cursor: pointer;
  width: 100%;
}
article.video:hover .video-controls {
  bottom: 0;
}
article.video .video-controls {
  bottom: -40px;
  z-index: 1;
  position: absolute;
  height: 40px;
  width: 100%;
}
article.video .video-controls .ctrl-left,
article.video .video-controls .ctrl-right,
article.video .video-controls .ctrl-middle {
  position: relative;
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
}
article.video .video-controls button {
  width: 40px;
  height: 40px;
}
article.video .video-controls .ctrl-bar {
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 8px;
  border-radius: 4px;
  width: 100%;
}
article.video .video-controls .ctrl-bar .progressbar {
  pointer-events: none;
  cursor: pointer;
  border-radius: 4px;
  height: 100%;
  background-color: #f29c24;
  position: absolute;
  z-index: 2;
}
article.video .video-controls .ctrl-bar input[type=range] {
  cursor: pointer;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  margin: 0;
}
article.video .video-controls .ctrl-middle {
  width: calc(100% - 160px);
}
article.video .video-controls .ctrl-right {
  width: 120px;
}
article.video .video-controls .ctrl-right #time {
  float: left;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0 6px;
}
article.video .video-controls .ctrl-right input[type=range] {
  display: none;
}
article.video .video-controls .ctrl-right .ctrl-btn {
  display: inline-block;
  width: 80px;
  height: 40px;
}
article.video .video-controls .ctrl-right button {
  float: left;
}
article.video .video-controls #play-pause {
  background-image: url(/public/images/export/ctrl-video-pause.png);
}
article.video .video-controls #play-pause.pause {
  background-image: url(/public/images/export/ctrl-video-play.png) !important;
}
article.video .video-controls #mute {
  background-image: url(/public/images/export/ctrl-video-sound.png);
}
article.video .video-controls #mute.mute {
  background-image: url(/public/images/export/ctrl-video-mute.png) !important;
}
article.video .video-controls #full-screen {
  background-image: url(/public/images/export/ctrl-video-full-sans.png);
}
article.video .video-controls #full-screen.active {
  background-image: url(/public/images/export/ctrl-video-full.png);
}
input[type=range] {
  height: 8px;
/*removes default webkit styles*/
  -webkit-appearance: none;
/*fix for FF unable to apply focus style bug */
  border: 1px solid #f29c24;
/*required for proper track sizing in FF*/
  width: 100%;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: #fff;
  border: none;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  background: #fff;
  border: none;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
/*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
/*remove default tick marks*/
  color: transparent;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #f29c24;
  visibility: hidden;
  margin-top: -4px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #f29c24;
  visibility: hidden;
}
input[type=range]:-moz-focusring {
  outline: 1px solid #f29c24;
  outline-offset: -1px;
}
input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: #fff;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: none;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #f29c24;
  visibility: hidden;
}
input[type=range]:focus::-ms-fill-lower {
  background: #888;
}
input[type=range]:focus::-ms-fill-upper {
  background: #fff;
}
body .mobile {
  text-align: center;
  background-image: url(/public/images/export/mobile.jpg);
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 10px;
}
body .mobile .title {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body .mobile p {
  text-transform: uppercase;
  font-family: 'raleway-extrabold';
  letter-spacing: 0.2em;
  line-height: 22px;
  font-size: 10px;
  color: inherit;
  white-space: pre-line;
}
@media (max-height: 360px) {
  body .mobile p {
    line-height: 12px;
  }
}
body .mobile h1 {
  font: 50px "bangui";
  color: inherit;
  margin: 30px 0 30px 0;
}
@media (max-height: 330px) {
  body .mobile h1 {
    margin: 15px 0 15px 0;
  }
}
body .mobile #btn {
  position: relative;
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
  margin-bottom: 30px;
}
body .mobile #btn span {
  background-color: #f29c24;
  box-sizing: border-box;
  font-size: 10px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: block;
  width: 100%;
  min-width: 180px;
}
body .mobile #logo {
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  width: 94px;
  height: 53px;
  background-image: url(/public/images/export/acf_logo.png);
}
body .toold {
  text-align: center;
  background-image: url(/public/images/export/navigateur.jpg);
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 10px;
}
body .toold .title {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body .toold p {
  text-transform: uppercase;
  font-family: 'raleway-extrabold';
  letter-spacing: 0.2em;
  line-height: 22px;
  font-size: 13px;
  color: inherit;
  white-space: pre-line;
  margin: 20px 0 30px 0;
}
@media (max-height: 360px) {
  body .toold p {
    line-height: 12px;
  }
}
body .toold h1 {
  font: 80px "bangui";
  color: inherit;
  margin: 0;
}
@media (max-height: 330px) {
  body .toold h1 {
    margin: 15px 0 15px 0;
  }
}
body .toold #btn {
  position: relative;
  font-family: 'raleway-extrabold';
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  border: 4px solid rgba(255,255,255,0.3);
  overflow: hidden;
  margin-bottom: 30px;
}
body .toold #btn span {
  background-color: #f29c24;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0.2em;
  padding: 14px 20px;
  display: block;
  width: 100%;
  min-width: 180px;
  margin-right: 33px;
  text-align: left;
}
body .toold #btn span::after {
  content: "";
  background-image: url(/public/images/export/chrome.png);
  width: 27px;
  height: 27px;
  position: absolute;
  transform: translate(25%, -8px);
}
body .toold #logo {
  left: 50%;
  transform: translate(-50%, 0);
  position: relative;
  width: 94px;
  height: 53px;
  background-image: url(/public/images/export/acf_logo.png);
  margin-bottom: 30px;
}
body .toold #logo.fr::after {
  content: "Pr\E9sente";
}
body .toold #logo.en::after {
  content: "Present";
}
body .toold #logo::after {
  position: absolute;
  bottom: -30px;
  color: #fff;
  font-family: "raleway-semibold";
  font-size: 9px;
  text-transform: uppercase;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.1em;
}
.sprite {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}
.sprite-chapter1-fr {
  background: url(/public/images/export/sprite-chapter1_fr.png) no-repeat;
  width: 572px;
  height: 153px;
}
.sprite-chapter1-fr-00000 {
  background-position: 0px 0px;
}
.sprite-chapter1-fr-00001 {
  background-position: -572px 0px;
}
.sprite-chapter1-fr-00002 {
  background-position: -1144px 0px;
}
.sprite-chapter1-fr-00003 {
  background-position: -1716px 0px;
}
.sprite-chapter1-fr-00004 {
  background-position: -2288px 0px;
}
.sprite-chapter1-fr-00005 {
  background-position: -2860px 0px;
}
.sprite-chapter1-fr-00006 {
  background-position: -3432px 0px;
}
.sprite-chapter1-fr-00007 {
  background-position: 0px -153px;
}
.sprite-chapter1-fr-00008 {
  background-position: -572px -153px;
}
.sprite-chapter1-fr-00009 {
  background-position: -1144px -153px;
}
.sprite-chapter1-fr-00010 {
  background-position: -1716px -153px;
}
.sprite-chapter1-fr-00011 {
  background-position: -2288px -153px;
}
.sprite-chapter1-fr-00012 {
  background-position: -2860px -153px;
}
.sprite-chapter1-fr-00013 {
  background-position: -3432px -153px;
}
.sprite-chapter1-fr-00014 {
  background-position: 0px -306px;
}
.sprite-chapter1-fr-00015 {
  background-position: -572px -306px;
}
.sprite-chapter1-fr-00016 {
  background-position: -1144px -306px;
}
.sprite-chapter1-fr-00017 {
  background-position: -1716px -306px;
}
.sprite-chapter1-fr-00018 {
  background-position: -2288px -306px;
}
.sprite-chapter1-fr-00019 {
  background-position: -2860px -306px;
}
.sprite-chapter1-fr-00020 {
  background-position: -3432px -306px;
}
.sprite-chapter1-fr-00021 {
  background-position: 0px -459px;
}
.sprite-chapter1-fr-00022 {
  background-position: -572px -459px;
}
.sprite-chapter1-fr-00023 {
  background-position: -1144px -459px;
}
.sprite-chapter1-fr-00024 {
  background-position: -1716px -459px;
}
.sprite-chapter1-fr-00025 {
  background-position: -2288px -459px;
}
.sprite-chapter1-fr-00026 {
  background-position: -2860px -459px;
}
.sprite-chapter1-fr-00027 {
  background-position: -3432px -459px;
}
.sprite-chapter1-fr-00028 {
  background-position: 0px -612px;
}
.sprite-chapter1-fr-00029 {
  background-position: -572px -612px;
}
.sprite-chapter1-fr-00030 {
  background-position: -1144px -612px;
}
.sprite-chapter1-fr-00031 {
  background-position: -1716px -612px;
}
.sprite-chapter1-fr-00032 {
  background-position: -2288px -612px;
}
.sprite-chapter1-fr-00033 {
  background-position: -2860px -612px;
}
.sprite-chapter1-fr-00034 {
  background-position: -3432px -612px;
}
.sprite-chapter1-fr-00035 {
  background-position: 0px -765px;
}
.sprite-chapter1-fr-00036 {
  background-position: -572px -765px;
}
.sprite-chapter1-fr-00037 {
  background-position: -1144px -765px;
}
.sprite-chapter1-fr-00038 {
  background-position: -1716px -765px;
}
.sprite-chapter1-fr-00039 {
  background-position: -2288px -765px;
}
.sprite-chapter1-fr-00040 {
  background-position: -2860px -765px;
}
.sprite-chapter1-fr-00041 {
  background-position: -3432px -765px;
}
.sprite-chapter1-fr-00042 {
  background-position: 0px -918px;
}
.sprite-chapter1-fr-00043 {
  background-position: -572px -918px;
}
.sprite-chapter1-fr-00044 {
  background-position: -1144px -918px;
}
.sprite-chapter1-fr-00045 {
  background-position: -1716px -918px;
}
.sprite-chapter1-fr-00046 {
  background-position: -2288px -918px;
}
.sprite-chapter1-fr-00047 {
  background-position: -2860px -918px;
}
.sprite-chapter1-fr-00048 {
  background-position: -3432px -918px;
}
.sprite-chapter1-fr-00049 {
  background-position: 0px -1071px;
}
.sprite-chapter1-fr-00050 {
  background-position: -572px -1071px;
}
.sprite-chapter1-fr-00051 {
  background-position: -1144px -1071px;
}
.sprite-chapter1-fr-00052 {
  background-position: -1716px -1071px;
}
.sprite-chapter1-fr-00053 {
  background-position: -2288px -1071px;
}
.sprite-chapter1-fr-00054 {
  background-position: -2860px -1071px;
}
.sprite-chapter1-fr-00055 {
  background-position: -3432px -1071px;
}
.sprite-chapter1-fr-00056 {
  background-position: 0px -1224px;
}
.sprite-chapter1-fr-00057 {
  background-position: -572px -1224px;
}
.sprite-chapter2-fr {
  background: url(/public/images/export/sprite-chapter2_fr.png) no-repeat;
  width: 380px;
  height: 160px;
}
.sprite-chapter2-fr-00000 {
  background-position: 0px 0px;
}
.sprite-chapter2-fr-00001 {
  background-position: -380px 0px;
}
.sprite-chapter2-fr-00002 {
  background-position: -760px 0px;
}
.sprite-chapter2-fr-00003 {
  background-position: -1140px 0px;
}
.sprite-chapter2-fr-00004 {
  background-position: -1520px 0px;
}
.sprite-chapter2-fr-00005 {
  background-position: -1900px 0px;
}
.sprite-chapter2-fr-00006 {
  background-position: -2280px 0px;
}
.sprite-chapter2-fr-00007 {
  background-position: 0px -160px;
}
.sprite-chapter2-fr-00008 {
  background-position: -380px -160px;
}
.sprite-chapter2-fr-00009 {
  background-position: -760px -160px;
}
.sprite-chapter2-fr-00010 {
  background-position: -1140px -160px;
}
.sprite-chapter2-fr-00011 {
  background-position: -1520px -160px;
}
.sprite-chapter2-fr-00012 {
  background-position: -1900px -160px;
}
.sprite-chapter2-fr-00013 {
  background-position: -2280px -160px;
}
.sprite-chapter2-fr-00014 {
  background-position: 0px -320px;
}
.sprite-chapter2-fr-00015 {
  background-position: -380px -320px;
}
.sprite-chapter2-fr-00016 {
  background-position: -760px -320px;
}
.sprite-chapter2-fr-00017 {
  background-position: -1140px -320px;
}
.sprite-chapter2-fr-00018 {
  background-position: -1520px -320px;
}
.sprite-chapter2-fr-00019 {
  background-position: -1900px -320px;
}
.sprite-chapter2-fr-00020 {
  background-position: -2280px -320px;
}
.sprite-chapter2-fr-00021 {
  background-position: 0px -480px;
}
.sprite-chapter2-fr-00022 {
  background-position: -380px -480px;
}
.sprite-chapter2-fr-00023 {
  background-position: -760px -480px;
}
.sprite-chapter2-fr-00024 {
  background-position: -1140px -480px;
}
.sprite-chapter2-fr-00025 {
  background-position: -1520px -480px;
}
.sprite-chapter2-fr-00026 {
  background-position: -1900px -480px;
}
.sprite-chapter2-fr-00027 {
  background-position: -2280px -480px;
}
.sprite-chapter2-fr-00028 {
  background-position: 0px -640px;
}
.sprite-chapter2-fr-00029 {
  background-position: -380px -640px;
}
.sprite-chapter2-fr-00030 {
  background-position: -760px -640px;
}
.sprite-chapter2-fr-00031 {
  background-position: -1140px -640px;
}
.sprite-chapter2-fr-00032 {
  background-position: -1520px -640px;
}
.sprite-chapter2-fr-00033 {
  background-position: -1900px -640px;
}
.sprite-chapter2-fr-00034 {
  background-position: -2280px -640px;
}
.sprite-chapter2-fr-00035 {
  background-position: 0px -800px;
}
.sprite-chapter2-fr-00036 {
  background-position: -380px -800px;
}
.sprite-chapter2-fr-00037 {
  background-position: -760px -800px;
}
.sprite-chapter2-fr-00038 {
  background-position: -1140px -800px;
}
.sprite-chapter2-fr-00039 {
  background-position: -1520px -800px;
}
.sprite-chapter2-fr-00040 {
  background-position: -1900px -800px;
}
.sprite-chapter2-fr-00041 {
  background-position: -2280px -800px;
}
.sprite-chapter2-fr-00042 {
  background-position: 0px -960px;
}
.sprite-chapter2-fr-00043 {
  background-position: -380px -960px;
}
.sprite-chapter2-fr-00044 {
  background-position: -760px -960px;
}
.sprite-chapter2-fr-00045 {
  background-position: -1140px -960px;
}
.sprite-chapter2-fr-00046 {
  background-position: -1520px -960px;
}
.sprite-chapter2-fr-00047 {
  background-position: -1900px -960px;
}
.sprite-chapter2-fr-00048 {
  background-position: -2280px -960px;
}
.sprite-chapter2-fr-00049 {
  background-position: 0px -1120px;
}
.sprite-chapter2-fr-00050 {
  background-position: -380px -1120px;
}
.sprite-chapter2-fr-00051 {
  background-position: -760px -1120px;
}
.sprite-chapter2-fr-00052 {
  background-position: -1140px -1120px;
}
.sprite-chapter2-fr-00053 {
  background-position: -1520px -1120px;
}
.sprite-chapter2-fr-00054 {
  background-position: -1900px -1120px;
}
.sprite-chapter3-fr {
  background: url(/public/images/export/sprite-chapter3_fr.png) no-repeat;
  width: 430px;
  height: 155px;
}
.sprite-chapter3-fr-00000 {
  background-position: 0px 0px;
}
.sprite-chapter3-fr-00001 {
  background-position: -430px 0px;
}
.sprite-chapter3-fr-00002 {
  background-position: -860px 0px;
}
.sprite-chapter3-fr-00003 {
  background-position: -1290px 0px;
}
.sprite-chapter3-fr-00004 {
  background-position: -1720px 0px;
}
.sprite-chapter3-fr-00005 {
  background-position: -2150px 0px;
}
.sprite-chapter3-fr-00006 {
  background-position: -2580px 0px;
}
.sprite-chapter3-fr-00007 {
  background-position: 0px -155px;
}
.sprite-chapter3-fr-00008 {
  background-position: -430px -155px;
}
.sprite-chapter3-fr-00009 {
  background-position: -860px -155px;
}
.sprite-chapter3-fr-00010 {
  background-position: -1290px -155px;
}
.sprite-chapter3-fr-00011 {
  background-position: -1720px -155px;
}
.sprite-chapter3-fr-00012 {
  background-position: -2150px -155px;
}
.sprite-chapter3-fr-00013 {
  background-position: -2580px -155px;
}
.sprite-chapter3-fr-00014 {
  background-position: 0px -310px;
}
.sprite-chapter3-fr-00015 {
  background-position: -430px -310px;
}
.sprite-chapter3-fr-00016 {
  background-position: -860px -310px;
}
.sprite-chapter3-fr-00017 {
  background-position: -1290px -310px;
}
.sprite-chapter3-fr-00018 {
  background-position: -1720px -310px;
}
.sprite-chapter3-fr-00019 {
  background-position: -2150px -310px;
}
.sprite-chapter3-fr-00020 {
  background-position: -2580px -310px;
}
.sprite-chapter3-fr-00021 {
  background-position: 0px -465px;
}
.sprite-chapter3-fr-00022 {
  background-position: -430px -465px;
}
.sprite-chapter3-fr-00023 {
  background-position: -860px -465px;
}
.sprite-chapter3-fr-00024 {
  background-position: -1290px -465px;
}
.sprite-chapter3-fr-00025 {
  background-position: -1720px -465px;
}
.sprite-chapter3-fr-00026 {
  background-position: -2150px -465px;
}
.sprite-chapter3-fr-00027 {
  background-position: -2580px -465px;
}
.sprite-chapter3-fr-00028 {
  background-position: 0px -620px;
}
.sprite-chapter3-fr-00029 {
  background-position: -430px -620px;
}
.sprite-chapter3-fr-00030 {
  background-position: -860px -620px;
}
.sprite-chapter3-fr-00031 {
  background-position: -1290px -620px;
}
.sprite-chapter3-fr-00032 {
  background-position: -1720px -620px;
}
.sprite-chapter3-fr-00033 {
  background-position: -2150px -620px;
}
.sprite-chapter3-fr-00034 {
  background-position: -2580px -620px;
}
.sprite-chapter3-fr-00035 {
  background-position: 0px -775px;
}
.sprite-chapter3-fr-00036 {
  background-position: -430px -775px;
}
.sprite-chapter3-fr-00037 {
  background-position: -860px -775px;
}
.sprite-chapter3-fr-00038 {
  background-position: -1290px -775px;
}
.sprite-chapter3-fr-00039 {
  background-position: -1720px -775px;
}
.sprite-chapter3-fr-00040 {
  background-position: -2150px -775px;
}
.sprite-chapter3-fr-00041 {
  background-position: -2580px -775px;
}
.sprite-chapter3-fr-00042 {
  background-position: 0px -930px;
}
.sprite-chapter3-fr-00043 {
  background-position: -430px -930px;
}
.sprite-chapter3-fr-00044 {
  background-position: -860px -930px;
}
.sprite-chapter3-fr-00045 {
  background-position: -1290px -930px;
}
.sprite-chapter3-fr-00046 {
  background-position: -1720px -930px;
}
.sprite-chapter3-fr-00047 {
  background-position: -2150px -930px;
}
.sprite-chapter3-fr-00048 {
  background-position: -2580px -930px;
}
.sprite-chapter3-fr-00049 {
  background-position: 0px -1085px;
}
.sprite-chapter3-fr-00050 {
  background-position: -430px -1085px;
}
.sprite-chapter3-fr-00051 {
  background-position: -860px -1085px;
}
.sprite-chapter3-fr-00052 {
  background-position: -1290px -1085px;
}
.sprite-chapter3-fr-00053 {
  background-position: -1720px -1085px;
}
.sprite-chapter3-fr-00054 {
  background-position: -2150px -1085px;
}
.sprite-chapter4-fr {
  background: url(/public/images/export/sprite-chapter4_fr.png) no-repeat;
  width: 610px;
  height: 150px;
}
.sprite-chapter4-fr-00000 {
  background-position: 0px 0px;
}
.sprite-chapter4-fr-00001 {
  background-position: -610px 0px;
}
.sprite-chapter4-fr-00002 {
  background-position: -1220px 0px;
}
.sprite-chapter4-fr-00003 {
  background-position: -1830px 0px;
}
.sprite-chapter4-fr-00004 {
  background-position: -2440px 0px;
}
.sprite-chapter4-fr-00005 {
  background-position: -3050px 0px;
}
.sprite-chapter4-fr-00006 {
  background-position: -3660px 0px;
}
.sprite-chapter4-fr-00007 {
  background-position: 0px -150px;
}
.sprite-chapter4-fr-00008 {
  background-position: -610px -150px;
}
.sprite-chapter4-fr-00009 {
  background-position: -1220px -150px;
}
.sprite-chapter4-fr-00010 {
  background-position: -1830px -150px;
}
.sprite-chapter4-fr-00011 {
  background-position: -2440px -150px;
}
.sprite-chapter4-fr-00012 {
  background-position: -3050px -150px;
}
.sprite-chapter4-fr-00013 {
  background-position: -3660px -150px;
}
.sprite-chapter4-fr-00014 {
  background-position: 0px -300px;
}
.sprite-chapter4-fr-00015 {
  background-position: -610px -300px;
}
.sprite-chapter4-fr-00016 {
  background-position: -1220px -300px;
}
.sprite-chapter4-fr-00017 {
  background-position: -1830px -300px;
}
.sprite-chapter4-fr-00018 {
  background-position: -2440px -300px;
}
.sprite-chapter4-fr-00019 {
  background-position: -3050px -300px;
}
.sprite-chapter4-fr-00020 {
  background-position: -3660px -300px;
}
.sprite-chapter4-fr-00021 {
  background-position: 0px -450px;
}
.sprite-chapter4-fr-00022 {
  background-position: -610px -450px;
}
.sprite-chapter4-fr-00023 {
  background-position: -1220px -450px;
}
.sprite-chapter4-fr-00024 {
  background-position: -1830px -450px;
}
.sprite-chapter4-fr-00025 {
  background-position: -2440px -450px;
}
.sprite-chapter4-fr-00026 {
  background-position: -3050px -450px;
}
.sprite-chapter4-fr-00027 {
  background-position: -3660px -450px;
}
.sprite-chapter4-fr-00028 {
  background-position: 0px -600px;
}
.sprite-chapter4-fr-00029 {
  background-position: -610px -600px;
}
.sprite-chapter4-fr-00030 {
  background-position: -1220px -600px;
}
.sprite-chapter4-fr-00031 {
  background-position: -1830px -600px;
}
.sprite-chapter4-fr-00032 {
  background-position: -2440px -600px;
}
.sprite-chapter4-fr-00033 {
  background-position: -3050px -600px;
}
.sprite-chapter4-fr-00034 {
  background-position: -3660px -600px;
}
.sprite-chapter4-fr-00035 {
  background-position: 0px -750px;
}
.sprite-chapter4-fr-00036 {
  background-position: -610px -750px;
}
.sprite-chapter4-fr-00037 {
  background-position: -1220px -750px;
}
.sprite-chapter4-fr-00038 {
  background-position: -1830px -750px;
}
.sprite-chapter4-fr-00039 {
  background-position: -2440px -750px;
}
.sprite-chapter4-fr-00040 {
  background-position: -3050px -750px;
}
.sprite-chapter4-fr-00041 {
  background-position: -3660px -750px;
}
.sprite-chapter4-fr-00042 {
  background-position: 0px -900px;
}
.sprite-chapter4-fr-00043 {
  background-position: -610px -900px;
}
.sprite-chapter4-fr-00044 {
  background-position: -1220px -900px;
}
.sprite-chapter4-fr-00045 {
  background-position: -1830px -900px;
}
.sprite-chapter4-fr-00046 {
  background-position: -2440px -900px;
}
.sprite-chapter4-fr-00047 {
  background-position: -3050px -900px;
}
.sprite-chapter4-fr-00048 {
  background-position: -3660px -900px;
}
.sprite-chapter4-fr-00049 {
  background-position: 0px -1050px;
}
.sprite-chapter4-fr-00050 {
  background-position: -610px -1050px;
}
.sprite-chapter4-fr-00051 {
  background-position: -1220px -1050px;
}
.sprite-chapter4-fr-00052 {
  background-position: -1830px -1050px;
}
.sprite-chapter4-fr-00053 {
  background-position: -2440px -1050px;
}
.sprite-chapter4-fr-00054 {
  background-position: -3050px -1050px;
}
.sprite-chapter4-fr-00055 {
  background-position: -3660px -1050px;
}
.sprite-chapter4-fr-00056 {
  background-position: 0px -1200px;
}
.sprite-chapter4-fr-00057 {
  background-position: -610px -1200px;
}
.sprite-chapter4-fr-00058 {
  background-position: -1220px -1200px;
}
.sprite-chapter4-fr-00059 {
  background-position: -1830px -1200px;
}
.sprite-chapter4-fr-00060 {
  background-position: -2440px -1200px;
}
.sprite-homepage-fr {
  background: url(/public/images/export/sprite-homepage_fr.png) no-repeat;
  width: 480px;
  height: 179px;
}
.sprite-homepage-fr-00000 {
  background-position: 0px 0px;
}
.sprite-homepage-fr-00001 {
  background-position: -480px 0px;
}
.sprite-homepage-fr-00002 {
  background-position: -960px 0px;
}
.sprite-homepage-fr-00003 {
  background-position: -1440px 0px;
}
.sprite-homepage-fr-00004 {
  background-position: -1920px 0px;
}
.sprite-homepage-fr-00005 {
  background-position: -2400px 0px;
}
.sprite-homepage-fr-00006 {
  background-position: -2880px 0px;
}
.sprite-homepage-fr-00007 {
  background-position: 0px -179px;
}
.sprite-homepage-fr-00008 {
  background-position: -480px -179px;
}
.sprite-homepage-fr-00009 {
  background-position: -960px -179px;
}
.sprite-homepage-fr-00010 {
  background-position: -1440px -179px;
}
.sprite-homepage-fr-00011 {
  background-position: -1920px -179px;
}
.sprite-homepage-fr-00012 {
  background-position: -2400px -179px;
}
.sprite-homepage-fr-00013 {
  background-position: -2880px -179px;
}
.sprite-homepage-fr-00014 {
  background-position: 0px -358px;
}
.sprite-homepage-fr-00015 {
  background-position: -480px -358px;
}
.sprite-homepage-fr-00016 {
  background-position: -960px -358px;
}
.sprite-homepage-fr-00017 {
  background-position: -1440px -358px;
}
.sprite-homepage-fr-00018 {
  background-position: -1920px -358px;
}
.sprite-homepage-fr-00019 {
  background-position: -2400px -358px;
}
.sprite-homepage-fr-00020 {
  background-position: -2880px -358px;
}
.sprite-homepage-fr-00021 {
  background-position: 0px -537px;
}
.sprite-homepage-fr-00022 {
  background-position: -480px -537px;
}
.sprite-homepage-fr-00023 {
  background-position: -960px -537px;
}
.sprite-homepage-fr-00024 {
  background-position: -1440px -537px;
}
.sprite-homepage-fr-00025 {
  background-position: -1920px -537px;
}
.sprite-homepage-fr-00026 {
  background-position: -2400px -537px;
}
.sprite-homepage-fr-00027 {
  background-position: -2880px -537px;
}
.sprite-homepage-fr-00028 {
  background-position: 0px -716px;
}
.sprite-homepage-fr-00029 {
  background-position: -480px -716px;
}
.sprite-homepage-fr-00030 {
  background-position: -960px -716px;
}
.sprite-homepage-fr-00031 {
  background-position: -1440px -716px;
}
.sprite-homepage-fr-00032 {
  background-position: -1920px -716px;
}
.sprite-homepage-fr-00033 {
  background-position: -2400px -716px;
}
.sprite-homepage-fr-00034 {
  background-position: -2880px -716px;
}
.sprite-homepage-fr-00035 {
  background-position: 0px -895px;
}
.sprite-homepage-fr-00036 {
  background-position: -480px -895px;
}
.sprite-homepage-fr-00037 {
  background-position: -960px -895px;
}
.sprite-homepage-fr-00038 {
  background-position: -1440px -895px;
}
.sprite-homepage-fr-00039 {
  background-position: -1920px -895px;
}
.sprite-homepage-fr-00040 {
  background-position: -2400px -895px;
}
.sprite-homepage-fr-00041 {
  background-position: -2880px -895px;
}
.sprite-homepage-fr-00042 {
  background-position: 0px -1074px;
}
.sprite-homepage-fr-00043 {
  background-position: -480px -1074px;
}
.sprite-homepage-fr-00044 {
  background-position: -960px -1074px;
}
.sprite-homepage-fr-00045 {
  background-position: -1440px -1074px;
}
.sprite-homepage-fr-00046 {
  background-position: -1920px -1074px;
}
.sprite-homepage-fr-00047 {
  background-position: -2400px -1074px;
}
.sprite-homepage-fr-00048 {
  background-position: -2880px -1074px;
}
.sprite-homepage-fr-00049 {
  background-position: 0px -1253px;
}
.sprite-homepage-fr-00050 {
  background-position: -480px -1253px;
}
.sprite-homepage-fr-00051 {
  background-position: -960px -1253px;
}
.sprite-homepage-fr-00052 {
  background-position: -1440px -1253px;
}
.sprite-homepage-fr-00053 {
  background-position: -1920px -1253px;
}
.sprite-homepage-fr-00054 {
  background-position: -2400px -1253px;
}
.sprite-homepage-fr-00055 {
  background-position: -2880px -1253px;
}
.sprite-homepage-fr-00056 {
  background-position: 0px -1432px;
}
.sprite-homepage-fr-00057 {
  background-position: -480px -1432px;
}
.sprite-tuto {
  position: absolute;
  z-index: 0;
  background: url(/public/images/export/sprite-tuto.png) no-repeat;
  width: 170px;
  height: 150px;
  top: 50%;
  left: 50%;
  margin-left: -85px;
  margin-top: -75px;
  pointer-events: none;
}
.tuto-srt-fr {
  position: absolute;
  z-index: 0;
  background: url(/public/images/export/tuto-srt_fr.png) no-repeat;
  width: 249px;
  height: 29px;
  top: 50%;
  left: 50%;
  margin-left: -125px;
  margin-top: 75px;
  pointer-events: none;
}
.sprite-tuto-00000 {
  background-position: 0px 0px;
}
.sprite-tuto-00001 {
  background-position: -170px 0px;
}
.sprite-tuto-00002 {
  background-position: -340px 0px;
}
.sprite-tuto-00003 {
  background-position: -510px 0px;
}
.sprite-tuto-00004 {
  background-position: -680px 0px;
}
.sprite-tuto-00005 {
  background-position: -850px 0px;
}
.sprite-tuto-00006 {
  background-position: -1020px 0px;
}
.sprite-tuto-00007 {
  background-position: -1190px 0px;
}
.sprite-tuto-00008 {
  background-position: -1360px 0px;
}
.sprite-tuto-00009 {
  background-position: 0px -150px;
}
.sprite-tuto-00010 {
  background-position: -170px -150px;
}
.sprite-tuto-00011 {
  background-position: -340px -150px;
}
.sprite-tuto-00012 {
  background-position: -510px -150px;
}
.sprite-tuto-00013 {
  background-position: -680px -150px;
}
.sprite-tuto-00014 {
  background-position: -850px -150px;
}
.sprite-tuto-00015 {
  background-position: -1020px -150px;
}
.sprite-tuto-00016 {
  background-position: -1190px -150px;
}
.sprite-tuto-00017 {
  background-position: -1360px -150px;
}
.sprite-tuto-00018 {
  background-position: 0px -300px;
}
.sprite-tuto-00019 {
  background-position: -170px -300px;
}
.sprite-tuto-00020 {
  background-position: -340px -300px;
}
.sprite-tuto-00021 {
  background-position: -510px -300px;
}
.sprite-tuto-00022 {
  background-position: -680px -300px;
}
.sprite-tuto-00023 {
  background-position: -850px -300px;
}
.sprite-tuto-00024 {
  background-position: -1020px -300px;
}
.sprite-tuto-00025 {
  background-position: -1190px -300px;
}
.sprite-tuto-00026 {
  background-position: -1360px -300px;
}
.sprite-tuto-00027 {
  background-position: 0px -450px;
}
.sprite-tuto-00028 {
  background-position: -170px -450px;
}
.sprite-tuto-00029 {
  background-position: -340px -450px;
}
.sprite-tuto-00030 {
  background-position: -510px -450px;
}
.sprite-tuto-00031 {
  background-position: -680px -450px;
}
.sprite-tuto-00032 {
  background-position: -850px -450px;
}
.sprite-tuto-00033 {
  background-position: -1020px -450px;
}
.sprite-tuto-00034 {
  background-position: -1190px -450px;
}
.sprite-tuto-00035 {
  background-position: -1360px -450px;
}
.sprite-tuto-00036 {
  background-position: 0px -600px;
}
.sprite-tuto-00037 {
  background-position: -170px -600px;
}
.sprite-tuto-00038 {
  background-position: -340px -600px;
}
.sprite-tuto-00039 {
  background-position: -510px -600px;
}
.sprite-tuto-00040 {
  background-position: -680px -600px;
}
.sprite-tuto-00041 {
  background-position: -850px -600px;
}
.sprite-tuto-00042 {
  background-position: -1020px -600px;
}
.sprite-tuto-00043 {
  background-position: -1190px -600px;
}
.sprite-tuto-00044 {
  background-position: -1360px -600px;
}
.sprite-tuto-00045 {
  background-position: 0px -750px;
}
.sprite-tuto-00046 {
  background-position: -170px -750px;
}
.sprite-tuto-00047 {
  background-position: -340px -750px;
}
.sprite-tuto-00048 {
  background-position: -510px -750px;
}
.sprite-tuto-00049 {
  background-position: -680px -750px;
}
.sprite-tuto-00050 {
  background-position: -850px -750px;
}
.sprite-tuto-00051 {
  background-position: -1020px -750px;
}
.sprite-tuto-00052 {
  background-position: -1190px -750px;
}
.sprite-tuto-00053 {
  background-position: -1360px -750px;
}
.sprite-tuto-00054 {
  background-position: 0px -900px;
}
.sprite-tuto-00055 {
  background-position: -170px -900px;
}
.sprite-tuto-00056 {
  background-position: -340px -900px;
}
.sprite-tuto-00057 {
  background-position: -510px -900px;
}
.sprite-tuto-00058 {
  background-position: -680px -900px;
}
.sprite-tuto-00059 {
  background-position: -850px -900px;
}
.sprite-tuto-00060 {
  background-position: -1020px -900px;
}
.sprite-tuto-00061 {
  background-position: -1190px -900px;
}
.sprite-tuto-00062 {
  background-position: -1360px -900px;
}
.sprite-tuto-00063 {
  background-position: 0px -1050px;
}
.sprite-tuto-00064 {
  background-position: -170px -1050px;
}
.sprite-tuto-00065 {
  background-position: -340px -1050px;
}
.sprite-tuto-00066 {
  background-position: -510px -1050px;
}
.sprite-tuto-00067 {
  background-position: -680px -1050px;
}
.sprite-tuto-00068 {
  background-position: -850px -1050px;
}
.sprite-tuto-00069 {
  background-position: -1020px -1050px;
}
.sprite-tuto-00070 {
  background-position: -1190px -1050px;
}
.sprite-tuto-00071 {
  background-position: -1360px -1050px;
}
.sprite-tuto-00072 {
  background-position: 0px -1200px;
}
.sprite-tuto-00073 {
  background-position: -170px -1200px;
}
.sprite-tuto-00074 {
  background-position: -340px -1200px;
}
.sprite-tuto-00075 {
  background-position: -510px -1200px;
}
.sprite-tuto-00076 {
  background-position: -680px -1200px;
}
.sprite-tuto-00077 {
  background-position: -850px -1200px;
}
.sprite-tuto-00078 {
  background-position: -1020px -1200px;
}
.sprite-tuto-00079 {
  background-position: -1190px -1200px;
}
.sprite-tuto-00080 {
  background-position: -1360px -1200px;
}
.sprite-tuto-00081 {
  background-position: 0px -1350px;
}
.sprite-tuto-00082 {
  background-position: -170px -1350px;
}
.sprite-tuto-00083 {
  background-position: -340px -1350px;
}
.sprite-tuto-00084 {
  background-position: -510px -1350px;
}
.sprite-tuto-00085 {
  background-position: -680px -1350px;
}
.sprite-tuto-00086 {
  background-position: -850px -1350px;
}
.sprite-tuto-00087 {
  background-position: -1020px -1350px;
}
.sprite-tuto-00088 {
  background-position: -1190px -1350px;
}
.sprite-tuto-00089 {
  background-position: -1360px -1350px;
}
.sprite-nav1-fr {
  display: inline-block;
  position: absolute;
  background: url(/public/images/export/sprite-nav1_fr.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 280px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-left: -140px;
  margin-top: -90px;
  pointer-events: none;
}
.sprite-nav1-fr-00000 {
  background-position: 0px 0px;
}
.sprite-nav1-fr-00001 {
  background-position: -280px 0px;
}
.sprite-nav1-fr-00002 {
  background-position: -560px 0px;
}
.sprite-nav1-fr-00003 {
  background-position: -840px 0px;
}
.sprite-nav1-fr-00004 {
  background-position: -1120px 0px;
}
.sprite-nav1-fr-00005 {
  background-position: -1400px 0px;
}
.sprite-nav1-fr-00006 {
  background-position: 0px -180px;
}
.sprite-nav1-fr-00007 {
  background-position: -280px -180px;
}
.sprite-nav1-fr-00008 {
  background-position: -560px -180px;
}
.sprite-nav1-fr-00009 {
  background-position: -840px -180px;
}
.sprite-nav1-fr-00010 {
  background-position: -1120px -180px;
}
.sprite-nav1-fr-00011 {
  background-position: -1400px -180px;
}
.sprite-nav1-fr-00012 {
  background-position: 0px -360px;
}
.sprite-nav1-fr-00013 {
  background-position: -280px -360px;
}
.sprite-nav1-fr-00014 {
  background-position: -560px -360px;
}
.sprite-nav1-fr-00015 {
  background-position: -840px -360px;
}
.sprite-nav1-fr-00016 {
  background-position: -1120px -360px;
}
.sprite-nav1-fr-00017 {
  background-position: -1400px -360px;
}
.sprite-nav1-fr-00018 {
  background-position: 0px -540px;
}
.sprite-nav1-fr-00019 {
  background-position: -280px -540px;
}
.sprite-nav1-fr-00020 {
  background-position: -560px -540px;
}
.sprite-nav1-fr-00021 {
  background-position: -840px -540px;
}
.sprite-nav1-fr-00022 {
  background-position: -1120px -540px;
}
.sprite-nav1-fr-00023 {
  background-position: -1400px -540px;
}
.sprite-nav1-fr-00024 {
  background-position: 0px -720px;
}
.sprite-nav1-fr-00025 {
  background-position: -280px -720px;
}
.sprite-nav1-fr-00026 {
  background-position: -560px -720px;
}
.sprite-nav1-fr-00027 {
  background-position: -840px -720px;
}
.sprite-nav1-fr-00028 {
  background-position: -1120px -720px;
}
.sprite-nav1-fr-00029 {
  background-position: -1400px -720px;
}
.sprite-nav1-fr-00030 {
  background-position: 0px -900px;
}
.sprite-nav1-fr-00031 {
  background-position: -280px -900px;
}
.sprite-nav1-fr-00032 {
  background-position: -560px -900px;
}
.sprite-nav1-fr-00033 {
  background-position: -840px -900px;
}
.sprite-nav1-fr-00034 {
  background-position: -1120px -900px;
}
.sprite-nav1-fr-00035 {
  background-position: -1400px -900px;
}
.sprite-nav1-fr-00036 {
  background-position: 0px -1080px;
}
.sprite-nav1-fr-00037 {
  background-position: -280px -1080px;
}
.sprite-nav1-fr-00038 {
  background-position: -560px -1080px;
}
.sprite-nav1-fr-00039 {
  background-position: -840px -1080px;
}
.sprite-nav1-fr-00040 {
  background-position: -1120px -1080px;
}
.sprite-nav1-fr-00041 {
  background-position: -1400px -1080px;
}
.sprite-nav1-fr-00042 {
  background-position: 0px -1260px;
}
.sprite-nav1-fr-00043 {
  background-position: -280px -1260px;
}
.sprite-nav1-fr-00044 {
  background-position: -560px -1260px;
}
.sprite-nav2-fr {
  display: inline-block;
  position: absolute;
  background: url(/public/images/export/sprite-nav2_fr.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 250px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-left: -125px;
  margin-top: -90px;
  pointer-events: none;
}
.sprite-nav2-fr-00000 {
  background-position: 0px 0px;
}
.sprite-nav2-fr-00001 {
  background-position: -250px 0px;
}
.sprite-nav2-fr-00002 {
  background-position: -500px 0px;
}
.sprite-nav2-fr-00003 {
  background-position: -750px 0px;
}
.sprite-nav2-fr-00004 {
  background-position: -1000px 0px;
}
.sprite-nav2-fr-00005 {
  background-position: -1250px 0px;
}
.sprite-nav2-fr-00006 {
  background-position: 0px -180px;
}
.sprite-nav2-fr-00007 {
  background-position: -250px -180px;
}
.sprite-nav2-fr-00008 {
  background-position: -500px -180px;
}
.sprite-nav2-fr-00009 {
  background-position: -750px -180px;
}
.sprite-nav2-fr-00010 {
  background-position: -1000px -180px;
}
.sprite-nav2-fr-00011 {
  background-position: -1250px -180px;
}
.sprite-nav2-fr-00012 {
  background-position: 0px -360px;
}
.sprite-nav2-fr-00013 {
  background-position: -250px -360px;
}
.sprite-nav2-fr-00014 {
  background-position: -500px -360px;
}
.sprite-nav2-fr-00015 {
  background-position: -750px -360px;
}
.sprite-nav2-fr-00016 {
  background-position: -1000px -360px;
}
.sprite-nav2-fr-00017 {
  background-position: -1250px -360px;
}
.sprite-nav2-fr-00018 {
  background-position: 0px -540px;
}
.sprite-nav2-fr-00019 {
  background-position: -250px -540px;
}
.sprite-nav2-fr-00020 {
  background-position: -500px -540px;
}
.sprite-nav2-fr-00021 {
  background-position: -750px -540px;
}
.sprite-nav2-fr-00022 {
  background-position: -1000px -540px;
}
.sprite-nav2-fr-00023 {
  background-position: -1250px -540px;
}
.sprite-nav2-fr-00024 {
  background-position: 0px -720px;
}
.sprite-nav2-fr-00025 {
  background-position: -250px -720px;
}
.sprite-nav2-fr-00026 {
  background-position: -500px -720px;
}
.sprite-nav2-fr-00027 {
  background-position: -750px -720px;
}
.sprite-nav2-fr-00028 {
  background-position: -1000px -720px;
}
.sprite-nav2-fr-00029 {
  background-position: -1250px -720px;
}
.sprite-nav2-fr-00030 {
  background-position: 0px -900px;
}
.sprite-nav2-fr-00031 {
  background-position: -250px -900px;
}
.sprite-nav2-fr-00032 {
  background-position: -500px -900px;
}
.sprite-nav2-fr-00033 {
  background-position: -750px -900px;
}
.sprite-nav2-fr-00034 {
  background-position: -1000px -900px;
}
.sprite-nav2-fr-00035 {
  background-position: -1250px -900px;
}
.sprite-nav2-fr-00036 {
  background-position: 0px -1080px;
}
.sprite-nav2-fr-00037 {
  background-position: -250px -1080px;
}
.sprite-nav2-fr-00038 {
  background-position: -500px -1080px;
}
.sprite-nav2-fr-00039 {
  background-position: -750px -1080px;
}
.sprite-nav2-fr-00040 {
  background-position: -1000px -1080px;
}
.sprite-nav2-fr-00041 {
  background-position: -1250px -1080px;
}
.sprite-nav2-fr-00042 {
  background-position: 0px -1260px;
}
.sprite-nav2-fr-00043 {
  background-position: -250px -1260px;
}
.sprite-nav2-fr-00044 {
  background-position: -500px -1260px;
}
.sprite-nav3-fr {
  display: inline-block;
  position: absolute;
  background: url(/public/images/export/sprite-nav3_fr.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 240px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-left: -120px;
  margin-top: -90px;
  pointer-events: none;
}
.sprite-nav3-fr-00000 {
  background-position: 0px 0px;
}
.sprite-nav3-fr-00001 {
  background-position: -240px 0px;
}
.sprite-nav3-fr-00002 {
  background-position: -480px 0px;
}
.sprite-nav3-fr-00003 {
  background-position: -720px 0px;
}
.sprite-nav3-fr-00004 {
  background-position: -960px 0px;
}
.sprite-nav3-fr-00005 {
  background-position: -1200px 0px;
}
.sprite-nav3-fr-00006 {
  background-position: 0px -180px;
}
.sprite-nav3-fr-00007 {
  background-position: -240px -180px;
}
.sprite-nav3-fr-00008 {
  background-position: -480px -180px;
}
.sprite-nav3-fr-00009 {
  background-position: -720px -180px;
}
.sprite-nav3-fr-00010 {
  background-position: -960px -180px;
}
.sprite-nav3-fr-00011 {
  background-position: -1200px -180px;
}
.sprite-nav3-fr-00012 {
  background-position: 0px -360px;
}
.sprite-nav3-fr-00013 {
  background-position: -240px -360px;
}
.sprite-nav3-fr-00014 {
  background-position: -480px -360px;
}
.sprite-nav3-fr-00015 {
  background-position: -720px -360px;
}
.sprite-nav3-fr-00016 {
  background-position: -960px -360px;
}
.sprite-nav3-fr-00017 {
  background-position: -1200px -360px;
}
.sprite-nav3-fr-00018 {
  background-position: 0px -540px;
}
.sprite-nav3-fr-00019 {
  background-position: -240px -540px;
}
.sprite-nav3-fr-00020 {
  background-position: -480px -540px;
}
.sprite-nav3-fr-00021 {
  background-position: -720px -540px;
}
.sprite-nav3-fr-00022 {
  background-position: -960px -540px;
}
.sprite-nav3-fr-00023 {
  background-position: -1200px -540px;
}
.sprite-nav3-fr-00024 {
  background-position: 0px -720px;
}
.sprite-nav3-fr-00025 {
  background-position: -240px -720px;
}
.sprite-nav3-fr-00026 {
  background-position: -480px -720px;
}
.sprite-nav3-fr-00027 {
  background-position: -720px -720px;
}
.sprite-nav3-fr-00028 {
  background-position: -960px -720px;
}
.sprite-nav3-fr-00029 {
  background-position: -1200px -720px;
}
.sprite-nav3-fr-00030 {
  background-position: 0px -900px;
}
.sprite-nav3-fr-00031 {
  background-position: -240px -900px;
}
.sprite-nav3-fr-00032 {
  background-position: -480px -900px;
}
.sprite-nav3-fr-00033 {
  background-position: -720px -900px;
}
.sprite-nav3-fr-00034 {
  background-position: -960px -900px;
}
.sprite-nav3-fr-00035 {
  background-position: -1200px -900px;
}
.sprite-nav3-fr-00036 {
  background-position: 0px -1080px;
}
.sprite-nav3-fr-00037 {
  background-position: -240px -1080px;
}
.sprite-nav3-fr-00038 {
  background-position: -480px -1080px;
}
.sprite-nav3-fr-00039 {
  background-position: -720px -1080px;
}
.sprite-nav3-fr-00040 {
  background-position: -960px -1080px;
}
.sprite-nav3-fr-00041 {
  background-position: -1200px -1080px;
}
.sprite-nav3-fr-00042 {
  background-position: 0px -1260px;
}
.sprite-nav3-fr-00043 {
  background-position: -240px -1260px;
}
.sprite-nav3-fr-00044 {
  background-position: -480px -1260px;
}
.sprite-nav4-fr {
  display: inline-block;
  position: absolute;
  background: url(/public/images/export/sprite-nav4_fr.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 300px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -90px;
  pointer-events: none;
}
.sprite-nav4-fr-00000 {
  background-position: 0px 0px;
}
.sprite-nav4-fr-00001 {
  background-position: -300px 0px;
}
.sprite-nav4-fr-00002 {
  background-position: -600px 0px;
}
.sprite-nav4-fr-00003 {
  background-position: -900px 0px;
}
.sprite-nav4-fr-00004 {
  background-position: -1200px 0px;
}
.sprite-nav4-fr-00005 {
  background-position: -1500px 0px;
}
.sprite-nav4-fr-00006 {
  background-position: 0px -180px;
}
.sprite-nav4-fr-00007 {
  background-position: -300px -180px;
}
.sprite-nav4-fr-00008 {
  background-position: -600px -180px;
}
.sprite-nav4-fr-00009 {
  background-position: -900px -180px;
}
.sprite-nav4-fr-00010 {
  background-position: -1200px -180px;
}
.sprite-nav4-fr-00011 {
  background-position: -1500px -180px;
}
.sprite-nav4-fr-00012 {
  background-position: 0px -360px;
}
.sprite-nav4-fr-00013 {
  background-position: -300px -360px;
}
.sprite-nav4-fr-00014 {
  background-position: -600px -360px;
}
.sprite-nav4-fr-00015 {
  background-position: -900px -360px;
}
.sprite-nav4-fr-00016 {
  background-position: -1200px -360px;
}
.sprite-nav4-fr-00017 {
  background-position: -1500px -360px;
}
.sprite-nav4-fr-00018 {
  background-position: 0px -540px;
}
.sprite-nav4-fr-00019 {
  background-position: -300px -540px;
}
.sprite-nav4-fr-00020 {
  background-position: -600px -540px;
}
.sprite-nav4-fr-00021 {
  background-position: -900px -540px;
}
.sprite-nav4-fr-00022 {
  background-position: -1200px -540px;
}
.sprite-nav4-fr-00023 {
  background-position: -1500px -540px;
}
.sprite-nav4-fr-00024 {
  background-position: 0px -720px;
}
.sprite-nav4-fr-00025 {
  background-position: -300px -720px;
}
.sprite-nav4-fr-00026 {
  background-position: -600px -720px;
}
.sprite-nav4-fr-00027 {
  background-position: -900px -720px;
}
.sprite-nav4-fr-00028 {
  background-position: -1200px -720px;
}
.sprite-nav4-fr-00029 {
  background-position: -1500px -720px;
}
.sprite-nav4-fr-00030 {
  background-position: 0px -900px;
}
.sprite-nav4-fr-00031 {
  background-position: -300px -900px;
}
.sprite-nav4-fr-00032 {
  background-position: -600px -900px;
}
.sprite-nav4-fr-00033 {
  background-position: -900px -900px;
}
.sprite-nav4-fr-00034 {
  background-position: -1200px -900px;
}
.sprite-nav4-fr-00035 {
  background-position: -1500px -900px;
}
.sprite-nav4-fr-00036 {
  background-position: 0px -1080px;
}
.sprite-nav4-fr-00037 {
  background-position: -300px -1080px;
}
.sprite-nav4-fr-00038 {
  background-position: -600px -1080px;
}
.sprite-nav4-fr-00039 {
  background-position: -900px -1080px;
}
.sprite-nav4-fr-00040 {
  background-position: -1200px -1080px;
}
.sprite-nav4-fr-00041 {
  background-position: -1500px -1080px;
}
.sprite-nav4-fr-00042 {
  background-position: 0px -1260px;
}
.sprite-nav4-fr-00043 {
  background-position: -300px -1260px;
}
.sprite-nav4-fr-00044 {
  background-position: -600px -1260px;
}
.sprite {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}
.sprite-chapter1-en {
  background: url(/public/images/export/sprite-chapter1_en.png) no-repeat;
  width: 700px;
  height: 153px;
}
.sprite-chapter1-en-00000 {
  background-position: 0px 0px;
}
.sprite-chapter1-en-00001 {
  background-position: -700px 0px;
}
.sprite-chapter1-en-00002 {
  background-position: -1400px 0px;
}
.sprite-chapter1-en-00003 {
  background-position: -2100px 0px;
}
.sprite-chapter1-en-00004 {
  background-position: -2800px 0px;
}
.sprite-chapter1-en-00005 {
  background-position: -3500px 0px;
}
.sprite-chapter1-en-00006 {
  background-position: -4200px 0px;
}
.sprite-chapter1-en-00007 {
  background-position: 0px -153px;
}
.sprite-chapter1-en-00008 {
  background-position: -700px -153px;
}
.sprite-chapter1-en-00009 {
  background-position: -1400px -153px;
}
.sprite-chapter1-en-00010 {
  background-position: -2100px -153px;
}
.sprite-chapter1-en-00011 {
  background-position: -2800px -153px;
}
.sprite-chapter1-en-00012 {
  background-position: -3500px -153px;
}
.sprite-chapter1-en-00013 {
  background-position: -4200px -153px;
}
.sprite-chapter1-en-00014 {
  background-position: 0px -306px;
}
.sprite-chapter1-en-00015 {
  background-position: -700px -306px;
}
.sprite-chapter1-en-00016 {
  background-position: -1400px -306px;
}
.sprite-chapter1-en-00017 {
  background-position: -2100px -306px;
}
.sprite-chapter1-en-00018 {
  background-position: -2800px -306px;
}
.sprite-chapter1-en-00019 {
  background-position: -3500px -306px;
}
.sprite-chapter1-en-00020 {
  background-position: -4200px -306px;
}
.sprite-chapter1-en-00021 {
  background-position: 0px -459px;
}
.sprite-chapter1-en-00022 {
  background-position: -700px -459px;
}
.sprite-chapter1-en-00023 {
  background-position: -1400px -459px;
}
.sprite-chapter1-en-00024 {
  background-position: -2100px -459px;
}
.sprite-chapter1-en-00025 {
  background-position: -2800px -459px;
}
.sprite-chapter1-en-00026 {
  background-position: -3500px -459px;
}
.sprite-chapter1-en-00027 {
  background-position: -4200px -459px;
}
.sprite-chapter1-en-00028 {
  background-position: 0px -612px;
}
.sprite-chapter1-en-00029 {
  background-position: -700px -612px;
}
.sprite-chapter1-en-00030 {
  background-position: -1400px -612px;
}
.sprite-chapter1-en-00031 {
  background-position: -2100px -612px;
}
.sprite-chapter1-en-00032 {
  background-position: -2800px -612px;
}
.sprite-chapter1-en-00033 {
  background-position: -3500px -612px;
}
.sprite-chapter1-en-00034 {
  background-position: -4200px -612px;
}
.sprite-chapter1-en-00035 {
  background-position: 0px -765px;
}
.sprite-chapter1-en-00036 {
  background-position: -700px -765px;
}
.sprite-chapter1-en-00037 {
  background-position: -1400px -765px;
}
.sprite-chapter1-en-00038 {
  background-position: -2100px -765px;
}
.sprite-chapter1-en-00039 {
  background-position: -2800px -765px;
}
.sprite-chapter1-en-00040 {
  background-position: -3500px -765px;
}
.sprite-chapter1-en-00041 {
  background-position: -4200px -765px;
}
.sprite-chapter1-en-00042 {
  background-position: 0px -918px;
}
.sprite-chapter1-en-00043 {
  background-position: -700px -918px;
}
.sprite-chapter1-en-00044 {
  background-position: -1400px -918px;
}
.sprite-chapter1-en-00045 {
  background-position: -2100px -918px;
}
.sprite-chapter1-en-00046 {
  background-position: -2800px -918px;
}
.sprite-chapter1-en-00047 {
  background-position: -3500px -918px;
}
.sprite-chapter1-en-00048 {
  background-position: -4200px -918px;
}
.sprite-chapter1-en-00049 {
  background-position: 0px -1071px;
}
.sprite-chapter1-en-00050 {
  background-position: -700px -1071px;
}
.sprite-chapter1-en-00051 {
  background-position: -1400px -1071px;
}
.sprite-chapter1-en-00052 {
  background-position: -2100px -1071px;
}
.sprite-chapter1-en-00053 {
  background-position: -2800px -1071px;
}
.sprite-chapter1-en-00054 {
  background-position: -3500px -1071px;
}
.sprite-chapter1-en-00055 {
  background-position: -4200px -1071px;
}
.sprite-chapter1-en-00056 {
  background-position: 0px -1224px;
}
.sprite-chapter1-en-00057 {
  background-position: -700px -1224px;
}
.sprite-chapter1-en-00058 {
  background-position: -1400px -1224px;
}
.sprite-chapter1-en-00059 {
  background-position: -2100px -1224px;
}
.sprite-chapter1-en-00060 {
  background-position: -2800px -1224px;
}
.sprite-chapter1-en-00061 {
  background-position: -3500px -1224px;
}
.sprite-chapter2-en {
  background: url(/public/images/export/sprite-chapter2_en.png) no-repeat;
  width: 630px;
  height: 160px;
}
.sprite-chapter2-en-00000 {
  background-position: 0px 0px;
}
.sprite-chapter2-en-00001 {
  background-position: -630px 0px;
}
.sprite-chapter2-en-00002 {
  background-position: -1260px 0px;
}
.sprite-chapter2-en-00003 {
  background-position: -1890px 0px;
}
.sprite-chapter2-en-00004 {
  background-position: -2520px 0px;
}
.sprite-chapter2-en-00005 {
  background-position: -3150px 0px;
}
.sprite-chapter2-en-00006 {
  background-position: -3780px 0px;
}
.sprite-chapter2-en-00007 {
  background-position: -4410px 0px;
}
.sprite-chapter2-en-00008 {
  background-position: 0px -160px;
}
.sprite-chapter2-en-00009 {
  background-position: -630px -160px;
}
.sprite-chapter2-en-00010 {
  background-position: -1260px -160px;
}
.sprite-chapter2-en-00011 {
  background-position: -1890px -160px;
}
.sprite-chapter2-en-00012 {
  background-position: -2520px -160px;
}
.sprite-chapter2-en-00013 {
  background-position: -3150px -160px;
}
.sprite-chapter2-en-00014 {
  background-position: -3780px -160px;
}
.sprite-chapter2-en-00015 {
  background-position: -4410px -160px;
}
.sprite-chapter2-en-00016 {
  background-position: 0px -320px;
}
.sprite-chapter2-en-00017 {
  background-position: -630px -320px;
}
.sprite-chapter2-en-00018 {
  background-position: -1260px -320px;
}
.sprite-chapter2-en-00019 {
  background-position: -1890px -320px;
}
.sprite-chapter2-en-00020 {
  background-position: -2520px -320px;
}
.sprite-chapter2-en-00021 {
  background-position: -3150px -320px;
}
.sprite-chapter2-en-00022 {
  background-position: -3780px -320px;
}
.sprite-chapter2-en-00023 {
  background-position: -4410px -320px;
}
.sprite-chapter2-en-00024 {
  background-position: 0px -480px;
}
.sprite-chapter2-en-00025 {
  background-position: -630px -480px;
}
.sprite-chapter2-en-00026 {
  background-position: -1260px -480px;
}
.sprite-chapter2-en-00027 {
  background-position: -1890px -480px;
}
.sprite-chapter2-en-00028 {
  background-position: -2520px -480px;
}
.sprite-chapter2-en-00029 {
  background-position: -3150px -480px;
}
.sprite-chapter2-en-00030 {
  background-position: -3780px -480px;
}
.sprite-chapter2-en-00031 {
  background-position: -4410px -480px;
}
.sprite-chapter2-en-00032 {
  background-position: 0px -640px;
}
.sprite-chapter2-en-00033 {
  background-position: -630px -640px;
}
.sprite-chapter2-en-00034 {
  background-position: -1260px -640px;
}
.sprite-chapter2-en-00035 {
  background-position: -1890px -640px;
}
.sprite-chapter2-en-00036 {
  background-position: -2520px -640px;
}
.sprite-chapter2-en-00037 {
  background-position: -3150px -640px;
}
.sprite-chapter2-en-00038 {
  background-position: -3780px -640px;
}
.sprite-chapter2-en-00039 {
  background-position: -4410px -640px;
}
.sprite-chapter2-en-00040 {
  background-position: 0px -800px;
}
.sprite-chapter2-en-00041 {
  background-position: -630px -800px;
}
.sprite-chapter2-en-00042 {
  background-position: -1260px -800px;
}
.sprite-chapter2-en-00043 {
  background-position: -1890px -800px;
}
.sprite-chapter2-en-00044 {
  background-position: -2520px -800px;
}
.sprite-chapter2-en-00045 {
  background-position: -3150px -800px;
}
.sprite-chapter2-en-00046 {
  background-position: -3780px -800px;
}
.sprite-chapter2-en-00047 {
  background-position: -4410px -800px;
}
.sprite-chapter2-en-00048 {
  background-position: 0px -960px;
}
.sprite-chapter2-en-00049 {
  background-position: -630px -960px;
}
.sprite-chapter2-en-00050 {
  background-position: -1260px -960px;
}
.sprite-chapter2-en-00051 {
  background-position: -1890px -960px;
}
.sprite-chapter2-en-00052 {
  background-position: -2520px -960px;
}
.sprite-chapter2-en-00053 {
  background-position: -3150px -960px;
}
.sprite-chapter2-en-00054 {
  background-position: -3780px -960px;
}
.sprite-chapter2-en-00055 {
  background-position: -4410px -960px;
}
.sprite-chapter2-en-00056 {
  background-position: 0px -1120px;
}
.sprite-chapter2-en-00057 {
  background-position: -630px -1120px;
}
.sprite-chapter2-en-00058 {
  background-position: -1260px -1120px;
}
.sprite-chapter2-en-00059 {
  background-position: -1890px -1120px;
}
.sprite-chapter2-en-00060 {
  background-position: -2520px -1120px;
}
.sprite-chapter2-en-00061 {
  background-position: -3150px -1120px;
}
.sprite-chapter2-en-00062 {
  background-position: -3780px -1120px;
}
.sprite-chapter2-en-00063 {
  background-position: -4410px -1120px;
}
.sprite-chapter2-en-00064 {
  background-position: 0px -1280px;
}
.sprite-chapter3-en {
  background: url(/public/images/export/sprite-chapter3_en.png) no-repeat;
  width: 330px;
  height: 155px;
}
.sprite-chapter3-en-00000 {
  background-position: 0px 0px;
}
.sprite-chapter3-en-00001 {
  background-position: -330px 0px;
}
.sprite-chapter3-en-00002 {
  background-position: -660px 0px;
}
.sprite-chapter3-en-00003 {
  background-position: -990px 0px;
}
.sprite-chapter3-en-00004 {
  background-position: -1320px 0px;
}
.sprite-chapter3-en-00005 {
  background-position: -1650px 0px;
}
.sprite-chapter3-en-00006 {
  background-position: -1980px 0px;
}
.sprite-chapter3-en-00007 {
  background-position: -2310px 0px;
}
.sprite-chapter3-en-00008 {
  background-position: 0px -155px;
}
.sprite-chapter3-en-00009 {
  background-position: -330px -155px;
}
.sprite-chapter3-en-00010 {
  background-position: -660px -155px;
}
.sprite-chapter3-en-00011 {
  background-position: -990px -155px;
}
.sprite-chapter3-en-00012 {
  background-position: -1320px -155px;
}
.sprite-chapter3-en-00013 {
  background-position: -1650px -155px;
}
.sprite-chapter3-en-00014 {
  background-position: -1980px -155px;
}
.sprite-chapter3-en-00015 {
  background-position: -2310px -155px;
}
.sprite-chapter3-en-00016 {
  background-position: 0px -310px;
}
.sprite-chapter3-en-00017 {
  background-position: -330px -310px;
}
.sprite-chapter3-en-00018 {
  background-position: -660px -310px;
}
.sprite-chapter3-en-00019 {
  background-position: -990px -310px;
}
.sprite-chapter3-en-00020 {
  background-position: -1320px -310px;
}
.sprite-chapter3-en-00021 {
  background-position: -1650px -310px;
}
.sprite-chapter3-en-00022 {
  background-position: -1980px -310px;
}
.sprite-chapter3-en-00023 {
  background-position: -2310px -310px;
}
.sprite-chapter3-en-00024 {
  background-position: 0px -465px;
}
.sprite-chapter3-en-00025 {
  background-position: -330px -465px;
}
.sprite-chapter3-en-00026 {
  background-position: -660px -465px;
}
.sprite-chapter3-en-00027 {
  background-position: -990px -465px;
}
.sprite-chapter3-en-00028 {
  background-position: -1320px -465px;
}
.sprite-chapter3-en-00029 {
  background-position: -1650px -465px;
}
.sprite-chapter3-en-00030 {
  background-position: -1980px -465px;
}
.sprite-chapter3-en-00031 {
  background-position: -2310px -465px;
}
.sprite-chapter3-en-00032 {
  background-position: 0px -620px;
}
.sprite-chapter3-en-00033 {
  background-position: -330px -620px;
}
.sprite-chapter3-en-00034 {
  background-position: -660px -620px;
}
.sprite-chapter3-en-00035 {
  background-position: -990px -620px;
}
.sprite-chapter3-en-00036 {
  background-position: -1320px -620px;
}
.sprite-chapter3-en-00037 {
  background-position: -1650px -620px;
}
.sprite-chapter3-en-00038 {
  background-position: -1980px -620px;
}
.sprite-chapter3-en-00039 {
  background-position: -2310px -620px;
}
.sprite-chapter3-en-00040 {
  background-position: 0px -775px;
}
.sprite-chapter3-en-00041 {
  background-position: -330px -775px;
}
.sprite-chapter3-en-00042 {
  background-position: -660px -775px;
}
.sprite-chapter3-en-00043 {
  background-position: -990px -775px;
}
.sprite-chapter3-en-00044 {
  background-position: -1320px -775px;
}
.sprite-chapter3-en-00045 {
  background-position: -1650px -775px;
}
.sprite-chapter3-en-00046 {
  background-position: -1980px -775px;
}
.sprite-chapter3-en-00047 {
  background-position: -2310px -775px;
}
.sprite-chapter3-en-00048 {
  background-position: 0px -930px;
}
.sprite-chapter3-en-00049 {
  background-position: -330px -930px;
}
.sprite-chapter3-en-00050 {
  background-position: -660px -930px;
}
.sprite-chapter3-en-00051 {
  background-position: -990px -930px;
}
.sprite-chapter3-en-00052 {
  background-position: -1320px -930px;
}
.sprite-chapter3-en-00053 {
  background-position: -1650px -930px;
}
.sprite-chapter3-en-00054 {
  background-position: -1980px -930px;
}
.sprite-chapter3-en-00055 {
  background-position: -2310px -930px;
}
.sprite-chapter3-en-00056 {
  background-position: 0px -1085px;
}
.sprite-chapter3-en-00057 {
  background-position: -330px -1085px;
}
.sprite-chapter3-en-00058 {
  background-position: -660px -1085px;
}
.sprite-chapter3-en-00059 {
  background-position: -990px -1085px;
}
.sprite-chapter3-en-00060 {
  background-position: -1320px -1085px;
}
.sprite-chapter3-en-00061 {
  background-position: -1650px -1085px;
}
.sprite-chapter3-en-00062 {
  background-position: -1980px -1085px;
}
.sprite-chapter3-en-00063 {
  background-position: -2310px -1085px;
}
.sprite-chapter3-en-00064 {
  background-position: 0px -1240px;
}
.sprite-chapter4-en {
  background: url(/public/images/export/sprite-chapter4_en.png) no-repeat;
  width: 480px;
  height: 150px;
}
.sprite-chapter4-en-00000 {
  background-position: 0px 0px;
}
.sprite-chapter4-en-00001 {
  background-position: -480px 0px;
}
.sprite-chapter4-en-00002 {
  background-position: -960px 0px;
}
.sprite-chapter4-en-00003 {
  background-position: -1440px 0px;
}
.sprite-chapter4-en-00004 {
  background-position: -1920px 0px;
}
.sprite-chapter4-en-00005 {
  background-position: -2400px 0px;
}
.sprite-chapter4-en-00006 {
  background-position: -2880px 0px;
}
.sprite-chapter4-en-00007 {
  background-position: -3360px 0px;
}
.sprite-chapter4-en-00008 {
  background-position: 0px -150px;
}
.sprite-chapter4-en-00009 {
  background-position: -480px -150px;
}
.sprite-chapter4-en-00010 {
  background-position: -960px -150px;
}
.sprite-chapter4-en-00011 {
  background-position: -1440px -150px;
}
.sprite-chapter4-en-00012 {
  background-position: -1920px -150px;
}
.sprite-chapter4-en-00013 {
  background-position: -2400px -150px;
}
.sprite-chapter4-en-00014 {
  background-position: -2880px -150px;
}
.sprite-chapter4-en-00015 {
  background-position: -3360px -150px;
}
.sprite-chapter4-en-00016 {
  background-position: 0px -300px;
}
.sprite-chapter4-en-00017 {
  background-position: -480px -300px;
}
.sprite-chapter4-en-00018 {
  background-position: -960px -300px;
}
.sprite-chapter4-en-00019 {
  background-position: -1440px -300px;
}
.sprite-chapter4-en-00020 {
  background-position: -1920px -300px;
}
.sprite-chapter4-en-00021 {
  background-position: -2400px -300px;
}
.sprite-chapter4-en-00022 {
  background-position: -2880px -300px;
}
.sprite-chapter4-en-00023 {
  background-position: -3360px -300px;
}
.sprite-chapter4-en-00024 {
  background-position: 0px -450px;
}
.sprite-chapter4-en-00025 {
  background-position: -480px -450px;
}
.sprite-chapter4-en-00026 {
  background-position: -960px -450px;
}
.sprite-chapter4-en-00027 {
  background-position: -1440px -450px;
}
.sprite-chapter4-en-00028 {
  background-position: -1920px -450px;
}
.sprite-chapter4-en-00029 {
  background-position: -2400px -450px;
}
.sprite-chapter4-en-00030 {
  background-position: -2880px -450px;
}
.sprite-chapter4-en-00031 {
  background-position: -3360px -450px;
}
.sprite-chapter4-en-00032 {
  background-position: 0px -600px;
}
.sprite-chapter4-en-00033 {
  background-position: -480px -600px;
}
.sprite-chapter4-en-00034 {
  background-position: -960px -600px;
}
.sprite-chapter4-en-00035 {
  background-position: -1440px -600px;
}
.sprite-chapter4-en-00036 {
  background-position: -1920px -600px;
}
.sprite-chapter4-en-00037 {
  background-position: -2400px -600px;
}
.sprite-chapter4-en-00038 {
  background-position: -2880px -600px;
}
.sprite-chapter4-en-00039 {
  background-position: -3360px -600px;
}
.sprite-chapter4-en-00040 {
  background-position: 0px -750px;
}
.sprite-chapter4-en-00041 {
  background-position: -480px -750px;
}
.sprite-chapter4-en-00042 {
  background-position: -960px -750px;
}
.sprite-chapter4-en-00043 {
  background-position: -1440px -750px;
}
.sprite-chapter4-en-00044 {
  background-position: -1920px -750px;
}
.sprite-chapter4-en-00045 {
  background-position: -2400px -750px;
}
.sprite-chapter4-en-00046 {
  background-position: -2880px -750px;
}
.sprite-chapter4-en-00047 {
  background-position: -3360px -750px;
}
.sprite-chapter4-en-00048 {
  background-position: 0px -900px;
}
.sprite-chapter4-en-00049 {
  background-position: -480px -900px;
}
.sprite-chapter4-en-00050 {
  background-position: -960px -900px;
}
.sprite-chapter4-en-00051 {
  background-position: -1440px -900px;
}
.sprite-chapter4-en-00052 {
  background-position: -1920px -900px;
}
.sprite-chapter4-en-00053 {
  background-position: -2400px -900px;
}
.sprite-chapter4-en-00054 {
  background-position: -2880px -900px;
}
.sprite-chapter4-en-00055 {
  background-position: -3360px -900px;
}
.sprite-chapter4-en-00056 {
  background-position: 0px -1050px;
}
.sprite-chapter4-en-00057 {
  background-position: -480px -1050px;
}
.sprite-chapter4-en-00058 {
  background-position: -960px -1050px;
}
.sprite-chapter4-en-00059 {
  background-position: -1440px -1050px;
}
.sprite-chapter4-en-00060 {
  background-position: -1920px -1050px;
}
.sprite-chapter4-en-00061 {
  background-position: -2400px -1050px;
}
.sprite-chapter4-en-00062 {
  background-position: -2880px -1050px;
}
.sprite-chapter4-en-00063 {
  background-position: -3360px -1050px;
}
.sprite-chapter4-en-00064 {
  background-position: 0px -1200px;
}
.sprite-homepage-en {
  background: url(/public/images/export/sprite-homepage_en.png) no-repeat;
  width: 480px;
  height: 150px;
}
.sprite-homepage-en-00000 {
  background-position: 0px 0px;
}
.sprite-homepage-en-00001 {
  background-position: -480px 0px;
}
.sprite-homepage-en-00002 {
  background-position: -960px 0px;
}
.sprite-homepage-en-00003 {
  background-position: -1440px 0px;
}
.sprite-homepage-en-00004 {
  background-position: -1920px 0px;
}
.sprite-homepage-en-00005 {
  background-position: -2400px 0px;
}
.sprite-homepage-en-00006 {
  background-position: -2880px 0px;
}
.sprite-homepage-en-00007 {
  background-position: -3360px 0px;
}
.sprite-homepage-en-00008 {
  background-position: 0px -150px;
}
.sprite-homepage-en-00009 {
  background-position: -480px -150px;
}
.sprite-homepage-en-00010 {
  background-position: -960px -150px;
}
.sprite-homepage-en-00011 {
  background-position: -1440px -150px;
}
.sprite-homepage-en-00012 {
  background-position: -1920px -150px;
}
.sprite-homepage-en-00013 {
  background-position: -2400px -150px;
}
.sprite-homepage-en-00014 {
  background-position: -2880px -150px;
}
.sprite-homepage-en-00015 {
  background-position: -3360px -150px;
}
.sprite-homepage-en-00016 {
  background-position: 0px -300px;
}
.sprite-homepage-en-00017 {
  background-position: -480px -300px;
}
.sprite-homepage-en-00018 {
  background-position: -960px -300px;
}
.sprite-homepage-en-00019 {
  background-position: -1440px -300px;
}
.sprite-homepage-en-00020 {
  background-position: -1920px -300px;
}
.sprite-homepage-en-00021 {
  background-position: -2400px -300px;
}
.sprite-homepage-en-00022 {
  background-position: -2880px -300px;
}
.sprite-homepage-en-00023 {
  background-position: -3360px -300px;
}
.sprite-homepage-en-00024 {
  background-position: 0px -450px;
}
.sprite-homepage-en-00025 {
  background-position: -480px -450px;
}
.sprite-homepage-en-00026 {
  background-position: -960px -450px;
}
.sprite-homepage-en-00027 {
  background-position: -1440px -450px;
}
.sprite-homepage-en-00028 {
  background-position: -1920px -450px;
}
.sprite-homepage-en-00029 {
  background-position: -2400px -450px;
}
.sprite-homepage-en-00030 {
  background-position: -2880px -450px;
}
.sprite-homepage-en-00031 {
  background-position: -3360px -450px;
}
.sprite-homepage-en-00032 {
  background-position: 0px -600px;
}
.sprite-homepage-en-00033 {
  background-position: -480px -600px;
}
.sprite-homepage-en-00034 {
  background-position: -960px -600px;
}
.sprite-homepage-en-00035 {
  background-position: -1440px -600px;
}
.sprite-homepage-en-00036 {
  background-position: -1920px -600px;
}
.sprite-homepage-en-00037 {
  background-position: -2400px -600px;
}
.sprite-homepage-en-00038 {
  background-position: -2880px -600px;
}
.sprite-homepage-en-00039 {
  background-position: -3360px -600px;
}
.sprite-homepage-en-00040 {
  background-position: 0px -750px;
}
.sprite-homepage-en-00041 {
  background-position: -480px -750px;
}
.sprite-homepage-en-00042 {
  background-position: -960px -750px;
}
.sprite-homepage-en-00043 {
  background-position: -1440px -750px;
}
.sprite-homepage-en-00044 {
  background-position: -1920px -750px;
}
.sprite-homepage-en-00045 {
  background-position: -2400px -750px;
}
.sprite-homepage-en-00046 {
  background-position: -2880px -750px;
}
.sprite-homepage-en-00047 {
  background-position: -3360px -750px;
}
.sprite-homepage-en-00048 {
  background-position: 0px -900px;
}
.sprite-homepage-en-00049 {
  background-position: -480px -900px;
}
.sprite-homepage-en-00050 {
  background-position: -960px -900px;
}
.sprite-homepage-en-00051 {
  background-position: -1440px -900px;
}
.sprite-homepage-en-00052 {
  background-position: -1920px -900px;
}
.sprite-homepage-en-00053 {
  background-position: -2400px -900px;
}
.sprite-homepage-en-00054 {
  background-position: -2880px -900px;
}
.sprite-homepage-en-00055 {
  background-position: -3360px -900px;
}
.sprite-homepage-en-00056 {
  background-position: 0px -1050px;
}
.sprite-homepage-en-00057 {
  background-position: -480px -1050px;
}
.sprite-homepage-en-00058 {
  background-position: -960px -1050px;
}
.sprite-homepage-en-00059 {
  background-position: -1440px -1050px;
}
.sprite-homepage-en-00060 {
  background-position: -1920px -1050px;
}
.sprite-homepage-en-00061 {
  background-position: -2400px -1050px;
}
.sprite-homepage-en-00062 {
  background-position: -2880px -1050px;
}
.sprite-homepage-en-00063 {
  background-position: -3360px -1050px;
}
.sprite-homepage-en-00064 {
  background-position: 0px -1200px;
}
.sprite-homepage-en-00065 {
  background-position: -480px -1200px;
}
.sprite-tuto {
  position: absolute;
  z-index: 0;
  background: url(/public/images/export/sprite-tuto.png) no-repeat;
  width: 170px;
  height: 150px;
  top: 50%;
  left: 50%;
  margin-left: -85px;
  margin-top: -75px;
  pointer-events: none;
}
.tuto-srt-en {
  position: absolute;
  z-index: 0;
  background: url(/public/images/export/tuto-srt_en.png) no-repeat;
  width: 205px;
  height: 9px;
  top: 50%;
  left: 50%;
  margin-left: -103px;
  margin-top: 75px;
  pointer-events: none;
}
.sprite-tuto-00000 {
  background-position: 0px 0px;
}
.sprite-tuto-00001 {
  background-position: -170px 0px;
}
.sprite-tuto-00002 {
  background-position: -340px 0px;
}
.sprite-tuto-00003 {
  background-position: -510px 0px;
}
.sprite-tuto-00004 {
  background-position: -680px 0px;
}
.sprite-tuto-00005 {
  background-position: -850px 0px;
}
.sprite-tuto-00006 {
  background-position: -1020px 0px;
}
.sprite-tuto-00007 {
  background-position: -1190px 0px;
}
.sprite-tuto-00008 {
  background-position: -1360px 0px;
}
.sprite-tuto-00009 {
  background-position: 0px -150px;
}
.sprite-tuto-00010 {
  background-position: -170px -150px;
}
.sprite-tuto-00011 {
  background-position: -340px -150px;
}
.sprite-tuto-00012 {
  background-position: -510px -150px;
}
.sprite-tuto-00013 {
  background-position: -680px -150px;
}
.sprite-tuto-00014 {
  background-position: -850px -150px;
}
.sprite-tuto-00015 {
  background-position: -1020px -150px;
}
.sprite-tuto-00016 {
  background-position: -1190px -150px;
}
.sprite-tuto-00017 {
  background-position: -1360px -150px;
}
.sprite-tuto-00018 {
  background-position: 0px -300px;
}
.sprite-tuto-00019 {
  background-position: -170px -300px;
}
.sprite-tuto-00020 {
  background-position: -340px -300px;
}
.sprite-tuto-00021 {
  background-position: -510px -300px;
}
.sprite-tuto-00022 {
  background-position: -680px -300px;
}
.sprite-tuto-00023 {
  background-position: -850px -300px;
}
.sprite-tuto-00024 {
  background-position: -1020px -300px;
}
.sprite-tuto-00025 {
  background-position: -1190px -300px;
}
.sprite-tuto-00026 {
  background-position: -1360px -300px;
}
.sprite-tuto-00027 {
  background-position: 0px -450px;
}
.sprite-tuto-00028 {
  background-position: -170px -450px;
}
.sprite-tuto-00029 {
  background-position: -340px -450px;
}
.sprite-tuto-00030 {
  background-position: -510px -450px;
}
.sprite-tuto-00031 {
  background-position: -680px -450px;
}
.sprite-tuto-00032 {
  background-position: -850px -450px;
}
.sprite-tuto-00033 {
  background-position: -1020px -450px;
}
.sprite-tuto-00034 {
  background-position: -1190px -450px;
}
.sprite-tuto-00035 {
  background-position: -1360px -450px;
}
.sprite-tuto-00036 {
  background-position: 0px -600px;
}
.sprite-tuto-00037 {
  background-position: -170px -600px;
}
.sprite-tuto-00038 {
  background-position: -340px -600px;
}
.sprite-tuto-00039 {
  background-position: -510px -600px;
}
.sprite-tuto-00040 {
  background-position: -680px -600px;
}
.sprite-tuto-00041 {
  background-position: -850px -600px;
}
.sprite-tuto-00042 {
  background-position: -1020px -600px;
}
.sprite-tuto-00043 {
  background-position: -1190px -600px;
}
.sprite-tuto-00044 {
  background-position: -1360px -600px;
}
.sprite-tuto-00045 {
  background-position: 0px -750px;
}
.sprite-tuto-00046 {
  background-position: -170px -750px;
}
.sprite-tuto-00047 {
  background-position: -340px -750px;
}
.sprite-tuto-00048 {
  background-position: -510px -750px;
}
.sprite-tuto-00049 {
  background-position: -680px -750px;
}
.sprite-tuto-00050 {
  background-position: -850px -750px;
}
.sprite-tuto-00051 {
  background-position: -1020px -750px;
}
.sprite-tuto-00052 {
  background-position: -1190px -750px;
}
.sprite-tuto-00053 {
  background-position: -1360px -750px;
}
.sprite-tuto-00054 {
  background-position: 0px -900px;
}
.sprite-tuto-00055 {
  background-position: -170px -900px;
}
.sprite-tuto-00056 {
  background-position: -340px -900px;
}
.sprite-tuto-00057 {
  background-position: -510px -900px;
}
.sprite-tuto-00058 {
  background-position: -680px -900px;
}
.sprite-tuto-00059 {
  background-position: -850px -900px;
}
.sprite-tuto-00060 {
  background-position: -1020px -900px;
}
.sprite-tuto-00061 {
  background-position: -1190px -900px;
}
.sprite-tuto-00062 {
  background-position: -1360px -900px;
}
.sprite-tuto-00063 {
  background-position: 0px -1050px;
}
.sprite-tuto-00064 {
  background-position: -170px -1050px;
}
.sprite-tuto-00065 {
  background-position: -340px -1050px;
}
.sprite-tuto-00066 {
  background-position: -510px -1050px;
}
.sprite-tuto-00067 {
  background-position: -680px -1050px;
}
.sprite-tuto-00068 {
  background-position: -850px -1050px;
}
.sprite-tuto-00069 {
  background-position: -1020px -1050px;
}
.sprite-tuto-00070 {
  background-position: -1190px -1050px;
}
.sprite-tuto-00071 {
  background-position: -1360px -1050px;
}
.sprite-tuto-00072 {
  background-position: 0px -1200px;
}
.sprite-tuto-00073 {
  background-position: -170px -1200px;
}
.sprite-tuto-00074 {
  background-position: -340px -1200px;
}
.sprite-tuto-00075 {
  background-position: -510px -1200px;
}
.sprite-tuto-00076 {
  background-position: -680px -1200px;
}
.sprite-tuto-00077 {
  background-position: -850px -1200px;
}
.sprite-tuto-00078 {
  background-position: -1020px -1200px;
}
.sprite-tuto-00079 {
  background-position: -1190px -1200px;
}
.sprite-tuto-00080 {
  background-position: -1360px -1200px;
}
.sprite-tuto-00081 {
  background-position: 0px -1350px;
}
.sprite-tuto-00082 {
  background-position: -170px -1350px;
}
.sprite-tuto-00083 {
  background-position: -340px -1350px;
}
.sprite-tuto-00084 {
  background-position: -510px -1350px;
}
.sprite-tuto-00085 {
  background-position: -680px -1350px;
}
.sprite-tuto-00086 {
  background-position: -850px -1350px;
}
.sprite-tuto-00087 {
  background-position: -1020px -1350px;
}
.sprite-tuto-00088 {
  background-position: -1190px -1350px;
}
.sprite-tuto-00089 {
  background-position: -1360px -1350px;
}
.sprite-nav1-en {
  display: inline-block;
  position: absolute;
  background: url(/public/images/export/sprite-nav1_en.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 330px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-left: -140px;
  margin-top: -90px;
  pointer-events: none;
}
.sprite-nav1-en-00000 {
  background-position: 0px 0px;
}
.sprite-nav1-en-00001 {
  background-position: -330px 0px;
}
.sprite-nav1-en-00002 {
  background-position: -660px 0px;
}
.sprite-nav1-en-00003 {
  background-position: -990px 0px;
}
.sprite-nav1-en-00004 {
  background-position: -1320px 0px;
}
.sprite-nav1-en-00005 {
  background-position: -1650px 0px;
}
.sprite-nav1-en-00006 {
  background-position: 0px -180px;
}
.sprite-nav1-en-00007 {
  background-position: -330px -180px;
}
.sprite-nav1-en-00008 {
  background-position: -660px -180px;
}
.sprite-nav1-en-00009 {
  background-position: -990px -180px;
}
.sprite-nav1-en-00010 {
  background-position: -1320px -180px;
}
.sprite-nav1-en-00011 {
  background-position: -1650px -180px;
}
.sprite-nav1-en-00012 {
  background-position: 0px -360px;
}
.sprite-nav1-en-00013 {
  background-position: -330px -360px;
}
.sprite-nav1-en-00014 {
  background-position: -660px -360px;
}
.sprite-nav1-en-00015 {
  background-position: -990px -360px;
}
.sprite-nav1-en-00016 {
  background-position: -1320px -360px;
}
.sprite-nav1-en-00017 {
  background-position: -1650px -360px;
}
.sprite-nav1-en-00018 {
  background-position: 0px -540px;
}
.sprite-nav1-en-00019 {
  background-position: -330px -540px;
}
.sprite-nav1-en-00020 {
  background-position: -660px -540px;
}
.sprite-nav1-en-00021 {
  background-position: -990px -540px;
}
.sprite-nav1-en-00022 {
  background-position: -1320px -540px;
}
.sprite-nav1-en-00023 {
  background-position: -1650px -540px;
}
.sprite-nav1-en-00024 {
  background-position: 0px -720px;
}
.sprite-nav1-en-00025 {
  background-position: -330px -720px;
}
.sprite-nav1-en-00026 {
  background-position: -660px -720px;
}
.sprite-nav1-en-00027 {
  background-position: -990px -720px;
}
.sprite-nav1-en-00028 {
  background-position: -1320px -720px;
}
.sprite-nav1-en-00029 {
  background-position: -1650px -720px;
}
.sprite-nav1-en-00030 {
  background-position: 0px -900px;
}
.sprite-nav1-en-00031 {
  background-position: -330px -900px;
}
.sprite-nav1-en-00032 {
  background-position: -660px -900px;
}
.sprite-nav1-en-00033 {
  background-position: -990px -900px;
}
.sprite-nav1-en-00034 {
  background-position: -1320px -900px;
}
.sprite-nav1-en-00035 {
  background-position: -1650px -900px;
}
.sprite-nav1-en-00036 {
  background-position: 0px -1080px;
}
.sprite-nav1-en-00037 {
  background-position: -330px -1080px;
}
.sprite-nav1-en-00038 {
  background-position: -660px -1080px;
}
.sprite-nav1-en-00039 {
  background-position: -990px -1080px;
}
.sprite-nav1-en-00040 {
  background-position: -1320px -1080px;
}
.sprite-nav1-en-00041 {
  background-position: -1650px -1080px;
}
.sprite-nav1-en-00042 {
  background-position: 0px -1260px;
}
.sprite-nav1-en-00043 {
  background-position: -330px -1260px;
}
.sprite-nav1-en-00044 {
  background-position: -660px -1260px;
}
.sprite-nav2-en {
  display: inline-block;
  position: absolute;
  background: url(/public/images/export/sprite-nav2_en.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 300px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-left: -125px;
  margin-top: -90px;
  pointer-events: none;
}
.sprite-nav2-en-00000 {
  background-position: 0px 0px;
}
.sprite-nav2-en-00001 {
  background-position: -300px 0px;
}
.sprite-nav2-en-00002 {
  background-position: -600px 0px;
}
.sprite-nav2-en-00003 {
  background-position: -900px 0px;
}
.sprite-nav2-en-00004 {
  background-position: -1200px 0px;
}
.sprite-nav2-en-00005 {
  background-position: -1500px 0px;
}
.sprite-nav2-en-00006 {
  background-position: 0px -180px;
}
.sprite-nav2-en-00007 {
  background-position: -300px -180px;
}
.sprite-nav2-en-00008 {
  background-position: -600px -180px;
}
.sprite-nav2-en-00009 {
  background-position: -900px -180px;
}
.sprite-nav2-en-00010 {
  background-position: -1200px -180px;
}
.sprite-nav2-en-00011 {
  background-position: -1500px -180px;
}
.sprite-nav2-en-00012 {
  background-position: 0px -360px;
}
.sprite-nav2-en-00013 {
  background-position: -300px -360px;
}
.sprite-nav2-en-00014 {
  background-position: -600px -360px;
}
.sprite-nav2-en-00015 {
  background-position: -900px -360px;
}
.sprite-nav2-en-00016 {
  background-position: -1200px -360px;
}
.sprite-nav2-en-00017 {
  background-position: -1500px -360px;
}
.sprite-nav2-en-00018 {
  background-position: 0px -540px;
}
.sprite-nav2-en-00019 {
  background-position: -300px -540px;
}
.sprite-nav2-en-00020 {
  background-position: -600px -540px;
}
.sprite-nav2-en-00021 {
  background-position: -900px -540px;
}
.sprite-nav2-en-00022 {
  background-position: -1200px -540px;
}
.sprite-nav2-en-00023 {
  background-position: -1500px -540px;
}
.sprite-nav2-en-00024 {
  background-position: 0px -720px;
}
.sprite-nav2-en-00025 {
  background-position: -300px -720px;
}
.sprite-nav2-en-00026 {
  background-position: -600px -720px;
}
.sprite-nav2-en-00027 {
  background-position: -900px -720px;
}
.sprite-nav2-en-00028 {
  background-position: -1200px -720px;
}
.sprite-nav2-en-00029 {
  background-position: -1500px -720px;
}
.sprite-nav2-en-00030 {
  background-position: 0px -900px;
}
.sprite-nav2-en-00031 {
  background-position: -300px -900px;
}
.sprite-nav2-en-00032 {
  background-position: -600px -900px;
}
.sprite-nav2-en-00033 {
  background-position: -900px -900px;
}
.sprite-nav2-en-00034 {
  background-position: -1200px -900px;
}
.sprite-nav2-en-00035 {
  background-position: -1500px -900px;
}
.sprite-nav2-en-00036 {
  background-position: 0px -1080px;
}
.sprite-nav2-en-00037 {
  background-position: -300px -1080px;
}
.sprite-nav2-en-00038 {
  background-position: -600px -1080px;
}
.sprite-nav2-en-00039 {
  background-position: -900px -1080px;
}
.sprite-nav2-en-00040 {
  background-position: -1200px -1080px;
}
.sprite-nav2-en-00041 {
  background-position: -1500px -1080px;
}
.sprite-nav2-en-00042 {
  background-position: 0px -1260px;
}
.sprite-nav2-en-00043 {
  background-position: -300px -1260px;
}
.sprite-nav2-en-00044 {
  background-position: -600px -1260px;
}
.sprite-nav3-en {
  display: inline-block;
  position: absolute;
  background: url(/public/images/export/sprite-nav3_en.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 240px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-left: -120px;
  margin-top: -90px;
  pointer-events: none;
}
.sprite-nav3-en-00000 {
  background-position: 0px 0px;
}
.sprite-nav3-en-00001 {
  background-position: -240px 0px;
}
.sprite-nav3-en-00002 {
  background-position: -480px 0px;
}
.sprite-nav3-en-00003 {
  background-position: -720px 0px;
}
.sprite-nav3-en-00004 {
  background-position: -960px 0px;
}
.sprite-nav3-en-00005 {
  background-position: -1200px 0px;
}
.sprite-nav3-en-00006 {
  background-position: 0px -180px;
}
.sprite-nav3-en-00007 {
  background-position: -240px -180px;
}
.sprite-nav3-en-00008 {
  background-position: -480px -180px;
}
.sprite-nav3-en-00009 {
  background-position: -720px -180px;
}
.sprite-nav3-en-00010 {
  background-position: -960px -180px;
}
.sprite-nav3-en-00011 {
  background-position: -1200px -180px;
}
.sprite-nav3-en-00012 {
  background-position: 0px -360px;
}
.sprite-nav3-en-00013 {
  background-position: -240px -360px;
}
.sprite-nav3-en-00014 {
  background-position: -480px -360px;
}
.sprite-nav3-en-00015 {
  background-position: -720px -360px;
}
.sprite-nav3-en-00016 {
  background-position: -960px -360px;
}
.sprite-nav3-en-00017 {
  background-position: -1200px -360px;
}
.sprite-nav3-en-00018 {
  background-position: 0px -540px;
}
.sprite-nav3-en-00019 {
  background-position: -240px -540px;
}
.sprite-nav3-en-00020 {
  background-position: -480px -540px;
}
.sprite-nav3-en-00021 {
  background-position: -720px -540px;
}
.sprite-nav3-en-00022 {
  background-position: -960px -540px;
}
.sprite-nav3-en-00023 {
  background-position: -1200px -540px;
}
.sprite-nav3-en-00024 {
  background-position: 0px -720px;
}
.sprite-nav3-en-00025 {
  background-position: -240px -720px;
}
.sprite-nav3-en-00026 {
  background-position: -480px -720px;
}
.sprite-nav3-en-00027 {
  background-position: -720px -720px;
}
.sprite-nav3-en-00028 {
  background-position: -960px -720px;
}
.sprite-nav3-en-00029 {
  background-position: -1200px -720px;
}
.sprite-nav3-en-00030 {
  background-position: 0px -900px;
}
.sprite-nav3-en-00031 {
  background-position: -240px -900px;
}
.sprite-nav3-en-00032 {
  background-position: -480px -900px;
}
.sprite-nav3-en-00033 {
  background-position: -720px -900px;
}
.sprite-nav3-en-00034 {
  background-position: -960px -900px;
}
.sprite-nav3-en-00035 {
  background-position: -1200px -900px;
}
.sprite-nav3-en-00036 {
  background-position: 0px -1080px;
}
.sprite-nav3-en-00037 {
  background-position: -240px -1080px;
}
.sprite-nav3-en-00038 {
  background-position: -480px -1080px;
}
.sprite-nav3-en-00039 {
  background-position: -720px -1080px;
}
.sprite-nav3-en-00040 {
  background-position: -960px -1080px;
}
.sprite-nav3-en-00041 {
  background-position: -1200px -1080px;
}
.sprite-nav3-en-00042 {
  background-position: 0px -1260px;
}
.sprite-nav3-en-00043 {
  background-position: -240px -1260px;
}
.sprite-nav3-en-00044 {
  background-position: -480px -1260px;
}
.sprite-nav4-en {
  display: inline-block;
  position: absolute;
  background: url(/public/images/export/sprite-nav4_en.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 300px;
  height: 180px;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -90px;
  pointer-events: none;
}
.sprite-nav4-en-00000 {
  background-position: 0px 0px;
}
.sprite-nav4-en-00001 {
  background-position: -300px 0px;
}
.sprite-nav4-en-00002 {
  background-position: -600px 0px;
}
.sprite-nav4-en-00003 {
  background-position: -900px 0px;
}
.sprite-nav4-en-00004 {
  background-position: -1200px 0px;
}
.sprite-nav4-en-00005 {
  background-position: -1500px 0px;
}
.sprite-nav4-en-00006 {
  background-position: 0px -180px;
}
.sprite-nav4-en-00007 {
  background-position: -300px -180px;
}
.sprite-nav4-en-00008 {
  background-position: -600px -180px;
}
.sprite-nav4-en-00009 {
  background-position: -900px -180px;
}
.sprite-nav4-en-00010 {
  background-position: -1200px -180px;
}
.sprite-nav4-en-00011 {
  background-position: -1500px -180px;
}
.sprite-nav4-en-00012 {
  background-position: 0px -360px;
}
.sprite-nav4-en-00013 {
  background-position: -300px -360px;
}
.sprite-nav4-en-00014 {
  background-position: -600px -360px;
}
.sprite-nav4-en-00015 {
  background-position: -900px -360px;
}
.sprite-nav4-en-00016 {
  background-position: -1200px -360px;
}
.sprite-nav4-en-00017 {
  background-position: -1500px -360px;
}
.sprite-nav4-en-00018 {
  background-position: 0px -540px;
}
.sprite-nav4-en-00019 {
  background-position: -300px -540px;
}
.sprite-nav4-en-00020 {
  background-position: -600px -540px;
}
.sprite-nav4-en-00021 {
  background-position: -900px -540px;
}
.sprite-nav4-en-00022 {
  background-position: -1200px -540px;
}
.sprite-nav4-en-00023 {
  background-position: -1500px -540px;
}
.sprite-nav4-en-00024 {
  background-position: 0px -720px;
}
.sprite-nav4-en-00025 {
  background-position: -300px -720px;
}
.sprite-nav4-en-00026 {
  background-position: -600px -720px;
}
.sprite-nav4-en-00027 {
  background-position: -900px -720px;
}
.sprite-nav4-en-00028 {
  background-position: -1200px -720px;
}
.sprite-nav4-en-00029 {
  background-position: -1500px -720px;
}
.sprite-nav4-en-00030 {
  background-position: 0px -900px;
}
.sprite-nav4-en-00031 {
  background-position: -300px -900px;
}
.sprite-nav4-en-00032 {
  background-position: -600px -900px;
}
.sprite-nav4-en-00033 {
  background-position: -900px -900px;
}
.sprite-nav4-en-00034 {
  background-position: -1200px -900px;
}
.sprite-nav4-en-00035 {
  background-position: -1500px -900px;
}
.sprite-nav4-en-00036 {
  background-position: 0px -1080px;
}
.sprite-nav4-en-00037 {
  background-position: -300px -1080px;
}
.sprite-nav4-en-00038 {
  background-position: -600px -1080px;
}
.sprite-nav4-en-00039 {
  background-position: -900px -1080px;
}
.sprite-nav4-en-00040 {
  background-position: -1200px -1080px;
}
.sprite-nav4-en-00041 {
  background-position: -1500px -1080px;
}
.sprite-nav4-en-00042 {
  background-position: 0px -1260px;
}
.sprite-nav4-en-00043 {
  background-position: -300px -1260px;
}
.sprite-nav4-en-00044 {
  background-position: -600px -1260px;
}