@charset "UTF-8";
@font-face {
  font-family: bahnschrift;
  src: url(/res/fonts/bahnschrift.ttf);
  font-stretch: semi-condensed;
}
@font-face {
  font-family: "Times New Roman";
  src: url(/res/fonts/timesi.ttf);
  font-style: italic;
}
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: bahnschrift;
  font-size: 1.5rem;
  cursor: default;
}
* {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
input[type=text] {
  border: none;
}
#main-header {
  display: none;
}
#main-footer {
  display: none;
}
#main-section {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
}
#layer-background {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(/res/qdl1/visuel-cle.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.1;
}
#layer-background:after {
  content: "1";
  position: absolute;
  left: 50%;
  bottom: 1rem;
  width: 2rem;
  height: 2rem;
  background: red;
}
#layer-incrust {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
#layer-incrust .incrust {
  text-align: center;
  padding: 2rem;
  /*/
		background-image: url(/res/qdl2/02-interface/bg-incrust.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		//*/
  background: rgba(240, 240, 240, 0.8);
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
}
[data-incrust="close-btn"] {
  position: absolute;
  top: 1rem;
  height: 3rem;
  transition: all 0.25s;
  background: none;
  border: none;
}
[data-incrust="close-btn"] img {
  position: relative;
  width: auto;
  height: 100%;
  margin: 0;
  transition: transform 0.25s;
}
[data-incrust="close-btn"] img:hover {
  transform: scale(1.2, 1.2);
}
[data-incrust="close-btn"]:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 175, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 10px 10px rgba(255, 255, 175, 0.75);
}
[data-incrust="close-btn"]:hover:before {
  display: block;
}
#layer-refs {
  position: absolute;
  bottom: 0rem;
  left: 50%;
  height: 0.5rem;
  padding-top: 0.5rem;
  /*/
	[data-host="beta.qdl2.quartierdeslegendes.fr"] & {
		display: block;
		
		.refs-on & {
			display: none;
		}
	}
	//*/
}
#layer-refs .hover {
  display: none;
}
#layer-refs:hover {
  background: #fff;
  height: auto;
  padding: 0 0.5rem;
}
#layer-refs:hover .hover {
  display: block;
}
#layer-keyboard {
  font-size: 2.5rem;
  position: absolute;
  bottom: 0;
  left: 14.375rem;
  padding: 0.625rem;
  background: #0006;
  display: none;
}
[data-keyboard-display] #layer-keyboard {
  display: block;
}
#layer-keyboard .line {
  clear: both;
}
#layer-keyboard .line button {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 3.75rem;
  height: 3.125rem;
  border: none;
  margin: 0.25rem 0.375rem;
  padding: 0;
  background: #ddd;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
#layer-keyboard .line button[data-value], #layer-keyboard .line button[data-action] {
  cursor: pointer;
}
#layer-keyboard .line button:hover {
  background: #fff;
}
#layer-keyboard .line button.empty {
  background: #0003;
}
#layer-keyboard .line button .fs05 {
  font-size: 0.5em;
}
#layer-keyboard .line button[data-action] spanXXX {
  color: #ddd;
  background: #000;
  padding: 0.1em 0.25em;
}
#layer-keyboard .line button.w2x {
  width: 8.25rem;
}
#layer-keyboard .line button.w3x {
  width: 12.75rem;
}
#layer-keyboard .line button.w4x {
  width: 17.25rem;
}
#layer-keyboard .line button.w5x {
  width: 21.75rem;
}
#layer-keyboard .line button.w6x {
  width: 26.25rem;
}
#layer-keyboard .line button.w7x {
  width: 30.75rem;
}
#layer-keyboard .line button.w8x {
  width: 35.25rem;
}
#layer-keyboard .line button.w9x {
  width: 39.75rem;
}
#layer-keyboard .line button.w10x {
  width: 44.25rem;
}
#layer-keyboard img.close {
  width: 2.5rem;
  position: absolute;
  top: -1.25rem;
  right: -1.25rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#incrusts-qdl, #incrusts {
  display: none;
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #000;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #000;
  padding: 0.35rem 1rem 0.25rem;
  line-height: 1em;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.highlight {
  box-shadow: 0 0 1rem 0.25rem #ff6;
  background: #ff6 !important;
}
img.previous, img.next {
  display: none;
  height: 3.2rem;
  padding: 0.1rem;
  top: 0.9rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
img.previous.permanent, img.next.permanent {
  display: block;
}
img.previous {
  left: 1rem;
}
img.next {
  right: 5rem;
  -webkit-transition: right 0.2s;
  -moz-transition: right 0.2s;
  -ms-transition: right 0.2s;
  -o-transition: right 0.2s;
  transition: right 0.2s;
}
.parameters-on img.next {
  right: 21rem;
}
[data-insert="back"], [data-permanent="back"] {
  top: 0;
  left: 0;
  width: 8rem;
}
.culdelampe {
  height: 9rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 0.1rem;
}
.invisible {
  display: none;
}
@keyframes heartbeat {
  0% {
    transform: scale(0.8);
    /* 1 */
  }
  10% {
    transform: scale(1);
    /* 1.5 */
  }
  20% {
    transform: scale(0.85);
    /* 1.3 */
  }
  30% {
    transform: scale(1);
    /* 1.5 */
  }
  40% {
    transform: scale(0.65);
    /* 1 */
  }
  100% {
    transform: scale(0.65);
    /* 1 */
  }
}
@keyframes highlight {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
[data-zone]:not([disabled]), [onclick] {
  cursor: pointer;
}
figure.portrait {
  width: 12rem;
  height: 12rem;
  background: #fff;
  border: 0.2rem solid #000;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
[data-current-scene^="07-"] figure.portrait, [data-current-scene^="08-"] figure.portrait {
  background: #666;
}
figure.portrait img {
  height: 90%;
  margin: 5%;
}
figure.portrait[data-insert="leo-portrait"] {
  border-color: #c54608;
}
figure.portrait[data-insert="leo-portrait"] img {
  margin-left: 2%;
}
figure.portrait[data-insert="leila-portrait"] {
  border-color: #ca579b;
}
figure.portrait[data-insert="leila-portrait"] img {
  margin-left: -2%;
}
figure.portrait[data-insert="raphi-portrait"] {
  border-color: #633711;
}
figure.portrait[data-insert="raphi-portrait"] img {
  margin-left: 7%;
}
figure.portrait[data-insert="shana-portrait"] {
  border-color: #735590;
}
figure.portrait[data-insert="shana-portrait"] img {
  margin-left: 6%;
}
figure.portrait[data-insert="youssef-portrait"] {
  border-color: #bc9d00;
}
figure.portrait[data-insert="youssef-portrait"] img {
  height: 86%;
  margin-top: 9%;
  margin-left: 12%;
}
figure.portrait[data-insert="sarah-portrait"] img {
  margin-top: 12%;
  margin-left: -14%;
  height: 86%;
}
figure.portrait[data-insert="ado1-portrait"] img {
  height: 78%;
  margin-top: 20%;
  margin-left: 6%;
}
figure.portrait[data-insert="ado2-portrait"] img {
  height: 72%;
  margin-top: 25%;
  margin-left: 3%;
}
figure.portrait[data-insert="mrphone-portrait"] img {
  height: 88%;
  margin-top: 10%;
  margin-left: 3%;
}
#layers {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 0px solid #000;
  margin: auto;
  width: 100%;
  height: calc((9 * (100vw - 0px) / 16) + 0px);
}
@media (min-aspect-ratio: 16 / 9) {
  #layers {
    width: calc((16 * (100vh - 0px) / 9) + 0px);
    height: 100%;
  }
}
#layers-bg {
  background-image: url(/res/qdl2/01-intro/visuel-cle.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
#layers .hover, #layers .hover2 {
  transition: opacity 0.5s;
}
#layers:hover .hover, #layers:hover .hover2 {
  opacity: 1;
}
#layers:hover .hover2 {
  transition: opacity 1s 0.5s;
}
#layers .not-hover {
  opacity: 1;
  transition: opacity 0.2s;
}
#layers:hover .not-hover {
  opacity: 0;
}
.scene-bg, .scene-hover, .scene-focus {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.scene-map-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
.scene-hover, .scene-focus {
  display: none;
}
.scene-map-zones, .scene-zone {
  z-index: 500;
}
.scene-zone {
  cursor: pointer;
}
[data-scene] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
[data-scene] > * {
  position: absolute;
}
[data-scene] [data-content^="scene-"] {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
[data-scene] [usemap] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-scene-type="frame"] {
  height: 100%;
}
[data-scene-type="board"]:before {
  display: block;
  padding-top: calc(9 / 16 * 100%);
  content: "";
}
[data-scene-type="inserts"] {
  overflow: visible;
  height: 0;
}
[data-scene], [data-scene] > *, [data-subscene], [data-subscene] > * {
  position: absolute;
  transition: width 1s, height 1s, top 1s, bottom 1s, left 1s, right 1s;
}
[data-subscene] {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
[data-content="scene-preintro"] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 2em;
}
[data-content="scene-preintro"] > * {
  position: relative;
}
[data-content="bg-color"] {
  background: #fff;
}
[data-content="scene-hover"], [data-content="scene-focus"] {
  display: none;
}
[data-insert] {
  display: none;
}
.focused [data-hover], .focused figure[data-zone]:after {
  display: none !important;
}
.focused [data-insert="focus-clear"]:not(.not-automatic) {
  display: block;
}
:not(.focused-no-click).focused [data-insert="focus-clear"]:not(.not-automatic):not(.no-click) {
  cursor: pointer;
}
[data-sequenced] {
  display: block !important;
}
[data-objet][data-sequenced] {
  display: flex !important;
}
@keyframes nocturne {
  0% {
    background: #0003;
  }
  100% {
    background: #0009;
  }
}
.wins-scene-22-kebab-conclusion .nocturne {
  background: #0009;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 50, 0.7) 50%, rgba(0, 20, 80, 0.6) 100%);
}
[data-dialog] {
  display: none;
  background: #fff;
  padding: 1rem;
  text-align: center;
  border: 0.15rem solid #000;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
}
[data-dialog][data-font="codex"] {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
}
[data-dialog] .dialog-more {
  position: absolute;
  right: 1.5rem;
  top: calc(100% - 0.5rem);
  text-align: right;
}
[data-arrow^="32-"][data-dialog] .dialog-more, [data-dialog] .dialog-more.left {
  right: auto;
  left: 1.5rem;
  text-align: left;
}
[data-dialog] .dialog-more .wins {
  vertical-align: top;
  height: 5rem;
  margin: -0.5rem 0.5rem;
}
[data-dialog] .dialog-more .dialog-previous, [data-dialog] .dialog-more .dialog-next {
  height: 3rem;
  padding: 0.1rem;
  margin: -0.5rem 0.5rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
[data-dialog] .dialog-more button {
  padding: 0.25rem 1rem;
  border: 0.15rem solid #000;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  border-radius: 1.5rem;
  line-height: 1em;
  background: #fff;
  margin-bottom: 0.15rem;
}
[data-dialog] .dialog-more button.go-to {
  padding-left: 2.2rem;
  position: relative;
}
[data-dialog] .dialog-more button.go-to:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top-width: 0.4rem;
  border-bottom-width: 0.4rem;
  border-left: 0.8rem solid #000;
  left: 1rem;
  top: calc(50% - (0.4rem+0.5rem));
}
[data-dialog] .dialog-more button.go-to:hover {
  background: #ff3;
  -webkit-box-shadow: 0 0 1rem 0.5rem #ff3;
  -moz-box-shadow: 0 0 1rem 0.5rem #ff3;
  -o-box-shadow: 0 0 1rem 0.5rem #ff3;
  box-shadow: 0 0 1rem 0.5rem #ff3;
}
[data-dialog] [data-arrow-for] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
[data-dialog]:before {
  display: none;
  position: absolute;
  top: 0;
  right: 2rem;
  font-size: 0.5em;
  color: #aaa;
}
[data-dialog^="leila"] {
  color: #ca579b;
  border-color: #ca579b;
}
[data-dialog^="leila"] button {
  color: #ca579b;
  border-color: #ca579b !important;
}
[data-dialog^="leila"] button.go-to:after {
  border-left-color: #ca579b !important;
}
[data-dialog^="leila"]:before {
  content: "Leila";
}
[data-dialog^="leo"] {
  color: #c54608;
  border-color: #c54608;
}
[data-dialog^="leo"] button {
  color: #c54608;
  border-color: #c54608 !important;
}
[data-dialog^="leo"] button.go-to:after {
  border-left-color: #c54608 !important;
}
[data-dialog^="leo"]:before {
  content: "Léo";
}
[data-dialog^="raphi"] {
  color: #633711;
  border-color: #633711;
}
[data-dialog^="raphi"] button {
  color: #633711;
  border-color: #633711 !important;
}
[data-dialog^="raphi"] button.go-to:after {
  border-left-color: #633711 !important;
}
[data-dialog^="raphi"]:before {
  content: "Raphi";
}
[data-dialog^="shana"] {
  color: #735590;
  border-color: #735590;
}
[data-dialog^="shana"] button {
  color: #735590;
  border-color: #735590 !important;
}
[data-dialog^="shana"] button.go-to:after {
  border-left-color: #735590 !important;
}
[data-dialog^="shana"]:before {
  content: "Shana";
}
[data-dialog^="youssef"] {
  color: #bc9d00;
  border-color: #bc9d00;
}
[data-dialog^="youssef"] button {
  color: #bc9d00;
  border-color: #bc9d00 !important;
}
[data-dialog^="youssef"] button.go-to:after {
  border-left-color: #bc9d00 !important;
}
[data-dialog^="youssef"]:before {
  content: "Youssef";
}
[data-dialog^="adam"]:before {
  content: "Adam";
}
[data-dialog^="affiche"] {
  color: #fff;
  background: none;
  border-color: transparent;
}
[data-dialog="tchat"] {
  top: 4rem;
  left: 20rem;
  width: 35rem;
  border: none;
  background: #9999;
}
[data-dialog="tchat"] [data-user] {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.5rem;
  min-width: 52%;
  max-width: 80%;
  text-align: left;
  background: #fff;
  clear: both;
  float: right;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
[data-dialog="tchat"] [data-user] name {
  display: none;
  margin-bottom: 0.5em;
  font-size: 0.75em;
  font-weight: bold;
}
[data-dialog="tchat"] [data-user].guest {
  background: #333;
  color: #fff;
  float: left;
}
[data-dialog="tchat"] [data-user].guest name {
  display: block;
}
[data-dialog="tchat"] [data-user="..."] {
  min-width: 0;
  padding: 0 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
[data-dialog=""] {
  border-color: #fff;
  -webkit-box-shadow: 0 0 20px 20px #fff;
  -moz-box-shadow: 0 0 20px 20px #fff;
  -o-box-shadow: 0 0 20px 20px #fff;
  box-shadow: 0 0 20px 20px #fff;
}
[data-dialog] button.dialog-leila {
  color: #ca579b;
  border-color: #ca579b;
}
[data-dialog] button.dialog-leila.go-to:after {
  border-left-color: #ca579b;
}
[data-dialog] button.dialog-leo {
  color: #c54608;
  border-color: #c54608;
}
[data-dialog] button.dialog-leo.go-to:after {
  border-left-color: #c54608;
}
[data-dialog] button.dialog-raphi {
  color: #633711;
  border-color: #633711;
}
[data-dialog] button.dialog-raphi.go-to:after {
  border-left-color: #633711;
}
[data-dialog] button.dialog-shana {
  color: #735590;
  border-color: #735590;
}
[data-dialog] button.dialog-shana.go-to:after {
  border-left-color: #735590;
}
[data-dialog] button.dialog-youssef {
  color: #bc9d00;
  border-color: #bc9d00;
}
[data-dialog] button.dialog-youssef.go-to:after {
  border-left-color: #bc9d00;
}
[data-arrow]:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0;
  border-color: #fff;
}
[data-game-arrows="colored"] [data-arrow]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow]:after {
  border-color: #000;
}
[data-game-arrows="colored"] [data-dialog^="leila"][data-arrow]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-dialog^="leila"][data-arrow]:after {
  border-color: #ca579b;
}
[data-game-arrows="colored"] [data-dialog^="leo"][data-arrow]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-dialog^="leo"][data-arrow]:after {
  border-color: #c54608;
}
[data-game-arrows="colored"] [data-dialog^="raphi"][data-arrow]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-dialog^="raphi"][data-arrow]:after {
  border-color: #633711;
}
[data-game-arrows="colored"] [data-dialog^="shana"][data-arrow]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-dialog^="shana"][data-arrow]:after {
  border-color: #735590;
}
[data-game-arrows="colored"] [data-dialog^="youssef"][data-arrow]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-dialog^="youssef"][data-arrow]:after {
  border-color: #bc9d00;
}
[data-arrow*="-oof-"] {
  border-style: dashed;
}
[data-arrow*="-oof-"]:before {
  display: block;
}
[data-arrow^="12-"]:after {
  left: 2rem;
}
[data-arrow^="21-"]:after {
  left: calc(33% - 0.9rem);
}
[data-arrow^="22-"]:after {
  left: calc(50% - 0.9rem);
}
[data-arrow^="23-"]:after {
  right: calc(33% - 0.9rem);
}
[data-arrow^="32-"]:after {
  right: 2rem;
}
[data-arrow^="14-"]:after {
  left: -1.9rem;
  bottom: 2rem;
}
[data-arrow^="41-"]:after {
  left: -1.9rem;
  bottom: calc(33% - 0.5rem);
}
[data-arrow^="44-"]:after {
  left: -1.9rem;
  bottom: calc(50% - 0.5rem);
}
[data-arrow^="47-"]:after {
  left: -1.9rem;
  top: calc(33% - 0.5rem);
}
[data-arrow^="74-"]:after {
  left: -1.9rem;
  top: 2rem;
}
[data-arrow^="36-"]:after {
  right: -1.9rem;
  bottom: 2rem;
}
[data-arrow^="63-"]:after {
  right: -1.9rem;
  bottom: calc(33% - 0.5rem);
}
[data-arrow^="66-"]:after {
  right: -1.9rem;
  bottom: calc(50% - 0.5rem);
}
[data-arrow^="69-"]:after {
  right: -1.9rem;
  top: calc(33% - 0.5rem);
}
[data-arrow^="96-"]:after {
  right: -1.9rem;
  top: 2rem;
}
[data-arrow^="78-"]:after {
  top: -1.9rem;
  left: 2rem;
}
[data-arrow^="87-"]:after {
  top: -1.9rem;
  left: calc(33% - 0.9rem);
}
[data-arrow^="88-"]:after {
  top: -1.9rem;
  left: calc(50% - 0.9rem);
}
[data-arrow^="89-"]:after {
  top: -1.9rem;
  right: calc(33% - 0.9rem);
}
[data-arrow^="98-"]:after {
  top: -1.9rem;
  right: 2rem;
}
[data-arrow$="-21"]:after, [data-arrow$="-22"]:after, [data-arrow$="-23"]:after {
  border-top-width: 2rem;
  bottom: -1.9rem;
}
[data-arrow*="-h2-"][data-arrow$="-21"]:after, [data-arrow*="-h2-"][data-arrow$="-22"]:after, [data-arrow*="-h2-"][data-arrow$="-23"]:after {
  border-top-width: 4rem;
  bottom: -3.9rem;
}
[data-arrow*="-h3-"][data-arrow$="-21"]:after, [data-arrow*="-h3-"][data-arrow$="-22"]:after, [data-arrow*="-h3-"][data-arrow$="-23"]:after {
  border-top-width: 6rem;
  bottom: -5.9rem;
}
[data-game-arrows="colored"] [data-arrow$="-21"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-21"]:after, [data-game-arrows="colored"] [data-arrow$="-22"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-22"]:after, [data-game-arrows="colored"] [data-arrow$="-23"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-23"]:after {
  margin-bottom: -0.2rem;
}
[data-arrow$="-21"]:after {
  border-right: 1.8rem solid transparent !important;
}
[data-arrow$="-22"]:after {
  border-right: 0.9rem solid transparent !important;
  border-left: 0.9rem solid transparent !important;
}
[data-arrow$="-23"]:after {
  border-left: 1.8rem solid transparent !important;
}
[data-arrow$="-41"]:after, [data-arrow$="-44"]:after, [data-arrow$="-47"]:after {
  border-right-width: 2rem;
  left: -1.9rem;
}
[data-arrow*="-h2-"][data-arrow$="-41"]:after, [data-arrow*="-h2-"][data-arrow$="-44"]:after, [data-arrow*="-h2-"][data-arrow$="-47"]:after {
  border-right-width: 4rem;
  left: -3.9rem;
}
[data-arrow*="-h3-"][data-arrow$="-41"]:after, [data-arrow*="-h3-"][data-arrow$="-44"]:after, [data-arrow*="-h3-"][data-arrow$="-47"]:after {
  border-right-width: 6rem;
  left: -5.9rem;
}
[data-game-arrows="colored"] [data-arrow$="-41"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-41"]:after, [data-game-arrows="colored"] [data-arrow$="-44"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-44"]:after, [data-game-arrows="colored"] [data-arrow$="-47"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-47"]:after {
  margin-left: -0.2rem;
}
[data-arrow$="-41"]:after {
  border-top: 1rem solid transparent !important;
}
[data-arrow$="-44"]:after {
  border-top: 0.5rem solid transparent !important;
  border-bottom: 0.5rem solid transparent !important;
}
[data-arrow$="-47"]:after {
  border-bottom: 1rem solid transparent !important;
}
[data-arrow$="-63"]:after, [data-arrow$="-66"]:after, [data-arrow$="-69"]:after {
  border-left-width: 2rem;
  right: -1.9rem;
}
[data-arrow*="-h2-"][data-arrow$="-63"]:after, [data-arrow*="-h2-"][data-arrow$="-66"]:after, [data-arrow*="-h2-"][data-arrow$="-69"]:after {
  border-left-width: 4rem;
  right: -3.9rem;
}
[data-arrow*="-h3-"][data-arrow$="-63"]:after, [data-arrow*="-h3-"][data-arrow$="-66"]:after, [data-arrow*="-h3-"][data-arrow$="-69"]:after {
  border-left-width: 6rem;
  right: -5.9rem;
}
[data-game-arrows="colored"] [data-arrow$="-63"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-63"]:after, [data-game-arrows="colored"] [data-arrow$="-66"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-66"]:after, [data-game-arrows="colored"] [data-arrow$="-69"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-69"]:after {
  margin-right: -0.2rem;
}
[data-arrow$="-63"]:after {
  border-top: 1rem solid transparent !important;
}
[data-arrow$="-66"]:after {
  border-top: 0.5rem solid transparent !important;
  border-bottom: 0.5rem solid transparent !important;
}
[data-arrow$="-69"]:after {
  border-bottom: 1rem solid transparent !important;
}
[data-arrow$="-87"]:after, [data-arrow$="-88"]:after, [data-arrow$="-89"]:after {
  border-bottom-width: 2rem;
  top: -1.9rem;
}
[data-arrow*="-h2-"][data-arrow$="-87"]:after, [data-arrow*="-h2-"][data-arrow$="-88"]:after, [data-arrow*="-h2-"][data-arrow$="-89"]:after {
  border-bottom-width: 4rem;
  top: -3.9rem;
}
[data-arrow*="-h3-"][data-arrow$="-87"]:after, [data-arrow*="-h3-"][data-arrow$="-88"]:after, [data-arrow*="-h3-"][data-arrow$="-89"]:after {
  border-bottom-width: 6rem;
  top: -5.9rem;
}
[data-game-arrows="colored"] [data-arrow$="-87"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-87"]:after, [data-game-arrows="colored"] [data-arrow$="-88"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-88"]:after, [data-game-arrows="colored"] [data-arrow$="-89"]:after, [data-game-data]:not([data-game-arrows="white"]) [data-arrow*="-color-"][data-arrow$="-89"]:after {
  margin-top: -0.2rem;
}
[data-arrow$="-87"]:after {
  border-right: 1.8rem solid transparent !important;
}
[data-arrow$="-88"]:after {
  border-right: 0.9rem solid transparent !important;
  border-left: 0.9rem solid transparent !important;
}
[data-arrow$="-89"]:after {
  border-left: 1.8rem solid transparent !important;
}
[data-bulles] {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
[data-bulles] i {
  position: absolute;
  background: #fff;
  border: 0.15rem solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
[data-dialog="leila"] [data-bulles] i {
  border-color: #ca579b;
}
[data-dialog="leo"] [data-bulles] i {
  border-color: #c54608;
}
[data-dialog="raphi"] [data-bulles] i {
  border-color: #633711;
}
[data-dialog="shana"] [data-bulles] i {
  border-color: #735590;
}
[data-dialog="youssef"] [data-bulles] i {
  border-color: #bc9d00;
}
[data-bulles] i:nth-child(1) {
  width: 2rem;
  height: 2rem;
}
[data-bulles] i:nth-child(2) {
  width: 1.5rem;
  height: 1.5rem;
}
[data-bulles] i:nth-child(3) {
  width: 1rem;
  height: 1rem;
}
[data-bulles] i:nth-child(4) {
  width: 0.6rem;
  height: 0.6rem;
}
[data-bulles^="12-"] {
  bottom: 0;
  left: 2rem;
}
[data-bulles^="21-"] {
  bottom: 0;
  left: calc(33%);
}
[data-bulles^="22-"] {
  bottom: 0;
  left: calc(50%);
}
[data-bulles^="23-"] {
  bottom: 0;
  right: calc(33%);
}
[data-bulles^="32-"] {
  bottom: 0;
  right: 2rem;
}
[data-bulles$="-21"] i:nth-child(1) {
  top: 0.6em;
  right: -1rem;
}
[data-bulles$="-21"] i:nth-child(2) {
  top: calc(1.88rem + 1.164em);
  right: 0rem;
}
[data-bulles$="-21"] i:nth-child(3) {
  top: calc(3.245rem + 1.71em);
  right: 1rem;
}
[data-bulles$="-21"] i:nth-child(4) {
  top: calc(4.115rem + 0.6em * (1 + 0.94 + 0.91 + 0.87));
  right: 2rem;
}
[data-bulles$="-23"] i:nth-child(1) {
  top: 0.6em;
  left: -1rem;
}
[data-bulles$="-23"] i:nth-child(2) {
  top: calc(1.88rem + 1.164em);
  left: 0rem;
}
[data-bulles$="-23"] i:nth-child(3) {
  top: calc(3.245rem + 1.71em);
  left: 1rem;
}
[data-bulles$="-23"] i:nth-child(4) {
  top: calc(4.115rem + 0.6em * (1 + 0.94 + 0.91 + 0.87));
  left: 2rem;
}
[data-scene="01-immeubles"][data-scene-type="board"] {
  width: 300%;
  left: -150%;
}
[data-scene="01-immeubles"][data-scene-type="board"]:before {
  padding-top: 56.25%;
}
[data-scene="01-immeubles"][data-scene-type="board"].zoom {
  width: 100%;
  left: 0;
  transition: width 25s ease-out, left 25s ease-out;
}
[data-scene="01-immeubles"] [data-insert="next"] {
  display: block;
  top: 18rem;
  right: 1rem;
  width: 5rem;
}
[data-scene="01-immeubles"] [data-content^="intro-txt-"] {
  line-height: 0.8em;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 2rem;
  top: 10rem;
  left: 25rem;
  display: none;
}
[data-scene="01-immeubles"] [data-content^="intro-txt-"] p {
  margin: 0;
}
[data-scene="01-immeubles"] [data-content^="intro-txt-"] p:nth-child(2) {
  margin-left: 5rem;
}
[data-scene="01-immeubles"] [data-content^="intro-txt-"] p:nth-child(3) {
  margin-left: 10rem;
}
[data-scene="01-immeubles"] [data-sequence="01-immeubles-leo-1"] {
  top: 5rem;
  left: 5rem;
  width: 10rem;
}
[data-scene="01-personnages"][data-scene-type="board"] {
  top: auto;
  bottom: 0;
}
[data-scene="01-personnages"][data-scene-type="board"].zoom {
  width: 120%;
  left: -5%;
  transition: width 40s, left 40s;
}
[data-scene="01-personnages"] [data-insert="next"] {
  display: block;
  top: 18rem;
  right: 1rem;
  width: 5rem;
}
[data-scene="01-personnages"] [data-insert].zoom {
  margin: 0;
  transition: margin 2s, height 2s;
}
[data-scene="01-personnages"] [data-insert$="-img"] {
  height: 80%;
  padding: 0 1rem;
}
[data-scene="01-personnages"] [data-insert$="-img"].zoom {
  height: 90%;
}
[data-scene="01-personnages"] [data-insert$="-txt"] {
  font-size: 2rem;
  top: 14rem;
  font-weight: bold;
}
[data-scene="01-personnages"] [data-insert$="-txt"] strong {
  font-size: 1.25em;
}
[data-scene="01-personnages"] [data-insert="leo-img"], [data-scene="01-personnages"] [data-insert="shana-img"], [data-scene="01-personnages"] [data-insert="youssef-img"] {
  left: 40rem;
  margin-left: 5rem;
  bottom: 0;
}
[data-scene="01-personnages"] [data-insert="leo-txt"], [data-scene="01-personnages"] [data-insert="shana-txt"], [data-scene="01-personnages"] [data-insert="youssef-txt"] {
  right: 35rem;
  margin-right: 2rem;
  text-align: right;
}
[data-scene="01-personnages"] [data-insert="leila-img"], [data-scene="01-personnages"] [data-insert="raphi-img"] {
  right: 40rem;
  margin-right: 5rem;
  bottom: 0;
}
[data-scene="01-personnages"] [data-insert="leila-txt"], [data-scene="01-personnages"] [data-insert="raphi-txt"] {
  left: 35rem;
  margin-left: 2rem;
  text-align: left;
}
[data-scene="01-personnages"] [data-insert^="txt-"] {
  top: 14rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}
[data-scene="01-personnages"] [data-insert^="txt-"] p {
  margin: 0;
}
[data-scene="02-kebab"] [data-insert="leo"], [data-scene="02-kebab"] [data-insert="leila"], [data-scene="02-kebab"] [data-insert="raphi"], [data-scene="02-kebab"] [data-insert="shana"] {
  right: 45rem;
  bottom: 0;
  height: 90%;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-intro-leo-adam"], [data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-intro-leila-adam"], [data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-intro-raphi-adam"], [data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-intro-shana-adam"] {
  top: 18rem;
  left: 45rem;
  width: 20rem;
}
[data-scene="02-kebab"] [data-dialog="leo"][data-sequence="02-kebab-intro-leo-leo"], [data-scene="02-kebab"] [data-dialog="leila"][data-sequence="02-kebab-intro-leila-leila"], [data-scene="02-kebab"] [data-dialog="raphi"][data-sequence="02-kebab-intro-raphi-raphi"], [data-scene="02-kebab"] [data-dialog="shana"][data-sequence="02-kebab-intro-shana-shana"] {
  bottom: 5rem;
  left: 32rem;
  width: 20rem;
}
[data-scene="02-kebab"] [data-insert="affiche"] {
  left: 25rem;
  top: 4rem;
  width: 25rem;
}
[data-scene="02-kebab"] [data-dialog="affiche"][data-sequence="02-kebab-affiche-affiche-1"] {
  top: 3.5rem;
  left: 25rem;
  width: 25rem;
  font-size: 1.5em;
}
[data-scene="02-kebab"] [data-dialog="affiche"][data-sequence="02-kebab-affiche-affiche-2"] {
  top: 31rem;
  left: 25rem;
  width: 25rem;
}
[data-scene="02-kebab"] [data-dialog="affiche"][data-sequence="02-kebab-affiche-affiche-3"] {
  top: 33.5rem;
  left: 25rem;
  width: 26rem;
  font-size: 1.5em;
}
[data-scene="02-kebab"] [data-dialog="affiche"][data-sequence="02-kebab-affiche-affiche-3"] .dialog-more {
  top: auto;
  bottom: -1rem;
  right: -1.2rem;
}
[data-scene="02-kebab"] [data-dialog][data-sequence="02-kebab-enquete-intro"] {
  top: 16rem;
  left: 27rem;
  width: 21rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-enquete-leo-adam-1"] {
  top: 1rem;
  left: 37rem;
  width: 24rem;
}
[data-scene="02-kebab"] [data-dialog="leo"][data-sequence="02-kebab-enquete-leo-leo-1"] {
  top: 8rem;
  left: 27rem;
  width: 18rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-enquete-leo-adam-2"] {
  top: 18.5rem;
  left: 37rem;
  width: 17rem;
}
[data-scene="02-kebab"] [data-dialog="leo"][data-sequence="02-kebab-enquete-leo-leo-2"] {
  top: 24rem;
  left: 30rem;
  width: 17rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-enquete-leila-adam-1"] {
  top: 1rem;
  left: 35rem;
  width: 21rem;
}
[data-scene="02-kebab"] [data-dialog="leila"][data-sequence="02-kebab-enquete-leila-leila-1"] {
  top: 7.9rem;
  left: 29rem;
  width: 10rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-enquete-leila-adam-2"] {
  top: 13rem;
  left: 34rem;
  width: 10rem;
}
[data-scene="02-kebab"] [data-dialog="leila"][data-sequence="02-kebab-enquete-leila-leila-2"] {
  top: 24rem;
  left: 31rem;
  width: 13rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-enquete-raphi-adam"], [data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-enquete-shana-adam"] {
  top: 18rem;
  left: 45rem;
  width: 20rem;
}
[data-scene="02-kebab"] [data-dialog="raphi"][data-sequence="02-kebab-enquete-raphi-raphi"], [data-scene="02-kebab"] [data-dialog="shana"][data-sequence="02-kebab-enquete-shana-shana"] {
  bottom: 5rem;
  left: 32rem;
  width: 20rem;
}
[data-scene="02-kebab"] [data-insert="leo-portrait"][data-dialset="1"] {
  top: 8rem;
  left: 10rem;
}
[data-scene="02-kebab"] [data-insert="shana-portrait"][data-dialset="1"] {
  top: 24rem;
  left: 10rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-conclusion-dialset1-adam"] {
  top: 9rem;
  left: 25rem;
  width: 18rem;
}
[data-scene="02-kebab"] [data-dialog="leo"][data-sequence="02-kebab-conclusion-dialset1-leo"] {
  top: 16rem;
  left: 23rem;
  width: 15rem;
}
[data-scene="02-kebab"] [data-dialog="shana"][data-sequence="02-kebab-conclusion-dialset1-shana"] {
  top: 24rem;
  left: 23rem;
  width: 20rem;
}
[data-scene="02-kebab"] [data-insert="leila-portrait"][data-dialset="2"], [data-scene="02-kebab"] [data-insert="leila-portrait"][data-dialset="3"] {
  top: 8rem;
  left: 10rem;
}
[data-scene="02-kebab"] [data-insert="raphi-portrait"][data-dialset="2"], [data-scene="02-kebab"] [data-insert="raphi-portrait"][data-dialset="3"] {
  top: 24rem;
  left: 10rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-conclusion-dialset2-adam"] {
  top: 6rem;
  left: 23rem;
  width: 20rem;
}
[data-scene="02-kebab"] [data-dialog="leila"][data-sequence="02-kebab-conclusion-dialset2-leila"] {
  top: 16rem;
  left: 23rem;
  width: 15rem;
}
[data-scene="02-kebab"] [data-dialog="raphi"][data-sequence="02-kebab-conclusion-dialset2-raphi"] {
  top: 23rem;
  left: 23rem;
  width: 15rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-conclusion-dialset3-adam-1"] {
  top: 1rem;
  left: 33rem;
  width: 22rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-conclusion-dialset3-adam-2"] {
  top: 7.8rem;
  left: 25rem;
  width: 18rem;
}
[data-scene="02-kebab"] [data-dialog="leila"][data-sequence="02-kebab-conclusion-dialset3-leila"] {
  top: 18rem;
  left: 24rem;
  width: 24rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-conclusion-dialset3-adam-3"] {
  top: 23rem;
  left: 33rem;
  width: 20rem;
}
[data-scene="02-kebab"] [data-dialog="raphi"][data-sequence="02-kebab-conclusion-dialset3-raphi"] {
  top: 31.4rem;
  left: 24rem;
  width: 21rem;
}
[data-scene="02-kebab"] [data-insert="leo-portrait"][data-dialset="4"] {
  top: 8rem;
  left: 10rem;
}
[data-scene="02-kebab"] [data-insert="raphi-portrait"][data-dialset="4"] {
  top: 24rem;
  left: 10rem;
}
[data-scene="02-kebab"] [data-dialog="adam"][data-sequence="02-kebab-conclusion-dialset4-adam"] {
  top: 7rem;
  left: 27rem;
  width: 16rem;
}
[data-scene="02-kebab"] [data-dialog="leo"][data-sequence="02-kebab-conclusion-dialset4-leo"] {
  top: 15.5rem;
  left: 23rem;
  width: 16rem;
}
[data-scene="02-kebab"] [data-dialog="raphi"][data-sequence="02-kebab-conclusion-dialset4-raphi"] {
  top: 24rem;
  left: 24rem;
  width: 20rem;
}
[data-scene="02-kebab"] [data-insert="shana-portrait"][data-dialset="5"] {
  top: 8rem;
  left: 10rem;
}
[data-scene="02-kebab"] [data-dialog="shana"][data-sequence="02-kebab-conclusion-dialset5-shana"] {
  top: 15rem;
  left: 24rem;
  width: 19rem;
}
[data-scene="02-kebab"] [data-insert="leila-portrait"][data-dialset="6"] {
  top: 24rem;
  left: 10rem;
}
[data-scene="02-kebab"] [data-dialog="leila"][data-sequence="02-kebab-conclusion-dialset6-leila"] {
  top: 23rem;
  left: 25rem;
  width: 18rem;
}
[data-scene="03-chapitre2"] figure[data-content="chapitre2"] {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
}
[data-scene="03-chapitre2"] figure[data-content="chapitre2"] img {
  width: 50%;
  -webkit-transition: width 6s;
  -moz-transition: width 6s;
  -ms-transition: width 6s;
  -o-transition: width 6s;
  transition: width 6s;
}
[data-scene="03-chapitre2"] figure[data-content="chapitre2"] img.zoom {
  width: 95%;
}
[data-scene="03-immeuble"] [data-insert="leila-portrait"][data-dialset="intro"] {
  top: 8rem;
  left: 10rem;
}
[data-scene="03-immeuble"] [data-insert="shana-portrait"][data-dialset="intro"] {
  top: 24rem;
  left: 10rem;
}
[data-scene="03-immeuble"] [data-dialog="leila"][data-sequence="03-immeuble-intro-leila"] {
  top: 6rem;
  left: 24rem;
  width: 17rem;
}
[data-scene="03-immeuble"] [data-dialog="shana"][data-sequence="03-immeuble-intro-shana"] {
  top: 33rem;
  left: 24rem;
  width: 23rem;
}
[data-scene="03-interphone"] [data-insert="sarah-portrait"][data-dialset="lose-1"] {
  top: 16rem;
  right: 10rem;
}
[data-scene="03-interphone"] [data-dialog="adam"][data-sequence="03-interphone-lose-1-adam-1"] {
  top: 5rem;
  left: 21rem;
  width: 15rem;
}
[data-scene="03-interphone"] [data-dialog="sarah"][data-sequence="03-interphone-lose-1-sarah-1"] {
  top: 13rem;
  right: 24rem;
  width: 13rem;
}
[data-scene="03-interphone"] [data-dialog="adam"][data-sequence="03-interphone-lose-1-adam-2"] {
  top: 19rem;
  left: 21rem;
  width: 20rem;
}
[data-scene="03-interphone"] [data-dialog="sarah"][data-sequence="03-interphone-lose-1-sarah-2"] {
  top: 25rem;
  right: 24rem;
  width: 16rem;
}
[data-scene="03-interphone"] [data-insert="shana-portrait"][data-dialset="lose-2"] {
  top: 8rem;
  left: 8rem;
}
[data-scene="03-interphone"] [data-insert="leila-portrait"][data-dialset="lose-2"] {
  top: 24rem;
  left: 8rem;
}
[data-scene="03-interphone"] [data-dialog="shana"][data-sequence="03-interphone-lose-2-shana"] {
  top: 9.3rem;
  left: 23rem;
  width: 18rem;
}
[data-scene="03-interphone"] [data-dialog="adam"][data-sequence="03-interphone-lose-2-adam"] {
  top: 17.9rem;
  left: 34rem;
  width: 20rem;
}
[data-scene="03-interphone"] [data-dialog="leila"][data-sequence="03-interphone-lose-2-leila"] {
  top: 28.5rem;
  left: 23rem;
  width: 19rem;
}
[data-scene="03-interphone"] [data-insert="sarah-portrait"][data-dialset="win"] {
  top: 16rem;
  right: 10rem;
}
[data-scene="03-interphone"] [data-dialog="adam"][data-sequence="03-interphone-win-adam-1"] {
  top: 5rem;
  left: 26rem;
  width: 17rem;
}
[data-scene="03-interphone"] [data-dialog="sarah"][data-sequence="03-interphone-win-sarah-1"] {
  top: 12rem;
  right: 24rem;
  width: 13rem;
}
[data-scene="03-interphone"] [data-dialog="adam"][data-sequence="03-interphone-win-adam-2"] {
  top: 19rem;
  left: 13rem;
  width: 29rem;
}
[data-scene="03-interphone"] [data-dialog="sarah"][data-sequence="03-interphone-win-sarah-2"] {
  top: 26rem;
  right: 24rem;
  width: 16rem;
}
[data-scene="04-chapitre3"] figure[data-content="chapitre3"] {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
}
[data-scene="04-chapitre3"] figure[data-content="chapitre3"] img {
  width: 50%;
  -webkit-transition: width 6s;
  -moz-transition: width 6s;
  -ms-transition: width 6s;
  -o-transition: width 6s;
  transition: width 6s;
}
[data-scene="04-chapitre3"] figure[data-content="chapitre3"] img.zoom {
  width: 95%;
}
[data-scene="04-chambre"] [data-insert="sarah"] {
  bottom: 0;
  left: 22rem;
  height: 40rem;
}
[data-scene="04-chambre"] [data-dialog="adam"][data-sequence="04-chambre-intro-adam"] {
  top: 2rem;
  left: 9rem;
  width: 16rem;
}
[data-scene="04-chambre"] [data-dialog="sarah"][data-sequence="04-chambre-intro-sarah"] {
  top: 8rem;
  left: 41rem;
  width: 23rem;
}
[data-scene="04-chambre"] [data-insert="leila-portrait"][data-dialset="sac"] {
  top: 12rem;
  left: 8rem;
}
[data-scene="04-chambre"] [data-insert="sarah-portrait"][data-dialset="sac"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="04-chambre"] [data-dialog="leila"][data-sequence="04-chambre-sac-leila"] {
  top: 9rem;
  left: 21rem;
}
[data-scene="04-chambre"] [data-dialog="sarah"][data-sequence="04-chambre-sac-sarah"] {
  top: 15.2rem;
  left: 34rem;
  width: 18rem;
}
[data-scene="04-chambre"] [data-dialog="adam"][data-sequence="04-chambre-sac-adam"] {
  top: 23rem;
  left: 30rem;
  width: 15rem;
}
[data-scene="04-chambre"] [data-insert="raphi-portrait"][data-dialset="ordinateuroff"], [data-scene="04-chambre"] [data-insert="raphi-portrait"][data-dialset="ordinateuron"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="04-chambre"] [data-dialog="adam"][data-sequence="04-chambre-ordinateuroff-adam"] {
  top: 6rem;
  left: 23rem;
  width: 20rem;
}
[data-scene="04-chambre"] [data-dialog="raphi"][data-sequence="04-chambre-ordinateuroff-raphi"] {
  top: 15rem;
  left: 32rem;
  width: 20rem;
}
[data-scene="04-chambre"] [data-dialog="adam"][data-sequence="04-chambre-ordinateuron-adam"] {
  top: 6rem;
  left: 23rem;
  width: 20rem;
}
[data-scene="04-chambre"] [data-dialog="raphi"][data-sequence="04-chambre-ordinateuron-raphi"] {
  top: 15rem;
  left: 32rem;
  width: 20rem;
}
[data-scene="04-chambre"] [data-insert="sarah-portrait"][data-dialset="dessins"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="04-chambre"] [data-dialog="adam"][data-sequence="04-chambre-dessins-adam-1"] {
  top: 5rem;
  left: 8rem;
  width: 17rem;
}
[data-scene="04-chambre"] [data-dialog="adam"][data-sequence="04-chambre-dessins-adam-2"] {
  top: 5rem;
  left: 27rem;
  width: 20rem;
}
[data-scene="04-chambre"] [data-dialog="sarah"][data-sequence="04-chambre-dessins-sarah-1"] {
  top: 14rem;
  left: 32rem;
  width: 20rem;
}
[data-scene="04-chambre"] [data-dialog="adam"][data-sequence="04-chambre-dessins-adam-3"] {
  top: 23rem;
  left: 29rem;
  width: 20rem;
}
[data-scene="04-chambre"] [data-dialog="sarah"][data-sequence="04-chambre-dessins-sarah-2"] {
  top: 27rem;
  left: 50rem;
  width: 16rem;
}
[data-scene="04-chambre"] [data-insert="leila-portrait"][data-dialset="conclusion"] {
  top: 12rem;
  right: 2rem;
}
[data-scene="04-chambre"] [data-dialog="sarah"][data-sequence="04-chambre-conclusion-sarah-1"] {
  top: 4rem;
  left: 41rem;
  width: 21rem;
}
[data-scene="04-chambre"] [data-dialog="leila"][data-sequence="04-chambre-conclusion-leila"] {
  top: 13rem;
  left: 46rem;
  width: 12rem;
}
[data-scene="04-chambre"] [data-dialog="adam"][data-sequence="04-chambre-conclusion-adam"] {
  top: 20.6rem;
  left: 44rem;
  width: 15rem;
}
[data-scene="04-chambre"] [data-dialog="sarah"][data-sequence="04-chambre-conclusion-sarah-2"] {
  top: 29.5rem;
  left: 35rem;
  width: 13rem;
}
[data-scene="04-tiroir"] [data-insert="raphi-portrait"][data-dialset="intro"] {
  top: 18rem;
  left: 8rem;
}
[data-scene="04-tiroir"] [data-dialog="adam"][data-sequence="04-tiroir-intro-adam"] {
  top: 4rem;
  left: 2rem;
  width: 28rem;
}
[data-scene="04-tiroir"] [data-dialog="raphi"][data-sequence="04-tiroir-intro-raphi-ordioui"] {
  top: 13rem;
  left: 18rem;
  width: 17rem;
}
[data-scene="04-tiroir"] [data-dialog="raphi"][data-sequence="04-tiroir-intro-raphi-ordinon"] {
  top: 13rem;
  left: 18rem;
  width: 14rem;
}
[data-scene="04-ordinateur"] [data-insert="shana-portrait"][data-dialset="zoutube"] {
  top: 12rem;
  left: 17rem;
}
[data-scene="04-ordinateur"] [data-dialog="shana"][data-sequence="04-ordinateur-lycos-zoutube-shana"] {
  top: 27rem;
  left: 7rem;
  width: 27rem;
}
[data-scene="04-ordinateur"] [data-insert="raphi-portrait"][data-dialset="switch"] {
  top: 12rem;
  left: 27rem;
}
[data-scene="04-ordinateur"] [data-dialog="raphi"][data-sequence="04-ordinateur-lycos-switch-raphi"] {
  top: 27rem;
  left: 10rem;
  width: 23rem;
}
[data-scene="04-ordinateur"] [data-insert="leo-portrait"][data-dialset="bigtorrent"] {
  top: 12rem;
  left: 38rem;
}
[data-scene="04-ordinateur"] [data-dialog="leo"][data-sequence="04-ordinateur-lycos-bigtorrent-leo"] {
  top: 27rem;
  left: 39rem;
  width: 27rem;
}
[data-scene="04-ordinateur"] [data-insert="raphi-portrait"][data-dialset="bombe"] {
  top: 18rem;
  left: 2rem;
}
[data-scene="04-ordinateur"] [data-dialog="adam"][data-sequence="04-ordinateur-lycos-bombe-adam-1"] {
  top: 8rem;
  left: 27rem;
  width: 16rem;
}
[data-scene="04-ordinateur"] [data-dialog="raphi"][data-sequence="04-ordinateur-lycos-bombe-raphi"] {
  top: 33rem;
  left: 10rem;
  width: 21rem;
}
[data-scene="04-ordinateur"] [data-dialog="adam"][data-sequence="04-ordinateur-lycos-bombe-adam-2"] {
  top: 33rem;
  left: 35rem;
  width: 22rem;
}
[data-scene="05-chapitre2"] figure[data-content="chapitre2"] {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
}
[data-scene="05-chapitre2"] figure[data-content="chapitre2"] img {
  width: 50%;
  -webkit-transition: width 6s;
  -moz-transition: width 6s;
  -ms-transition: width 6s;
  -o-transition: width 6s;
  transition: width 6s;
}
[data-scene="05-chapitre2"] figure[data-content="chapitre2"] img.zoom {
  width: 95%;
}
[data-scene="05-cdi"] [data-insert="leo-portrait"][data-dialset="livres"] {
  top: 16rem;
  right: 10rem;
}
[data-scene="05-cdi"] [data-insert="leo-portrait"][data-dialset="momo-1"] {
  top: 8rem;
  left: 8rem;
}
[data-scene="05-cdi"] [data-insert="raphi-portrait"][data-dialset="momo-2"] {
  top: 24rem;
  left: 8rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-livres-adam-1"] {
  top: 9rem;
  left: 24rem;
  width: 23rem;
}
[data-scene="05-cdi"] [data-dialog="leo"][data-sequence="05-cdi-livres-leo"] {
  top: 17rem;
  left: 31rem;
  width: 19rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-livres-adam-2"] {
  top: 26rem;
  left: 17rem;
  width: 20rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-bibliothecaire-1-adam"] {
  top: 3rem;
  left: 1rem;
  width: 16rem;
}
[data-scene="05-cdi"] [data-dialog="bibliothecaire"][data-sequence="05-cdi-bibliothecaire-1-bibliothecaire-1"] {
  top: 11rem;
  left: 33rem;
  width: 21rem;
}
[data-scene="05-cdi"] [data-dialog="bibliothecaire"][data-sequence="05-cdi-bibliothecaire-1-bibliothecaire-2"] {
  top: 21rem;
  left: 33rem;
  width: 23rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-bibliothecaire-2-adam"] {
  top: 4rem;
  left: 4rem;
  width: 14rem;
}
[data-scene="05-cdi"] [data-dialog="bibliothecaire"][data-sequence="05-cdi-bibliothecaire-2-bibliothecaire"] {
  top: 10rem;
  left: 33rem;
  width: 24rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-luna-adam"] {
  top: 5rem;
  left: 10rem;
  width: 17rem;
}
[data-scene="05-cdi"] [data-dialog="luna"][data-sequence="05-cdi-luna-luna"] {
  top: 13rem;
  left: 39rem;
  width: 13rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-samuel-adam"] {
  top: 9rem;
  left: 27rem;
  width: 13rem;
}
[data-scene="05-cdi"] [data-dialog="samuel"][data-sequence="05-cdi-samuel-samuel"] {
  top: 11rem;
  left: 52rem;
  width: 14rem;
}
[data-scene="05-cdi"] [data-dialog="leo"][data-sequence="05-cdi-momo-1-leo-1"] {
  top: 1rem;
  left: 30rem;
  width: 23rem;
}
[data-scene="05-cdi"] [data-dialog="leo"][data-sequence="05-cdi-momo-1-leo-2"] {
  top: 8rem;
  left: 23rem;
  width: 23rem;
}
[data-scene="05-cdi"] [data-dialog="leo"][data-sequence="05-cdi-momo-1-leo-3"] {
  top: 18.3rem;
  left: 26rem;
  width: 23rem;
}
[data-scene="05-cdi"] [data-dialog="leo"][data-sequence="05-cdi-momo-1-leo-4"] {
  top: 27rem;
  left: 31rem;
  width: 24rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-momo-2-adam"] {
  top: 14rem;
  left: 12rem;
  width: 18rem;
}
[data-scene="05-cdi"] [data-dialog="raphi"][data-sequence="05-cdi-momo-2-raphi"] {
  top: 23rem;
  left: 23rem;
  width: 18rem;
}
[data-scene="05-cdi"] [data-insert="raphi-portrait"][data-dialset^="purge-"], [data-scene="05-cdi"] [data-insert="shana-portrait"][data-dialset^="purge-"] {
  top: 16rem;
  left: 8rem;
}
[data-scene="05-cdi"] [data-insert="leila-portrait"][data-dialset^="purge-"] {
  top: 16rem;
  right: 8rem;
}
[data-scene="05-cdi"] [data-dialog="raphi"][data-sequence="05-cdi-purge-1-raphi"] {
  top: 6rem;
  left: 7rem;
  width: 19rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-purge-2-adam-1"] {
  top: 7rem;
  left: 28rem;
  width: 20rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-purge-2-adam-2"] {
  top: 17rem;
  left: 30rem;
  width: 16rem;
}
[data-scene="05-cdi"] [data-dialog="raphi"][data-sequence="05-cdi-purge-2-raphi"] {
  top: 24rem;
  left: 22rem;
  width: 20rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-purge-3-adam-1"] {
  top: 4.2rem;
  left: 25rem;
  width: 25rem;
}
[data-scene="05-cdi"] [data-dialog="leila"][data-sequence="05-cdi-purge-3-leila"] {
  top: 16rem;
  left: 41rem;
  width: 11rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-purge-3-adam-2"] {
  top: 20.7rem;
  left: 30rem;
  width: 15rem;
}
[data-scene="05-cdi"] [data-dialog="raphi"][data-sequence="05-cdi-purge-3-raphi"] {
  top: 27.2rem;
  left: 18rem;
  width: 23rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-purge-3-adam-3"] {
  top: 31.9rem;
  left: 36rem;
  width: 8rem;
}
[data-scene="05-cdi"] [data-dialog="adam"][data-sequence="05-cdi-purge-4-adam"] {
  top: 4rem;
  left: 25rem;
  width: 25rem;
}
[data-scene="05-cdi"] [data-dialog="leila"][data-sequence="05-cdi-purge-4-leila"] {
  top: 17.2rem;
  left: 34rem;
  width: 18rem;
}
[data-scene="05-cdi"] [data-dialog="shana"][data-sequence="05-cdi-purge-4-shana"] {
  top: 23rem;
  left: 24rem;
  width: 16rem;
}
[data-scene="06-chapitre2"] figure[data-content="chapitre2"] {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
}
[data-scene="06-chapitre2"] figure[data-content="chapitre2"] img {
  width: 50%;
  -webkit-transition: width 6s;
  -moz-transition: width 6s;
  -ms-transition: width 6s;
  -o-transition: width 6s;
  transition: width 6s;
}
[data-scene="06-chapitre2"] figure[data-content="chapitre2"] img.zoom {
  width: 95%;
}
[data-scene="06-place"] [data-insert="graph"][data-dialset^="graph"] {
  top: 0rem;
  left: 20rem;
  width: 35rem;
}
[data-scene="06-place"] [data-insert="raphi-portrait"][data-dialset="graph"] {
  top: 18rem;
  left: 8rem;
}
[data-scene="06-place"] [data-insert="leo-portrait"][data-dialset="graph"] {
  top: 18rem;
  right: 8rem;
}
[data-scene="06-place"] [data-dialog="raphi"][data-sequence="06-place-graph-raphi-1"] {
  top: 15rem;
  left: 24rem;
  width: 22rem;
}
[data-scene="06-place"] [data-dialog="leo"][data-sequence="06-place-graph-leo"] {
  top: 22rem;
  right: 24rem;
  width: 16rem;
}
[data-scene="06-place"] [data-dialog="raphi"][data-sequence="06-place-graph-raphi-2"] {
  top: 31rem;
  left: 18rem;
  width: 22rem;
}
[data-scene="06-place"] [data-insert="shana-portrait"][data-dialset="graphtel"] {
  top: 18rem;
  left: 8rem;
}
[data-scene="06-place"] [data-insert="raphi-portrait"][data-dialset="graphtel"] {
  top: 18rem;
  right: 8rem;
}
[data-scene="06-place"] [data-dialog="shana"][data-sequence="06-place-graphtel-shana"] {
  top: 15rem;
  left: 24rem;
  width: 15rem;
}
[data-scene="06-place"] [data-dialog="raphi"][data-sequence="06-place-graphtel-raphi"] {
  top: 22rem;
  right: 24rem;
  width: 15rem;
}
[data-scene="06-place"] [data-insert="leo-portrait"][data-dialset="ados-1"] {
  top: 8rem;
  left: 8rem;
}
[data-scene="06-place"] [data-insert="shana-portrait"][data-dialset="ados-1"] {
  top: 16rem;
  right: 8rem;
}
[data-scene="06-place"] [data-insert="leila-portrait"][data-dialset="ados-1"] {
  top: 24rem;
  left: 8rem;
}
[data-scene="06-place"] [data-dialog="leo"][data-sequence="06-place-ados-1-leo"] {
  top: 10.4rem;
  left: 24rem;
  width: 22rem;
}
[data-scene="06-place"] [data-dialog="shana"][data-sequence="06-place-ados-1-shana"] {
  top: 18rem;
  right: 24rem;
  width: 21rem;
}
[data-scene="06-place"] [data-dialog="leila"][data-sequence="06-place-ados-1-leila"] {
  top: 27.3rem;
  left: 24rem;
  width: 20rem;
}
[data-scene="06-place"] [data-insert="ado1-portrait"][data-dialset="ados-2"] {
  top: 12rem;
  left: 8rem;
}
[data-scene="06-place"] [data-insert="ado2-portrait"][data-dialset="ados-2"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="06-place"] [data-dialog="adam"][data-sequence="06-place-ados-2-adam"] {
  top: 1.8rem;
  left: 29rem;
  width: 17rem;
}
[data-scene="06-place"] [data-dialog="ado1"][data-sequence="06-place-ados-2-ado1-1"] {
  top: 9rem;
  left: 24rem;
  width: 14rem;
}
[data-scene="06-place"] [data-dialog="ado2"][data-sequence="06-place-ados-2-ado2"] {
  top: 16rem;
  right: 23rem;
  width: 17rem;
}
[data-scene="06-place"] [data-dialog="ado1"][data-sequence="06-place-ados-2-ado1-2"] {
  top: 23rem;
  left: 21rem;
  width: 18rem;
}
[data-scene="06-place"] [data-insert="ado1-portrait"][data-dialset="ados-3"] {
  top: 12rem;
  left: 8rem;
}
[data-scene="06-place"] [data-insert="ado2-portrait"][data-dialset="ados-3"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="06-place"] [data-dialog="adam"][data-sequence="06-place-ados-3-adam"] {
  top: 4rem;
  left: 29.5rem;
  width: 16rem;
}
[data-scene="06-place"] [data-dialog="ado1"][data-sequence="06-place-ados-3-ado1"] {
  top: 11.2rem;
  left: 24rem;
  width: 16rem;
}
[data-scene="06-place"] [data-dialog="ado2"][data-sequence="06-place-ados-3-ado2"] {
  top: 20rem;
  right: 23rem;
  width: 15rem;
}
[data-scene="06-place"] [data-dialog="adam"][data-sequence="06-place-concierge-1-adam"] {
  top: 2rem;
  left: 14rem;
  width: 22rem;
}
[data-scene="06-place"] [data-dialog="concierge"][data-sequence="06-place-concierge-1-concierge"] {
  top: 11rem;
  left: 31rem;
  width: 18rem;
}
[data-scene="06-place"] [data-dialog="adam"][data-sequence="06-place-concierge-2-adam-1"] {
  top: 7rem;
  left: 23rem;
  width: 13rem;
}
[data-scene="06-place"] [data-dialog="concierge"][data-sequence="06-place-concierge-2-concierge-1"] {
  top: 12rem;
  left: 33rem;
  width: 12rem;
}
[data-scene="06-place"] [data-dialog="adam"][data-sequence="06-place-concierge-2-adam-2"] {
  top: 23.8rem;
  left: 21rem;
  width: 10rem;
}
[data-scene="06-place"] [data-dialog="concierge"][data-sequence="06-place-concierge-2-concierge-2"] {
  top: 29rem;
  left: 28rem;
  width: 26rem;
}
[data-scene="06-mrphone"] [data-insert="mrphone-portrait"][data-dialset="welcome"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="06-mrphone"] [data-dialog="mrphone"][data-sequence="06-mrphone-welcome-mrphone-1"] {
  top: 5rem;
  left: 17rem;
  width: 25rem;
}
[data-scene="06-mrphone"] [data-dialog="adam"][data-sequence="06-mrphone-welcome-adam"] {
  top: 13.8rem;
  left: 10rem;
  width: 17rem;
}
[data-scene="06-mrphone"] [data-dialog="mrphone"][data-sequence="06-mrphone-welcome-mrphone-2"] {
  top: 21rem;
  left: 19rem;
  width: 22rem;
}
[data-scene="06-carton"] [data-insert="mrphone-portrait"][data-dialset="intro"] {
  top: 8rem;
  left: 8rem;
}
[data-scene="06-carton"] [data-dialog="mrphone"][data-sequence="06-carton-intro-mrphone"] {
  top: 1rem;
  left: 18rem;
  width: 26rem;
}
[data-scene="06-carton"] [data-insert="mrphone-portrait"][data-dialset="nego"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="06-carton"] [data-dialog="adam"][data-sequence="06-carton-nego-adam-1"] {
  top: 1rem;
  left: 22rem;
  width: 24rem;
}
[data-scene="06-carton"] [data-dialog="mrphone"][data-sequence="06-carton-nego-mrphone-1"] {
  top: 8rem;
  right: 21rem;
  width: 14rem;
}
[data-scene="06-carton"] [data-dialog="adam"][data-sequence="06-carton-nego-adam-2"] {
  top: 14.9rem;
  left: 19rem;
  width: 25rem;
}
[data-scene="06-carton"] [data-dialog="mrphone"][data-sequence="06-carton-nego-mrphone-2"] {
  top: 20rem;
  right: 22rem;
  width: 18rem;
}
[data-scene="06-carton"] [data-dialog="adam"][data-sequence="06-carton-nego-adam-3"] {
  top: 27rem;
  left: 25rem;
  width: 21rem;
}
[data-scene="06-carton"] [data-dialog="mrphone"][data-sequence="06-carton-nego-mrphone-3"] {
  top: 34rem;
  right: 15rem;
  width: 17rem;
}
[data-scene="06-smartphone"] [data-insert="06-smartphone-display"] {
  display: flex;
  top: 20.8rem;
  left: 30.8rem;
  width: 12.1rem;
  height: 2.3rem;
  font-size: 2rem;
  color: #fff;
  padding-left: 1.5rem;
  letter-spacing: 2rem;
  -webkit-transform: rotate(-3.4deg);
  -moz-transform: rotate(-3.4deg);
  -ms-transform: rotate(-3.4deg);
  -o-transform: rotate(-3.4deg);
  transform: rotate(-3.4deg);
}
[data-scene="06-smartphone"] [data-insert="06-smartphone-display"].success {
  color: #3f3;
}
[data-scene="06-smartphone"] [data-insert="06-smartphone-display"].error {
  color: #f33;
}
[data-scene="06-smartphone"] [data-insert="leo-portrait"][data-dialset="recherche-1"] {
  top: 6rem;
  left: 8rem;
}
[data-scene="06-smartphone"] [data-insert="shana-portrait"][data-dialset="recherche-1"] {
  top: 6rem;
  right: 8rem;
}
[data-scene="06-smartphone"] [data-dialog="adam"][data-sequence="06-smartphone-recherche-1-adam"] {
  top: 1rem;
  left: 31rem;
  width: 16rem;
}
[data-scene="06-smartphone"] [data-dialog="leo"][data-sequence="06-smartphone-recherche-1-leo"] {
  top: 6rem;
  left: 23rem;
  width: 20rem;
}
[data-scene="06-smartphone"] [data-dialog="shana"][data-sequence="06-smartphone-recherche-1-shana"] {
  top: 11.3rem;
  left: 35rem;
  width: 17rem;
}
[data-scene="06-smartphone"] [data-insert="raphi-portrait"][data-dialset="recherche-2"] {
  top: 6rem;
  left: 8rem;
}
[data-scene="06-smartphone"] [data-insert="shana-portrait"][data-dialset="recherche-2"] {
  top: 6rem;
  right: 8rem;
}
[data-scene="06-smartphone"] [data-dialog="raphi"][data-sequence="06-smartphone-recherche-2-raphi-1"] {
  top: 1rem;
  left: 22rem;
  width: 24rem;
}
[data-scene="06-smartphone"] [data-dialog="shana"][data-sequence="06-smartphone-recherche-2-shana"] {
  top: 7.5rem;
  left: 33rem;
  width: 18rem;
}
[data-scene="06-smartphone"] [data-dialog="raphi"][data-sequence="06-smartphone-recherche-2-raphi-2"] {
  top: 14rem;
  left: 24.4rem;
  width: 19rem;
}
[data-scene="06-messenger"] [data-insert="leila-portrait"][data-dialset="intro"] {
  top: 12rem;
  left: 8rem;
}
[data-scene="06-messenger"] [data-insert="raphi-portrait"][data-dialset="intro"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="06-messenger"] [data-dialog="adam"][data-sequence="06-messenger-intro-adam-1"] {
  top: 6rem;
  left: 31rem;
}
[data-scene="06-messenger"] [data-dialog="leila"][data-sequence="06-messenger-intro-leila"] {
  top: 8em;
  left: 23rem;
  width: 24rem;
}
[data-scene="06-messenger"] [data-dialog="adam"][data-sequence="06-messenger-intro-adam-2"] {
  top: 20rem;
  left: 37rem;
}
[data-scene="06-messenger"] [data-dialog="raphi"][data-sequence="06-messenger-intro-raphi"] {
  top: 26rem;
  left: 42rem;
}
[data-scene="06-messenger"] [data-insert="leila-portrait"][data-dialset="leila"] {
  top: 9rem;
  left: 8rem;
}
[data-scene="06-messenger"] [data-dialog="leila"][data-sequence="06-messenger-leila-leila"] {
  top: 16em;
  left: 15rem;
  width: 16rem;
}
[data-scene="06-messenger"] [data-insert="shana-portrait"][data-dialset="maman"] {
  top: 9rem;
  left: 8rem;
}
[data-scene="06-messenger"] [data-dialog="shana"][data-sequence="06-messenger-maman-shana"] {
  top: 16em;
  left: 15rem;
  width: 16rem;
}
[data-scene="06-messenger"] [data-insert="leo-portrait"][data-dialset="viescolaire"] {
  top: 9rem;
  left: 8rem;
}
[data-scene="06-messenger"] [data-dialog="leo"][data-sequence="06-messenger-viescolaire-leo"] {
  top: 16em;
  left: 15rem;
  width: 23rem;
}
[data-scene="07-chapitre4"] figure[data-content="chapitre4"] {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
}
[data-scene="07-chapitre4"] figure[data-content="chapitre4"] img {
  width: 50%;
  -webkit-transition: width 6s;
  -moz-transition: width 6s;
  -ms-transition: width 6s;
  -o-transition: width 6s;
  transition: width 6s;
}
[data-scene="07-chapitre4"] figure[data-content="chapitre4"] img.zoom {
  width: 95%;
}
[data-scene="07-place"] [data-insert="ado1-portrait"][data-dialset="ado1"] {
  top: 12rem;
  left: 8rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-ado1-adam-1"] {
  top: 4rem;
  left: 30rem;
  width: 13rem;
}
[data-scene="07-place"] [data-dialog="ado1"][data-sequence="07-place-ado1-ado1-1"] {
  top: 11rem;
  left: 24rem;
  width: 14rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-ado1-adam-2"] {
  top: 16rem;
  left: 30rem;
  width: 13rem;
}
[data-scene="07-place"] [data-dialog="ado1"][data-sequence="07-place-ado1-ado1-2"] {
  top: 21rem;
  left: 24rem;
  width: 18rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-concierge-adam-1"] {
  top: 5rem;
  left: 10rem;
  width: 22rem;
}
[data-scene="07-place"] [data-dialog="concierge"][data-sequence="07-place-concierge-concierge-1"] {
  top: 13rem;
  left: 20.5rem;
  width: 16rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-concierge-adam-2"] {
  top: 21rem;
  left: 10rem;
  width: 14rem;
}
[data-scene="07-place"] [data-dialog="concierge"][data-sequence="07-place-concierge-concierge-2"] {
  top: 29rem;
  left: 20.5rem;
  width: 33rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-mrphone-1-adam-1"] {
  top: 6rem;
  left: 20rem;
  width: 24rem;
}
[data-scene="07-place"] [data-dialog="mrphone"][data-sequence="07-place-mrphone-1-mrphone-1"] {
  top: 13rem;
  left: 35rem;
  width: 20rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-mrphone-1-adam-2"] {
  top: 18.2rem;
  left: 20rem;
  width: 24rem;
}
[data-scene="07-place"] [data-dialog="mrphone"][data-sequence="07-place-mrphone-1-mrphone-2"] {
  top: 25rem;
  left: 30rem;
  width: 18rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-mrphone-1-adam-3"] {
  top: 30rem;
  left: 20rem;
  width: 21rem;
}
[data-scene="07-place"] [data-dialog="mrphone"][data-sequence="07-place-mrphone-2-mrphone-1"] {
  top: 2rem;
  left: 30rem;
  width: 24rem;
}
[data-scene="07-place"] [data-dialog="mrphone"][data-sequence="07-place-mrphone-2-mrphone-2"] {
  top: 12.4rem;
  left: 23rem;
  width: 25rem;
}
[data-scene="07-place"] [data-dialog="mrphone"][data-sequence="07-place-mrphone-2-mrphone-3"] {
  top: 21rem;
  left: 29rem;
  width: 19rem;
}
[data-scene="07-place"] [data-dialog="mrphone"][data-sequence="07-place-mrphone-2-mrphone-4"] {
  top: 29.6rem;
  left: 35rem;
  width: 19rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-mrphone-3-adam-1"] {
  top: 16rem;
  left: 22rem;
  width: 16rem;
}
[data-scene="07-place"] [data-dialog="mrphone"][data-sequence="07-place-mrphone-3-mrphone"] {
  top: 21rem;
  left: 33rem;
  width: 16rem;
}
[data-scene="07-place"] [data-dialog="adam"][data-sequence="07-place-mrphone-3-adam-2"] {
  top: 26rem;
  left: 27rem;
  width: 11rem;
}
[data-scene="08-hyper"] [data-insert="youssef-hyper-nuit"] {
  top: 28.6rem;
  left: 62.2rem;
  height: 5.7rem;
}
.wins-step-08-hyper-youssef-found [data-scene="08-hyper"] [data-insert="youssef-hyper-nuit"] {
  display: block;
}
[data-scene="08-hyper"] [data-insert="youssef"] {
  bottom: 0rem;
  left: 25rem;
  height: 40rem;
}
[data-scene="08-hyper"] [data-dialog="adam"][data-sequence="08-hyper-voiture1-adam"] {
  top: 24rem;
  left: 8rem;
  width: 7rem;
}
[data-scene="08-hyper"] [data-dialog="adam"][data-sequence="08-hyper-voiture2-adam"] {
  top: 23rem;
  left: 43rem;
  width: 11rem;
}
.focused.focused-voiture3 [data-scene="08-hyper"] [data-insert="focus-clear"] {
  display: block;
}
[data-scene="08-hyper"] [data-dialog="adam"][data-sequence="08-hyper-voiture3-adam"] {
  top: 22rem;
  left: 53rem;
  width: 13rem;
}
[data-scene="08-hyper"] [data-dialog="adam"][data-sequence="08-hyper-youssef-1-adam"] {
  top: 2rem;
  left: 46rem;
  width: 21rem;
}
[data-scene="08-hyper"] [data-dialog="youssef"][data-sequence="08-hyper-youssef-1-youssef"] {
  top: 13rem;
  left: 43rem;
  width: 11rem;
}
[data-scene="08-hyper"] [data-insert="leila-portrait"][data-dialset="youssef-2"] {
  top: 12rem;
  right: 8rem;
}
[data-scene="08-hyper"] [data-dialog="leila"][data-sequence="08-hyper-youssef-2-leila"] {
  top: 3rem;
  left: 51rem;
  width: 17rem;
}
[data-scene="08-hyper"] [data-dialog="adam"][data-sequence="08-hyper-youssef-2-adam"] {
  top: 16rem;
  left: 28rem;
  width: 20rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-insert="youssef"] {
  bottom: 0;
  left: auto;
  right: 0;
  height: 31rem;
}
[data-scene="08-hyper"] [data-subscene="team"] .team-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 55.1111111111rem;
  height: 31rem;
}
[data-scene="08-hyper"] [data-subscene="team"] .team-box > * {
  position: absolute;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="shana"][data-sequence="08-hyper-team-shana-shana"] {
  top: 5rem;
  left: 7rem;
  width: 23rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="youssef"][data-sequence="08-hyper-team-shana-youssef"] {
  top: 25rem;
  right: 15rem;
  width: 15rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="raphi"][data-sequence="08-hyper-team-raphi-raphi"] {
  top: 4rem;
  left: 21rem;
  width: 24rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="youssef"][data-sequence="08-hyper-team-raphi-youssef"] {
  top: 25rem;
  right: 15rem;
  width: 17rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="leo"][data-sequence="08-hyper-team-leo-leo"] {
  top: 2rem;
  left: 42rem;
  width: 22rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="youssef"][data-sequence="08-hyper-team-leo-youssef"] {
  top: 25rem;
  right: 15rem;
  width: 11rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="leila"][data-sequence="08-hyper-team-leila-leila-1"] {
  top: 2rem;
  left: 32rem;
  width: 22rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="youssef"][data-sequence="08-hyper-team-leila-youssef-1"] {
  top: 8.8rem;
  left: 46rem;
  width: 16rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="leila"][data-sequence="08-hyper-team-leila-leila-2"] {
  top: 15.7rem;
  left: 39rem;
  width: 20rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="youssef"][data-sequence="08-hyper-team-leila-youssef-2"] {
  top: 20.6rem;
  left: 51rem;
  width: 10rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="leila"][data-sequence="08-hyper-team-leila-leila-3"] {
  top: 25.5rem;
  left: 40rem;
  width: 17rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="youssef"][data-sequence="08-hyper-team-leila-youssef-3"] {
  top: 32rem;
  left: 48rem;
  width: 17rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="youssef"][data-sequence="08-hyper-team-youssafe-1-youssef"] {
  top: 25rem;
  right: 15rem;
  width: 19rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="raphi"][data-sequence="08-hyper-team-youssafe-2-raphi"] {
  top: 3rem;
  left: 10rem;
  width: 13rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="leila"][data-sequence="08-hyper-team-youssafe-2-leila"] {
  top: 4rem;
  left: 31rem;
  width: 17rem;
}
[data-scene="08-hyper"] [data-subscene="team"] [data-dialog="youssef"][data-sequence="08-hyper-team-bombe-youssef"] {
  top: 25rem;
  right: 15rem;
  width: 17rem;
}
[data-scene="08-poubelle"] [data-dialog="adam"][data-sequence="08-poubelle-intro-adam"] {
  top: 4rem;
  left: 50rem;
  width: 14rem;
}
[data-scene="08-poubelle"] [data-dialog="adam"][data-sequence="08-poubelle-bombe-adam"] {
  top: 14rem;
  left: 25rem;
  width: 9rem;
}
[data-scene="08-bombe"] [data-insert="leo-portrait"][data-dialset="intro"] {
  top: 2rem;
  left: 4rem;
}
[data-scene="08-bombe"] [data-insert="shana-portrait"][data-dialset="intro"] {
  top: 15rem;
  left: 7rem;
}
[data-scene="08-bombe"] [data-insert="raphi-portrait"][data-dialset="intro"] {
  top: 28rem;
  left: 10rem;
}
[data-scene="08-bombe"] [data-dialog="adam"][data-sequence="08-bombe-intro-adam-1"] {
  top: 4rem;
  left: 25rem;
  width: 18rem;
}
[data-scene="08-bombe"] [data-dialog="leo"][data-sequence="08-bombe-intro-leo"] {
  top: 11rem;
  left: 19rem;
  width: 12rem;
}
[data-scene="08-bombe"] [data-dialog="shana"][data-sequence="08-bombe-intro-shana"] {
  top: 18rem;
  left: 22rem;
  width: 13rem;
}
[data-scene="08-bombe"] [data-dialog="adam"][data-sequence="08-bombe-intro-adam-2"] {
  top: 25rem;
  left: 27rem;
  width: 14rem;
}
[data-scene="08-bombe"] [data-dialog="raphi"][data-sequence="08-bombe-intro-raphi"] {
  top: 32rem;
  left: 25rem;
  width: 17rem;
}
[data-scene="08-bombe"] [data-insert="raphi-portrait"][data-dialset="plan-plan"] {
  top: 28rem;
  left: 10rem;
}
[data-scene="08-bombe"] [data-dialog="adam"][data-sequence="08-bombe-plan-plan-adam"] {
  top: 2rem;
  left: 21rem;
  width: 13rem;
}
[data-scene="08-bombe"] [data-dialog="raphi"][data-sequence="08-bombe-plan-plan-raphi"] {
  top: 29rem;
  left: 25rem;
  width: 17rem;
}
[data-scene="08-bombe"] [data-subscene="planzoom"] [data-insert="raphi-portrait"][data-sequence="08-bombe-planzoom-pile"] {
  top: 1rem;
  left: 36rem;
}
[data-scene="08-bombe"] [data-subscene="planzoom"] [data-dialog="adam"][data-sequence="08-bombe-planzoom-schema-adam"] {
  top: 10rem;
  left: 21rem;
  width: 13rem;
}
[data-scene="08-bombe"] [data-subscene="planzoom"] [data-dialog="raphi"][data-sequence="08-bombe-planzoom-pile-raphi"] {
  top: 3rem;
  left: 51rem;
  width: 19rem;
}
[data-scene="08-bombe"] [data-subscene="mecanisme"] [data-insert="raphi-portrait"][data-dialset="mecanisme-pile"] {
  top: 11rem;
  left: 26rem;
}
[data-scene="08-bombe"] [data-subscene="mecanisme"] [data-dialog="adam"][data-sequence="08-bombe-mecanisme-pile-adam"] {
  top: 1rem;
  left: 36rem;
  width: 13rem;
}
[data-scene="08-bombe"] [data-subscene="mecanisme"] [data-dialog="raphi"][data-sequence="08-bombe-mecanisme-pile-raphi"] {
  top: 25rem;
  left: 32rem;
  width: 19rem;
}
[data-scene="08-bombe"] [data-subscene="mecanisme"] [data-dialog="raphi"][data-sequence="08-bombe-mecanisme-explosif"] {
  top: 30rem;
  left: 21rem;
  width: 19rem;
}
[data-scene="08-bombe"] [data-subscene="deconnectee"] [data-insert="bombe-deconnectee"] {
  display: block !important;
  top: 15.3rem;
  left: 54.35rem;
  width: 25.5rem;
}
[data-scene="08-bombe"] [data-subscene="deconnectee"] [data-insert="raphi-portrait"][data-dialset="deconnectee-intro"] {
  top: 8rem;
  left: 8rem;
}
[data-scene="08-bombe"] [data-subscene="deconnectee"] [data-insert="leila-portrait"][data-dialset="deconnectee-intro"] {
  top: 24rem;
  left: 8rem;
}
[data-scene="08-bombe"] [data-subscene="deconnectee"] [data-dialog="raphi"][data-sequence="08-bombe-deconnectee-intro-raphi"] {
  top: 3rem;
  left: 17rem;
  width: 8rem;
}
[data-scene="08-bombe"] [data-subscene="deconnectee"] [data-dialog="leila"][data-sequence="08-bombe-deconnectee-intro-leila"] {
  top: 32rem;
  left: 22rem;
  width: 15rem;
}
[data-scene="09-epilogue"] figure[data-content="visuel-chapitre"], [data-scene="09-tobecontinued"] figure[data-content="visuel-chapitre"] {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
}
[data-scene="09-epilogue"] figure[data-content="visuel-chapitre"] img, [data-scene="09-tobecontinued"] figure[data-content="visuel-chapitre"] img {
  width: 50%;
  -webkit-transition: width 6s;
  -moz-transition: width 6s;
  -ms-transition: width 6s;
  -o-transition: width 6s;
  transition: width 6s;
}
[data-scene="09-epilogue"] figure[data-content="visuel-chapitre"] img.zoom, [data-scene="09-tobecontinued"] figure[data-content="visuel-chapitre"] img.zoom {
  width: 95%;
}
[data-scene="09-kebab"] [data-insert$="-portrait"] {
  top: 16rem;
  left: 8rem;
}
[data-scene="09-kebab"] [data-insert="youssef-portrait"] {
  left: auto;
  right: 8rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-youssef-youssef-1"] {
  top: 5rem;
  left: 51rem;
  width: 23rem;
}
[data-scene="09-kebab"] [data-dialog="adam"][data-sequence="09-kebab-youssef-adam"] {
  top: 17rem;
  left: 31rem;
  width: 21rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-youssef-youssef-2"] {
  top: 24rem;
  left: 34rem;
  width: 18rem;
}
[data-scene="09-kebab"] [data-dialog="leo"][data-sequence="09-kebab-leo-leo-1"] {
  top: 8rem;
  left: 18rem;
  width: 18rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-leo-youssef-1"] {
  top: 15rem;
  right: 23rem;
  width: 20rem;
}
[data-scene="09-kebab"] [data-dialog="leo"][data-sequence="09-kebab-leo-leo-2"] {
  top: 20.3rem;
  left: 23rem;
  width: 24rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-leo-youssef-2"] {
  top: 29rem;
  right: 18rem;
  width: 14rem;
}
[data-scene="09-kebab"] [data-dialog="raphi"][data-sequence="09-kebab-raphi-raphi-1"] {
  top: 7rem;
  left: 18rem;
  width: 26rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-raphi-youssef-1"] {
  top: 16rem;
  right: 23rem;
  width: 15rem;
}
[data-scene="09-kebab"] [data-dialog="raphi"][data-sequence="09-kebab-raphi-raphi-2"] {
  top: 23rem;
  left: 23rem;
  width: 20rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-raphi-youssef-2"] {
  top: 28rem;
  right: 18rem;
  width: 13rem;
}
[data-scene="09-kebab"] [data-dialog="leila"][data-sequence="09-kebab-leila-leila-1"] {
  top: 6rem;
  left: 15rem;
  width: 22rem;
}
[data-scene="09-kebab"] [data-dialog="leila"][data-sequence="09-kebab-leila-leila-2"] {
  top: 15rem;
  left: 23rem;
  width: 23rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-leila-youssef-1"] {
  top: 22rem;
  right: 23rem;
  width: 16rem;
}
[data-scene="09-kebab"] [data-dialog="leila"][data-sequence="09-kebab-leila-leila-3"] {
  top: 29rem;
  left: 18rem;
  width: 17rem;
}
[data-scene="09-kebab"] [data-dialog="shana"][data-sequence="09-kebab-shana-1-shana-1"] {
  top: 6.1rem;
  left: 14rem;
  width: 26rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-shana-1-youssef-1"] {
  top: 13rem;
  right: 21rem;
  width: 17rem;
}
[data-scene="09-kebab"] [data-dialog="shana"][data-sequence="09-kebab-shana-1-shana-2"] {
  top: 18rem;
  left: 24rem;
  width: 24rem;
}
[data-scene="09-kebab"] [data-dialog="shana"][data-sequence="09-kebab-shana-1-shana-3"] {
  top: 23rem;
  left: 24rem;
  width: 25rem;
}
[data-scene="09-kebab"] [data-dialog="shana"][data-sequence="09-kebab-shana-1-shana-4"] {
  top: 31.4rem;
  left: 14rem;
  width: 22rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-shana-2-youssef-1"] {
  top: 13rem;
  right: 22rem;
  width: 18rem;
}
[data-scene="09-kebab"] [data-dialog="shana"][data-sequence="09-kebab-shana-2-shana"] {
  top: 18rem;
  left: 23rem;
  width: 24rem;
}
[data-scene="09-kebab"] [data-dialog="youssef"][data-sequence="09-kebab-shana-2-youssef-2"] {
  top: 26rem;
  left: 38rem;
  width: 15rem;
}
#layer-objects .objects {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 0.5rem 0.5rem 0;
  z-index: 8000;
}
#layer-objects .objects .object {
  height: 5rem;
  margin-left: 0.5rem;
  transition: transform 0.25s;
}
#layer-objects .objects .object:hover {
  transform: scale(1.2);
}
#menu-parameters {
  position: absolute;
  top: 0;
  right: -20rem;
  z-index: 9000;
  width: 20rem;
  padding: 0.5rem 1rem 1rem 4rem;
  font-size: 0.7em;
  background: rgba(240, 240, 240, 0.8);
  -webkit-border-bottom-left-radius: 2rem;
  -moz-border-bottom-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#menu-parameters .menu-item {
  line-height: 2rem;
}
[data-game-data].parameters-on #menu-parameters {
  right: 0;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
}
#menu-parameters .menu-btn {
  position: absolute;
  left: 5%;
  width: 2.5rem;
}
#menu-parameters h2 {
  margin: 3% 0 0 0;
  padding: 2.5% 0 0 0;
  font-size: 1.5em;
}
#menu-parameters h3 {
  margin: 0.5em 0 0.25em 0;
  padding: 0;
  font-size: 1.1em;
  border-bottom: 1px dotted #999;
}
#menu-parameters p {
  margin: 0;
  padding: 0;
}
#menu-parameters a {
  text-decoration: none;
}
.parameters-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9100;
  width: 3rem;
  top: 1rem;
  right: 1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.25s;
}
.parameters-btn:hover {
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 20px yellow;
}
#menu-parameters-credits-details, [data-btn="reset-off"], [data-btn="fullscreen-off"], [data-btn="soundoff-off"], [data-btn="credits-off"] {
  display: none;
}
[data-menu-item] {
  cursor: pointer;
}
#layer-wins {
  display: none;
  /*/
	.wins-dialog {
		display: none;
		position: absolute;
		bottom: 7.5rem;
		right: calc(50% - 2rem);
		background: $winsDialogBackgroundColor;
		@include border-radius(2rem);
		border: 0.15rem solid $winsDialogColor;
		padding: 0.5rem 1.5rem;
		white-space: nowrap;
		color: $winsDialogColor;
		text-align: center;

		header {
			font-weight: bold;
		}
		section {
		}
		&:after {
			border-color: $winsDialogBackgroundColor;
		}
	}
	//*/
}
#layer-wins .wins-category {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  /*/
		position: relative;
		display: inline-block;
		width: auto;
		height: $winsCategoryHeight;
		margin: 0 1rem 1rem 0;

		img {
			position: relative;
			width: auto;
			height: 100%;
			margin: 0;
			transition: transform 0.25s;

		}
		&[onclick] img:hover {
			transform: scale(1.2);
		}
		&:before {
			display: none;
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: $winsHoverBackgroundColor;
			@include border-radius(50%);
			box-shadow: 0 0 10px 10px $winsHoverBackgroundColor;
		}
		&[onclick]:hover {
			&:before {
				display: block;
			}
		}
		&[disabled] {
			display: none;
			@include opacity(0.5);
		}
		:not([data-current-scene]) > & {
			display: none;
			
			&[disabled] {
				display: inline-block;
			}
		}
		[data-current-scene^="24-"] > &,
		[data-current-scene^="25-"] > &,
		[data-current-scene^="26-"] > &,
		[data-current-scene^="27-"] > & {
			//&[data-wins="sac"],
			&[data-wins="smartphone"],
			&[data-wins="carte"] {
				display: none;
				
				&[disabled] {
					display: inline-block;
				}
			}
		}
		[data-current-scene^="27-"] > & {
			//&[data-wins="sac"],
			&[data-wins="sac"] {
				display: none;
				
				&[disabled] {
					display: inline-block;
				}
			}
		}
		//*/
}
#layer-wins .wins-category > figure {
  display: inline-block;
  position: absolute;
  margin: 0;
}
#layer-wins .wins-category > .wins-dialog {
  display: none;
  position: absolute;
  top: 1rem;
  left: 10rem;
  width: 55rem;
  background: #fff;
  white-space: nowrap;
  padding: 0;
  text-align: center;
  border: 0.15rem solid transparent;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  -webkit-box-shadow: 0 0 20px 20px #fff;
  -moz-box-shadow: 0 0 20px 20px #fff;
  -o-box-shadow: 0 0 20px 20px #fff;
  box-shadow: 0 0 20px 20px #fff;
}
#layer-wins .wins-category > .wins-dialog header {
  font-weight: bold;
  display: inline-block;
}
#layer-wins .wins-category > .wins-dialog header:after {
  content: " : ";
}
#layer-wins .wins-category > .wins-dialog section {
  display: inline-block;
}
#layer-wins [data-wins="sac"][data-notified]:before {
  display: block;
  background: rgba(255, 175, 175, 0.75);
  box-shadow: 0 0 10px 10px rgba(255, 175, 175, 0.75);
}
#layer-wins [data-wins="sac"][data-notified] .wins-dialog {
  display: block;
}
#layer-wins [data-wins="smartphone"][data-notified]:before {
  display: block;
  background: rgba(255, 175, 175, 0.75);
  box-shadow: 0 0 10px 10px rgba(255, 175, 175, 0.75);
}
#layer-wins [data-wins="smartphone"][data-notified] .wins-dialog {
  display: block;
}
#layer-wins [data-wins="carte"][data-notified]:before {
  display: block;
  background: rgba(255, 175, 175, 0.75);
  box-shadow: 0 0 10px 10px rgba(255, 175, 175, 0.75);
}
#layer-wins [data-wins="carte"][data-notified] .wins-dialog {
  display: block;
}
#layer-wins [data-wins="keyword"][data-notified]:before {
  display: block;
  background: rgba(255, 175, 175, 0.75);
  box-shadow: 0 0 10px 10px rgba(255, 175, 175, 0.75);
}
#layer-wins [data-wins="keyword"][data-notified] .wins-dialog {
  display: block;
}
#layer-wins [data-wins="carte"] > figure {
  top: 35.7rem;
}
#layer-wins [data-wins="carte"] > figure img {
  height: 6.5rem;
}
#layers:not([data-current-scene]) #layer-wins [data-wins="carte"] > figure, [data-current-scene=""] #layer-wins [data-wins="carte"] > figure, [data-current-scene^="01-"] #layer-wins [data-wins="carte"] > figure, [data-current-scene^="02-"]:not(.wins-carte-place.wins-carte-chezYoussef.wins-carte-maisonDesAdos) #layer-wins [data-wins="carte"] > figure, [data-current-scene^="09-"] #layer-wins [data-wins="carte"] > figure {
  display: none;
}
[data-wins-sac] {
  display: flex;
  font-size: 0.95em;
  line-height: 1.05em;
  align-items: center;
  width: 15rem;
  height: 5.25rem;
  background: #fff;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  border-radius: 3rem;
  border: none;
  padding: 0 0.5rem 0 0.5rem;
  break-inside: avoid;
}
[data-wins-sac] img {
  position: absolute;
  height: 100%;
  top: 0;
  right: calc(100% - 2rem);
  -webkit-transition: transform 0.25s;
  -moz-transition: transform 0.25s;
  -ms-transition: transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
}
[data-wins-sac]:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
[data-wins-sac] p {
  margin: 0 1rem 0 2rem;
  padding: 0;
}
#wins-sac-content .objets {
  position: absolute;
  top: 4.5rem;
  left: 35rem;
  width: 39.5rem;
  height: 33rem;
  column-count: 2;
  column-gap: 0;
  column-fill: auto;
}
#wins-sac-content .objets [data-wins-sac] {
  display: none;
  position: relative;
  margin: 0 0 0.75rem 4.5rem;
  float: left;
  /*/
			align-items: center;
			width: 15rem;
			height: 6rem;
			background: #fff;
			@include border-radius(3rem);
			border: none;
			padding: 0 0.5rem 0 0.5rem;
			break-inside: avoid;
			
			img {
				position: absolute;
				height: 100%;
				top: 0;
				right: calc(100% - 2rem);
			}
			p {
				margin: 0 1rem 0 2rem;
				padding: 0;
			}
			//*/
}
#wins-sac-content .objets [data-wins-sac][onclick] {
  cursor: pointer;
}
.wins-sac-brochure #wins-sac-content .objets [data-wins-sac="brochure"] {
  display: flex;
}
[data-zoom-objet="brochure"]#wins-sac-content .objets [data-wins-sac="brochure"] {
  background: #f99;
}
.wins-sac-carnet #wins-sac-content .objets [data-wins-sac="carnet"] {
  display: flex;
}
[data-zoom-objet="carnet"]#wins-sac-content .objets [data-wins-sac="carnet"] {
  background: #f99;
}
.wins-sac-cleAccord #wins-sac-content .objets [data-wins-sac="cleAccord"] {
  display: flex;
}
[data-zoom-objet="cleAccord"]#wins-sac-content .objets [data-wins-sac="cleAccord"] {
  background: #f99;
}
.wins-sac-cleOr #wins-sac-content .objets [data-wins-sac="cleOr"] {
  display: flex;
}
[data-zoom-objet="cleOr"]#wins-sac-content .objets [data-wins-sac="cleOr"] {
  background: #f99;
}
.wins-sac-cleLeila #wins-sac-content .objets [data-wins-sac="cleLeila"] {
  display: flex;
}
[data-zoom-objet="cleLeila"]#wins-sac-content .objets [data-wins-sac="cleLeila"] {
  background: #f99;
}
.wins-sac-codeLeila #wins-sac-content .objets [data-wins-sac="codeLeila"] {
  display: flex;
}
[data-zoom-objet="codeLeila"]#wins-sac-content .objets [data-wins-sac="codeLeila"] {
  background: #f99;
}
.wins-sac-codex #wins-sac-content .objets [data-wins-sac="codex"] {
  display: flex;
}
[data-zoom-objet="codex"]#wins-sac-content .objets [data-wins-sac="codex"] {
  background: #f99;
}
.wins-sac-ficheEmprunt #wins-sac-content .objets [data-wins-sac="ficheEmprunt"] {
  display: flex;
}
[data-zoom-objet="ficheEmprunt"]#wins-sac-content .objets [data-wins-sac="ficheEmprunt"] {
  background: #f99;
}
.wins-sac-lettreCassandra #wins-sac-content .objets [data-wins-sac="lettreCassandra"] {
  display: flex;
}
[data-zoom-objet="lettreCassandra"]#wins-sac-content .objets [data-wins-sac="lettreCassandra"] {
  background: #f99;
}
.wins-sac-photoCassandra #wins-sac-content .objets [data-wins-sac="photoCassandra"] {
  display: flex;
}
[data-zoom-objet="photoCassandra"]#wins-sac-content .objets [data-wins-sac="photoCassandra"] {
  background: #f99;
}
#wins-sac-content [data-incrust="close-btn"] {
  top: 6rem;
  left: 22rem;
}
[data-sac="sac"] {
  height: 34rem;
  left: 1rem;
  position: absolute;
  top: 4rem;
}
#wins-objet-zoom {
  display: flex;
  position: absolute;
  top: 11rem;
  left: 3rem;
  width: 30rem;
  height: 23rem;
  justify-content: center;
  align-items: center;
}
#wins-objet-zoom [data-objet] {
  display: none;
  position: absolute;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
#wins-objet-zoom [data-objet="carnet"] {
  height: 90%;
}
#wins-objet-zoom [data-objet="cleLeila"] {
  height: 60%;
}
#wins-objet-zoom [data-objet="cleOr"] {
  height: 60%;
}
#wins-objet-zoom [data-objet="lettreCassandra"] {
  height: 80%;
}
#wins-sac-content[data-zoom-objet="brochure"] #wins-objet-zoom [data-objet="brochure"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="carnet"] #wins-objet-zoom [data-objet="carnet"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="cleAccord"] #wins-objet-zoom [data-objet="cleAccord"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="cleOr"] #wins-objet-zoom [data-objet="cleOr"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="cleLeila"] #wins-objet-zoom [data-objet="cleLeila"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="codeLeila"] #wins-objet-zoom [data-objet="codeLeila"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="codex"] #wins-objet-zoom [data-objet="codex"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="ficheEmprunt"] #wins-objet-zoom [data-objet="ficheEmprunt"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="lettreCassandra"] #wins-objet-zoom [data-objet="lettreCassandra"] {
  display: block;
}
#wins-sac-content[data-zoom-objet="photoCassandra"] #wins-objet-zoom [data-objet="photoCassandra"] {
  display: block;
}
#wins-smartphone-content {
  height: 36rem;
  margin-top: 2rem;
}
#wins-smartphone-content [data-smartphone="smartphone"] {
  height: 100%;
}
#wins-smartphone-content .actions {
  position: absolute;
  top: 10rem;
  width: 13rem;
  left: 31rem;
}
#wins-smartphone-content .actions [data-wins-smartphone] {
  display: none;
  position: relative;
  padding-left: 3.5rem;
  margin-bottom: 1rem;
  clear: both;
}
#wins-smartphone-content .actions [data-wins-smartphone] img {
  float: left;
  margin: 0 0 1rem -3.5rem;
  width: 3rem;
}
#wins-smartphone-content .actions [data-wins-smartphone] p {
  padding: 0;
  margin: 0;
}
#wins-smartphone-content .actions [data-wins-smartphone][onclick] {
  cursor: pointer;
}
.wins-smartphone-appelerMereLeila #wins-smartphone-content [data-wins-smartphone="appelerMereLeila"] {
  display: block;
}
.wins-smartphone-rechercheInternet #wins-smartphone-content [data-wins-smartphone="rechercheInternet"] {
  display: block;
}
#wins-smartphone-content [data-incrust="close-btn"] {
  top: 2.7rem;
  left: 43.5rem;
}
#wins-carte-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*/
	[data-lieu="27rueDuguesclin"].label {
		width: 5rem;
		height: 3rem;
		top: 3rem;
		left: 27.2rem;
	}
	[data-lieu="afaviahu"].label {
		width: 4rem;
		height: 2rem;
		top: 25.7rem;
		left: 35rem;
	}
	[data-lieu="appartementLeila"].label {
		width: 6rem;
		height: 3rem;
		top: 20.8rem;
		left: 8.5rem;
	}
	[data-lieu="clubPierreDeCoubertin"].label {
		width: 5.7rem;
		height: 3rem;
		top: 26rem;
		left: 19.5rem;
	}
	[data-lieu="kebab"].label {
		width: 3.5rem;
		height: 3rem;
		top: 10.5rem;
		left: 6.2rem;
	}
	[data-lieu="lycee"].label {
		width: 6.5rem;
		height: 3rem;
		top: 12.7rem;
		left: 28.6rem;
	}
	[data-lieu="mjc"].label {
		width: 5rem;
		height: 3rem;
		top: 28.8rem;
		left: 15.2rem;
	}
	[data-lieu="temple"].label {
		width: 3.5rem;
		height: 2rem;
		top: 22.6rem;
		left: 28.5rem;
	}
	[data-lieu="tour"].label {
		width: 2.5rem;
		height: 2rem;
		top: 22.7rem;
		left: 35rem;
	}
	//*/
}
#wins-carte-content:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
#wins-carte-content [data-carte], #wins-carte-content [data-wins-carte] {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
}
#wins-carte-content [data-carte="carte"] {
  display: block;
}
#wins-carte-content [data-lieu] {
  display: none;
  position: absolute;
  cursor: pointer;
  width: 6rem;
  height: 6rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#wins-carte-content [data-lieu].label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#wins-carte-content [data-wins-carte="chezYoussef"] {
  top: 6.6rem;
  left: 20.6rem;
  width: 13.3rem;
}
#wins-carte-content [data-wins-carte="maisonDesAdos"] {
  top: 18rem;
  left: 43.5rem;
  width: 10.3rem;
}
#wins-carte-content [data-wins-carte="place"] {
  top: 32.1rem;
  left: 36rem;
  width: 9.1rem;
}
#wins-carte-content [data-wins-carte="hyper"] {
  top: 30.7rem;
  left: 19.4rem;
  width: 9rem;
}
#wins-carte-content [data-lieu="chezYoussef"] {
  top: 17.1rem;
  left: 29.3rem;
}
#wins-carte-content [data-lieu="maisonDesAdos"] {
  top: 16.2rem;
  left: 41.8rem;
}
#wins-carte-content [data-lieu="place"] {
  top: 30.6rem;
  left: 40.3rem;
}
#wins-carte-content [data-lieu="hyper"] {
  top: 29.8rem;
  left: 18.4rem;
}
.wins-carte-kebab #wins-carte-content [data-wins-carte="kebab"], .wins-carte-kebab #wins-carte-content [data-lieu="kebab"] {
  display: block;
}
.wins-carte-place #wins-carte-content [data-wins-carte="place"], .wins-carte-place #wins-carte-content [data-lieu="place"] {
  display: block;
}
.wins-carte-chezYoussef #wins-carte-content [data-wins-carte="chezYoussef"], .wins-carte-chezYoussef #wins-carte-content [data-lieu="chezYoussef"] {
  display: block;
}
.wins-carte-maisonDesAdos #wins-carte-content [data-wins-carte="maisonDesAdos"], .wins-carte-maisonDesAdos #wins-carte-content [data-lieu="maisonDesAdos"] {
  display: block;
}
.wins-carte-hyper #wins-carte-content [data-wins-carte="hyper"], .wins-carte-hyper #wins-carte-content [data-lieu="hyper"] {
  display: block;
}
#wins-carte-content [data-incrust="close-btn"] {
  top: 1rem;
  left: 1rem;
}