/* Scss Document */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i,800");
html {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  outline: none;
  outline: 0;
}

html.V #SchemaSVG {
  -webkit-transform: rotate(90deg) scale(1.5) translateX(-2vh) translateY(1vw);
          transform: rotate(90deg) scale(1.5) translateX(-2vh) translateY(1vw);
}

html.V #global text {
  -webkit-transform-origin: center;
          transform-origin: center;
}

html.V:not(.rotBUG) #B1-label {
  -webkit-transform: translateX(-42.5%) translateY(-39.5%) rotate(-90deg);
          transform: translateX(-42.5%) translateY(-39.5%) rotate(-90deg);
}

html.V:not(.rotBUG) #B2-label {
  -webkit-transform: translateX(-24.5%) translateY(-15.5%) rotate(-90deg);
          transform: translateX(-24.5%) translateY(-15.5%) rotate(-90deg);
}

html.V:not(.rotBUG) #B3-label {
  -webkit-transform: translateX(-6.5%) translateY(8.5%) rotate(-90deg);
          transform: translateX(-6.5%) translateY(8.5%) rotate(-90deg);
}

html.V:not(.rotBUG) #B4-label {
  -webkit-transform: translateX(11.5%) translateY(32.5%) rotate(-90deg);
          transform: translateX(11.5%) translateY(32.5%) rotate(-90deg);
}

html.V:not(.rotBUG) #B5-label {
  -webkit-transform: translateX(30.5%) translateY(57.5%) rotate(-90deg);
          transform: translateX(30.5%) translateY(57.5%) rotate(-90deg);
}

html.V:not(.rotBUG) #B22-label {
  -webkit-transform: translateX(-13.75%) translateY(-27.5%) rotate(-90deg) scale(0.85);
          transform: translateX(-13.75%) translateY(-27.5%) rotate(-90deg) scale(0.85);
}

html.V:not(.rotBUG) #B32-label {
  -webkit-transform: translateX(4.25%) translateY(-7%) rotate(-90deg) scale(0.85);
          transform: translateX(4.25%) translateY(-7%) rotate(-90deg) scale(0.85);
}

html.V:not(.rotBUG) #B42-label {
  -webkit-transform: translateX(22.5%) translateY(14%) rotate(-90deg) scale(0.85);
          transform: translateX(22.5%) translateY(14%) rotate(-90deg) scale(0.85);
}

html.V:not(.rotBUG) #C1-label {
  -webkit-transform: translateX(-5.5%) translateY(-77.5%) rotate(-90deg);
          transform: translateX(-5.5%) translateY(-77.5%) rotate(-90deg);
}

html.V:not(.rotBUG) #C2-label {
  -webkit-transform: translateX(10.5%) translateY(-56%) rotate(-90deg);
          transform: translateX(10.5%) translateY(-56%) rotate(-90deg);
}

html.V:not(.rotBUG) #C3-label {
  -webkit-transform: translateX(26%) translateY(-34.5%) rotate(-90deg);
          transform: translateX(26%) translateY(-34.5%) rotate(-90deg);
}

html.V:not(.rotBUG) #C4-label {
  -webkit-transform: translateX(42.5%) translateY(-13%) rotate(-90deg);
          transform: translateX(42.5%) translateY(-13%) rotate(-90deg);
}

html.V:not(.rotBUG) #C5-label {
  -webkit-transform: translateX(58%) translateY(8.5%) rotate(-90deg);
          transform: translateX(58%) translateY(8.5%) rotate(-90deg);
}

html.V #btn-deb .deb-label {
  display: none;
}

html.V #actions #footer {
  height: 30vw;
}

html.V #actions #footer a .label {
  display: none;
}

html.V #actions #footer a.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html.V #actions #footer a .icon {
  margin: 0 .5rem;
  width: 12vw;
  height: 12vw;
}

html.V #actions #footer a#btn-retour .icon .ico-gfx {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

html.V #actions #footer #footer-l {
  /*
        display: flex;
        flex-direction: row;
        z-index: 5;
        position: absolute;
        left: 1.5vw; top: 0;
        */
  padding-top: 14vw;
}

html.V #actions #footer #footer-r {
  /*
        display: flex;
        flex-direction: row;
        z-index: 5;
        position: absolute;
        right: 1.5vw; top: 0;
        */
  padding-top: 14vw;
}

html.V #actions #footer #signature {
  font-size: 3vw;
  padding-top: 4vw;
  line-height: 4em;
}

html.V #actions #footer #signature * {
  height: 1.2em;
}

html.V #actions #footer #signature v {
  display: none;
}

html.V #popups .popup {
  left: 0;
  right: 0;
  /*
      top: -100vh;
      height: calc(100vh - 6vw);
      width: calc(100% - 6vw); max-width: calc(100% - 6vw);
      margin: 3vw; padding: 6vw;
      */
  top: -110vh;
  margin: 0;
  /*padding: 3vw 8vw 6vw 8vw;*/
  /*padding: 3vw 3vw 12vw 13vw;*/
  padding: 3vw 6vw 20vw 6vw;
  height: 100vh;
  width: 100vw;
  max-width: 100vw;
  -webkit-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}

html.V #popups .popup .title, html.V #popups .popup .subtitle {
  margin-left: 8vw;
}

html.V #popups .popup .main-content {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
}

html.V #popups .popup.switched {
  height: 14vw;
  padding-bottom: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 0 4px 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 0 4px 24px rgba(0, 0, 0, 0.2);
}

html.V #popups .popup.switched a.switch::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

html.V #popups .popup.switched * {
  display: none !important;
}

html.V #popups .popup.switched .title {
  display: block !important;
}

html.V #popups .popup a.close {
  /*width: 8vw; height: 8vw;
        font-size: 5vw; line-height: 1.4em;*/
  display: none;
}

html.V #popups .popup a.switch {
  cursor: pointer;
  position: absolute;
  z-index: 5000;
  display: block !important;
  text-align: center;
  text-decoration: none;
  /*
        top: 3vw; left: 0;
        width: 4vw; height: 4vw;
        color: #333; background: white;
        box-shadow: 0 0px 16px -4px #000;
        font-weight: bold; font-weight: 600;
        border-radius: 0 24% 24% 0;
        width: 8vw; height: 8vw;*/
  top: 2vw;
  left: 2vw;
  width: 10vw;
  height: 10vw;
  color: white;
  background: #333;
  font-weight: normal;
  border-radius: 100%;
  width: 10vw;
  height: 10vw;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 4px 24px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 4px 24px rgba(0, 0, 0, 0.4);
}

html.V #popups .popup a.switch::after {
  display: block;
  -webkit-transition: all ease-out .2s;
  transition: all ease-out .2s;
  /*
          content: ">";
          transform: rotate(90deg);
          line-height: 1.6em;
          */
  content: "+";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  line-height: .95em;
  font-size: 10vw;
}

html.V #popups .popup a.link {
  /*        line-height: 20px;
        border-radius: 60px;
        padding: 20px 40px;*/
}

body {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  background: #e5e5e5 none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.8);
  outline: none;
  outline: 0;
}

/*
a.button {
  display: flex;
  flex-direction: row;
  align-items: center;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
  .label {
    display: inline-block;
    text-transform: uppercase;
    color: $grey-dark;
    font-size: 1rem;
    letter-spacing: -.05em;
    line-height: 1.2em;
    &.label-left { text-align: right; }
  }  
  .icon {
    margin: 0 .5rem;
    display: inline-block;
    //background: $grey-dark;
    background: transparent none;
    width: 7vh;
    height: 7vh;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,.4), 0 4px 24px rgba(0,0,0,.4);
    .ico-bg { fill:black; fill-opacity:0.8; }
    .ico-gfx { stroke:white; stroke-width:6000; fill:none; }
  }
  &:active, &:hover {
    .label { color: black; }
    .icon {
      .ico-bg { fill:black; fill-opacity:1; }
      .ico-gfx { stroke:white; stroke-width:6000; fill:none; }
    }
  }
&.button-shape {
  .icon{
    .icon-bg {}
    .ico-gfx { stroke:none; fill:white; }
  }
}
}
*/
#schema, #actions, #popups {
  position: absolute;
  overflow: hidden;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#schema > *, #actions > *, #popups > * {
  pointer-events: auto;
}

#actions {
  z-index: 100;
}

#actions #footer {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 18vh;
}

#actions #footer a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
  display: none;
  outline: none;
  outline: 0;
}

#actions #footer a.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#actions #footer a .label {
  display: inline-block;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  letter-spacing: -.05em;
  line-height: 1.2em;
  margin-top: .5em;
  white-space: nowrap;
}

#actions #footer a .label.label-left {
  text-align: right;
}

#actions #footer a .icon {
  margin: 0 .5rem;
  display: inline-block;
  background: transparent none;
  width: 7vh;
  height: 7vh;
  border-radius: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 4px 24px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 4px 24px rgba(0, 0, 0, 0.4);
}

#actions #footer a .icon .ico-bg {
  fill: black;
  fill-opacity: 0.8;
}

#actions #footer a .icon .ico-gfx {
  stroke: white;
  stroke-width: 6000;
  fill: none;
}

#actions #footer a:active .label, #actions #footer a:hover .label {
  color: black;
}

#actions #footer a:active .icon .ico-bg, #actions #footer a:hover .icon .ico-bg {
  fill: black;
  fill-opacity: 1;
}

#actions #footer a:active .icon .ico-gfx, #actions #footer a:hover .icon .ico-gfx {
  pointer-events: none;
  stroke: white;
  stroke-width: 6000;
  fill: none;
}

#actions #footer a.button-shape .icon .ico-gfx {
  stroke: none;
  fill: white;
}

#actions #footer a.button-shape.button-b .icon .ico-bg {
  fill: white;
  fill-opacity: 1;
}

#actions #footer a.button-shape.button-b .icon .ico-gfx {
  stroke: none;
  fill: black;
  fill-opacity: 0.8;
}

#actions #footer a.button-shape.button-b:active .icon .ico-gfx, #actions #footer a.button-shape.button-b:hover .icon .ico-gfx {
  pointer-events: none;
  stroke: none;
  fill: black;
  fill-opacity: 1;
}

#actions #footer #footer-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 5;
  position: absolute;
  left: 1.5vw;
  top: 0;
  padding-top: 8vh;
}

#actions #footer #footer-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 5;
  position: absolute;
  right: 1.5vw;
  top: 0;
  padding-top: 8vh;
}

#actions #footer #signature {
  pointer-events: none !important;
  z-index: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, white), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding-top: 6vh;
  text-align: center;
  text-transform: uppercase;
  line-height: 10vh;
  font-size: 1.2rem;
  letter-spacing: -.05em;
}

#actions #footer #signature STRONG {
  font-weight: 800;
}

#actions #footer #signature V {
  font-size: 10px;
  display: inline-block;
  margin-left: .5em;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}

#popups {
  z-index: 200;
  background: transparent none;
}

#popups .popup {
  position: absolute;
  top: 0;
  right: -100vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(50vw - 2vh);
  max-width: 640px;
  height: 86vh;
  margin: 1vh 1vh 0 0;
  padding: 3.5vw 4vw 3.5vw 2.5vw;
  background: white none;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 4px 24px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 4px 24px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 1s ease-in-out .5s;
  transition: all 1s ease-in-out .5s;
  overflow: auto;
  opacity: 0;
}

#popups .popup P {
  margin: .45em 0;
}

#popups .popup .title {
  text-transform: uppercase;
  font-size: 1.065em;
  text-align: center;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.1em;
  margin-bottom: 1em;
}

#popups .popup .subtitle {
  font-size: 1.065em;
  text-align: center;
  font-weight: normal;
  letter-spacing: -0.04em;
  line-height: 1.1em;
  margin-top: -.5em;
  margin-bottom: 1em;
  display: block;
}

#popups .popup .presentation {
  text-align: justify;
  display: block;
  margin-bottom: 1em;
}

#popups .popup .main-content {
  line-height: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 2em;
}

#popups .popup .main-content > .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#popups .popup .main-content > .col > STRONG {
  line-height: 1.2em;
  display: block;
}

#popups .popup .main-content > .col UL {
  padding-left: 1.2em;
  margin: 0;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: .25em;
          margin-inline-end: .25em;
  -webkit-padding-start: 2.5em;
          padding-inline-start: 2.5em;
}

#popups .popup .main-content > .col UL LI {
  margin: .45em 0;
  line-height: 1.15em;
}

#popups .popup .notes {
  margin: -1em 0 2em;
  padding: 0;
  font-style: italic;
}

#popups .popup .conditions {
  margin: 1em 0;
  padding: 1em;
  display: block;
}

#popups .popup .conditions P STRONG {
  display: block;
  text-align: center;
  margin-top: -10px;
  text-decoration: underline;
}

#popups .popup .complements {
  margin: 0 0 2em 0;
  padding: 1em;
  border: 3px dashed black;
  display: none;
}

#popups .popup .complements P STRONG {
  display: block;
  text-align: center;
  margin-top: -10px;
  text-decoration: underline;
}

#popups .popup a.link {
  display: block;
  margin: .5em 25%;
  padding: .75em 1.25em;
  background: rgba(0, 0, 0, 0.8) none;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: .9em;
  border: 1px white solid;
  -webkit-box-shadow: 0 2px 12px -4px black;
          box-shadow: 0 2px 12px -4px black;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -.025em;
  line-height: 1.25em;
  border-radius: 2em;
}

#popups .popup a.link:active, #popups .popup a.link:hover {
  background: black none;
}

#popups .popup.popup-A .title, #popups .popup.popup-B .title {
  color: #284c16;
}

#popups .popup.popup-A .subtitle, #popups .popup.popup-B .subtitle {
  color: #284c16;
}

#popups .popup.popup-A .conditions, #popups .popup.popup-B .conditions {
  color: #284c16;
  background: rgba(40, 76, 22, 0.2) none;
}

#popups .popup.popup-C .title {
  color: #1c515f;
}

#popups .popup.popup-C .subtitle {
  color: #1c515f;
}

#popups .popup.popup-C .conditions {
  color: #1c515f;
  background: rgba(28, 81, 95, 0.2) none;
}

#popups .popup-visible {
  right: 0;
}

.hide {
  opacity: 0;
}

.show {
  opacity: 1;
}

.display-none {
  display: none;
}

.display-bloc {
  display: block;
}

.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#schema {
  z-index: 0;
  background: transparent none;
}

#schema .fnt {
  pointer-events: none;
}

#schema .geom {
  pointer-events: all;
  cursor: pointer;
  -webkit-transition: all ease-out .5s;
  transition: all ease-out .5s;
  outline: none;
  outline: 0;
  stroke: white;
  stroke-width: 3;
  stroke-linecap: butt;
}

#schema .geom:active, #schema .geom:hover {
  -webkit-filter: url(#shad1);
          filter: url(#shad1);
}

#schema .disabled {
  opacity: .2;
}

#schema .disabled, #schema .disabled > * {
  cursor: none;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#schema .noclick, #schema .noclick > * {
  cursor: none;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#SchemaSVG {
  overflow: visible;
}

#global {
  -webkit-transform-origin: center;
          transform-origin: center;
  opacity: 1;
  overflow: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

body #B12 {
  opacity: 0;
}

body.A1 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 40% 235%;
          transform-origin: 40% 235%;
  -webkit-transform-origin-x: 40%;
  -webkit-transform-origin-y: 235%;
  -webkit-transform: scale(1.2);
}

body.A1 > #schema > #SchemaSVG > #global #global-view-arrows, body.A1 > #schema > #SchemaSVG > #global #B-group, body.A1 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.A1 > #schema > #SchemaSVG > #global #A1, body.A1 > #schema > #SchemaSVG > #global #A1 > * {
  cursor: none;
  pointer-events: none;
}

body.A1 > #schema > #SchemaSVG > #global #A2 {
  opacity: .2;
}

body.A1 > #schema > #SchemaSVG > #global #A2, body.A1 > #schema > #SchemaSVG > #global #A2 > * {
  cursor: none;
  pointer-events: none;
}

body.A1 > #schema > #SchemaSVG > #global #A1-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.A1 #footer A#btn-home, body.A1 #footer A#btn-addon-pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.A1 #popups #A1-popup.popup {
  right: 0;
  opacity: 1;
}

body.A1.debA1 > #schema > #SchemaSVG > #global #A1-btn-deb {
  opacity: 0;
}

body.debA1 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: -64% 150%;
          transform-origin: -64% 150%;
  -webkit-transform-origin-x: -64%;
  -webkit-transform-origin-y: 150%;
  -webkit-transform: scale(1.2);
}

body.debA1 > #schema > #SchemaSVG > #global #A2 {
  opacity: 1;
}

body.debA1 > #schema > #SchemaSVG > #global #A2, body.debA1 > #schema > #SchemaSVG > #global #A2 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debA1 > #schema > #SchemaSVG > #global #B12, body.debA1 > #schema > #SchemaSVG > #global #B22, body.debA1 > #schema > #SchemaSVG > #global #B42, body.debA1 > #schema > #SchemaSVG > #global #B5 {
  opacity: .2;
}

body.debA1 > #schema > #SchemaSVG > #global #B12, body.debA1 > #schema > #SchemaSVG > #global #B12 > *, body.debA1 > #schema > #SchemaSVG > #global #B22, body.debA1 > #schema > #SchemaSVG > #global #B22 > *, body.debA1 > #schema > #SchemaSVG > #global #B42, body.debA1 > #schema > #SchemaSVG > #global #B42 > *, body.debA1 > #schema > #SchemaSVG > #global #B5, body.debA1 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.debA1 > #schema > #SchemaSVG > #global #A1-deb, body.debA1 > #schema > #SchemaSVG > #global #B-group {
  opacity: 1;
}

body.debA1 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(-160px, 0);
  -webkit-transform: translate(-160px, 0);
}

body.debA1 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debA1 #popups #A1-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.A2 > #schema > #SchemaSVG > #global #B-group, body.A2 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.A2 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 295% 235%;
          transform-origin: 295% 235%;
  -webkit-transform-origin-x: 295%;
  -webkit-transform-origin-y: 235%;
  -webkit-transform: scale(1.2);
}

body.A2 > #schema > #SchemaSVG > #global #global-view-arrows, body.A2 > #schema > #SchemaSVG > #global #B-group, body.A2 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.A2 > #schema > #SchemaSVG > #global #A2, body.A2 > #schema > #SchemaSVG > #global #A2 > * {
  cursor: none;
  pointer-events: none;
}

body.A2 > #schema > #SchemaSVG > #global #A1 {
  opacity: .2;
}

body.A2 > #schema > #SchemaSVG > #global #A1, body.A2 > #schema > #SchemaSVG > #global #A1 > * {
  cursor: none;
  pointer-events: none;
}

body.A2 > #schema > #SchemaSVG > #global #A2-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.A2 #footer A#btn-home, body.A2 #footer A#btn-addon-pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.A2 #popups #A2-popup.popup {
  right: 0;
  opacity: 1;
}

body.A2.debA1 > #schema > #SchemaSVG > #global #arrow-A1B1, body.A2.debA1 > #schema > #SchemaSVG > #global #arrow-A1B2, body.A2.debA1 > #schema > #SchemaSVG > #global #arrow-A1B3, body.A2.debA1 > #schema > #SchemaSVG > #global #arrow-A1B4 {
  opacity: 0;
}

body.A2.debA1 > #schema > #SchemaSVG > #global #A1, body.A2.debA1 > #schema > #SchemaSVG > #global #A1 > * {
  cursor: none;
  pointer-events: none;
}

body.A2.debA1 > #schema > #SchemaSVG > #global #A1 {
  opacity: 1;
}

body.A2.debA1 > #schema > #SchemaSVG > #global #A1, body.A2.debA1 > #schema > #SchemaSVG > #global #A1 > * {
  pointer-events: all;
  cursor: pointer;
}

body.A2.debA1 #popups #A2-popup.popup > .complements {
  display: block;
}

body.A2.debA2 > #schema > #SchemaSVG > #global #A2-btn-deb {
  opacity: 0;
}

body.debA2 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 175% 150%;
          transform-origin: 175% 150%;
  -webkit-transform-origin-x: 175%;
  -webkit-transform-origin-y: 150%;
  -webkit-transform: scale(1.2);
}

body.debA2 > #schema > #SchemaSVG > #global #B1, body.debA2 > #schema > #SchemaSVG > #global #B12, body.debA2 > #schema > #SchemaSVG > #global #B22, body.debA2 > #schema > #SchemaSVG > #global #B42 {
  opacity: .2;
}

body.debA2 > #schema > #SchemaSVG > #global #B1, body.debA2 > #schema > #SchemaSVG > #global #B1 > *, body.debA2 > #schema > #SchemaSVG > #global #B12, body.debA2 > #schema > #SchemaSVG > #global #B12 > *, body.debA2 > #schema > #SchemaSVG > #global #B22, body.debA2 > #schema > #SchemaSVG > #global #B22 > *, body.debA2 > #schema > #SchemaSVG > #global #B42, body.debA2 > #schema > #SchemaSVG > #global #B42 > * {
  cursor: none;
  pointer-events: none;
}

body.debA2 > #schema > #SchemaSVG > #global #B5 {
  opacity: 1;
}

body.debA2 > #schema > #SchemaSVG > #global #B5, body.debA2 > #schema > #SchemaSVG > #global #B5 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debA2 > #schema > #SchemaSVG > #global #A2-deb, body.debA2 > #schema > #SchemaSVG > #global #B-group {
  opacity: 1;
}

body.debA2 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(200px, 0);
  -webkit-transform: translate(200px, 0);
}

body.debA2 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debA2 #popups #A2-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.B1 > #schema > #SchemaSVG > #global #A-group, body.B1 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B1 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: -40% 139%;
          transform-origin: -40% 139%;
  -webkit-transform-origin-x: -40%;
  -webkit-transform-origin-y: 139%;
  -webkit-transform: scale(1.2);
}

body.B1 > #schema > #SchemaSVG > #global #global-view-arrows, body.B1 > #schema > #SchemaSVG > #global #A-group, body.B1 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B1 > #schema > #SchemaSVG > #global #B1, body.B1 > #schema > #SchemaSVG > #global #B1 > * {
  cursor: none;
  pointer-events: none;
}

body.B1 > #schema > #SchemaSVG > #global #B12, body.B1 > #schema > #SchemaSVG > #global #B22, body.B1 > #schema > #SchemaSVG > #global #B2, body.B1 > #schema > #SchemaSVG > #global #B32, body.B1 > #schema > #SchemaSVG > #global #B3, body.B1 > #schema > #SchemaSVG > #global #B42, body.B1 > #schema > #SchemaSVG > #global #B4, body.B1 > #schema > #SchemaSVG > #global #B5 {
  opacity: .2;
}

body.B1 > #schema > #SchemaSVG > #global #B12, body.B1 > #schema > #SchemaSVG > #global #B12 > *, body.B1 > #schema > #SchemaSVG > #global #B22, body.B1 > #schema > #SchemaSVG > #global #B22 > *, body.B1 > #schema > #SchemaSVG > #global #B2, body.B1 > #schema > #SchemaSVG > #global #B2 > *, body.B1 > #schema > #SchemaSVG > #global #B32, body.B1 > #schema > #SchemaSVG > #global #B32 > *, body.B1 > #schema > #SchemaSVG > #global #B3, body.B1 > #schema > #SchemaSVG > #global #B3 > *, body.B1 > #schema > #SchemaSVG > #global #B42, body.B1 > #schema > #SchemaSVG > #global #B42 > *, body.B1 > #schema > #SchemaSVG > #global #B4, body.B1 > #schema > #SchemaSVG > #global #B4 > *, body.B1 > #schema > #SchemaSVG > #global #B5, body.B1 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B1 > #schema > #SchemaSVG > #global #B1-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.B1 #footer A#btn-home, body.B1 #footer A#btn-addon-pdf, body.B1 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B1 #popups #B1-popup.popup {
  right: 0;
  opacity: 1;
}

body.B1.A1 > #schema > #SchemaSVG > #global #A-group, body.B1.A1 > #schema > #SchemaSVG > #global #A1-deb, body.B1.A1 > #schema > #SchemaSVG > #global #B-group {
  opacity: 1;
}

body.B1.A1 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B1.A1 > #schema > #SchemaSVG > #global #A-group {
  transform: translate(160px, 0);
  -webkit-transform: translate(160px, 0);
}

body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B2, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B3, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B4, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1A2 {
  opacity: .2;
}

body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B2, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B2 > *, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B3, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B3 > *, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B4, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1B4 > *, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1A2, body.B1.A1 > #schema > #SchemaSVG > #global #arrow-A1A2 > * {
  cursor: none;
  pointer-events: none;
}

body.B1.A1 > #schema > #SchemaSVG > #global #A1-btn-deb {
  opacity: 0;
}

body.B1.A1 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B1.debB1 > #schema > #SchemaSVG > #global #B1-btn-deb {
  opacity: 0;
}

body.debB1 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: -80% 80%;
          transform-origin: -80% 80%;
  -webkit-transform-origin-x: -80%;
  -webkit-transform-origin-y: 80%;
  -webkit-transform: scale(1.2);
}

body.debB1 > #schema > #SchemaSVG > #global #B12 {
  opacity: 1;
}

body.debB1 > #schema > #SchemaSVG > #global #B12, body.debB1 > #schema > #SchemaSVG > #global #B2 {
  opacity: 1;
}

body.debB1 > #schema > #SchemaSVG > #global #B12, body.debB1 > #schema > #SchemaSVG > #global #B12 > *, body.debB1 > #schema > #SchemaSVG > #global #B2, body.debB1 > #schema > #SchemaSVG > #global #B2 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB1 > #schema > #SchemaSVG > #global #B1-deb {
  opacity: 1;
}

body.debB1 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB1 #popups #B1-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.B12 > #schema > #SchemaSVG > #global #B12 {
  opacity: 1;
}

body.B12 > #schema > #SchemaSVG > #global #B12, body.B12 > #schema > #SchemaSVG > #global #B12 > * {
  pointer-events: all;
  cursor: pointer;
}

body.B12.B1 > #schema > #SchemaSVG > #global #B2, body.B12.B1 > #schema > #SchemaSVG > #global #arrow-B1B2 {
  opacity: .2;
}

body.B12.B1 > #schema > #SchemaSVG > #global #B2, body.B12.B1 > #schema > #SchemaSVG > #global #B2 > *, body.B12.B1 > #schema > #SchemaSVG > #global #arrow-B1B2, body.B12.B1 > #schema > #SchemaSVG > #global #arrow-B1B2 > * {
  cursor: none;
  pointer-events: none;
}

body.B12.B2 > #schema > #SchemaSVG > #global #B22, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2B22, body.B12.B2 > #schema > #SchemaSVG > #global #C1, body.B12.B2 > #schema > #SchemaSVG > #global #C2, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2C1, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2C2 {
  opacity: .2;
}

body.B12.B2 > #schema > #SchemaSVG > #global #B22, body.B12.B2 > #schema > #SchemaSVG > #global #B22 > *, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2B22, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2B22 > *, body.B12.B2 > #schema > #SchemaSVG > #global #C1, body.B12.B2 > #schema > #SchemaSVG > #global #C1 > *, body.B12.B2 > #schema > #SchemaSVG > #global #C2, body.B12.B2 > #schema > #SchemaSVG > #global #C2 > *, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2C1, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2C1 > *, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2C2, body.B12.B2 > #schema > #SchemaSVG > #global #arrow-B2C2 > * {
  cursor: none;
  pointer-events: none;
}

body.B12.B2 > #schema > #SchemaSVG > #global #B2 {
  opacity: 1;
}

body.B12.B2 > #schema > #SchemaSVG > #global #B2, body.B12.B2 > #schema > #SchemaSVG > #global #B2 > * {
  pointer-events: all;
  cursor: pointer;
}

body.B12.B2.debB1 > #schema > #SchemaSVG > #global #arrow-B1B2 {
  opacity: 1;
}

body.B12.B2.debB1 > #schema > #SchemaSVG > #global #arrow-B1B2, body.B12.B2.debB1 > #schema > #SchemaSVG > #global #arrow-B1B2 > * {
  pointer-events: all;
  cursor: pointer;
}

body.B2 > #schema > #SchemaSVG > #global #A-group, body.B2 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B2 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 40% 139%;
          transform-origin: 40% 139%;
  -webkit-transform-origin-x: 40%;
  -webkit-transform-origin-y: 139%;
  -webkit-transform: scale(1.2);
}

body.B2 > #schema > #SchemaSVG > #global #global-view-arrows, body.B2 > #schema > #SchemaSVG > #global #A-group, body.B2 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B2 > #schema > #SchemaSVG > #global #B2, body.B2 > #schema > #SchemaSVG > #global #B2 > * {
  cursor: none;
  pointer-events: none;
}

body.B2 > #schema > #SchemaSVG > #global #B1, body.B2 > #schema > #SchemaSVG > #global #B12, body.B2 > #schema > #SchemaSVG > #global #B22, body.B2 > #schema > #SchemaSVG > #global #B32, body.B2 > #schema > #SchemaSVG > #global #B3, body.B2 > #schema > #SchemaSVG > #global #B42, body.B2 > #schema > #SchemaSVG > #global #B4, body.B2 > #schema > #SchemaSVG > #global #B5 {
  opacity: .2;
}

body.B2 > #schema > #SchemaSVG > #global #B1, body.B2 > #schema > #SchemaSVG > #global #B1 > *, body.B2 > #schema > #SchemaSVG > #global #B12, body.B2 > #schema > #SchemaSVG > #global #B12 > *, body.B2 > #schema > #SchemaSVG > #global #B22, body.B2 > #schema > #SchemaSVG > #global #B22 > *, body.B2 > #schema > #SchemaSVG > #global #B32, body.B2 > #schema > #SchemaSVG > #global #B32 > *, body.B2 > #schema > #SchemaSVG > #global #B3, body.B2 > #schema > #SchemaSVG > #global #B3 > *, body.B2 > #schema > #SchemaSVG > #global #B42, body.B2 > #schema > #SchemaSVG > #global #B42 > *, body.B2 > #schema > #SchemaSVG > #global #B4, body.B2 > #schema > #SchemaSVG > #global #B4 > *, body.B2 > #schema > #SchemaSVG > #global #B5, body.B2 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B2 > #schema > #SchemaSVG > #global #B2-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.B2 #footer A#btn-home, body.B2 #footer A#btn-addon-pdf, body.B2 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B2 #popups #B2-popup.popup {
  right: 0;
  opacity: 1;
}

body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #A-group, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #A1-deb, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #B-group {
  opacity: 1;
}

body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #A-group {
  transform: translate(160px, 0);
  -webkit-transform: translate(160px, 0);
}

body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B3, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B4, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2 {
  opacity: .2;
}

body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1 > *, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B3, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B3 > *, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B4, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B4 > *, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2, body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2 > * {
  cursor: none;
  pointer-events: none;
}

body.B2.A1:not(.A2) > #schema > #SchemaSVG > #global #A1-btn-deb {
  opacity: 0;
}

body.B2.B1 > #schema > #SchemaSVG > #global {
  /*#A-group, #A1-deb,*/
}

body.B2.B1 > #schema > #SchemaSVG > #global #B-group {
  opacity: 1;
}

body.B2.B1 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.B2.B1 > #schema > #SchemaSVG > #global #A-group {
  transform: translate(10%, 0);
  -webkit-transform: translate(10%, 0);
}

body.B2.B1.debB1 > #schema > #SchemaSVG > #global #arrow-B1B12 {
  opacity: .2;
}

body.B2.B1.debB1 > #schema > #SchemaSVG > #global #arrow-B1B12, body.B2.B1.debB1 > #schema > #SchemaSVG > #global #arrow-B1B12 > * {
  cursor: none;
  pointer-events: none;
}

body.B2.B1.debB1 > #schema > #SchemaSVG > #global #arrow-A1B1, body.B2.B1.debB1 > #schema > #SchemaSVG > #global #B1 {
  opacity: 1;
}

body.B2.B1.debB1 > #schema > #SchemaSVG > #global #arrow-A1B1, body.B2.B1.debB1 > #schema > #SchemaSVG > #global #arrow-A1B1 > *, body.B2.B1.debB1 > #schema > #SchemaSVG > #global #B1, body.B2.B1.debB1 > #schema > #SchemaSVG > #global #B1 > * {
  pointer-events: all;
  cursor: pointer;
}

body.B2.B1 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B2.A2 > #schema > #SchemaSVG > #global #A-group, body.B2.A2 > #schema > #SchemaSVG > #global #A2-deb, body.B2.A2 > #schema > #SchemaSVG > #global #B-group {
  opacity: 1;
}

body.B2.A2 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B2.A2 > #schema > #SchemaSVG > #global #A-group {
  transform: translate(-200px, 0);
  -webkit-transform: translate(-200px, 0);
}

body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B3, body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B4, body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B5 {
  opacity: .2;
}

body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B3, body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B3 > *, body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B4, body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B4 > *, body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B5, body.B2.A2 > #schema > #SchemaSVG > #global #arrow-A2B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B2.A2 > #schema > #SchemaSVG > #global #A2-btn-deb {
  opacity: 0;
}

body.B2.A2 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B2.debB2 > #schema > #SchemaSVG > #global #B2-btn-deb {
  opacity: 0;
}

body.debB2 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: -60% 0%;
          transform-origin: -60% 0%;
  -webkit-transform-origin-x: -60%;
  -webkit-transform-origin-y: 0%;
  -webkit-transform: scale(1.2);
}

body.debB2 > #schema > #SchemaSVG > #global #C3, body.debB2 > #schema > #SchemaSVG > #global #C4, body.debB2 > #schema > #SchemaSVG > #global #C5 {
  opacity: .2;
}

body.debB2 > #schema > #SchemaSVG > #global #C3, body.debB2 > #schema > #SchemaSVG > #global #C3 > *, body.debB2 > #schema > #SchemaSVG > #global #C4, body.debB2 > #schema > #SchemaSVG > #global #C4 > *, body.debB2 > #schema > #SchemaSVG > #global #C5, body.debB2 > #schema > #SchemaSVG > #global #C5 > * {
  cursor: none;
  pointer-events: none;
}

body.debB2 > #schema > #SchemaSVG > #global #B12, body.debB2 > #schema > #SchemaSVG > #global #B22 {
  opacity: 1;
}

body.debB2 > #schema > #SchemaSVG > #global #B12, body.debB2 > #schema > #SchemaSVG > #global #B12 > *, body.debB2 > #schema > #SchemaSVG > #global #B22, body.debB2 > #schema > #SchemaSVG > #global #B22 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB2 > #schema > #SchemaSVG > #global #B2-deb, body.debB2 > #schema > #SchemaSVG > #global #C-group {
  opacity: 1;
}

body.debB2 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(-35px, 0);
  -webkit-transform: translate(-35px, 0);
}

body.debB2 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB2 #popups #B2-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.B22 > #schema > #SchemaSVG > #global #A-group, body.B22 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B22 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 40% 50%;
          transform-origin: 40% 50%;
  -webkit-transform-origin-x: 40%;
  -webkit-transform-origin-y: 50%;
  -webkit-transform: scale(1.2);
}

body.B22 > #schema > #SchemaSVG > #global #global-view-arrows, body.B22 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B22 > #schema > #SchemaSVG > #global #B2, body.B22 > #schema > #SchemaSVG > #global #B2 > *, body.B22 > #schema > #SchemaSVG > #global #B22, body.B22 > #schema > #SchemaSVG > #global #B22 > * {
  cursor: none;
  pointer-events: none;
}

body.B22 > #schema > #SchemaSVG > #global #B1, body.B22 > #schema > #SchemaSVG > #global #B12, body.B22 > #schema > #SchemaSVG > #global #B32, body.B22 > #schema > #SchemaSVG > #global #B3, body.B22 > #schema > #SchemaSVG > #global #B42, body.B22 > #schema > #SchemaSVG > #global #B4, body.B22 > #schema > #SchemaSVG > #global #B5 {
  opacity: .2;
}

body.B22 > #schema > #SchemaSVG > #global #B1, body.B22 > #schema > #SchemaSVG > #global #B1 > *, body.B22 > #schema > #SchemaSVG > #global #B12, body.B22 > #schema > #SchemaSVG > #global #B12 > *, body.B22 > #schema > #SchemaSVG > #global #B32, body.B22 > #schema > #SchemaSVG > #global #B32 > *, body.B22 > #schema > #SchemaSVG > #global #B3, body.B22 > #schema > #SchemaSVG > #global #B3 > *, body.B22 > #schema > #SchemaSVG > #global #B42, body.B22 > #schema > #SchemaSVG > #global #B42 > *, body.B22 > #schema > #SchemaSVG > #global #B4, body.B22 > #schema > #SchemaSVG > #global #B4 > *, body.B22 > #schema > #SchemaSVG > #global #B5, body.B22 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B22 > #schema > #SchemaSVG > #global #B22-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.B22 #footer A#btn-home, body.B22 #footer A#btn-addon-pdf, body.B22 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B22 #popups #B22-popup.popup {
  right: 0;
  opacity: 1;
}

body.B22.B2 > #schema > #SchemaSVG > #global #A-group, body.B22.B2 > #schema > #SchemaSVG > #global #B-group {
  opacity: 1;
}

body.B22.B2 > #schema > #SchemaSVG > #global #arrow-B2B12 {
  opacity: .2;
}

body.B22.B2 > #schema > #SchemaSVG > #global #arrow-B2B12, body.B22.B2 > #schema > #SchemaSVG > #global #arrow-B2B12 > * {
  cursor: none;
  pointer-events: none;
}

body.B22.B2 > #schema > #SchemaSVG > #global #arrow-B2C1, body.B22.B2 > #schema > #SchemaSVG > #global #arrow-B2C2 {
  opacity: 0;
}

body.B22.B2 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B22.debB22 > #schema > #SchemaSVG > #global #B22-btn-deb {
  opacity: 0;
}

body.debB22 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: -60% 0%;
          transform-origin: -60% 0%;
  -webkit-transform-origin-x: -60%;
  -webkit-transform-origin-y: 0%;
  -webkit-transform: scale(1.2);
}

body.debB22 > #schema > #SchemaSVG > #global #C1, body.debB22 > #schema > #SchemaSVG > #global #C2, body.debB22 > #schema > #SchemaSVG > #global #C4, body.debB22 > #schema > #SchemaSVG > #global #C3, body.debB22 > #schema > #SchemaSVG > #global #C5 {
  opacity: 1;
}

body.debB22 > #schema > #SchemaSVG > #global #C1, body.debB22 > #schema > #SchemaSVG > #global #C1 > *, body.debB22 > #schema > #SchemaSVG > #global #C2, body.debB22 > #schema > #SchemaSVG > #global #C2 > *, body.debB22 > #schema > #SchemaSVG > #global #C4, body.debB22 > #schema > #SchemaSVG > #global #C4 > *, body.debB22 > #schema > #SchemaSVG > #global #C3, body.debB22 > #schema > #SchemaSVG > #global #C3 > *, body.debB22 > #schema > #SchemaSVG > #global #C5, body.debB22 > #schema > #SchemaSVG > #global #C5 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB22 > #schema > #SchemaSVG > #global #B22-deb, body.debB22 > #schema > #SchemaSVG > #global #C-group {
  opacity: 1;
}

body.debB22 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(-280px, 0);
  -webkit-transform: translate(-280px, 0);
}

body.debB22 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB22 #popups #B22-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.B3 > #schema > #SchemaSVG > #global #A-group, body.B3 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B3 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 152% 139%;
          transform-origin: 152% 139%;
  -webkit-transform-origin-x: 152%;
  -webkit-transform-origin-y: 139%;
  -webkit-transform: scale(1.2);
}

body.B3 > #schema > #SchemaSVG > #global #global-view-arrows, body.B3 > #schema > #SchemaSVG > #global #A-group, body.B3 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B3 > #schema > #SchemaSVG > #global #B3, body.B3 > #schema > #SchemaSVG > #global #B3 > * {
  cursor: none;
  pointer-events: none;
}

body.B3 > #schema > #SchemaSVG > #global #B1, body.B3 > #schema > #SchemaSVG > #global #B12, body.B3 > #schema > #SchemaSVG > #global #B2, body.B3 > #schema > #SchemaSVG > #global #B22, body.B3 > #schema > #SchemaSVG > #global #B42, body.B3 > #schema > #SchemaSVG > #global #B4, body.B3 > #schema > #SchemaSVG > #global #B5 {
  opacity: .2;
}

body.B3 > #schema > #SchemaSVG > #global #B1, body.B3 > #schema > #SchemaSVG > #global #B1 > *, body.B3 > #schema > #SchemaSVG > #global #B12, body.B3 > #schema > #SchemaSVG > #global #B12 > *, body.B3 > #schema > #SchemaSVG > #global #B2, body.B3 > #schema > #SchemaSVG > #global #B2 > *, body.B3 > #schema > #SchemaSVG > #global #B22, body.B3 > #schema > #SchemaSVG > #global #B22 > *, body.B3 > #schema > #SchemaSVG > #global #B42, body.B3 > #schema > #SchemaSVG > #global #B42 > *, body.B3 > #schema > #SchemaSVG > #global #B4, body.B3 > #schema > #SchemaSVG > #global #B4 > *, body.B3 > #schema > #SchemaSVG > #global #B5, body.B3 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B3 > #schema > #SchemaSVG > #global #B3-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.B3 #footer A#btn-home, body.B3 #footer A#btn-addon-pdf, body.B3 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B3 #popups #B3-popup.popup {
  right: 0;
  opacity: 1;
}

body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #A-group, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #A1-deb {
  opacity: 1;
}

body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #A-group {
  transform: translate(160px, 0);
  -webkit-transform: translate(160px, 0);
}

body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B2, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B4, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #A1TXTtransition {
  opacity: .2;
}

body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1 > *, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B2, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B2 > *, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B4, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B4 > *, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2 > *, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #A1TXTtransition, body.B3.A1:not(.A2) > #schema > #SchemaSVG > #global #A1TXTtransition > * {
  cursor: none;
  pointer-events: none;
}

body.B3.A1:not(.A2) #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B3.A1:not(.A2) #popups #B3-popup.popup > .complements {
  display: block;
}

body.B3.A2 > #schema > #SchemaSVG > #global #A-group, body.B3.A2 > #schema > #SchemaSVG > #global #A2-deb {
  opacity: 1;
}

body.B3.A2 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B3.A2 > #schema > #SchemaSVG > #global #A-group {
  transform: translate(-200px, 0);
  -webkit-transform: translate(-200px, 0);
}

body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B2, body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B4, body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B5 {
  opacity: .2;
}

body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B2, body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B2 > *, body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B4, body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B4 > *, body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B5, body.B3.A2 > #schema > #SchemaSVG > #global #arrow-A2B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B3.A2 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B3.debB3 > #schema > #SchemaSVG > #global #B3-btn-deb {
  opacity: 0;
}

body.debB3 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-transform-origin-x: 50%;
  -webkit-transform-origin-y: 0%;
  -webkit-transform: scale(1.2);
}

body.debB3 > #schema > #SchemaSVG > #global #C1, body.debB3 > #schema > #SchemaSVG > #global #C2, body.debB3 > #schema > #SchemaSVG > #global #C3, body.debB3 > #schema > #SchemaSVG > #global #C4, body.debB3 > #schema > #SchemaSVG > #global #C5 {
  opacity: 1;
}

body.debB3 > #schema > #SchemaSVG > #global #C1, body.debB3 > #schema > #SchemaSVG > #global #C1 > *, body.debB3 > #schema > #SchemaSVG > #global #C2, body.debB3 > #schema > #SchemaSVG > #global #C2 > *, body.debB3 > #schema > #SchemaSVG > #global #C3, body.debB3 > #schema > #SchemaSVG > #global #C3 > *, body.debB3 > #schema > #SchemaSVG > #global #C4, body.debB3 > #schema > #SchemaSVG > #global #C4 > *, body.debB3 > #schema > #SchemaSVG > #global #C5, body.debB3 > #schema > #SchemaSVG > #global #C5 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB3 > #schema > #SchemaSVG > #global #B3-deb, body.debB3 > #schema > #SchemaSVG > #global #C-group {
  opacity: 1;
}

body.debB3 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.debB3 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB3 #popups #B3-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.debB3 #popups #B32-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #A-group, body.debB4.B32 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.debB4.B32 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 150% 50%;
          transform-origin: 150% 50%;
  -webkit-transform-origin-x: 150%;
  -webkit-transform-origin-y: 50%;
  -webkit-transform: scale(1.2);
  /* Important pour click through */
}

body.debB4.B32 > #schema > #SchemaSVG > #global #global-view-arrows, body.debB4.B32 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #B3, body.debB4.B32 > #schema > #SchemaSVG > #global #B3 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B32, body.debB4.B32 > #schema > #SchemaSVG > #global #B32 > * {
  cursor: none;
  pointer-events: none;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #B1, body.debB4.B32 > #schema > #SchemaSVG > #global #B12, body.debB4.B32 > #schema > #SchemaSVG > #global #B2, body.debB4.B32 > #schema > #SchemaSVG > #global #B22, body.debB4.B32 > #schema > #SchemaSVG > #global #B4, body.debB4.B32 > #schema > #SchemaSVG > #global #B42, body.debB4.B32 > #schema > #SchemaSVG > #global #B5 {
  opacity: .2;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #B1, body.debB4.B32 > #schema > #SchemaSVG > #global #B1 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B12, body.debB4.B32 > #schema > #SchemaSVG > #global #B12 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B2, body.debB4.B32 > #schema > #SchemaSVG > #global #B2 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B22, body.debB4.B32 > #schema > #SchemaSVG > #global #B22 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B4, body.debB4.B32 > #schema > #SchemaSVG > #global #B4 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B42, body.debB4.B32 > #schema > #SchemaSVG > #global #B42 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B5, body.debB4.B32 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B4B42 {
  opacity: .2;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B4B42, body.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B4B42 > * {
  cursor: none;
  pointer-events: none;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #B4 {
  opacity: 1;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #B4, body.debB4.B32 > #schema > #SchemaSVG > #global #B4 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B4B5, body.debB4.B32 > #schema > #SchemaSVG > #global #B42, body.debB4.B32 > #schema > #SchemaSVG > #global #B5, body.debB4.B32 > #schema > #SchemaSVG > #global #C2 {
  opacity: .2;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B4B5, body.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B4B5 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B42, body.debB4.B32 > #schema > #SchemaSVG > #global #B42 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #B5, body.debB4.B32 > #schema > #SchemaSVG > #global #B5 > *, body.debB4.B32 > #schema > #SchemaSVG > #global #C2, body.debB4.B32 > #schema > #SchemaSVG > #global #C2 > * {
  cursor: none;
  pointer-events: none;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B4C2 {
  opacity: 0;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #B3-btn-deb {
  display: none;
}

body.debB4.B32 > #schema > #SchemaSVG > #global #B32-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.debB4.B32 #footer A#btn-home, body.debB4.B32 #footer A#btn-addon-pdf, body.debB4.B32 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB4.B32 #popups #B32-popup.popup {
  right: 0;
  opacity: 1;
}

body.debB4.B32.debB32 > #schema > #SchemaSVG > #global #B32-btn-deb {
  opacity: 0;
}

body.debB4.debB32 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-transform-origin-x: 50%;
  -webkit-transform-origin-y: 0%;
  -webkit-transform: scale(1.2);
}

body.debB4.debB32 > #schema > #SchemaSVG > #global #C1, body.debB4.debB32 > #schema > #SchemaSVG > #global #C2, body.debB4.debB32 > #schema > #SchemaSVG > #global #C3, body.debB4.debB32 > #schema > #SchemaSVG > #global #C4, body.debB4.debB32 > #schema > #SchemaSVG > #global #C5 {
  opacity: 1;
}

body.debB4.debB32 > #schema > #SchemaSVG > #global #C1, body.debB4.debB32 > #schema > #SchemaSVG > #global #C1 > *, body.debB4.debB32 > #schema > #SchemaSVG > #global #C2, body.debB4.debB32 > #schema > #SchemaSVG > #global #C2 > *, body.debB4.debB32 > #schema > #SchemaSVG > #global #C3, body.debB4.debB32 > #schema > #SchemaSVG > #global #C3 > *, body.debB4.debB32 > #schema > #SchemaSVG > #global #C4, body.debB4.debB32 > #schema > #SchemaSVG > #global #C4 > *, body.debB4.debB32 > #schema > #SchemaSVG > #global #C5, body.debB4.debB32 > #schema > #SchemaSVG > #global #C5 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB4.debB32 > #schema > #SchemaSVG > #global #B32-deb, body.debB4.debB32 > #schema > #SchemaSVG > #global #C-group {
  opacity: 1;
}

body.debB4.debB32 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.debB4.debB32 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB4.debB32 #popups #B32-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.B4 > #schema > #SchemaSVG > #global #A-group, body.B4 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B4 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 275% 139%;
          transform-origin: 275% 139%;
  -webkit-transform-origin-x: 275%;
  -webkit-transform-origin-y: 139%;
  -webkit-transform: scale(1.2);
}

body.B4 > #schema > #SchemaSVG > #global #global-view-arrows, body.B4 > #schema > #SchemaSVG > #global #A-group, body.B4 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B4 > #schema > #SchemaSVG > #global #B4, body.B4 > #schema > #SchemaSVG > #global #B4 > * {
  cursor: none;
  pointer-events: none;
}

body.B4 > #schema > #SchemaSVG > #global #B1, body.B4 > #schema > #SchemaSVG > #global #B12, body.B4 > #schema > #SchemaSVG > #global #B2, body.B4 > #schema > #SchemaSVG > #global #B22, body.B4 > #schema > #SchemaSVG > #global #B32, body.B4 > #schema > #SchemaSVG > #global #B3, body.B4 > #schema > #SchemaSVG > #global #B42, body.B4 > #schema > #SchemaSVG > #global #B5 {
  opacity: .2;
}

body.B4 > #schema > #SchemaSVG > #global #B1, body.B4 > #schema > #SchemaSVG > #global #B1 > *, body.B4 > #schema > #SchemaSVG > #global #B12, body.B4 > #schema > #SchemaSVG > #global #B12 > *, body.B4 > #schema > #SchemaSVG > #global #B2, body.B4 > #schema > #SchemaSVG > #global #B2 > *, body.B4 > #schema > #SchemaSVG > #global #B22, body.B4 > #schema > #SchemaSVG > #global #B22 > *, body.B4 > #schema > #SchemaSVG > #global #B32, body.B4 > #schema > #SchemaSVG > #global #B32 > *, body.B4 > #schema > #SchemaSVG > #global #B3, body.B4 > #schema > #SchemaSVG > #global #B3 > *, body.B4 > #schema > #SchemaSVG > #global #B42, body.B4 > #schema > #SchemaSVG > #global #B42 > *, body.B4 > #schema > #SchemaSVG > #global #B5, body.B4 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B4 > #schema > #SchemaSVG > #global #B4-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.B4 #footer A#btn-home, body.B4 #footer A#btn-addon-pdf, body.B4 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B4 #popups #B4-popup.popup {
  right: 0;
  opacity: 1;
}

body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #A-group, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #A1-deb {
  opacity: 1;
}

body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #A-group {
  transform: translate(160px, 0);
  -webkit-transform: translate(160px, 0);
}

body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B2, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B3, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #A1TXTtransition {
  opacity: .2;
}

body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B1 > *, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B2, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B2 > *, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B3, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1B3 > *, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #arrow-A1A2 > *, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #A1TXTtransition, body.B4.A1:not(.A2) > #schema > #SchemaSVG > #global #A1TXTtransition > * {
  cursor: none;
  pointer-events: none;
}

body.B4.A1:not(.A2) #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B4.A1:not(.A2) #popups #B4-popup.popup > .complements {
  display: block;
}

body.B4.A2 > #schema > #SchemaSVG > #global #A-group, body.B4.A2 > #schema > #SchemaSVG > #global #A2-deb {
  opacity: 1;
}

body.B4.A2 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B4.A2 > #schema > #SchemaSVG > #global #A-group {
  transform: translate(-200px, 0);
  -webkit-transform: translate(-200px, 0);
}

body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B2, body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B3, body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B5 {
  opacity: .2;
}

body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B2, body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B2 > *, body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B3, body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B3 > *, body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B5, body.B4.A2 > #schema > #SchemaSVG > #global #arrow-A2B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B4.A2 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B4.debB4 > #schema > #SchemaSVG > #global #B4-btn-deb {
  opacity: 0;
}

body.debB4 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 146% 0%;
          transform-origin: 146% 0%;
  -webkit-transform-origin-x: 146%;
  -webkit-transform-origin-y: 0%;
  -webkit-transform: scale(1.2);
}

body.debB4 > #schema > #SchemaSVG > #global #C1, body.debB4 > #schema > #SchemaSVG > #global #C3, body.debB4 > #schema > #SchemaSVG > #global #C4, body.debB4 > #schema > #SchemaSVG > #global #C5 {
  opacity: .2;
}

body.debB4 > #schema > #SchemaSVG > #global #C1, body.debB4 > #schema > #SchemaSVG > #global #C1 > *, body.debB4 > #schema > #SchemaSVG > #global #C3, body.debB4 > #schema > #SchemaSVG > #global #C3 > *, body.debB4 > #schema > #SchemaSVG > #global #C4, body.debB4 > #schema > #SchemaSVG > #global #C4 > *, body.debB4 > #schema > #SchemaSVG > #global #C5, body.debB4 > #schema > #SchemaSVG > #global #C5 > * {
  cursor: none;
  pointer-events: none;
}

body.debB4 > #schema > #SchemaSVG > #global #B32, body.debB4 > #schema > #SchemaSVG > #global #B42 {
  opacity: 1;
}

body.debB4 > #schema > #SchemaSVG > #global #B32, body.debB4 > #schema > #SchemaSVG > #global #B32 > *, body.debB4 > #schema > #SchemaSVG > #global #B42, body.debB4 > #schema > #SchemaSVG > #global #B42 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB4 > #schema > #SchemaSVG > #global #B4-deb, body.debB4 > #schema > #SchemaSVG > #global #C-group {
  opacity: 1;
}

body.debB4 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(405px, 0);
  -webkit-transform: translate(405px, 0);
}

body.debB4 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB4 #popups #B4-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.B42 > #schema > #SchemaSVG > #global #A-group, body.B42 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B42 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 275% 50%;
          transform-origin: 275% 50%;
  -webkit-transform-origin-x: 275%;
  -webkit-transform-origin-y: 50%;
  -webkit-transform: scale(1.2);
}

body.B42 > #schema > #SchemaSVG > #global #global-view-arrows, body.B42 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B42 > #schema > #SchemaSVG > #global #B4, body.B42 > #schema > #SchemaSVG > #global #B4 > *, body.B42 > #schema > #SchemaSVG > #global #B42, body.B42 > #schema > #SchemaSVG > #global #B42 > * {
  cursor: none;
  pointer-events: none;
}

body.B42 > #schema > #SchemaSVG > #global #B1, body.B42 > #schema > #SchemaSVG > #global #B12, body.B42 > #schema > #SchemaSVG > #global #B2, body.B42 > #schema > #SchemaSVG > #global #B22, body.B42 > #schema > #SchemaSVG > #global #B32, body.B42 > #schema > #SchemaSVG > #global #B3, body.B42 > #schema > #SchemaSVG > #global #B5 {
  opacity: .2;
}

body.B42 > #schema > #SchemaSVG > #global #B1, body.B42 > #schema > #SchemaSVG > #global #B1 > *, body.B42 > #schema > #SchemaSVG > #global #B12, body.B42 > #schema > #SchemaSVG > #global #B12 > *, body.B42 > #schema > #SchemaSVG > #global #B2, body.B42 > #schema > #SchemaSVG > #global #B2 > *, body.B42 > #schema > #SchemaSVG > #global #B22, body.B42 > #schema > #SchemaSVG > #global #B22 > *, body.B42 > #schema > #SchemaSVG > #global #B32, body.B42 > #schema > #SchemaSVG > #global #B32 > *, body.B42 > #schema > #SchemaSVG > #global #B3, body.B42 > #schema > #SchemaSVG > #global #B3 > *, body.B42 > #schema > #SchemaSVG > #global #B5, body.B42 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B42 > #schema > #SchemaSVG > #global #B42-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.B42 #footer A#btn-home, body.B42 #footer A#btn-addon-pdf, body.B42 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B42 #popups #B42-popup.popup {
  right: 0;
  opacity: 1;
}

body.B42.B4 > #schema > #SchemaSVG > #global {
  /*#A-group,*/
  /*#A1-deb,*/
}

body.B42.B4 > #schema > #SchemaSVG > #global #B-group {
  opacity: 1;
}

body.B42.B4 > #schema > #SchemaSVG > #global #arrow-B4B32 {
  opacity: .2;
}

body.B42.B4 > #schema > #SchemaSVG > #global #arrow-B4B32, body.B42.B4 > #schema > #SchemaSVG > #global #arrow-B4B32 > * {
  cursor: none;
  pointer-events: none;
}

body.B42.B4 > #schema > #SchemaSVG > #global #arrow-B4C2 {
  opacity: 0;
}

body.B42.B4 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B42.debB42 > #schema > #SchemaSVG > #global #B42-btn-deb {
  opacity: 0;
}

body.debB42 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 150% 0%;
          transform-origin: 150% 0%;
  -webkit-transform-origin-x: 150%;
  -webkit-transform-origin-y: 0%;
  -webkit-transform: scale(1.2);
}

body.debB42 > #schema > #SchemaSVG > #global #C1 {
  opacity: .2;
}

body.debB42 > #schema > #SchemaSVG > #global #C1, body.debB42 > #schema > #SchemaSVG > #global #C1 > * {
  cursor: none;
  pointer-events: none;
}

body.debB42 > #schema > #SchemaSVG > #global #C2, body.debB42 > #schema > #SchemaSVG > #global #C3, body.debB42 > #schema > #SchemaSVG > #global #C4, body.debB42 > #schema > #SchemaSVG > #global #C5 {
  opacity: 1;
}

body.debB42 > #schema > #SchemaSVG > #global #C2, body.debB42 > #schema > #SchemaSVG > #global #C2 > *, body.debB42 > #schema > #SchemaSVG > #global #C3, body.debB42 > #schema > #SchemaSVG > #global #C3 > *, body.debB42 > #schema > #SchemaSVG > #global #C4, body.debB42 > #schema > #SchemaSVG > #global #C4 > *, body.debB42 > #schema > #SchemaSVG > #global #C5, body.debB42 > #schema > #SchemaSVG > #global #C5 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB42 > #schema > #SchemaSVG > #global #B42-deb, body.debB42 > #schema > #SchemaSVG > #global #C-group {
  opacity: 1;
}

body.debB42 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(160px, 0);
  -webkit-transform: translate(160px, 0);
}

body.debB42 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB42 #popups #B42-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.B5 > #schema > #SchemaSVG > #global #A-group, body.B5 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B5 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 375% 139%;
          transform-origin: 375% 139%;
  -webkit-transform-origin-x: 375%;
  -webkit-transform-origin-y: 139%;
  -webkit-transform: scale(1.2);
}

body.B5 > #schema > #SchemaSVG > #global #global-view-arrows, body.B5 > #schema > #SchemaSVG > #global #A-group, body.B5 > #schema > #SchemaSVG > #global #C-group {
  opacity: 0;
}

body.B5 > #schema > #SchemaSVG > #global #B5, body.B5 > #schema > #SchemaSVG > #global #B5 > * {
  cursor: none;
  pointer-events: none;
}

body.B5 > #schema > #SchemaSVG > #global #B1, body.B5 > #schema > #SchemaSVG > #global #B12, body.B5 > #schema > #SchemaSVG > #global #B2, body.B5 > #schema > #SchemaSVG > #global #B22, body.B5 > #schema > #SchemaSVG > #global #B32, body.B5 > #schema > #SchemaSVG > #global #B3, body.B5 > #schema > #SchemaSVG > #global #B4, body.B5 > #schema > #SchemaSVG > #global #B42 {
  opacity: .2;
}

body.B5 > #schema > #SchemaSVG > #global #B1, body.B5 > #schema > #SchemaSVG > #global #B1 > *, body.B5 > #schema > #SchemaSVG > #global #B12, body.B5 > #schema > #SchemaSVG > #global #B12 > *, body.B5 > #schema > #SchemaSVG > #global #B2, body.B5 > #schema > #SchemaSVG > #global #B2 > *, body.B5 > #schema > #SchemaSVG > #global #B22, body.B5 > #schema > #SchemaSVG > #global #B22 > *, body.B5 > #schema > #SchemaSVG > #global #B32, body.B5 > #schema > #SchemaSVG > #global #B32 > *, body.B5 > #schema > #SchemaSVG > #global #B3, body.B5 > #schema > #SchemaSVG > #global #B3 > *, body.B5 > #schema > #SchemaSVG > #global #B4, body.B5 > #schema > #SchemaSVG > #global #B4 > *, body.B5 > #schema > #SchemaSVG > #global #B42, body.B5 > #schema > #SchemaSVG > #global #B42 > * {
  cursor: none;
  pointer-events: none;
}

body.B5 > #schema > #SchemaSVG > #global #B5-btn-deb.btn-deb {
  cursor: pointer;
  display: block;
  opacity: 1;
}

body.B5 #footer A#btn-home, body.B5 #footer A#btn-addon-pdf, body.B5 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B5 #popups #B5-popup.popup {
  right: 0;
  opacity: 1;
}

body.B5.B4 > #schema > #SchemaSVG > #global #A-group {
  opacity: 1;
}

body.B5.B4 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B5.B4 > #schema > #SchemaSVG > #global #arrow-B4B32 {
  opacity: .2;
}

body.B5.B4 > #schema > #SchemaSVG > #global #arrow-B4B32, body.B5.B4 > #schema > #SchemaSVG > #global #arrow-B4B32 > * {
  cursor: none;
  pointer-events: none;
}

body.B5.B4 > #schema > #SchemaSVG > #global #arrow-B4C2 {
  opacity: 0;
}

body.B5.B4 > #schema > #SchemaSVG > #global #B4 {
  opacity: 1;
}

body.B5.B4 > #schema > #SchemaSVG > #global #B4, body.B5.B4 > #schema > #SchemaSVG > #global #B4 > * {
  pointer-events: all;
  cursor: pointer;
}

body.B5.B4 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B5.A1 > #schema > #SchemaSVG > #global #A-group, body.B5.A1 > #schema > #SchemaSVG > #global #A1-deb {
  opacity: 1;
}

body.B5.A1 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B5.A1.B4 > #schema > #SchemaSVG > #global #A1-deb {
  opacity: 1;
}

body.B5.A2 > #schema > #SchemaSVG > #global #A-group, body.B5.A2 > #schema > #SchemaSVG > #global #A2-deb {
  opacity: 1;
}

body.B5.A2 > #schema > #SchemaSVG > #global #B-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.B5.A2 > #schema > #SchemaSVG > #global #A-group {
  transform: translate(-200px, 0);
  -webkit-transform: translate(-200px, 0);
}

body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B2, body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B3, body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B4 {
  opacity: .2;
}

body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B2, body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B2 > *, body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B3, body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B3 > *, body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B4, body.B5.A2 > #schema > #SchemaSVG > #global #arrow-A2B4 > * {
  cursor: none;
  pointer-events: none;
}

body.B5.A2 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.B5.A2.B4 > #schema > #SchemaSVG > #global #arrow-A2B4 {
  opacity: 1;
}

body.B5.A2.B4 > #schema > #SchemaSVG > #global #arrow-A2B4, body.B5.A2.B4 > #schema > #SchemaSVG > #global #arrow-A2B4 > * {
  pointer-events: all;
  cursor: pointer;
}

body.B5.A2.B4 > #schema > #SchemaSVG > #global #A2-deb {
  opacity: 1;
}

body.B5.A2.B4 > #schema > #SchemaSVG > #global #A-group {
  transform: translate(-200px, 0);
  -webkit-transform: translate(-200px, 0);
}

body.B5.debB5 > #schema > #SchemaSVG > #global #B5-btn-deb {
  opacity: 0;
}

body.debB5 > #schema > #SchemaSVG > #global {
  transform: scale(1.2);
  -webkit-transform-origin: 260% 0%;
          transform-origin: 260% 0%;
  -webkit-transform-origin-x: 260%;
  -webkit-transform-origin-y: 0%;
  -webkit-transform: scale(1.2);
}

body.debB5 > #schema > #SchemaSVG > #global #C1 {
  opacity: .2;
}

body.debB5 > #schema > #SchemaSVG > #global #C1, body.debB5 > #schema > #SchemaSVG > #global #C1 > * {
  cursor: none;
  pointer-events: none;
}

body.debB5 > #schema > #SchemaSVG > #global #C2, body.debB5 > #schema > #SchemaSVG > #global #C3, body.debB5 > #schema > #SchemaSVG > #global #C4, body.debB5 > #schema > #SchemaSVG > #global #C5 {
  opacity: 1;
}

body.debB5 > #schema > #SchemaSVG > #global #C2, body.debB5 > #schema > #SchemaSVG > #global #C2 > *, body.debB5 > #schema > #SchemaSVG > #global #C3, body.debB5 > #schema > #SchemaSVG > #global #C3 > *, body.debB5 > #schema > #SchemaSVG > #global #C4, body.debB5 > #schema > #SchemaSVG > #global #C4 > *, body.debB5 > #schema > #SchemaSVG > #global #C5, body.debB5 > #schema > #SchemaSVG > #global #C5 > * {
  pointer-events: all;
  cursor: pointer;
}

body.debB5 > #schema > #SchemaSVG > #global #B5-deb, body.debB5 > #schema > #SchemaSVG > #global #C-group {
  opacity: 1;
}

body.debB5 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(445px, 0);
  -webkit-transform: translate(445px, 0);
}

body.debB5 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.debB5 #popups #B5-popup.popup {
  right: -100vw;
  opacity: 0;
}

body.C1 > #schema > #SchemaSVG > #global #A-group, body.C1 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C1 > #schema > #SchemaSVG > #global {
  transform: scale(1.2) !important;
  -webkit-transform-origin: -25% 0% !important;
          transform-origin: -25% 0% !important;
  -webkit-transform-origin-x: -25% !important;
  -webkit-transform-origin-y: 0% !important;
  -webkit-transform: scale(1.2) !important;
}

body.C1 > #schema > #SchemaSVG > #global #global-view-arrows, body.C1 > #schema > #SchemaSVG > #global #A-group, body.C1 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C1 > #schema > #SchemaSVG > #global #C1, body.C1 > #schema > #SchemaSVG > #global #C1 > * {
  cursor: none;
  pointer-events: none;
}

body.C1 > #schema > #SchemaSVG > #global #C2, body.C1 > #schema > #SchemaSVG > #global #C3, body.C1 > #schema > #SchemaSVG > #global #C4, body.C1 > #schema > #SchemaSVG > #global #C5 {
  opacity: .2;
}

body.C1 > #schema > #SchemaSVG > #global #C2, body.C1 > #schema > #SchemaSVG > #global #C2 > *, body.C1 > #schema > #SchemaSVG > #global #C3, body.C1 > #schema > #SchemaSVG > #global #C3 > *, body.C1 > #schema > #SchemaSVG > #global #C4, body.C1 > #schema > #SchemaSVG > #global #C4 > *, body.C1 > #schema > #SchemaSVG > #global #C5, body.C1 > #schema > #SchemaSVG > #global #C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C1 #footer A#btn-home, body.C1 #footer A#btn-addon-pdf, body.C1 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C1 #popups #C1-popup.popup {
  right: 0;
  opacity: 1;
}

body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global {
  /*#A-group, #A1-deb,*/
}

body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #B-group, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #B2-deb {
  opacity: 1;
}

body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(35px, 0);
  -webkit-transform: translate(35px, 0);
}

body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #B12, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #B22, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B12, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B22, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2C2 {
  opacity: .2;
}

body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #B12, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #B12 > *, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #B22, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #B22 > *, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B12, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B12 > *, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B22, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B22 > *, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2C2, body.C1.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2C2 > * {
  cursor: none;
  pointer-events: none;
}

body.C1.B2:not(.B22) #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C1.B22 > #schema > #SchemaSVG > #global #B-group, body.C1.B22 > #schema > #SchemaSVG > #global #B22-deb {
  opacity: 1;
}

body.C1.B22 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C1.B22 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(280px, 0);
  -webkit-transform: translate(280px, 0);
}

body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C2, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C3, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C4, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C5 {
  opacity: .2;
}

body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C2, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C2 > *, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C3, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C3 > *, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C4, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C4 > *, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C5, body.C1.B22 > #schema > #SchemaSVG > #global #arrow-B22C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C1.B22 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C1.B3 > #schema > #SchemaSVG > #global #B-group, body.C1.B3 > #schema > #SchemaSVG > #global #B3-deb {
  opacity: 1;
}

body.C1.B3 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C1.B3 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C2, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C3, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C4, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C5 {
  opacity: .2;
}

body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C2, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C2 > *, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C3, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C3 > *, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C4, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C4 > *, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C5, body.C1.B3 > #schema > #SchemaSVG > #global #arrow-B3C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C1.B3 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C1.debB4.B32 > #schema > #SchemaSVG > #global #B-group, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #B32-deb {
  opacity: 1;
}

body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C1.debB4.B32 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C2, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C3, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C4, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C5,
body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C2, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C4, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5 {
  opacity: .2;
}

body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C2, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C2 > *, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C3, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C3 > *, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C4, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C4 > *, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C5, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #C5 > *,
body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C2,
body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C2 > *, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3 > *, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C4, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C4 > *, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5, body.C1.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C1.debB4.B32 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2 > #schema > #SchemaSVG > #global #A-group, body.C2 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C2 > #schema > #SchemaSVG > #global {
  transform: scale(1.2) !important;
  -webkit-transform-origin: 68% 0% !important;
          transform-origin: 68% 0% !important;
  -webkit-transform-origin-x: 68% !important;
  -webkit-transform-origin-y: 0% !important;
  -webkit-transform: scale(1.2) !important;
}

body.C2 > #schema > #SchemaSVG > #global #global-view-arrows, body.C2 > #schema > #SchemaSVG > #global #A-group, body.C2 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C2 > #schema > #SchemaSVG > #global #C2, body.C2 > #schema > #SchemaSVG > #global #C2 > * {
  cursor: none;
  pointer-events: none;
}

body.C2 > #schema > #SchemaSVG > #global #C1, body.C2 > #schema > #SchemaSVG > #global #C3, body.C2 > #schema > #SchemaSVG > #global #C4, body.C2 > #schema > #SchemaSVG > #global #C5 {
  opacity: .2;
}

body.C2 > #schema > #SchemaSVG > #global #C1, body.C2 > #schema > #SchemaSVG > #global #C1 > *, body.C2 > #schema > #SchemaSVG > #global #C3, body.C2 > #schema > #SchemaSVG > #global #C3 > *, body.C2 > #schema > #SchemaSVG > #global #C4, body.C2 > #schema > #SchemaSVG > #global #C4 > *, body.C2 > #schema > #SchemaSVG > #global #C5, body.C2 > #schema > #SchemaSVG > #global #C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C2 #footer A#btn-home, body.C2 #footer A#btn-addon-pdf, body.C2 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2 #popups #C2-popup.popup {
  right: 0;
  opacity: 1;
}

body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global {
  /*#A-group, #A1-deb,*/
}

body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #B-group, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #B2-deb {
  opacity: 1;
}

body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(35px, 0);
  -webkit-transform: translate(35px, 0);
}

body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #B12, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #B22, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B12, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B22, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2C1 {
  opacity: .2;
}

body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #B12, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #B12 > *, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #B22, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #B22 > *, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B12, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B12 > *, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B22, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2B22 > *, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2C1, body.C2.B2:not(.B22) > #schema > #SchemaSVG > #global #arrow-B2C1 > * {
  cursor: none;
  pointer-events: none;
}

body.C2.B2:not(.B22) #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2.B22 > #schema > #SchemaSVG > #global #B-group, body.C2.B22 > #schema > #SchemaSVG > #global #B22-deb {
  opacity: 1;
}

body.C2.B22 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C2.B22 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(280px, 0);
  -webkit-transform: translate(280px, 0);
}

body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C1, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C3, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C4, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C5 {
  opacity: .2;
}

body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C1, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C1 > *, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C3, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C3 > *, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C4, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C4 > *, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C5, body.C2.B22 > #schema > #SchemaSVG > #global #arrow-B22C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C2.B22 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2.B3 > #schema > #SchemaSVG > #global #B-group, body.C2.B3 > #schema > #SchemaSVG > #global #B3-deb {
  opacity: 1;
}

body.C2.B3 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C2.B3 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C1, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C3, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C4, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C5 {
  opacity: .2;
}

body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C1, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C1 > *, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C3, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C3 > *, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C4, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C4 > *, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C5, body.C2.B3 > #schema > #SchemaSVG > #global #arrow-B3C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C2.B3 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2.debB4.B32 > #schema > #SchemaSVG > #global #B-group, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #B32-deb {
  opacity: 1;
}

body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C2.debB4.B32 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C1, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C3, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C4, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C5,
body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C1, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C4, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5 {
  opacity: .2;
}

body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C1, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C1 > *, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C3, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C3 > *, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C4, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C4 > *, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C5, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #C5 > *,
body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C1,
body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C1 > *, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3 > *, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C4, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C4 > *, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5, body.C2.debB4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C2.debB4.B32 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B-group, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B4-deb {
  opacity: 1;
}

body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-405px, 0);
  -webkit-transform: translate(-405px, 0);
}

body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B32, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B42, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B5, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #arrow-B4B32, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #arrow-B4B42 {
  opacity: .2;
}

body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B32, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B32 > *, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B42, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B42 > *, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B5, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #B5 > *, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #arrow-B4B32, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #arrow-B4B32 > *, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #arrow-B4B42, body.C2.B4:not(.B32):not(.B42) > #schema > #SchemaSVG > #global #arrow-B4B42 > * {
  cursor: none;
  pointer-events: none;
}

body.C2.B4:not(.B32):not(.B42) #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2.B4:not(.B32):not(.B42) #popups #C2-popup.popup > .complements {
  display: block;
}

body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #B-group, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #B42, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #B42-deb {
  opacity: 1;
}

body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-160px, 0);
  -webkit-transform: translate(-160px, 0);
}

body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C4, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C5 {
  opacity: .2;
}

body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3 > *, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C4, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C4 > *, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C5, body.C2.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C2.B42:not(.B32) #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2.B42:not(.B32) #popups #C2-popup.popup > .complements {
  display: block;
}

body.C2.B5 > #schema > #SchemaSVG > #global {
  /*#A-group, #A1-deb,*/
}

body.C2.B5 > #schema > #SchemaSVG > #global #B-group, body.C2.B5 > #schema > #SchemaSVG > #global #B5-deb {
  opacity: 1;
}

body.C2.B5 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C2.B5 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-445px, 0);
  -webkit-transform: translate(-445px, 0);
}

body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C3, body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C4, body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C5 {
  opacity: .2;
}

body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C3, body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C3 > *, body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C4, body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C4 > *, body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C5, body.C2.B5 > #schema > #SchemaSVG > #global #arrow-B5C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C2.B5 > #schema > #SchemaSVG > #global #B5 {
  opacity: 1;
}

body.C2.B5 > #schema > #SchemaSVG > #global #B5, body.C2.B5 > #schema > #SchemaSVG > #global #B5 > * {
  pointer-events: all;
  cursor: pointer;
}

body.C2.B5 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C2.B5 #popups #C2-popup.popup > .complements {
  display: block;
}

body.C3 > #schema > #SchemaSVG > #global #A-group, body.C3 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C3 > #schema > #SchemaSVG > #global {
  transform: scale(1.2) !important;
  -webkit-transform-origin: 165% 0% !important;
          transform-origin: 165% 0% !important;
  -webkit-transform-origin-x: 165% !important;
  -webkit-transform-origin-y: 0% !important;
  -webkit-transform: scale(1.2) !important;
}

body.C3 > #schema > #SchemaSVG > #global #global-view-arrows, body.C3 > #schema > #SchemaSVG > #global #A-group, body.C3 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C3 > #schema > #SchemaSVG > #global #C3, body.C3 > #schema > #SchemaSVG > #global #C3 > * {
  cursor: none;
  pointer-events: none;
}

body.C3 > #schema > #SchemaSVG > #global #C1, body.C3 > #schema > #SchemaSVG > #global #C2, body.C3 > #schema > #SchemaSVG > #global #C4, body.C3 > #schema > #SchemaSVG > #global #C5 {
  opacity: .2;
}

body.C3 > #schema > #SchemaSVG > #global #C1, body.C3 > #schema > #SchemaSVG > #global #C1 > *, body.C3 > #schema > #SchemaSVG > #global #C2, body.C3 > #schema > #SchemaSVG > #global #C2 > *, body.C3 > #schema > #SchemaSVG > #global #C4, body.C3 > #schema > #SchemaSVG > #global #C4 > *, body.C3 > #schema > #SchemaSVG > #global #C5, body.C3 > #schema > #SchemaSVG > #global #C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C3 #footer A#btn-home, body.C3 #footer A#btn-addon-pdf, body.C3 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C3 #popups #C3-popup.popup {
  right: 0;
  opacity: 1;
}

body.C3.B22 > #schema > #SchemaSVG > #global #B-group, body.C3.B22 > #schema > #SchemaSVG > #global #B22-deb {
  opacity: 1;
}

body.C3.B22 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C3.B22 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(280px, 0);
  -webkit-transform: translate(280px, 0);
}

body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C1, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C2, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C4, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C5 {
  opacity: .2;
}

body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C1, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C1 > *, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C2, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C2 > *, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C4, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C4 > *, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C5, body.C3.B22 > #schema > #SchemaSVG > #global #arrow-B22C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C3.B22 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C3.B3 > #schema > #SchemaSVG > #global #B-group, body.C3.B3 > #schema > #SchemaSVG > #global #B3-deb {
  opacity: 1;
}

body.C3.B3 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C3.B3 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C1, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C2, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C4, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C5 {
  opacity: .2;
}

body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C1, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C1 > *, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C2, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C2 > *, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C4, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C4 > *, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C5, body.C3.B3 > #schema > #SchemaSVG > #global #arrow-B3C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C3.B3 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C3.B32 > #schema > #SchemaSVG > #global #B-group, body.C3.B32 > #schema > #SchemaSVG > #global #B32-deb {
  opacity: 1;
}

body.C3.B32 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C3.B32 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C3.B32 > #schema > #SchemaSVG > #global #C1, body.C3.B32 > #schema > #SchemaSVG > #global #C2, body.C3.B32 > #schema > #SchemaSVG > #global #C4, body.C3.B32 > #schema > #SchemaSVG > #global #C5,
body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C1, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C2, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C4, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C5 {
  opacity: .2;
}

body.C3.B32 > #schema > #SchemaSVG > #global #C1, body.C3.B32 > #schema > #SchemaSVG > #global #C1 > *, body.C3.B32 > #schema > #SchemaSVG > #global #C2, body.C3.B32 > #schema > #SchemaSVG > #global #C2 > *, body.C3.B32 > #schema > #SchemaSVG > #global #C4, body.C3.B32 > #schema > #SchemaSVG > #global #C4 > *, body.C3.B32 > #schema > #SchemaSVG > #global #C5, body.C3.B32 > #schema > #SchemaSVG > #global #C5 > *,
body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C1,
body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C1 > *, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C2, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C2 > *, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C4, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C4 > *, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C5, body.C3.B32 > #schema > #SchemaSVG > #global #arrow-B32C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C3.B32 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C3.B42 > #schema > #SchemaSVG > #global #B-group, body.C3.B42 > #schema > #SchemaSVG > #global #B42-deb {
  opacity: 1;
}

body.C3.B42 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C3.B42 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-160px, 0);
  -webkit-transform: translate(-160px, 0);
}

body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C2, body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C4, body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C5 {
  opacity: .2;
}

body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C2, body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C2 > *, body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C4, body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C4 > *, body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C5, body.C3.B42 > #schema > #SchemaSVG > #global #arrow-B42C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C3.B42 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C3.B5 > #schema > #SchemaSVG > #global #B-group, body.C3.B5 > #schema > #SchemaSVG > #global #B5-deb {
  opacity: 1;
}

body.C3.B5 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C3.B5 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-445px, 0);
  -webkit-transform: translate(-445px, 0);
}

body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C2, body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C4, body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C5 {
  opacity: .2;
}

body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C2, body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C2 > *, body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C4, body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C4 > *, body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C5, body.C3.B5 > #schema > #SchemaSVG > #global #arrow-B5C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C3.B5 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C3.B5 #popups #C3-popup.popup > .complements {
  display: block;
}

body.C4 {
  /**/
}

body.C4 > #schema > #SchemaSVG > #global #A-group, body.C4 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C4 > #schema > #SchemaSVG > #global {
  transform: scale(1.2) !important;
  -webkit-transform-origin: 260% 0% !important;
          transform-origin: 260% 0% !important;
  -webkit-transform-origin-x: 260% !important;
  -webkit-transform-origin-y: 0% !important;
  -webkit-transform: scale(1.2) !important;
}

body.C4 > #schema > #SchemaSVG > #global #global-view-arrows, body.C4 > #schema > #SchemaSVG > #global #A-group, body.C4 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C4 > #schema > #SchemaSVG > #global #C4, body.C4 > #schema > #SchemaSVG > #global #C4 > * {
  cursor: none;
  pointer-events: none;
}

body.C4 > #schema > #SchemaSVG > #global #C1, body.C4 > #schema > #SchemaSVG > #global #C2, body.C4 > #schema > #SchemaSVG > #global #C3, body.C4 > #schema > #SchemaSVG > #global #C5 {
  opacity: .2;
}

body.C4 > #schema > #SchemaSVG > #global #C1, body.C4 > #schema > #SchemaSVG > #global #C1 > *, body.C4 > #schema > #SchemaSVG > #global #C2, body.C4 > #schema > #SchemaSVG > #global #C2 > *, body.C4 > #schema > #SchemaSVG > #global #C3, body.C4 > #schema > #SchemaSVG > #global #C3 > *, body.C4 > #schema > #SchemaSVG > #global #C5, body.C4 > #schema > #SchemaSVG > #global #C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C4 #footer A#btn-home, body.C4 #footer A#btn-addon-pdf, body.C4 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C4 #popups #C4-popup.popup {
  right: 0;
  opacity: 1;
}

body.C4.B22 > #schema > #SchemaSVG > #global #B-group, body.C4.B22 > #schema > #SchemaSVG > #global #B22-deb {
  opacity: 1;
}

body.C4.B22 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C4.B22 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(280px, 0);
  -webkit-transform: translate(280px, 0);
}

body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C1, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C2, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C3, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C5 {
  opacity: .2;
}

body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C1, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C1 > *, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C2, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C2 > *, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C3, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C3 > *, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C5, body.C4.B22 > #schema > #SchemaSVG > #global #arrow-B22C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C4.B22 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C4.B22 #popups #C4-popup.popup > .complements {
  display: block;
}

body.C4.B3 > #schema > #SchemaSVG > #global #B-group, body.C4.B3 > #schema > #SchemaSVG > #global #B3-deb {
  opacity: 1;
}

body.C4.B3 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C4.B3 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C1, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C2, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C3, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C5 {
  opacity: .2;
}

body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C1, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C1 > *, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C2, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C2 > *, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C3, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C3 > *, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C5, body.C4.B3 > #schema > #SchemaSVG > #global #arrow-B3C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C4.B3 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C4.B3 #popups #C4-popup.popup > .complements {
  display: block;
}

body.C4.B32 > #schema > #SchemaSVG > #global #B-group, body.C4.B32 > #schema > #SchemaSVG > #global #B32-deb {
  opacity: 1;
}

body.C4.B32 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C4.B32 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C4.B32 > #schema > #SchemaSVG > #global #C1, body.C4.B32 > #schema > #SchemaSVG > #global #C2, body.C4.B32 > #schema > #SchemaSVG > #global #C3, body.C4.B32 > #schema > #SchemaSVG > #global #C5,
body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C1, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C2, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5 {
  opacity: .2;
}

body.C4.B32 > #schema > #SchemaSVG > #global #C1, body.C4.B32 > #schema > #SchemaSVG > #global #C1 > *, body.C4.B32 > #schema > #SchemaSVG > #global #C2, body.C4.B32 > #schema > #SchemaSVG > #global #C2 > *, body.C4.B32 > #schema > #SchemaSVG > #global #C3, body.C4.B32 > #schema > #SchemaSVG > #global #C3 > *, body.C4.B32 > #schema > #SchemaSVG > #global #C5, body.C4.B32 > #schema > #SchemaSVG > #global #C5 > *,
body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C1,
body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C1 > *, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C2, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C2 > *, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C3 > *, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5, body.C4.B32 > #schema > #SchemaSVG > #global #arrow-B32C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C4.B32 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C4.B32 #popups #C4-popup.popup > .complements {
  display: block;
}

body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #B-group, body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #B42-deb {
  opacity: 1;
}

body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-160px, 0);
  -webkit-transform: translate(-160px, 0);
}

body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C2, body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3, body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C5 {
  opacity: .2;
}

body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C2, body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C2 > *, body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3, body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3 > *, body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C5, body.C4.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C4.B42:not(.B32) #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C4.B5 > #schema > #SchemaSVG > #global #B-group, body.C4.B5 > #schema > #SchemaSVG > #global #B5-deb {
  opacity: 1;
}

body.C4.B5 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C4.B5 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-445px, 0);
  -webkit-transform: translate(-445px, 0);
}

body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C2, body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C3, body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C5 {
  opacity: .2;
}

body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C2, body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C2 > *, body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C3, body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C3 > *, body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C5, body.C4.B5 > #schema > #SchemaSVG > #global #arrow-B5C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C4.B5 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C5 > #schema > #SchemaSVG > #global #A-group, body.C5 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C5 > #schema > #SchemaSVG > #global {
  transform: scale(1.2) !important;
  -webkit-transform-origin: 360% 0% !important;
          transform-origin: 360% 0% !important;
  -webkit-transform-origin-x: 360% !important;
  -webkit-transform-origin-y: 0% !important;
  -webkit-transform: scale(1.2) !important;
}

body.C5 > #schema > #SchemaSVG > #global #global-view-arrows, body.C5 > #schema > #SchemaSVG > #global #A-group, body.C5 > #schema > #SchemaSVG > #global #B-group {
  opacity: 0;
}

body.C5 > #schema > #SchemaSVG > #global #C5, body.C5 > #schema > #SchemaSVG > #global #C5 > * {
  cursor: none;
  pointer-events: none;
}

body.C5 > #schema > #SchemaSVG > #global #C1, body.C5 > #schema > #SchemaSVG > #global #C2, body.C5 > #schema > #SchemaSVG > #global #C3, body.C5 > #schema > #SchemaSVG > #global #C4 {
  opacity: .2;
}

body.C5 > #schema > #SchemaSVG > #global #C1, body.C5 > #schema > #SchemaSVG > #global #C1 > *, body.C5 > #schema > #SchemaSVG > #global #C2, body.C5 > #schema > #SchemaSVG > #global #C2 > *, body.C5 > #schema > #SchemaSVG > #global #C3, body.C5 > #schema > #SchemaSVG > #global #C3 > *, body.C5 > #schema > #SchemaSVG > #global #C4, body.C5 > #schema > #SchemaSVG > #global #C4 > * {
  cursor: none;
  pointer-events: none;
}

body.C5 #footer A#btn-home, body.C5 #footer A#btn-addon-pdf, body.C5 #footer A#btn-zoom-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C5 #popups #C5-popup.popup {
  right: 0;
  opacity: 1;
}

body.C5.B22 > #schema > #SchemaSVG > #global #B-group, body.C5.B22 > #schema > #SchemaSVG > #global #B22-deb {
  opacity: 1;
}

body.C5.B22 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C5.B22 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(280px, 0);
  -webkit-transform: translate(280px, 0);
}

body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C1, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C2, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C3, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C4 {
  opacity: .2;
}

body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C1, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C1 > *, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C2, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C2 > *, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C3, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C3 > *, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C4, body.C5.B22 > #schema > #SchemaSVG > #global #arrow-B22C4 > * {
  cursor: none;
  pointer-events: none;
}

body.C5.B22 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C5.B22 #popups #C5-popup.popup > .complements {
  display: block;
}

body.C5.B3 > #schema > #SchemaSVG > #global #B-group, body.C5.B3 > #schema > #SchemaSVG > #global #B3-deb {
  opacity: 1;
}

body.C5.B3 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C5.B3 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C1, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C2, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C3, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C4 {
  opacity: .2;
}

body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C1, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C1 > *, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C2, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C2 > *, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C3, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C3 > *, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C4, body.C5.B3 > #schema > #SchemaSVG > #global #arrow-B3C4 > * {
  cursor: none;
  pointer-events: none;
}

body.C5.B3 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C5.B3 #popups #C5-popup.popup > .complements {
  display: block;
}

body.C5.B32 > #schema > #SchemaSVG > #global #B-group, body.C5.B32 > #schema > #SchemaSVG > #global #B32-deb {
  opacity: 1;
}

body.C5.B32 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
}

body.C5.B32 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C1, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C2, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C3, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C4 {
  opacity: .2;
}

body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C1, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C1 > *, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C2, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C2 > *, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C3, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C3 > *, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C4, body.C5.B32 > #schema > #SchemaSVG > #global #arrow-B32C4 > * {
  cursor: none;
  pointer-events: none;
}

body.C5.B32 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C5.B32 #popups #C5-popup.popup > .complements {
  display: block;
}

body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #B-group, body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #B42-deb {
  opacity: 1;
}

body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-160px, 0);
  -webkit-transform: translate(-160px, 0);
}

body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C2, body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3, body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C4 {
  opacity: .2;
}

body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C2, body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C2 > *, body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3, body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C3 > *, body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C4, body.C5.B42:not(.B32) > #schema > #SchemaSVG > #global #arrow-B42C4 > * {
  cursor: none;
  pointer-events: none;
}

body.C5.B42:not(.B32) #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.C5.B42:not(.B32) #popups #C5-popup.popup > .complements {
  display: block;
}

body.C5.B5 > #schema > #SchemaSVG > #global #B-group, body.C5.B5 > #schema > #SchemaSVG > #global #B5-deb {
  opacity: 1;
}

body.C5.B5 > #schema > #SchemaSVG > #global #C-group {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body.C5.B5 > #schema > #SchemaSVG > #global #AB-group {
  transform: translate(-445px, 0);
  -webkit-transform: translate(-445px, 0);
}

body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C2, body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C3, body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C4 {
  opacity: .2;
}

body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C2, body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C2 > *, body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C3, body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C3 > *, body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C4, body.C5.B5 > #schema > #SchemaSVG > #global #arrow-B5C4 > * {
  cursor: none;
  pointer-events: none;
}

body.C5.B5 #footer A#btn-retour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.ZoomOUT > #schema > #SchemaSVG > #global {
  -webkit-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
  -webkit-transform-origin: 50% 50% !important;
          transform-origin: 50% 50% !important;
}

body.ZoomOUT > #schema > #SchemaSVG > #global #A1-btn-deb, body.ZoomOUT > #schema > #SchemaSVG > #global #A2-btn-deb,
body.ZoomOUT > #schema > #SchemaSVG > #global #B1-btn-deb, body.ZoomOUT > #schema > #SchemaSVG > #global #B2-btn-deb, body.ZoomOUT > #schema > #SchemaSVG > #global #B3-btn-deb, body.ZoomOUT > #schema > #SchemaSVG > #global #B4-btn-deb, body.ZoomOUT > #schema > #SchemaSVG > #global #B5-btn-deb,
body.ZoomOUT > #schema > #SchemaSVG > #global #B22-btn-deb, body.ZoomOUT > #schema > #SchemaSVG > #global #B32-btn-deb, body.ZoomOUT > #schema > #SchemaSVG > #global #B42-btn-deb {
  opacity: 0 !important;
}

body.ZoomOUT #footer A#btn-home, body.ZoomOUT #footer A#btn-retour, body.ZoomOUT #footer A#btn-zoom-out {
  display: none !important;
}

body.ZoomOUT #footer A#btn-zoom-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.ZoomOUT #popups #A1-popup.popup, body.ZoomOUT #popups #A2-popup.popup,
body.ZoomOUT #popups #B1-popup.popup, body.ZoomOUT #popups #B2-popup.popup, body.ZoomOUT #popups #B3-popup.popup, body.ZoomOUT #popups #B4-popup.popup, body.ZoomOUT #popups #B5-popup.popup,
body.ZoomOUT #popups #B22-popup.popup, body.ZoomOUT #popups #B32-popup.popup, body.ZoomOUT #popups #B42-popup.popup,
body.ZoomOUT #popups #C1-popup.popup, body.ZoomOUT #popups #C2-popup.popup, body.ZoomOUT #popups #C3-popup.popup, body.ZoomOUT #popups #C4-popup.popup, body.ZoomOUT #popups #C5-popup.popup {
  right: -100vw !important;
  opacity: 0 !important;
}

html.V body.A1 #popups #A1-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debA1 #popups #A1-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.A2 #popups #A2-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debA2 #popups #A2-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.B1 #popups #B1-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debB1 #popups #B1-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.B2 #popups #B2-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debB2 #popups #B2-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.B3 #popups #B3-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debB3 #popups #B3-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.B4 #popups #B4-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debB4 #popups #B4-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.B5 #popups #B5-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debB5 #popups #B5-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.C1 #popups #C1-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debC1 #popups #C1-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.C2 #popups #C2-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debC2 #popups #C2-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.C3 #popups #C3-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debC3 #popups #C3-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.C4 #popups #C4-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debC4 #popups #C4-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

html.V body.C5 #popups #C5-popup.popup {
  top: 0;
  opacity: 1;
}

html.V body.debC5 #popups #C5-popup.popup {
  top: calc(-50vh - 24px);
  opacity: 0;
}

#global, #A-group, #B-group, #AB-group, #C-group, #global-view-arrows {
  -webkit-transition: all ease-in-out 1s 0s;
  transition: all ease-in-out 1s 0s;
}

.fil11 {
  fill: #A4BABF;
  /*fill-opacity:.2;*/
  fill-rule: nonzero;
}

.fil10 {
  fill: #333333;
  fill-rule: nonzero;
}

.fil9 {
  fill: #1C515F;
  fill-rule: nonzero;
}

.fil8 {
  fill: #284C16;
  fill-rule: nonzero;
}

.fil7 {
  fill: white;
  fill-rule: nonzero;
}

.fil6 {
  fill: #b9c3c6;
  fill-rule: nonzero;
}

.fil4 {
  fill: #ced6c2;
  fill-rule: nonzero;
}

.fil5 {
  fill: #98aeb3;
  fill-rule: nonzero;
}

.fil3 {
  fill: #b6c69f;
  fill-rule: nonzero;
}

.fil2 {
  fill: #9eb87a;
  fill-rule: nonzero;
}

.fil1 {
  fill: #488C31;
  fill-opacity: .75;
  fill-rule: nonzero;
}

.fil0 {
  fill: #488C31;
  fill-rule: nonzero;
}

.str1 {
  stroke: #333333;
  stroke-width: 8;
  fill: none;
}

.str0 {
  stroke: #A4BABF;
  stroke-width: 8;
  fill: none;
}

.fnt0, .fnt1, .fnt2, .fnt3, .ftn4, .fnt5 {
  text-anchor: middle;
  dominant-baseline: initial;
  alignment-baseline: initial;
}

.fnt5 {
  font-size: 19px;
  font-weight: 700;
  font-family: "Open Sans", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
}

.fnt4 {
  font-size: 20px;
  font-weight: 600;
  font-family: "Open Sans Semibold", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
}

.fnt3 {
  font-size: 18px;
  font-weight: 800;
  font-family: "Open Sans Extrabold", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
}

.fnt2 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Open Sans", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
}

.fnt1 {
  font-size: 20px;
  font-weight: 800;
  font-family: "Open Sans Extrabold", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
}

.fnt0 {
  font-size: 26px;
  font-weight: 800;
  font-family: "Open Sans Extrabold", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
}

.arrow0 {
  fill: #333333;
  fill-rule: nonzero;
}

.arrow1 {
  fill: #333333;
  fill-opacity: .4;
  fill-rule: nonzero;
}

.arrow2, .arrow3 {
  fill: none;
  stroke: #333333;
  stroke-width: 8;
  fill-rule: nonzero;
}

.arrow3 {
  stroke-dasharray: 15,5;
}

.deb-arrows {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all ease-in-out 2s 0s;
  transition: all ease-in-out 2s 0s;
}

.deb-arrows.show {
  opacity: 1;
}

.btn-deb {
  -webkit-transition: all .5s ease-in-out .5s;
  transition: all .5s ease-in-out .5s;
  cursor: pointer;
  opacity: 0;
}

.btn-deb.display {
  display: block;
  opacity: 1;
}

#btn-deb {
  pointer-events: none;
}

#btn-deb .deb-ico {
  pointer-events: none;
  fill: white;
  fill-rule: nonzero;
}

#btn-deb .deb-bg {
  pointer-events: all !important;
  fill: #333333;
  stroke: white;
  stroke-width: 1px;
  cursor: pointer;
}

#btn-deb .deb-label {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  fill: #333333;
  fill-rule: nonzero;
  text-anchor: middle;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Open Sans';
  letter-spacing: -.1em;
}

#btn-deb:active .deb-bg, #btn-deb:hover .deb-bg {
  fill: black;
}

a.close {
  cursor: pointer;
  position: absolute;
  top: 0;
  /* left: 0; */
  right: 0;
  z-index: 5000;
  display: block;
  background: white;
  width: 4vw;
  height: 4vw;
  /* border-radius: 50%; */
  line-height: 3.5vw;
  text-align: center;
  text-decoration: none;
  font-size: 2.5vw;
  color: #3338;
  /* border: 1px white solid; */
  -webkit-box-shadow: 0 0px 16px -4px #000;
          box-shadow: 0 0px 16px -4px #000;
  font-weight: bold;
  font-weight: 600;
  /* background: red; */
  border-radius: 0 0 0 24%;
  /* border-top-width: 0; */
  /* border-right-width: 0; */
}

a.close:active, a.close:hover {
  color: black;
  background: #333;
  color: white;
}

a.switch {
  display: none;
}

#error {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5000;
  display: table;
  overflow: hidden;
  background: #e5e5e5 none;
  background: rgba(229, 229, 229, 0.75) none;
}

#error .message {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: auto;
  margin: 50px;
}

#error .message span {
  display: block;
  border: 3px #f8f8f8 solid;
  margin: 10%;
  padding: 20px 30px 10px;
  -webkit-box-shadow: 0 5px 25px -10px black;
          box-shadow: 0 5px 25px -10px black;
  font-size: 18px;
  color: #f8f8f8;
  background: #333;
}

#error .message span hr {
  border: 1px #888 dotted;
  border-width: 0 0 1px 0;
}

#error .message span p:nth-of-type(1n+2) {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
}

#error .message span i {
  font-weight: bold;
  display: inline-block;
  background: red;
  padding: .25em .5em;
  color: white;
  margin: 0 .5em;
  -webkit-box-shadow: 1px 1px 2px black;
          box-shadow: 1px 1px 2px black;
  font-style: normal;
}

#error .message span i.ok {
  text-decoration: none;
  background: lightgreen;
  color: darkgreen;
}

#error .message span i.partial {
  text-decoration: none;
  background: #FFC107;
  color: #d93400;
}
/*# sourceMappingURL=main.css.map */