.modal-header {
    background: var(--theme-color);
}

.modal-header h2 {
    color: #FFF !important;
}

.accordion {
  --bs-accordion-btn-bg: var(--theme-color) !important;
  --bs-accordion-btn-color: var(--theme-contrast-color) !important;
  --bs-accordion-active-bg: var(--theme-color) !important;
  --bs-accordion-active-color: var(--theme-contrast-color) !important;
}

.accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}

.accordion-item {
    border: 1px solid var(--theme-color) !important;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-body {
  max-height: 200px;
  overflow: auto;
}

#quiz {
  position: relative;
  width: 100%;
  height: 100%;
}
#quiz #choices {
  position: relative;
}
#quiz #choices label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: color 0.25s ease, background 0.25s ease;
  -moz-transition: color 0.25s ease, background 0.25s ease;
  -ms-transition: color 0.25s ease, background 0.25s ease;
  -o-transition: color 0.25s ease, background 0.25s ease;
  transition: color 0.25s ease, background 0.25s ease;
}
#quiz #choices label.disabled {
  cursor: default;
  pointer-events: none;
}
#quiz #choices input {
  position: absolute;
  left: -999999px;
}
#quiz #choices .droppable,
#quiz #choices .draggable {
  position: relative;
  display: block;
}
#quiz #choices .draggable {
  margin: 0;
  cursor: move;
  z-index: 210;
  -webkit-transition: color 0.25s ease, background 0.25s ease, border 0.25s ease;
  -moz-transition: color 0.25s ease, background 0.25s ease, border 0.25s ease;
  -ms-transition: color 0.25s ease, background 0.25s ease, border 0.25s ease;
  -o-transition: color 0.25s ease, background 0.25s ease, border 0.25s ease;
  transition: color 0.25s ease, background 0.25s ease, border 0.25s ease;
}
#quiz #choices .droppable {
  z-index: 200;
}
#quiz #btnValider {
  display: none;
}
.retroactions {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 220;
}
.retroactions > div {
  display: none;
}
.retroactions > div.active {
  display: block;
}
.retroactions .retroaction-success,
.retroactions .retroaction-failed,
.retroactions .retroaction-retry {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1180px) {
  /* code CSS */
}
@media only screen and (max-width: 1000px) {
  /* code CSS */
}
@media only screen and (max-width: 760px) {
  /* code CSS */
}
@media only screen and (max-width: 600px) {
  /* code CSS */
}
@media only screen and (min-width: 761px) {
  /* code CSS */
}
:root {
  --color1: #932784;
  --color2: #D4A9CE;
  --color3: #C64B9B;
  --color4: #F2E2F2;
  --color1_1: #932784;
  --color1_2: #D4A9CE;
  --color1_3: #C64B9B;
  --color1_4: #F2E2F2;
  --color2_1: #E0195B;
  --color2_2: #f8a1bb;
  --color2_3: #f36791;
  --color2_4: #fbd0dd;
}
/*======================================================
------------------------- COLOR ------------------------
======================================================*/
/*USAGE : .triangle(down, 3em, 5px, #fff);*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media only screen and (min-width: 761px) {
  .sr-only-desktop {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media only screen and (max-width: 760px) {
  .sr-only-phone {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  99% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  99% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  99% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  99% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  99% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-moz-keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-ms-keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-o-keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-webkit-keyframes pulseborder {
  0% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    border-width: 10px;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    border-width: 10px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-moz-keyframes pulseborder {
  0% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    border-width: 10px;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    border-width: 10px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-ms-keyframes pulseborder {
  0% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    border-width: 10px;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    border-width: 10px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-o-keyframes pulseborder {
  0% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    border-width: 10px;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    border-width: 10px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@keyframes pulseborder {
  0% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    border-width: 10px;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
  99% {
    border-width: 10px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    border-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-webkit-keyframes pulseoutline {
  0% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    outline-width: 12px;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
  99% {
    outline-width: 12px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-moz-keyframes pulseoutline {
  0% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    outline-width: 12px;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
  99% {
    outline-width: 12px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-ms-keyframes pulseoutline {
  0% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    outline-width: 12px;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
  99% {
    outline-width: 12px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-o-keyframes pulseoutline {
  0% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    outline-width: 12px;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
  99% {
    outline-width: 12px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@keyframes pulseoutline {
  0% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  50% {
    outline-width: 12px;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
  99% {
    outline-width: 12px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  100% {
    outline-width: 0px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
}
@-webkit-keyframes flash {
  0% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  50% {
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
}
@-moz-keyframes flash {
  0% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  50% {
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
}
@-ms-keyframes flash {
  0% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  50% {
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
}
@-o-keyframes flash {
  0% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  50% {
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
}
@keyframes flash {
  0% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
  50% {
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(20deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
@-moz-keyframes rotate {
  0% {
    transform: rotate(20deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
@-ms-keyframes rotate {
  0% {
    transform: rotate(20deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
@-o-keyframes rotate {
  0% {
    transform: rotate(20deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(20deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
@-webkit-keyframes hop {
  0% {
    transform: translateY(0px);
  }
  35% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
  65% {
    transform: translateY(3px);
  }
  72% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-moz-keyframes hop {
  0% {
    transform: translateY(0px);
  }
  35% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
  65% {
    transform: translateY(3px);
  }
  72% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-ms-keyframes hop {
  0% {
    transform: translateY(0px);
  }
  35% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
  65% {
    transform: translateY(3px);
  }
  72% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-o-keyframes hop {
  0% {
    transform: translateY(0px);
  }
  35% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
  65% {
    transform: translateY(3px);
  }
  72% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hop {
  0% {
    transform: translateY(0px);
  }
  35% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
  65% {
    transform: translateY(3px);
  }
  72% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes jump {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0) scaleY(0.5);
  }
  30% {
    transform: translateY(-50px) scaleY(1.1);
  }
  40% {
    transform: translateY(0) scaleY(0.5);
  }
  45% {
    transform: translateY(0) scaleY(1);
  }
  100% {
    transform: translateY(0) scaleY(1);
  }
}
@-moz-keyframes jump {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0) scaleY(0.5);
  }
  30% {
    transform: translateY(-50px) scaleY(1.1);
  }
  40% {
    transform: translateY(0) scaleY(0.5);
  }
  45% {
    transform: translateY(0) scaleY(1);
  }
  100% {
    transform: translateY(0) scaleY(1);
  }
}
@-ms-keyframes jump {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0) scaleY(0.5);
  }
  30% {
    transform: translateY(-50px) scaleY(1.1);
  }
  40% {
    transform: translateY(0) scaleY(0.5);
  }
  45% {
    transform: translateY(0) scaleY(1);
  }
  100% {
    transform: translateY(0) scaleY(1);
  }
}
@-o-keyframes jump {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0) scaleY(0.5);
  }
  30% {
    transform: translateY(-50px) scaleY(1.1);
  }
  40% {
    transform: translateY(0) scaleY(0.5);
  }
  45% {
    transform: translateY(0) scaleY(1);
  }
  100% {
    transform: translateY(0) scaleY(1);
  }
}
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0) scaleY(0.5);
  }
  30% {
    transform: translateY(-50px) scaleY(1.1);
  }
  40% {
    transform: translateY(0) scaleY(0.5);
  }
  45% {
    transform: translateY(0) scaleY(1);
  }
  100% {
    transform: translateY(0) scaleY(1);
  }
}
.uppercase {
  text-transform: uppercase !important;
}
.overflow {
  overflow: visible !important;
}
.underline {
  text-decoration: underline !important;
}
.italic {
  font-style: italic !important;
}
.black {
  font-weight: 800 !important;
}
.bold {
  font-weight: bold !important;
}
.lite {
  font-weight: 300 !important;
}
.light {
  font-weight: 300 !important;
}
.white {
  color: #ffffff !important;
}
.blanc {
  color: #ffffff !important;
}
.gris {
  color: #DDDDDD !important;
}
.textnoir,
.textblack,
.blacktext {
  color: #414042 !important;
}
.rouge {
  color: #ED1556 !important;
}
.bleu {
  color: #00BFDF !important;
}
.vert {
  color: #9ECC3B !important;
}
.jaune {
  color: #FFCC32 !important;
}
.orange {
  color: #ff8f1f !important;
}
.mauve {
  color: #932784 !important;
  color: var(--color1) !important;
}
.rose {
  color: #C64B9B !important;
  color: var(--color3) !important;
}
.mauvePale {
  color: #D4A9CE !important;
  color: var(--color2) !important;
}
.fond-gris,
.bg-gris,
.background-gris {
  background-color: #DDDDDD !important;
}
.fond-white,
.bg-white,
.background-white {
  background-color: #ffffff !important;
}
.fond-blanc,
.bg-blanc,
.background-blanc {
  background-color: #ffffff !important;
}
.fond-rouge,
.bg-rouge,
.background-rouge {
  background-color: #ED1556 !important;
}
.fond-bleu,
.bg-bleu,
.background-bleu {
  background-color: #00BFDF !important;
}
.fond-vert,
.bg-vert,
.background-vert {
  background-color: #9ECC3B !important;
}
.fond-jaune,
.bg-jaune,
.background-jaune {
  background-color: #FFCC32 !important;
}
.fond-orange,
.bg-orange,
.background-orange {
  background-color: #ff8f1f !important;
}
.fond-mauve,
.bg-mauve,
.background-mauve {
  background-color: #932784 !important;
  background-color: var(--color1) !important;
}
.fond-rose,
.bg-rose,
.background-rose {
  background-color: #C64B9B !important;
  background-color: var(--color3) !important;
}
.fond-mauvePale,
.bg-mauvePale,
.background-mauvePale {
  background-color: #D4A9CE !important;
  background-color: var(--color2) !important;
}
.fond-grisPale,
.bg-grisPale,
.background-grisPale {
  background-color: #FAFAFA !important;
}
@media only screen and (max-width: 1000px) {
  /* code CSS */
}
@media only screen and (max-width: 760px) {
  /* code CSS */
}
.text1,
.texth1,
.text-h1,
.header1 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 44.8px;
  line-height: 67.2px;
}
@media only screen and (max-width: 1180px) {
  .text1,
  .texth1,
  .text-h1,
  .header1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  .text1,
  .texth1,
  .text-h1,
  .header1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  .text1,
  .texth1,
  .text-h1,
  .header1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  .text1,
  .texth1,
  .text-h1,
  .header1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  .text1,
  .texth1,
  .text-h1,
  .header1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  .text1,
  .texth1,
  .text-h1,
  .header1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
.text2,
.texth2,
.text-h2,
.header2 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 33.6px;
  line-height: 50.4px;
}
@media only screen and (max-width: 1180px) {
  .text2,
  .texth2,
  .text-h2,
  .header2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .text2,
  .texth2,
  .text-h2,
  .header2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  .text2,
  .texth2,
  .text-h2,
  .header2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .text2,
  .texth2,
  .text-h2,
  .header2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
.text3,
.texth3,
.text-h3,
.header3 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 25.2px;
  line-height: 37.8px;
}
@media only screen and (max-width: 1180px) {
  .text3,
  .texth3,
  .text-h3,
  .header3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  .text3,
  .texth3,
  .text-h3,
  .header3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  .text3,
  .texth3,
  .text-h3,
  .header3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  .text3,
  .texth3,
  .text-h3,
  .header3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
.text4,
.texth4,
.text-h4,
.header4 {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1180px) {
  .text4,
  .texth4,
  .text-h4,
  .header4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .text4,
  .texth4,
  .text-h4,
  .header4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .text4,
  .texth4,
  .text-h4,
  .header4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .text4,
  .texth4,
  .text-h4,
  .header4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.text5,
.texth5,
.text-h5,
.header5 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1180px) {
  .text5,
  .texth5,
  .text-h5,
  .header5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .text5,
  .texth5,
  .text-h5,
  .header5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .text5,
  .texth5,
  .text-h5,
  .header5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .text5,
  .texth5,
  .text-h5,
  .header5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.full-page,
.fullPage {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.full-width {
  width: 100% !important;
}
.nowrap,
.no-wrap {
  white-space: nowrap !important;
}
.center,
.text-center-x,
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.centered {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.centerVertical,
.centeredVerticaly {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
}
.centerHorizontal,
.centeredHorizontaly {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
}
.hidden {
  display: none;
}
.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  .small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
.w200,
.width200 {
  width: 200%;
}
.h200,
.height200 {
  height: 200%;
}
.l200,
.left200 {
  position: absolute;
  left: 200%;
}
.t200,
.top200 {
  position: absolute;
  top: 200%;
}
.b200,
.bottom200 {
  position: absolute;
  bottom: 200%;
}
.r200,
.right200 {
  position: absolute;
  right: 200%;
}
.w199,
.width199 {
  width: 199%;
}
.h199,
.height199 {
  height: 199%;
}
.l199,
.left199 {
  position: absolute;
  left: 199%;
}
.t199,
.top199 {
  position: absolute;
  top: 199%;
}
.b199,
.bottom199 {
  position: absolute;
  bottom: 199%;
}
.r199,
.right199 {
  position: absolute;
  right: 199%;
}
.w198,
.width198 {
  width: 198%;
}
.h198,
.height198 {
  height: 198%;
}
.l198,
.left198 {
  position: absolute;
  left: 198%;
}
.t198,
.top198 {
  position: absolute;
  top: 198%;
}
.b198,
.bottom198 {
  position: absolute;
  bottom: 198%;
}
.r198,
.right198 {
  position: absolute;
  right: 198%;
}
.w197,
.width197 {
  width: 197%;
}
.h197,
.height197 {
  height: 197%;
}
.l197,
.left197 {
  position: absolute;
  left: 197%;
}
.t197,
.top197 {
  position: absolute;
  top: 197%;
}
.b197,
.bottom197 {
  position: absolute;
  bottom: 197%;
}
.r197,
.right197 {
  position: absolute;
  right: 197%;
}
.w196,
.width196 {
  width: 196%;
}
.h196,
.height196 {
  height: 196%;
}
.l196,
.left196 {
  position: absolute;
  left: 196%;
}
.t196,
.top196 {
  position: absolute;
  top: 196%;
}
.b196,
.bottom196 {
  position: absolute;
  bottom: 196%;
}
.r196,
.right196 {
  position: absolute;
  right: 196%;
}
.w195,
.width195 {
  width: 195%;
}
.h195,
.height195 {
  height: 195%;
}
.l195,
.left195 {
  position: absolute;
  left: 195%;
}
.t195,
.top195 {
  position: absolute;
  top: 195%;
}
.b195,
.bottom195 {
  position: absolute;
  bottom: 195%;
}
.r195,
.right195 {
  position: absolute;
  right: 195%;
}
.w194,
.width194 {
  width: 194%;
}
.h194,
.height194 {
  height: 194%;
}
.l194,
.left194 {
  position: absolute;
  left: 194%;
}
.t194,
.top194 {
  position: absolute;
  top: 194%;
}
.b194,
.bottom194 {
  position: absolute;
  bottom: 194%;
}
.r194,
.right194 {
  position: absolute;
  right: 194%;
}
.w193,
.width193 {
  width: 193%;
}
.h193,
.height193 {
  height: 193%;
}
.l193,
.left193 {
  position: absolute;
  left: 193%;
}
.t193,
.top193 {
  position: absolute;
  top: 193%;
}
.b193,
.bottom193 {
  position: absolute;
  bottom: 193%;
}
.r193,
.right193 {
  position: absolute;
  right: 193%;
}
.w192,
.width192 {
  width: 192%;
}
.h192,
.height192 {
  height: 192%;
}
.l192,
.left192 {
  position: absolute;
  left: 192%;
}
.t192,
.top192 {
  position: absolute;
  top: 192%;
}
.b192,
.bottom192 {
  position: absolute;
  bottom: 192%;
}
.r192,
.right192 {
  position: absolute;
  right: 192%;
}
.w191,
.width191 {
  width: 191%;
}
.h191,
.height191 {
  height: 191%;
}
.l191,
.left191 {
  position: absolute;
  left: 191%;
}
.t191,
.top191 {
  position: absolute;
  top: 191%;
}
.b191,
.bottom191 {
  position: absolute;
  bottom: 191%;
}
.r191,
.right191 {
  position: absolute;
  right: 191%;
}
.w190,
.width190 {
  width: 190%;
}
.h190,
.height190 {
  height: 190%;
}
.l190,
.left190 {
  position: absolute;
  left: 190%;
}
.t190,
.top190 {
  position: absolute;
  top: 190%;
}
.b190,
.bottom190 {
  position: absolute;
  bottom: 190%;
}
.r190,
.right190 {
  position: absolute;
  right: 190%;
}
.w189,
.width189 {
  width: 189%;
}
.h189,
.height189 {
  height: 189%;
}
.l189,
.left189 {
  position: absolute;
  left: 189%;
}
.t189,
.top189 {
  position: absolute;
  top: 189%;
}
.b189,
.bottom189 {
  position: absolute;
  bottom: 189%;
}
.r189,
.right189 {
  position: absolute;
  right: 189%;
}
.w188,
.width188 {
  width: 188%;
}
.h188,
.height188 {
  height: 188%;
}
.l188,
.left188 {
  position: absolute;
  left: 188%;
}
.t188,
.top188 {
  position: absolute;
  top: 188%;
}
.b188,
.bottom188 {
  position: absolute;
  bottom: 188%;
}
.r188,
.right188 {
  position: absolute;
  right: 188%;
}
.w187,
.width187 {
  width: 187%;
}
.h187,
.height187 {
  height: 187%;
}
.l187,
.left187 {
  position: absolute;
  left: 187%;
}
.t187,
.top187 {
  position: absolute;
  top: 187%;
}
.b187,
.bottom187 {
  position: absolute;
  bottom: 187%;
}
.r187,
.right187 {
  position: absolute;
  right: 187%;
}
.w186,
.width186 {
  width: 186%;
}
.h186,
.height186 {
  height: 186%;
}
.l186,
.left186 {
  position: absolute;
  left: 186%;
}
.t186,
.top186 {
  position: absolute;
  top: 186%;
}
.b186,
.bottom186 {
  position: absolute;
  bottom: 186%;
}
.r186,
.right186 {
  position: absolute;
  right: 186%;
}
.w185,
.width185 {
  width: 185%;
}
.h185,
.height185 {
  height: 185%;
}
.l185,
.left185 {
  position: absolute;
  left: 185%;
}
.t185,
.top185 {
  position: absolute;
  top: 185%;
}
.b185,
.bottom185 {
  position: absolute;
  bottom: 185%;
}
.r185,
.right185 {
  position: absolute;
  right: 185%;
}
.w184,
.width184 {
  width: 184%;
}
.h184,
.height184 {
  height: 184%;
}
.l184,
.left184 {
  position: absolute;
  left: 184%;
}
.t184,
.top184 {
  position: absolute;
  top: 184%;
}
.b184,
.bottom184 {
  position: absolute;
  bottom: 184%;
}
.r184,
.right184 {
  position: absolute;
  right: 184%;
}
.w183,
.width183 {
  width: 183%;
}
.h183,
.height183 {
  height: 183%;
}
.l183,
.left183 {
  position: absolute;
  left: 183%;
}
.t183,
.top183 {
  position: absolute;
  top: 183%;
}
.b183,
.bottom183 {
  position: absolute;
  bottom: 183%;
}
.r183,
.right183 {
  position: absolute;
  right: 183%;
}
.w182,
.width182 {
  width: 182%;
}
.h182,
.height182 {
  height: 182%;
}
.l182,
.left182 {
  position: absolute;
  left: 182%;
}
.t182,
.top182 {
  position: absolute;
  top: 182%;
}
.b182,
.bottom182 {
  position: absolute;
  bottom: 182%;
}
.r182,
.right182 {
  position: absolute;
  right: 182%;
}
.w181,
.width181 {
  width: 181%;
}
.h181,
.height181 {
  height: 181%;
}
.l181,
.left181 {
  position: absolute;
  left: 181%;
}
.t181,
.top181 {
  position: absolute;
  top: 181%;
}
.b181,
.bottom181 {
  position: absolute;
  bottom: 181%;
}
.r181,
.right181 {
  position: absolute;
  right: 181%;
}
.w180,
.width180 {
  width: 180%;
}
.h180,
.height180 {
  height: 180%;
}
.l180,
.left180 {
  position: absolute;
  left: 180%;
}
.t180,
.top180 {
  position: absolute;
  top: 180%;
}
.b180,
.bottom180 {
  position: absolute;
  bottom: 180%;
}
.r180,
.right180 {
  position: absolute;
  right: 180%;
}
.w179,
.width179 {
  width: 179%;
}
.h179,
.height179 {
  height: 179%;
}
.l179,
.left179 {
  position: absolute;
  left: 179%;
}
.t179,
.top179 {
  position: absolute;
  top: 179%;
}
.b179,
.bottom179 {
  position: absolute;
  bottom: 179%;
}
.r179,
.right179 {
  position: absolute;
  right: 179%;
}
.w178,
.width178 {
  width: 178%;
}
.h178,
.height178 {
  height: 178%;
}
.l178,
.left178 {
  position: absolute;
  left: 178%;
}
.t178,
.top178 {
  position: absolute;
  top: 178%;
}
.b178,
.bottom178 {
  position: absolute;
  bottom: 178%;
}
.r178,
.right178 {
  position: absolute;
  right: 178%;
}
.w177,
.width177 {
  width: 177%;
}
.h177,
.height177 {
  height: 177%;
}
.l177,
.left177 {
  position: absolute;
  left: 177%;
}
.t177,
.top177 {
  position: absolute;
  top: 177%;
}
.b177,
.bottom177 {
  position: absolute;
  bottom: 177%;
}
.r177,
.right177 {
  position: absolute;
  right: 177%;
}
.w176,
.width176 {
  width: 176%;
}
.h176,
.height176 {
  height: 176%;
}
.l176,
.left176 {
  position: absolute;
  left: 176%;
}
.t176,
.top176 {
  position: absolute;
  top: 176%;
}
.b176,
.bottom176 {
  position: absolute;
  bottom: 176%;
}
.r176,
.right176 {
  position: absolute;
  right: 176%;
}
.w175,
.width175 {
  width: 175%;
}
.h175,
.height175 {
  height: 175%;
}
.l175,
.left175 {
  position: absolute;
  left: 175%;
}
.t175,
.top175 {
  position: absolute;
  top: 175%;
}
.b175,
.bottom175 {
  position: absolute;
  bottom: 175%;
}
.r175,
.right175 {
  position: absolute;
  right: 175%;
}
.w174,
.width174 {
  width: 174%;
}
.h174,
.height174 {
  height: 174%;
}
.l174,
.left174 {
  position: absolute;
  left: 174%;
}
.t174,
.top174 {
  position: absolute;
  top: 174%;
}
.b174,
.bottom174 {
  position: absolute;
  bottom: 174%;
}
.r174,
.right174 {
  position: absolute;
  right: 174%;
}
.w173,
.width173 {
  width: 173%;
}
.h173,
.height173 {
  height: 173%;
}
.l173,
.left173 {
  position: absolute;
  left: 173%;
}
.t173,
.top173 {
  position: absolute;
  top: 173%;
}
.b173,
.bottom173 {
  position: absolute;
  bottom: 173%;
}
.r173,
.right173 {
  position: absolute;
  right: 173%;
}
.w172,
.width172 {
  width: 172%;
}
.h172,
.height172 {
  height: 172%;
}
.l172,
.left172 {
  position: absolute;
  left: 172%;
}
.t172,
.top172 {
  position: absolute;
  top: 172%;
}
.b172,
.bottom172 {
  position: absolute;
  bottom: 172%;
}
.r172,
.right172 {
  position: absolute;
  right: 172%;
}
.w171,
.width171 {
  width: 171%;
}
.h171,
.height171 {
  height: 171%;
}
.l171,
.left171 {
  position: absolute;
  left: 171%;
}
.t171,
.top171 {
  position: absolute;
  top: 171%;
}
.b171,
.bottom171 {
  position: absolute;
  bottom: 171%;
}
.r171,
.right171 {
  position: absolute;
  right: 171%;
}
.w170,
.width170 {
  width: 170%;
}
.h170,
.height170 {
  height: 170%;
}
.l170,
.left170 {
  position: absolute;
  left: 170%;
}
.t170,
.top170 {
  position: absolute;
  top: 170%;
}
.b170,
.bottom170 {
  position: absolute;
  bottom: 170%;
}
.r170,
.right170 {
  position: absolute;
  right: 170%;
}
.w169,
.width169 {
  width: 169%;
}
.h169,
.height169 {
  height: 169%;
}
.l169,
.left169 {
  position: absolute;
  left: 169%;
}
.t169,
.top169 {
  position: absolute;
  top: 169%;
}
.b169,
.bottom169 {
  position: absolute;
  bottom: 169%;
}
.r169,
.right169 {
  position: absolute;
  right: 169%;
}
.w168,
.width168 {
  width: 168%;
}
.h168,
.height168 {
  height: 168%;
}
.l168,
.left168 {
  position: absolute;
  left: 168%;
}
.t168,
.top168 {
  position: absolute;
  top: 168%;
}
.b168,
.bottom168 {
  position: absolute;
  bottom: 168%;
}
.r168,
.right168 {
  position: absolute;
  right: 168%;
}
.w167,
.width167 {
  width: 167%;
}
.h167,
.height167 {
  height: 167%;
}
.l167,
.left167 {
  position: absolute;
  left: 167%;
}
.t167,
.top167 {
  position: absolute;
  top: 167%;
}
.b167,
.bottom167 {
  position: absolute;
  bottom: 167%;
}
.r167,
.right167 {
  position: absolute;
  right: 167%;
}
.w166,
.width166 {
  width: 166%;
}
.h166,
.height166 {
  height: 166%;
}
.l166,
.left166 {
  position: absolute;
  left: 166%;
}
.t166,
.top166 {
  position: absolute;
  top: 166%;
}
.b166,
.bottom166 {
  position: absolute;
  bottom: 166%;
}
.r166,
.right166 {
  position: absolute;
  right: 166%;
}
.w165,
.width165 {
  width: 165%;
}
.h165,
.height165 {
  height: 165%;
}
.l165,
.left165 {
  position: absolute;
  left: 165%;
}
.t165,
.top165 {
  position: absolute;
  top: 165%;
}
.b165,
.bottom165 {
  position: absolute;
  bottom: 165%;
}
.r165,
.right165 {
  position: absolute;
  right: 165%;
}
.w164,
.width164 {
  width: 164%;
}
.h164,
.height164 {
  height: 164%;
}
.l164,
.left164 {
  position: absolute;
  left: 164%;
}
.t164,
.top164 {
  position: absolute;
  top: 164%;
}
.b164,
.bottom164 {
  position: absolute;
  bottom: 164%;
}
.r164,
.right164 {
  position: absolute;
  right: 164%;
}
.w163,
.width163 {
  width: 163%;
}
.h163,
.height163 {
  height: 163%;
}
.l163,
.left163 {
  position: absolute;
  left: 163%;
}
.t163,
.top163 {
  position: absolute;
  top: 163%;
}
.b163,
.bottom163 {
  position: absolute;
  bottom: 163%;
}
.r163,
.right163 {
  position: absolute;
  right: 163%;
}
.w162,
.width162 {
  width: 162%;
}
.h162,
.height162 {
  height: 162%;
}
.l162,
.left162 {
  position: absolute;
  left: 162%;
}
.t162,
.top162 {
  position: absolute;
  top: 162%;
}
.b162,
.bottom162 {
  position: absolute;
  bottom: 162%;
}
.r162,
.right162 {
  position: absolute;
  right: 162%;
}
.w161,
.width161 {
  width: 161%;
}
.h161,
.height161 {
  height: 161%;
}
.l161,
.left161 {
  position: absolute;
  left: 161%;
}
.t161,
.top161 {
  position: absolute;
  top: 161%;
}
.b161,
.bottom161 {
  position: absolute;
  bottom: 161%;
}
.r161,
.right161 {
  position: absolute;
  right: 161%;
}
.w160,
.width160 {
  width: 160%;
}
.h160,
.height160 {
  height: 160%;
}
.l160,
.left160 {
  position: absolute;
  left: 160%;
}
.t160,
.top160 {
  position: absolute;
  top: 160%;
}
.b160,
.bottom160 {
  position: absolute;
  bottom: 160%;
}
.r160,
.right160 {
  position: absolute;
  right: 160%;
}
.w159,
.width159 {
  width: 159%;
}
.h159,
.height159 {
  height: 159%;
}
.l159,
.left159 {
  position: absolute;
  left: 159%;
}
.t159,
.top159 {
  position: absolute;
  top: 159%;
}
.b159,
.bottom159 {
  position: absolute;
  bottom: 159%;
}
.r159,
.right159 {
  position: absolute;
  right: 159%;
}
.w158,
.width158 {
  width: 158%;
}
.h158,
.height158 {
  height: 158%;
}
.l158,
.left158 {
  position: absolute;
  left: 158%;
}
.t158,
.top158 {
  position: absolute;
  top: 158%;
}
.b158,
.bottom158 {
  position: absolute;
  bottom: 158%;
}
.r158,
.right158 {
  position: absolute;
  right: 158%;
}
.w157,
.width157 {
  width: 157%;
}
.h157,
.height157 {
  height: 157%;
}
.l157,
.left157 {
  position: absolute;
  left: 157%;
}
.t157,
.top157 {
  position: absolute;
  top: 157%;
}
.b157,
.bottom157 {
  position: absolute;
  bottom: 157%;
}
.r157,
.right157 {
  position: absolute;
  right: 157%;
}
.w156,
.width156 {
  width: 156%;
}
.h156,
.height156 {
  height: 156%;
}
.l156,
.left156 {
  position: absolute;
  left: 156%;
}
.t156,
.top156 {
  position: absolute;
  top: 156%;
}
.b156,
.bottom156 {
  position: absolute;
  bottom: 156%;
}
.r156,
.right156 {
  position: absolute;
  right: 156%;
}
.w155,
.width155 {
  width: 155%;
}
.h155,
.height155 {
  height: 155%;
}
.l155,
.left155 {
  position: absolute;
  left: 155%;
}
.t155,
.top155 {
  position: absolute;
  top: 155%;
}
.b155,
.bottom155 {
  position: absolute;
  bottom: 155%;
}
.r155,
.right155 {
  position: absolute;
  right: 155%;
}
.w154,
.width154 {
  width: 154%;
}
.h154,
.height154 {
  height: 154%;
}
.l154,
.left154 {
  position: absolute;
  left: 154%;
}
.t154,
.top154 {
  position: absolute;
  top: 154%;
}
.b154,
.bottom154 {
  position: absolute;
  bottom: 154%;
}
.r154,
.right154 {
  position: absolute;
  right: 154%;
}
.w153,
.width153 {
  width: 153%;
}
.h153,
.height153 {
  height: 153%;
}
.l153,
.left153 {
  position: absolute;
  left: 153%;
}
.t153,
.top153 {
  position: absolute;
  top: 153%;
}
.b153,
.bottom153 {
  position: absolute;
  bottom: 153%;
}
.r153,
.right153 {
  position: absolute;
  right: 153%;
}
.w152,
.width152 {
  width: 152%;
}
.h152,
.height152 {
  height: 152%;
}
.l152,
.left152 {
  position: absolute;
  left: 152%;
}
.t152,
.top152 {
  position: absolute;
  top: 152%;
}
.b152,
.bottom152 {
  position: absolute;
  bottom: 152%;
}
.r152,
.right152 {
  position: absolute;
  right: 152%;
}
.w151,
.width151 {
  width: 151%;
}
.h151,
.height151 {
  height: 151%;
}
.l151,
.left151 {
  position: absolute;
  left: 151%;
}
.t151,
.top151 {
  position: absolute;
  top: 151%;
}
.b151,
.bottom151 {
  position: absolute;
  bottom: 151%;
}
.r151,
.right151 {
  position: absolute;
  right: 151%;
}
.w150,
.width150 {
  width: 150%;
}
.h150,
.height150 {
  height: 150%;
}
.l150,
.left150 {
  position: absolute;
  left: 150%;
}
.t150,
.top150 {
  position: absolute;
  top: 150%;
}
.b150,
.bottom150 {
  position: absolute;
  bottom: 150%;
}
.r150,
.right150 {
  position: absolute;
  right: 150%;
}
.w149,
.width149 {
  width: 149%;
}
.h149,
.height149 {
  height: 149%;
}
.l149,
.left149 {
  position: absolute;
  left: 149%;
}
.t149,
.top149 {
  position: absolute;
  top: 149%;
}
.b149,
.bottom149 {
  position: absolute;
  bottom: 149%;
}
.r149,
.right149 {
  position: absolute;
  right: 149%;
}
.w148,
.width148 {
  width: 148%;
}
.h148,
.height148 {
  height: 148%;
}
.l148,
.left148 {
  position: absolute;
  left: 148%;
}
.t148,
.top148 {
  position: absolute;
  top: 148%;
}
.b148,
.bottom148 {
  position: absolute;
  bottom: 148%;
}
.r148,
.right148 {
  position: absolute;
  right: 148%;
}
.w147,
.width147 {
  width: 147%;
}
.h147,
.height147 {
  height: 147%;
}
.l147,
.left147 {
  position: absolute;
  left: 147%;
}
.t147,
.top147 {
  position: absolute;
  top: 147%;
}
.b147,
.bottom147 {
  position: absolute;
  bottom: 147%;
}
.r147,
.right147 {
  position: absolute;
  right: 147%;
}
.w146,
.width146 {
  width: 146%;
}
.h146,
.height146 {
  height: 146%;
}
.l146,
.left146 {
  position: absolute;
  left: 146%;
}
.t146,
.top146 {
  position: absolute;
  top: 146%;
}
.b146,
.bottom146 {
  position: absolute;
  bottom: 146%;
}
.r146,
.right146 {
  position: absolute;
  right: 146%;
}
.w145,
.width145 {
  width: 145%;
}
.h145,
.height145 {
  height: 145%;
}
.l145,
.left145 {
  position: absolute;
  left: 145%;
}
.t145,
.top145 {
  position: absolute;
  top: 145%;
}
.b145,
.bottom145 {
  position: absolute;
  bottom: 145%;
}
.r145,
.right145 {
  position: absolute;
  right: 145%;
}
.w144,
.width144 {
  width: 144%;
}
.h144,
.height144 {
  height: 144%;
}
.l144,
.left144 {
  position: absolute;
  left: 144%;
}
.t144,
.top144 {
  position: absolute;
  top: 144%;
}
.b144,
.bottom144 {
  position: absolute;
  bottom: 144%;
}
.r144,
.right144 {
  position: absolute;
  right: 144%;
}
.w143,
.width143 {
  width: 143%;
}
.h143,
.height143 {
  height: 143%;
}
.l143,
.left143 {
  position: absolute;
  left: 143%;
}
.t143,
.top143 {
  position: absolute;
  top: 143%;
}
.b143,
.bottom143 {
  position: absolute;
  bottom: 143%;
}
.r143,
.right143 {
  position: absolute;
  right: 143%;
}
.w142,
.width142 {
  width: 142%;
}
.h142,
.height142 {
  height: 142%;
}
.l142,
.left142 {
  position: absolute;
  left: 142%;
}
.t142,
.top142 {
  position: absolute;
  top: 142%;
}
.b142,
.bottom142 {
  position: absolute;
  bottom: 142%;
}
.r142,
.right142 {
  position: absolute;
  right: 142%;
}
.w141,
.width141 {
  width: 141%;
}
.h141,
.height141 {
  height: 141%;
}
.l141,
.left141 {
  position: absolute;
  left: 141%;
}
.t141,
.top141 {
  position: absolute;
  top: 141%;
}
.b141,
.bottom141 {
  position: absolute;
  bottom: 141%;
}
.r141,
.right141 {
  position: absolute;
  right: 141%;
}
.w140,
.width140 {
  width: 140%;
}
.h140,
.height140 {
  height: 140%;
}
.l140,
.left140 {
  position: absolute;
  left: 140%;
}
.t140,
.top140 {
  position: absolute;
  top: 140%;
}
.b140,
.bottom140 {
  position: absolute;
  bottom: 140%;
}
.r140,
.right140 {
  position: absolute;
  right: 140%;
}
.w139,
.width139 {
  width: 139%;
}
.h139,
.height139 {
  height: 139%;
}
.l139,
.left139 {
  position: absolute;
  left: 139%;
}
.t139,
.top139 {
  position: absolute;
  top: 139%;
}
.b139,
.bottom139 {
  position: absolute;
  bottom: 139%;
}
.r139,
.right139 {
  position: absolute;
  right: 139%;
}
.w138,
.width138 {
  width: 138%;
}
.h138,
.height138 {
  height: 138%;
}
.l138,
.left138 {
  position: absolute;
  left: 138%;
}
.t138,
.top138 {
  position: absolute;
  top: 138%;
}
.b138,
.bottom138 {
  position: absolute;
  bottom: 138%;
}
.r138,
.right138 {
  position: absolute;
  right: 138%;
}
.w137,
.width137 {
  width: 137%;
}
.h137,
.height137 {
  height: 137%;
}
.l137,
.left137 {
  position: absolute;
  left: 137%;
}
.t137,
.top137 {
  position: absolute;
  top: 137%;
}
.b137,
.bottom137 {
  position: absolute;
  bottom: 137%;
}
.r137,
.right137 {
  position: absolute;
  right: 137%;
}
.w136,
.width136 {
  width: 136%;
}
.h136,
.height136 {
  height: 136%;
}
.l136,
.left136 {
  position: absolute;
  left: 136%;
}
.t136,
.top136 {
  position: absolute;
  top: 136%;
}
.b136,
.bottom136 {
  position: absolute;
  bottom: 136%;
}
.r136,
.right136 {
  position: absolute;
  right: 136%;
}
.w135,
.width135 {
  width: 135%;
}
.h135,
.height135 {
  height: 135%;
}
.l135,
.left135 {
  position: absolute;
  left: 135%;
}
.t135,
.top135 {
  position: absolute;
  top: 135%;
}
.b135,
.bottom135 {
  position: absolute;
  bottom: 135%;
}
.r135,
.right135 {
  position: absolute;
  right: 135%;
}
.w134,
.width134 {
  width: 134%;
}
.h134,
.height134 {
  height: 134%;
}
.l134,
.left134 {
  position: absolute;
  left: 134%;
}
.t134,
.top134 {
  position: absolute;
  top: 134%;
}
.b134,
.bottom134 {
  position: absolute;
  bottom: 134%;
}
.r134,
.right134 {
  position: absolute;
  right: 134%;
}
.w133,
.width133 {
  width: 133%;
}
.h133,
.height133 {
  height: 133%;
}
.l133,
.left133 {
  position: absolute;
  left: 133%;
}
.t133,
.top133 {
  position: absolute;
  top: 133%;
}
.b133,
.bottom133 {
  position: absolute;
  bottom: 133%;
}
.r133,
.right133 {
  position: absolute;
  right: 133%;
}
.w132,
.width132 {
  width: 132%;
}
.h132,
.height132 {
  height: 132%;
}
.l132,
.left132 {
  position: absolute;
  left: 132%;
}
.t132,
.top132 {
  position: absolute;
  top: 132%;
}
.b132,
.bottom132 {
  position: absolute;
  bottom: 132%;
}
.r132,
.right132 {
  position: absolute;
  right: 132%;
}
.w131,
.width131 {
  width: 131%;
}
.h131,
.height131 {
  height: 131%;
}
.l131,
.left131 {
  position: absolute;
  left: 131%;
}
.t131,
.top131 {
  position: absolute;
  top: 131%;
}
.b131,
.bottom131 {
  position: absolute;
  bottom: 131%;
}
.r131,
.right131 {
  position: absolute;
  right: 131%;
}
.w130,
.width130 {
  width: 130%;
}
.h130,
.height130 {
  height: 130%;
}
.l130,
.left130 {
  position: absolute;
  left: 130%;
}
.t130,
.top130 {
  position: absolute;
  top: 130%;
}
.b130,
.bottom130 {
  position: absolute;
  bottom: 130%;
}
.r130,
.right130 {
  position: absolute;
  right: 130%;
}
.w129,
.width129 {
  width: 129%;
}
.h129,
.height129 {
  height: 129%;
}
.l129,
.left129 {
  position: absolute;
  left: 129%;
}
.t129,
.top129 {
  position: absolute;
  top: 129%;
}
.b129,
.bottom129 {
  position: absolute;
  bottom: 129%;
}
.r129,
.right129 {
  position: absolute;
  right: 129%;
}
.w128,
.width128 {
  width: 128%;
}
.h128,
.height128 {
  height: 128%;
}
.l128,
.left128 {
  position: absolute;
  left: 128%;
}
.t128,
.top128 {
  position: absolute;
  top: 128%;
}
.b128,
.bottom128 {
  position: absolute;
  bottom: 128%;
}
.r128,
.right128 {
  position: absolute;
  right: 128%;
}
.w127,
.width127 {
  width: 127%;
}
.h127,
.height127 {
  height: 127%;
}
.l127,
.left127 {
  position: absolute;
  left: 127%;
}
.t127,
.top127 {
  position: absolute;
  top: 127%;
}
.b127,
.bottom127 {
  position: absolute;
  bottom: 127%;
}
.r127,
.right127 {
  position: absolute;
  right: 127%;
}
.w126,
.width126 {
  width: 126%;
}
.h126,
.height126 {
  height: 126%;
}
.l126,
.left126 {
  position: absolute;
  left: 126%;
}
.t126,
.top126 {
  position: absolute;
  top: 126%;
}
.b126,
.bottom126 {
  position: absolute;
  bottom: 126%;
}
.r126,
.right126 {
  position: absolute;
  right: 126%;
}
.w125,
.width125 {
  width: 125%;
}
.h125,
.height125 {
  height: 125%;
}
.l125,
.left125 {
  position: absolute;
  left: 125%;
}
.t125,
.top125 {
  position: absolute;
  top: 125%;
}
.b125,
.bottom125 {
  position: absolute;
  bottom: 125%;
}
.r125,
.right125 {
  position: absolute;
  right: 125%;
}
.w124,
.width124 {
  width: 124%;
}
.h124,
.height124 {
  height: 124%;
}
.l124,
.left124 {
  position: absolute;
  left: 124%;
}
.t124,
.top124 {
  position: absolute;
  top: 124%;
}
.b124,
.bottom124 {
  position: absolute;
  bottom: 124%;
}
.r124,
.right124 {
  position: absolute;
  right: 124%;
}
.w123,
.width123 {
  width: 123%;
}
.h123,
.height123 {
  height: 123%;
}
.l123,
.left123 {
  position: absolute;
  left: 123%;
}
.t123,
.top123 {
  position: absolute;
  top: 123%;
}
.b123,
.bottom123 {
  position: absolute;
  bottom: 123%;
}
.r123,
.right123 {
  position: absolute;
  right: 123%;
}
.w122,
.width122 {
  width: 122%;
}
.h122,
.height122 {
  height: 122%;
}
.l122,
.left122 {
  position: absolute;
  left: 122%;
}
.t122,
.top122 {
  position: absolute;
  top: 122%;
}
.b122,
.bottom122 {
  position: absolute;
  bottom: 122%;
}
.r122,
.right122 {
  position: absolute;
  right: 122%;
}
.w121,
.width121 {
  width: 121%;
}
.h121,
.height121 {
  height: 121%;
}
.l121,
.left121 {
  position: absolute;
  left: 121%;
}
.t121,
.top121 {
  position: absolute;
  top: 121%;
}
.b121,
.bottom121 {
  position: absolute;
  bottom: 121%;
}
.r121,
.right121 {
  position: absolute;
  right: 121%;
}
.w120,
.width120 {
  width: 120%;
}
.h120,
.height120 {
  height: 120%;
}
.l120,
.left120 {
  position: absolute;
  left: 120%;
}
.t120,
.top120 {
  position: absolute;
  top: 120%;
}
.b120,
.bottom120 {
  position: absolute;
  bottom: 120%;
}
.r120,
.right120 {
  position: absolute;
  right: 120%;
}
.w119,
.width119 {
  width: 119%;
}
.h119,
.height119 {
  height: 119%;
}
.l119,
.left119 {
  position: absolute;
  left: 119%;
}
.t119,
.top119 {
  position: absolute;
  top: 119%;
}
.b119,
.bottom119 {
  position: absolute;
  bottom: 119%;
}
.r119,
.right119 {
  position: absolute;
  right: 119%;
}
.w118,
.width118 {
  width: 118%;
}
.h118,
.height118 {
  height: 118%;
}
.l118,
.left118 {
  position: absolute;
  left: 118%;
}
.t118,
.top118 {
  position: absolute;
  top: 118%;
}
.b118,
.bottom118 {
  position: absolute;
  bottom: 118%;
}
.r118,
.right118 {
  position: absolute;
  right: 118%;
}
.w117,
.width117 {
  width: 117%;
}
.h117,
.height117 {
  height: 117%;
}
.l117,
.left117 {
  position: absolute;
  left: 117%;
}
.t117,
.top117 {
  position: absolute;
  top: 117%;
}
.b117,
.bottom117 {
  position: absolute;
  bottom: 117%;
}
.r117,
.right117 {
  position: absolute;
  right: 117%;
}
.w116,
.width116 {
  width: 116%;
}
.h116,
.height116 {
  height: 116%;
}
.l116,
.left116 {
  position: absolute;
  left: 116%;
}
.t116,
.top116 {
  position: absolute;
  top: 116%;
}
.b116,
.bottom116 {
  position: absolute;
  bottom: 116%;
}
.r116,
.right116 {
  position: absolute;
  right: 116%;
}
.w115,
.width115 {
  width: 115%;
}
.h115,
.height115 {
  height: 115%;
}
.l115,
.left115 {
  position: absolute;
  left: 115%;
}
.t115,
.top115 {
  position: absolute;
  top: 115%;
}
.b115,
.bottom115 {
  position: absolute;
  bottom: 115%;
}
.r115,
.right115 {
  position: absolute;
  right: 115%;
}
.w114,
.width114 {
  width: 114%;
}
.h114,
.height114 {
  height: 114%;
}
.l114,
.left114 {
  position: absolute;
  left: 114%;
}
.t114,
.top114 {
  position: absolute;
  top: 114%;
}
.b114,
.bottom114 {
  position: absolute;
  bottom: 114%;
}
.r114,
.right114 {
  position: absolute;
  right: 114%;
}
.w113,
.width113 {
  width: 113%;
}
.h113,
.height113 {
  height: 113%;
}
.l113,
.left113 {
  position: absolute;
  left: 113%;
}
.t113,
.top113 {
  position: absolute;
  top: 113%;
}
.b113,
.bottom113 {
  position: absolute;
  bottom: 113%;
}
.r113,
.right113 {
  position: absolute;
  right: 113%;
}
.w112,
.width112 {
  width: 112%;
}
.h112,
.height112 {
  height: 112%;
}
.l112,
.left112 {
  position: absolute;
  left: 112%;
}
.t112,
.top112 {
  position: absolute;
  top: 112%;
}
.b112,
.bottom112 {
  position: absolute;
  bottom: 112%;
}
.r112,
.right112 {
  position: absolute;
  right: 112%;
}
.w111,
.width111 {
  width: 111%;
}
.h111,
.height111 {
  height: 111%;
}
.l111,
.left111 {
  position: absolute;
  left: 111%;
}
.t111,
.top111 {
  position: absolute;
  top: 111%;
}
.b111,
.bottom111 {
  position: absolute;
  bottom: 111%;
}
.r111,
.right111 {
  position: absolute;
  right: 111%;
}
.w110,
.width110 {
  width: 110%;
}
.h110,
.height110 {
  height: 110%;
}
.l110,
.left110 {
  position: absolute;
  left: 110%;
}
.t110,
.top110 {
  position: absolute;
  top: 110%;
}
.b110,
.bottom110 {
  position: absolute;
  bottom: 110%;
}
.r110,
.right110 {
  position: absolute;
  right: 110%;
}
.w109,
.width109 {
  width: 109%;
}
.h109,
.height109 {
  height: 109%;
}
.l109,
.left109 {
  position: absolute;
  left: 109%;
}
.t109,
.top109 {
  position: absolute;
  top: 109%;
}
.b109,
.bottom109 {
  position: absolute;
  bottom: 109%;
}
.r109,
.right109 {
  position: absolute;
  right: 109%;
}
.w108,
.width108 {
  width: 108%;
}
.h108,
.height108 {
  height: 108%;
}
.l108,
.left108 {
  position: absolute;
  left: 108%;
}
.t108,
.top108 {
  position: absolute;
  top: 108%;
}
.b108,
.bottom108 {
  position: absolute;
  bottom: 108%;
}
.r108,
.right108 {
  position: absolute;
  right: 108%;
}
.w107,
.width107 {
  width: 107%;
}
.h107,
.height107 {
  height: 107%;
}
.l107,
.left107 {
  position: absolute;
  left: 107%;
}
.t107,
.top107 {
  position: absolute;
  top: 107%;
}
.b107,
.bottom107 {
  position: absolute;
  bottom: 107%;
}
.r107,
.right107 {
  position: absolute;
  right: 107%;
}
.w106,
.width106 {
  width: 106%;
}
.h106,
.height106 {
  height: 106%;
}
.l106,
.left106 {
  position: absolute;
  left: 106%;
}
.t106,
.top106 {
  position: absolute;
  top: 106%;
}
.b106,
.bottom106 {
  position: absolute;
  bottom: 106%;
}
.r106,
.right106 {
  position: absolute;
  right: 106%;
}
.w105,
.width105 {
  width: 105%;
}
.h105,
.height105 {
  height: 105%;
}
.l105,
.left105 {
  position: absolute;
  left: 105%;
}
.t105,
.top105 {
  position: absolute;
  top: 105%;
}
.b105,
.bottom105 {
  position: absolute;
  bottom: 105%;
}
.r105,
.right105 {
  position: absolute;
  right: 105%;
}
.w104,
.width104 {
  width: 104%;
}
.h104,
.height104 {
  height: 104%;
}
.l104,
.left104 {
  position: absolute;
  left: 104%;
}
.t104,
.top104 {
  position: absolute;
  top: 104%;
}
.b104,
.bottom104 {
  position: absolute;
  bottom: 104%;
}
.r104,
.right104 {
  position: absolute;
  right: 104%;
}
.w103,
.width103 {
  width: 103%;
}
.h103,
.height103 {
  height: 103%;
}
.l103,
.left103 {
  position: absolute;
  left: 103%;
}
.t103,
.top103 {
  position: absolute;
  top: 103%;
}
.b103,
.bottom103 {
  position: absolute;
  bottom: 103%;
}
.r103,
.right103 {
  position: absolute;
  right: 103%;
}
.w102,
.width102 {
  width: 102%;
}
.h102,
.height102 {
  height: 102%;
}
.l102,
.left102 {
  position: absolute;
  left: 102%;
}
.t102,
.top102 {
  position: absolute;
  top: 102%;
}
.b102,
.bottom102 {
  position: absolute;
  bottom: 102%;
}
.r102,
.right102 {
  position: absolute;
  right: 102%;
}
.w101,
.width101 {
  width: 101%;
}
.h101,
.height101 {
  height: 101%;
}
.l101,
.left101 {
  position: absolute;
  left: 101%;
}
.t101,
.top101 {
  position: absolute;
  top: 101%;
}
.b101,
.bottom101 {
  position: absolute;
  bottom: 101%;
}
.r101,
.right101 {
  position: absolute;
  right: 101%;
}
.w100,
.width100 {
  width: 100%;
}
.h100,
.height100 {
  height: 100%;
}
.l100,
.left100 {
  position: absolute;
  left: 100%;
}
.t100,
.top100 {
  position: absolute;
  top: 100%;
}
.b100,
.bottom100 {
  position: absolute;
  bottom: 100%;
}
.r100,
.right100 {
  position: absolute;
  right: 100%;
}
.w99,
.width99 {
  width: 99%;
}
.h99,
.height99 {
  height: 99%;
}
.l99,
.left99 {
  position: absolute;
  left: 99%;
}
.t99,
.top99 {
  position: absolute;
  top: 99%;
}
.b99,
.bottom99 {
  position: absolute;
  bottom: 99%;
}
.r99,
.right99 {
  position: absolute;
  right: 99%;
}
.w98,
.width98 {
  width: 98%;
}
.h98,
.height98 {
  height: 98%;
}
.l98,
.left98 {
  position: absolute;
  left: 98%;
}
.t98,
.top98 {
  position: absolute;
  top: 98%;
}
.b98,
.bottom98 {
  position: absolute;
  bottom: 98%;
}
.r98,
.right98 {
  position: absolute;
  right: 98%;
}
.w97,
.width97 {
  width: 97%;
}
.h97,
.height97 {
  height: 97%;
}
.l97,
.left97 {
  position: absolute;
  left: 97%;
}
.t97,
.top97 {
  position: absolute;
  top: 97%;
}
.b97,
.bottom97 {
  position: absolute;
  bottom: 97%;
}
.r97,
.right97 {
  position: absolute;
  right: 97%;
}
.w96,
.width96 {
  width: 96%;
}
.h96,
.height96 {
  height: 96%;
}
.l96,
.left96 {
  position: absolute;
  left: 96%;
}
.t96,
.top96 {
  position: absolute;
  top: 96%;
}
.b96,
.bottom96 {
  position: absolute;
  bottom: 96%;
}
.r96,
.right96 {
  position: absolute;
  right: 96%;
}
.w95,
.width95 {
  width: 95%;
}
.h95,
.height95 {
  height: 95%;
}
.l95,
.left95 {
  position: absolute;
  left: 95%;
}
.t95,
.top95 {
  position: absolute;
  top: 95%;
}
.b95,
.bottom95 {
  position: absolute;
  bottom: 95%;
}
.r95,
.right95 {
  position: absolute;
  right: 95%;
}
.w94,
.width94 {
  width: 94%;
}
.h94,
.height94 {
  height: 94%;
}
.l94,
.left94 {
  position: absolute;
  left: 94%;
}
.t94,
.top94 {
  position: absolute;
  top: 94%;
}
.b94,
.bottom94 {
  position: absolute;
  bottom: 94%;
}
.r94,
.right94 {
  position: absolute;
  right: 94%;
}
.w93,
.width93 {
  width: 93%;
}
.h93,
.height93 {
  height: 93%;
}
.l93,
.left93 {
  position: absolute;
  left: 93%;
}
.t93,
.top93 {
  position: absolute;
  top: 93%;
}
.b93,
.bottom93 {
  position: absolute;
  bottom: 93%;
}
.r93,
.right93 {
  position: absolute;
  right: 93%;
}
.w92,
.width92 {
  width: 92%;
}
.h92,
.height92 {
  height: 92%;
}
.l92,
.left92 {
  position: absolute;
  left: 92%;
}
.t92,
.top92 {
  position: absolute;
  top: 92%;
}
.b92,
.bottom92 {
  position: absolute;
  bottom: 92%;
}
.r92,
.right92 {
  position: absolute;
  right: 92%;
}
.w91,
.width91 {
  width: 91%;
}
.h91,
.height91 {
  height: 91%;
}
.l91,
.left91 {
  position: absolute;
  left: 91%;
}
.t91,
.top91 {
  position: absolute;
  top: 91%;
}
.b91,
.bottom91 {
  position: absolute;
  bottom: 91%;
}
.r91,
.right91 {
  position: absolute;
  right: 91%;
}
.w90,
.width90 {
  width: 90%;
}
.h90,
.height90 {
  height: 90%;
}
.l90,
.left90 {
  position: absolute;
  left: 90%;
}
.t90,
.top90 {
  position: absolute;
  top: 90%;
}
.b90,
.bottom90 {
  position: absolute;
  bottom: 90%;
}
.r90,
.right90 {
  position: absolute;
  right: 90%;
}
.w89,
.width89 {
  width: 89%;
}
.h89,
.height89 {
  height: 89%;
}
.l89,
.left89 {
  position: absolute;
  left: 89%;
}
.t89,
.top89 {
  position: absolute;
  top: 89%;
}
.b89,
.bottom89 {
  position: absolute;
  bottom: 89%;
}
.r89,
.right89 {
  position: absolute;
  right: 89%;
}
.w88,
.width88 {
  width: 88%;
}
.h88,
.height88 {
  height: 88%;
}
.l88,
.left88 {
  position: absolute;
  left: 88%;
}
.t88,
.top88 {
  position: absolute;
  top: 88%;
}
.b88,
.bottom88 {
  position: absolute;
  bottom: 88%;
}
.r88,
.right88 {
  position: absolute;
  right: 88%;
}
.w87,
.width87 {
  width: 87%;
}
.h87,
.height87 {
  height: 87%;
}
.l87,
.left87 {
  position: absolute;
  left: 87%;
}
.t87,
.top87 {
  position: absolute;
  top: 87%;
}
.b87,
.bottom87 {
  position: absolute;
  bottom: 87%;
}
.r87,
.right87 {
  position: absolute;
  right: 87%;
}
.w86,
.width86 {
  width: 86%;
}
.h86,
.height86 {
  height: 86%;
}
.l86,
.left86 {
  position: absolute;
  left: 86%;
}
.t86,
.top86 {
  position: absolute;
  top: 86%;
}
.b86,
.bottom86 {
  position: absolute;
  bottom: 86%;
}
.r86,
.right86 {
  position: absolute;
  right: 86%;
}
.w85,
.width85 {
  width: 85%;
}
.h85,
.height85 {
  height: 85%;
}
.l85,
.left85 {
  position: absolute;
  left: 85%;
}
.t85,
.top85 {
  position: absolute;
  top: 85%;
}
.b85,
.bottom85 {
  position: absolute;
  bottom: 85%;
}
.r85,
.right85 {
  position: absolute;
  right: 85%;
}
.w84,
.width84 {
  width: 84%;
}
.h84,
.height84 {
  height: 84%;
}
.l84,
.left84 {
  position: absolute;
  left: 84%;
}
.t84,
.top84 {
  position: absolute;
  top: 84%;
}
.b84,
.bottom84 {
  position: absolute;
  bottom: 84%;
}
.r84,
.right84 {
  position: absolute;
  right: 84%;
}
.w83,
.width83 {
  width: 83%;
}
.h83,
.height83 {
  height: 83%;
}
.l83,
.left83 {
  position: absolute;
  left: 83%;
}
.t83,
.top83 {
  position: absolute;
  top: 83%;
}
.b83,
.bottom83 {
  position: absolute;
  bottom: 83%;
}
.r83,
.right83 {
  position: absolute;
  right: 83%;
}
.w82,
.width82 {
  width: 82%;
}
.h82,
.height82 {
  height: 82%;
}
.l82,
.left82 {
  position: absolute;
  left: 82%;
}
.t82,
.top82 {
  position: absolute;
  top: 82%;
}
.b82,
.bottom82 {
  position: absolute;
  bottom: 82%;
}
.r82,
.right82 {
  position: absolute;
  right: 82%;
}
.w81,
.width81 {
  width: 81%;
}
.h81,
.height81 {
  height: 81%;
}
.l81,
.left81 {
  position: absolute;
  left: 81%;
}
.t81,
.top81 {
  position: absolute;
  top: 81%;
}
.b81,
.bottom81 {
  position: absolute;
  bottom: 81%;
}
.r81,
.right81 {
  position: absolute;
  right: 81%;
}
.w80,
.width80 {
  width: 80%;
}
.h80,
.height80 {
  height: 80%;
}
.l80,
.left80 {
  position: absolute;
  left: 80%;
}
.t80,
.top80 {
  position: absolute;
  top: 80%;
}
.b80,
.bottom80 {
  position: absolute;
  bottom: 80%;
}
.r80,
.right80 {
  position: absolute;
  right: 80%;
}
.w79,
.width79 {
  width: 79%;
}
.h79,
.height79 {
  height: 79%;
}
.l79,
.left79 {
  position: absolute;
  left: 79%;
}
.t79,
.top79 {
  position: absolute;
  top: 79%;
}
.b79,
.bottom79 {
  position: absolute;
  bottom: 79%;
}
.r79,
.right79 {
  position: absolute;
  right: 79%;
}
.w78,
.width78 {
  width: 78%;
}
.h78,
.height78 {
  height: 78%;
}
.l78,
.left78 {
  position: absolute;
  left: 78%;
}
.t78,
.top78 {
  position: absolute;
  top: 78%;
}
.b78,
.bottom78 {
  position: absolute;
  bottom: 78%;
}
.r78,
.right78 {
  position: absolute;
  right: 78%;
}
.w77,
.width77 {
  width: 77%;
}
.h77,
.height77 {
  height: 77%;
}
.l77,
.left77 {
  position: absolute;
  left: 77%;
}
.t77,
.top77 {
  position: absolute;
  top: 77%;
}
.b77,
.bottom77 {
  position: absolute;
  bottom: 77%;
}
.r77,
.right77 {
  position: absolute;
  right: 77%;
}
.w76,
.width76 {
  width: 76%;
}
.h76,
.height76 {
  height: 76%;
}
.l76,
.left76 {
  position: absolute;
  left: 76%;
}
.t76,
.top76 {
  position: absolute;
  top: 76%;
}
.b76,
.bottom76 {
  position: absolute;
  bottom: 76%;
}
.r76,
.right76 {
  position: absolute;
  right: 76%;
}
.w75,
.width75 {
  width: 75%;
}
.h75,
.height75 {
  height: 75%;
}
.l75,
.left75 {
  position: absolute;
  left: 75%;
}
.t75,
.top75 {
  position: absolute;
  top: 75%;
}
.b75,
.bottom75 {
  position: absolute;
  bottom: 75%;
}
.r75,
.right75 {
  position: absolute;
  right: 75%;
}
.w74,
.width74 {
  width: 74%;
}
.h74,
.height74 {
  height: 74%;
}
.l74,
.left74 {
  position: absolute;
  left: 74%;
}
.t74,
.top74 {
  position: absolute;
  top: 74%;
}
.b74,
.bottom74 {
  position: absolute;
  bottom: 74%;
}
.r74,
.right74 {
  position: absolute;
  right: 74%;
}
.w73,
.width73 {
  width: 73%;
}
.h73,
.height73 {
  height: 73%;
}
.l73,
.left73 {
  position: absolute;
  left: 73%;
}
.t73,
.top73 {
  position: absolute;
  top: 73%;
}
.b73,
.bottom73 {
  position: absolute;
  bottom: 73%;
}
.r73,
.right73 {
  position: absolute;
  right: 73%;
}
.w72,
.width72 {
  width: 72%;
}
.h72,
.height72 {
  height: 72%;
}
.l72,
.left72 {
  position: absolute;
  left: 72%;
}
.t72,
.top72 {
  position: absolute;
  top: 72%;
}
.b72,
.bottom72 {
  position: absolute;
  bottom: 72%;
}
.r72,
.right72 {
  position: absolute;
  right: 72%;
}
.w71,
.width71 {
  width: 71%;
}
.h71,
.height71 {
  height: 71%;
}
.l71,
.left71 {
  position: absolute;
  left: 71%;
}
.t71,
.top71 {
  position: absolute;
  top: 71%;
}
.b71,
.bottom71 {
  position: absolute;
  bottom: 71%;
}
.r71,
.right71 {
  position: absolute;
  right: 71%;
}
.w70,
.width70 {
  width: 70%;
}
.h70,
.height70 {
  height: 70%;
}
.l70,
.left70 {
  position: absolute;
  left: 70%;
}
.t70,
.top70 {
  position: absolute;
  top: 70%;
}
.b70,
.bottom70 {
  position: absolute;
  bottom: 70%;
}
.r70,
.right70 {
  position: absolute;
  right: 70%;
}
.w69,
.width69 {
  width: 69%;
}
.h69,
.height69 {
  height: 69%;
}
.l69,
.left69 {
  position: absolute;
  left: 69%;
}
.t69,
.top69 {
  position: absolute;
  top: 69%;
}
.b69,
.bottom69 {
  position: absolute;
  bottom: 69%;
}
.r69,
.right69 {
  position: absolute;
  right: 69%;
}
.w68,
.width68 {
  width: 68%;
}
.h68,
.height68 {
  height: 68%;
}
.l68,
.left68 {
  position: absolute;
  left: 68%;
}
.t68,
.top68 {
  position: absolute;
  top: 68%;
}
.b68,
.bottom68 {
  position: absolute;
  bottom: 68%;
}
.r68,
.right68 {
  position: absolute;
  right: 68%;
}
.w67,
.width67 {
  width: 67%;
}
.h67,
.height67 {
  height: 67%;
}
.l67,
.left67 {
  position: absolute;
  left: 67%;
}
.t67,
.top67 {
  position: absolute;
  top: 67%;
}
.b67,
.bottom67 {
  position: absolute;
  bottom: 67%;
}
.r67,
.right67 {
  position: absolute;
  right: 67%;
}
.w66,
.width66 {
  width: 66%;
}
.h66,
.height66 {
  height: 66%;
}
.l66,
.left66 {
  position: absolute;
  left: 66%;
}
.t66,
.top66 {
  position: absolute;
  top: 66%;
}
.b66,
.bottom66 {
  position: absolute;
  bottom: 66%;
}
.r66,
.right66 {
  position: absolute;
  right: 66%;
}
.w65,
.width65 {
  width: 65%;
}
.h65,
.height65 {
  height: 65%;
}
.l65,
.left65 {
  position: absolute;
  left: 65%;
}
.t65,
.top65 {
  position: absolute;
  top: 65%;
}
.b65,
.bottom65 {
  position: absolute;
  bottom: 65%;
}
.r65,
.right65 {
  position: absolute;
  right: 65%;
}
.w64,
.width64 {
  width: 64%;
}
.h64,
.height64 {
  height: 64%;
}
.l64,
.left64 {
  position: absolute;
  left: 64%;
}
.t64,
.top64 {
  position: absolute;
  top: 64%;
}
.b64,
.bottom64 {
  position: absolute;
  bottom: 64%;
}
.r64,
.right64 {
  position: absolute;
  right: 64%;
}
.w63,
.width63 {
  width: 63%;
}
.h63,
.height63 {
  height: 63%;
}
.l63,
.left63 {
  position: absolute;
  left: 63%;
}
.t63,
.top63 {
  position: absolute;
  top: 63%;
}
.b63,
.bottom63 {
  position: absolute;
  bottom: 63%;
}
.r63,
.right63 {
  position: absolute;
  right: 63%;
}
.w62,
.width62 {
  width: 62%;
}
.h62,
.height62 {
  height: 62%;
}
.l62,
.left62 {
  position: absolute;
  left: 62%;
}
.t62,
.top62 {
  position: absolute;
  top: 62%;
}
.b62,
.bottom62 {
  position: absolute;
  bottom: 62%;
}
.r62,
.right62 {
  position: absolute;
  right: 62%;
}
.w61,
.width61 {
  width: 61%;
}
.h61,
.height61 {
  height: 61%;
}
.l61,
.left61 {
  position: absolute;
  left: 61%;
}
.t61,
.top61 {
  position: absolute;
  top: 61%;
}
.b61,
.bottom61 {
  position: absolute;
  bottom: 61%;
}
.r61,
.right61 {
  position: absolute;
  right: 61%;
}
.w60,
.width60 {
  width: 60%;
}
.h60,
.height60 {
  height: 60%;
}
.l60,
.left60 {
  position: absolute;
  left: 60%;
}
.t60,
.top60 {
  position: absolute;
  top: 60%;
}
.b60,
.bottom60 {
  position: absolute;
  bottom: 60%;
}
.r60,
.right60 {
  position: absolute;
  right: 60%;
}
.w59,
.width59 {
  width: 59%;
}
.h59,
.height59 {
  height: 59%;
}
.l59,
.left59 {
  position: absolute;
  left: 59%;
}
.t59,
.top59 {
  position: absolute;
  top: 59%;
}
.b59,
.bottom59 {
  position: absolute;
  bottom: 59%;
}
.r59,
.right59 {
  position: absolute;
  right: 59%;
}
.w58,
.width58 {
  width: 58%;
}
.h58,
.height58 {
  height: 58%;
}
.l58,
.left58 {
  position: absolute;
  left: 58%;
}
.t58,
.top58 {
  position: absolute;
  top: 58%;
}
.b58,
.bottom58 {
  position: absolute;
  bottom: 58%;
}
.r58,
.right58 {
  position: absolute;
  right: 58%;
}
.w57,
.width57 {
  width: 57%;
}
.h57,
.height57 {
  height: 57%;
}
.l57,
.left57 {
  position: absolute;
  left: 57%;
}
.t57,
.top57 {
  position: absolute;
  top: 57%;
}
.b57,
.bottom57 {
  position: absolute;
  bottom: 57%;
}
.r57,
.right57 {
  position: absolute;
  right: 57%;
}
.w56,
.width56 {
  width: 56%;
}
.h56,
.height56 {
  height: 56%;
}
.l56,
.left56 {
  position: absolute;
  left: 56%;
}
.t56,
.top56 {
  position: absolute;
  top: 56%;
}
.b56,
.bottom56 {
  position: absolute;
  bottom: 56%;
}
.r56,
.right56 {
  position: absolute;
  right: 56%;
}
.w55,
.width55 {
  width: 55%;
}
.h55,
.height55 {
  height: 55%;
}
.l55,
.left55 {
  position: absolute;
  left: 55%;
}
.t55,
.top55 {
  position: absolute;
  top: 55%;
}
.b55,
.bottom55 {
  position: absolute;
  bottom: 55%;
}
.r55,
.right55 {
  position: absolute;
  right: 55%;
}
.w54,
.width54 {
  width: 54%;
}
.h54,
.height54 {
  height: 54%;
}
.l54,
.left54 {
  position: absolute;
  left: 54%;
}
.t54,
.top54 {
  position: absolute;
  top: 54%;
}
.b54,
.bottom54 {
  position: absolute;
  bottom: 54%;
}
.r54,
.right54 {
  position: absolute;
  right: 54%;
}
.w53,
.width53 {
  width: 53%;
}
.h53,
.height53 {
  height: 53%;
}
.l53,
.left53 {
  position: absolute;
  left: 53%;
}
.t53,
.top53 {
  position: absolute;
  top: 53%;
}
.b53,
.bottom53 {
  position: absolute;
  bottom: 53%;
}
.r53,
.right53 {
  position: absolute;
  right: 53%;
}
.w52,
.width52 {
  width: 52%;
}
.h52,
.height52 {
  height: 52%;
}
.l52,
.left52 {
  position: absolute;
  left: 52%;
}
.t52,
.top52 {
  position: absolute;
  top: 52%;
}
.b52,
.bottom52 {
  position: absolute;
  bottom: 52%;
}
.r52,
.right52 {
  position: absolute;
  right: 52%;
}
.w51,
.width51 {
  width: 51%;
}
.h51,
.height51 {
  height: 51%;
}
.l51,
.left51 {
  position: absolute;
  left: 51%;
}
.t51,
.top51 {
  position: absolute;
  top: 51%;
}
.b51,
.bottom51 {
  position: absolute;
  bottom: 51%;
}
.r51,
.right51 {
  position: absolute;
  right: 51%;
}
.w50,
.width50 {
  width: 50%;
}
.h50,
.height50 {
  height: 50%;
}
.l50,
.left50 {
  position: absolute;
  left: 50%;
}
.t50,
.top50 {
  position: absolute;
  top: 50%;
}
.b50,
.bottom50 {
  position: absolute;
  bottom: 50%;
}
.r50,
.right50 {
  position: absolute;
  right: 50%;
}
.w49,
.width49 {
  width: 49%;
}
.h49,
.height49 {
  height: 49%;
}
.l49,
.left49 {
  position: absolute;
  left: 49%;
}
.t49,
.top49 {
  position: absolute;
  top: 49%;
}
.b49,
.bottom49 {
  position: absolute;
  bottom: 49%;
}
.r49,
.right49 {
  position: absolute;
  right: 49%;
}
.w48,
.width48 {
  width: 48%;
}
.h48,
.height48 {
  height: 48%;
}
.l48,
.left48 {
  position: absolute;
  left: 48%;
}
.t48,
.top48 {
  position: absolute;
  top: 48%;
}
.b48,
.bottom48 {
  position: absolute;
  bottom: 48%;
}
.r48,
.right48 {
  position: absolute;
  right: 48%;
}
.w47,
.width47 {
  width: 47%;
}
.h47,
.height47 {
  height: 47%;
}
.l47,
.left47 {
  position: absolute;
  left: 47%;
}
.t47,
.top47 {
  position: absolute;
  top: 47%;
}
.b47,
.bottom47 {
  position: absolute;
  bottom: 47%;
}
.r47,
.right47 {
  position: absolute;
  right: 47%;
}
.w46,
.width46 {
  width: 46%;
}
.h46,
.height46 {
  height: 46%;
}
.l46,
.left46 {
  position: absolute;
  left: 46%;
}
.t46,
.top46 {
  position: absolute;
  top: 46%;
}
.b46,
.bottom46 {
  position: absolute;
  bottom: 46%;
}
.r46,
.right46 {
  position: absolute;
  right: 46%;
}
.w45,
.width45 {
  width: 45%;
}
.h45,
.height45 {
  height: 45%;
}
.l45,
.left45 {
  position: absolute;
  left: 45%;
}
.t45,
.top45 {
  position: absolute;
  top: 45%;
}
.b45,
.bottom45 {
  position: absolute;
  bottom: 45%;
}
.r45,
.right45 {
  position: absolute;
  right: 45%;
}
.w44,
.width44 {
  width: 44%;
}
.h44,
.height44 {
  height: 44%;
}
.l44,
.left44 {
  position: absolute;
  left: 44%;
}
.t44,
.top44 {
  position: absolute;
  top: 44%;
}
.b44,
.bottom44 {
  position: absolute;
  bottom: 44%;
}
.r44,
.right44 {
  position: absolute;
  right: 44%;
}
.w43,
.width43 {
  width: 43%;
}
.h43,
.height43 {
  height: 43%;
}
.l43,
.left43 {
  position: absolute;
  left: 43%;
}
.t43,
.top43 {
  position: absolute;
  top: 43%;
}
.b43,
.bottom43 {
  position: absolute;
  bottom: 43%;
}
.r43,
.right43 {
  position: absolute;
  right: 43%;
}
.w42,
.width42 {
  width: 42%;
}
.h42,
.height42 {
  height: 42%;
}
.l42,
.left42 {
  position: absolute;
  left: 42%;
}
.t42,
.top42 {
  position: absolute;
  top: 42%;
}
.b42,
.bottom42 {
  position: absolute;
  bottom: 42%;
}
.r42,
.right42 {
  position: absolute;
  right: 42%;
}
.w41,
.width41 {
  width: 41%;
}
.h41,
.height41 {
  height: 41%;
}
.l41,
.left41 {
  position: absolute;
  left: 41%;
}
.t41,
.top41 {
  position: absolute;
  top: 41%;
}
.b41,
.bottom41 {
  position: absolute;
  bottom: 41%;
}
.r41,
.right41 {
  position: absolute;
  right: 41%;
}
.w40,
.width40 {
  width: 40%;
}
.h40,
.height40 {
  height: 40%;
}
.l40,
.left40 {
  position: absolute;
  left: 40%;
}
.t40,
.top40 {
  position: absolute;
  top: 40%;
}
.b40,
.bottom40 {
  position: absolute;
  bottom: 40%;
}
.r40,
.right40 {
  position: absolute;
  right: 40%;
}
.w39,
.width39 {
  width: 39%;
}
.h39,
.height39 {
  height: 39%;
}
.l39,
.left39 {
  position: absolute;
  left: 39%;
}
.t39,
.top39 {
  position: absolute;
  top: 39%;
}
.b39,
.bottom39 {
  position: absolute;
  bottom: 39%;
}
.r39,
.right39 {
  position: absolute;
  right: 39%;
}
.w38,
.width38 {
  width: 38%;
}
.h38,
.height38 {
  height: 38%;
}
.l38,
.left38 {
  position: absolute;
  left: 38%;
}
.t38,
.top38 {
  position: absolute;
  top: 38%;
}
.b38,
.bottom38 {
  position: absolute;
  bottom: 38%;
}
.r38,
.right38 {
  position: absolute;
  right: 38%;
}
.w37,
.width37 {
  width: 37%;
}
.h37,
.height37 {
  height: 37%;
}
.l37,
.left37 {
  position: absolute;
  left: 37%;
}
.t37,
.top37 {
  position: absolute;
  top: 37%;
}
.b37,
.bottom37 {
  position: absolute;
  bottom: 37%;
}
.r37,
.right37 {
  position: absolute;
  right: 37%;
}
.w36,
.width36 {
  width: 36%;
}
.h36,
.height36 {
  height: 36%;
}
.l36,
.left36 {
  position: absolute;
  left: 36%;
}
.t36,
.top36 {
  position: absolute;
  top: 36%;
}
.b36,
.bottom36 {
  position: absolute;
  bottom: 36%;
}
.r36,
.right36 {
  position: absolute;
  right: 36%;
}
.w35,
.width35 {
  width: 35%;
}
.h35,
.height35 {
  height: 35%;
}
.l35,
.left35 {
  position: absolute;
  left: 35%;
}
.t35,
.top35 {
  position: absolute;
  top: 35%;
}
.b35,
.bottom35 {
  position: absolute;
  bottom: 35%;
}
.r35,
.right35 {
  position: absolute;
  right: 35%;
}
.w34,
.width34 {
  width: 34%;
}
.h34,
.height34 {
  height: 34%;
}
.l34,
.left34 {
  position: absolute;
  left: 34%;
}
.t34,
.top34 {
  position: absolute;
  top: 34%;
}
.b34,
.bottom34 {
  position: absolute;
  bottom: 34%;
}
.r34,
.right34 {
  position: absolute;
  right: 34%;
}
.w33,
.width33 {
  width: 33%;
}
.h33,
.height33 {
  height: 33%;
}
.l33,
.left33 {
  position: absolute;
  left: 33%;
}
.t33,
.top33 {
  position: absolute;
  top: 33%;
}
.b33,
.bottom33 {
  position: absolute;
  bottom: 33%;
}
.r33,
.right33 {
  position: absolute;
  right: 33%;
}
.w32,
.width32 {
  width: 32%;
}
.h32,
.height32 {
  height: 32%;
}
.l32,
.left32 {
  position: absolute;
  left: 32%;
}
.t32,
.top32 {
  position: absolute;
  top: 32%;
}
.b32,
.bottom32 {
  position: absolute;
  bottom: 32%;
}
.r32,
.right32 {
  position: absolute;
  right: 32%;
}
.w31,
.width31 {
  width: 31%;
}
.h31,
.height31 {
  height: 31%;
}
.l31,
.left31 {
  position: absolute;
  left: 31%;
}
.t31,
.top31 {
  position: absolute;
  top: 31%;
}
.b31,
.bottom31 {
  position: absolute;
  bottom: 31%;
}
.r31,
.right31 {
  position: absolute;
  right: 31%;
}
.w30,
.width30 {
  width: 30%;
}
.h30,
.height30 {
  height: 30%;
}
.l30,
.left30 {
  position: absolute;
  left: 30%;
}
.t30,
.top30 {
  position: absolute;
  top: 30%;
}
.b30,
.bottom30 {
  position: absolute;
  bottom: 30%;
}
.r30,
.right30 {
  position: absolute;
  right: 30%;
}
.w29,
.width29 {
  width: 29%;
}
.h29,
.height29 {
  height: 29%;
}
.l29,
.left29 {
  position: absolute;
  left: 29%;
}
.t29,
.top29 {
  position: absolute;
  top: 29%;
}
.b29,
.bottom29 {
  position: absolute;
  bottom: 29%;
}
.r29,
.right29 {
  position: absolute;
  right: 29%;
}
.w28,
.width28 {
  width: 28%;
}
.h28,
.height28 {
  height: 28%;
}
.l28,
.left28 {
  position: absolute;
  left: 28%;
}
.t28,
.top28 {
  position: absolute;
  top: 28%;
}
.b28,
.bottom28 {
  position: absolute;
  bottom: 28%;
}
.r28,
.right28 {
  position: absolute;
  right: 28%;
}
.w27,
.width27 {
  width: 27%;
}
.h27,
.height27 {
  height: 27%;
}
.l27,
.left27 {
  position: absolute;
  left: 27%;
}
.t27,
.top27 {
  position: absolute;
  top: 27%;
}
.b27,
.bottom27 {
  position: absolute;
  bottom: 27%;
}
.r27,
.right27 {
  position: absolute;
  right: 27%;
}
.w26,
.width26 {
  width: 26%;
}
.h26,
.height26 {
  height: 26%;
}
.l26,
.left26 {
  position: absolute;
  left: 26%;
}
.t26,
.top26 {
  position: absolute;
  top: 26%;
}
.b26,
.bottom26 {
  position: absolute;
  bottom: 26%;
}
.r26,
.right26 {
  position: absolute;
  right: 26%;
}
.w25,
.width25 {
  width: 25%;
}
.h25,
.height25 {
  height: 25%;
}
.l25,
.left25 {
  position: absolute;
  left: 25%;
}
.t25,
.top25 {
  position: absolute;
  top: 25%;
}
.b25,
.bottom25 {
  position: absolute;
  bottom: 25%;
}
.r25,
.right25 {
  position: absolute;
  right: 25%;
}
.w24,
.width24 {
  width: 24%;
}
.h24,
.height24 {
  height: 24%;
}
.l24,
.left24 {
  position: absolute;
  left: 24%;
}
.t24,
.top24 {
  position: absolute;
  top: 24%;
}
.b24,
.bottom24 {
  position: absolute;
  bottom: 24%;
}
.r24,
.right24 {
  position: absolute;
  right: 24%;
}
.w23,
.width23 {
  width: 23%;
}
.h23,
.height23 {
  height: 23%;
}
.l23,
.left23 {
  position: absolute;
  left: 23%;
}
.t23,
.top23 {
  position: absolute;
  top: 23%;
}
.b23,
.bottom23 {
  position: absolute;
  bottom: 23%;
}
.r23,
.right23 {
  position: absolute;
  right: 23%;
}
.w22,
.width22 {
  width: 22%;
}
.h22,
.height22 {
  height: 22%;
}
.l22,
.left22 {
  position: absolute;
  left: 22%;
}
.t22,
.top22 {
  position: absolute;
  top: 22%;
}
.b22,
.bottom22 {
  position: absolute;
  bottom: 22%;
}
.r22,
.right22 {
  position: absolute;
  right: 22%;
}
.w21,
.width21 {
  width: 21%;
}
.h21,
.height21 {
  height: 21%;
}
.l21,
.left21 {
  position: absolute;
  left: 21%;
}
.t21,
.top21 {
  position: absolute;
  top: 21%;
}
.b21,
.bottom21 {
  position: absolute;
  bottom: 21%;
}
.r21,
.right21 {
  position: absolute;
  right: 21%;
}
.w20,
.width20 {
  width: 20%;
}
.h20,
.height20 {
  height: 20%;
}
.l20,
.left20 {
  position: absolute;
  left: 20%;
}
.t20,
.top20 {
  position: absolute;
  top: 20%;
}
.b20,
.bottom20 {
  position: absolute;
  bottom: 20%;
}
.r20,
.right20 {
  position: absolute;
  right: 20%;
}
.w19,
.width19 {
  width: 19%;
}
.h19,
.height19 {
  height: 19%;
}
.l19,
.left19 {
  position: absolute;
  left: 19%;
}
.t19,
.top19 {
  position: absolute;
  top: 19%;
}
.b19,
.bottom19 {
  position: absolute;
  bottom: 19%;
}
.r19,
.right19 {
  position: absolute;
  right: 19%;
}
.w18,
.width18 {
  width: 18%;
}
.h18,
.height18 {
  height: 18%;
}
.l18,
.left18 {
  position: absolute;
  left: 18%;
}
.t18,
.top18 {
  position: absolute;
  top: 18%;
}
.b18,
.bottom18 {
  position: absolute;
  bottom: 18%;
}
.r18,
.right18 {
  position: absolute;
  right: 18%;
}
.w17,
.width17 {
  width: 17%;
}
.h17,
.height17 {
  height: 17%;
}
.l17,
.left17 {
  position: absolute;
  left: 17%;
}
.t17,
.top17 {
  position: absolute;
  top: 17%;
}
.b17,
.bottom17 {
  position: absolute;
  bottom: 17%;
}
.r17,
.right17 {
  position: absolute;
  right: 17%;
}
.w16,
.width16 {
  width: 16%;
}
.h16,
.height16 {
  height: 16%;
}
.l16,
.left16 {
  position: absolute;
  left: 16%;
}
.t16,
.top16 {
  position: absolute;
  top: 16%;
}
.b16,
.bottom16 {
  position: absolute;
  bottom: 16%;
}
.r16,
.right16 {
  position: absolute;
  right: 16%;
}
.w15,
.width15 {
  width: 15%;
}
.h15,
.height15 {
  height: 15%;
}
.l15,
.left15 {
  position: absolute;
  left: 15%;
}
.t15,
.top15 {
  position: absolute;
  top: 15%;
}
.b15,
.bottom15 {
  position: absolute;
  bottom: 15%;
}
.r15,
.right15 {
  position: absolute;
  right: 15%;
}
.w14,
.width14 {
  width: 14%;
}
.h14,
.height14 {
  height: 14%;
}
.l14,
.left14 {
  position: absolute;
  left: 14%;
}
.t14,
.top14 {
  position: absolute;
  top: 14%;
}
.b14,
.bottom14 {
  position: absolute;
  bottom: 14%;
}
.r14,
.right14 {
  position: absolute;
  right: 14%;
}
.w13,
.width13 {
  width: 13%;
}
.h13,
.height13 {
  height: 13%;
}
.l13,
.left13 {
  position: absolute;
  left: 13%;
}
.t13,
.top13 {
  position: absolute;
  top: 13%;
}
.b13,
.bottom13 {
  position: absolute;
  bottom: 13%;
}
.r13,
.right13 {
  position: absolute;
  right: 13%;
}
.w12,
.width12 {
  width: 12%;
}
.h12,
.height12 {
  height: 12%;
}
.l12,
.left12 {
  position: absolute;
  left: 12%;
}
.t12,
.top12 {
  position: absolute;
  top: 12%;
}
.b12,
.bottom12 {
  position: absolute;
  bottom: 12%;
}
.r12,
.right12 {
  position: absolute;
  right: 12%;
}
.w11,
.width11 {
  width: 11%;
}
.h11,
.height11 {
  height: 11%;
}
.l11,
.left11 {
  position: absolute;
  left: 11%;
}
.t11,
.top11 {
  position: absolute;
  top: 11%;
}
.b11,
.bottom11 {
  position: absolute;
  bottom: 11%;
}
.r11,
.right11 {
  position: absolute;
  right: 11%;
}
.w10,
.width10 {
  width: 10%;
}
.h10,
.height10 {
  height: 10%;
}
.l10,
.left10 {
  position: absolute;
  left: 10%;
}
.t10,
.top10 {
  position: absolute;
  top: 10%;
}
.b10,
.bottom10 {
  position: absolute;
  bottom: 10%;
}
.r10,
.right10 {
  position: absolute;
  right: 10%;
}
.w9,
.width9 {
  width: 9%;
}
.h9,
.height9 {
  height: 9%;
}
.l9,
.left9 {
  position: absolute;
  left: 9%;
}
.t9,
.top9 {
  position: absolute;
  top: 9%;
}
.b9,
.bottom9 {
  position: absolute;
  bottom: 9%;
}
.r9,
.right9 {
  position: absolute;
  right: 9%;
}
.w8,
.width8 {
  width: 8%;
}
.h8,
.height8 {
  height: 8%;
}
.l8,
.left8 {
  position: absolute;
  left: 8%;
}
.t8,
.top8 {
  position: absolute;
  top: 8%;
}
.b8,
.bottom8 {
  position: absolute;
  bottom: 8%;
}
.r8,
.right8 {
  position: absolute;
  right: 8%;
}
.w7,
.width7 {
  width: 7%;
}
.h7,
.height7 {
  height: 7%;
}
.l7,
.left7 {
  position: absolute;
  left: 7%;
}
.t7,
.top7 {
  position: absolute;
  top: 7%;
}
.b7,
.bottom7 {
  position: absolute;
  bottom: 7%;
}
.r7,
.right7 {
  position: absolute;
  right: 7%;
}
.w6,
.width6 {
  width: 6%;
}
.h6,
.height6 {
  height: 6%;
}
.l6,
.left6 {
  position: absolute;
  left: 6%;
}
.t6,
.top6 {
  position: absolute;
  top: 6%;
}
.b6,
.bottom6 {
  position: absolute;
  bottom: 6%;
}
.r6,
.right6 {
  position: absolute;
  right: 6%;
}
.w5,
.width5 {
  width: 5%;
}
.h5,
.height5 {
  height: 5%;
}
.l5,
.left5 {
  position: absolute;
  left: 5%;
}
.t5,
.top5 {
  position: absolute;
  top: 5%;
}
.b5,
.bottom5 {
  position: absolute;
  bottom: 5%;
}
.r5,
.right5 {
  position: absolute;
  right: 5%;
}
.w4,
.width4 {
  width: 4%;
}
.h4,
.height4 {
  height: 4%;
}
.l4,
.left4 {
  position: absolute;
  left: 4%;
}
.t4,
.top4 {
  position: absolute;
  top: 4%;
}
.b4,
.bottom4 {
  position: absolute;
  bottom: 4%;
}
.r4,
.right4 {
  position: absolute;
  right: 4%;
}
.w3,
.width3 {
  width: 3%;
}
.h3,
.height3 {
  height: 3%;
}
.l3,
.left3 {
  position: absolute;
  left: 3%;
}
.t3,
.top3 {
  position: absolute;
  top: 3%;
}
.b3,
.bottom3 {
  position: absolute;
  bottom: 3%;
}
.r3,
.right3 {
  position: absolute;
  right: 3%;
}
.w2,
.width2 {
  width: 2%;
}
.h2,
.height2 {
  height: 2%;
}
.l2,
.left2 {
  position: absolute;
  left: 2%;
}
.t2,
.top2 {
  position: absolute;
  top: 2%;
}
.b2,
.bottom2 {
  position: absolute;
  bottom: 2%;
}
.r2,
.right2 {
  position: absolute;
  right: 2%;
}
.w1,
.width1 {
  width: 1%;
}
.h1,
.height1 {
  height: 1%;
}
.l1,
.left1 {
  position: absolute;
  left: 1%;
}
.t1,
.top1 {
  position: absolute;
  top: 1%;
}
.b1,
.bottom1 {
  position: absolute;
  bottom: 1%;
}
.r1,
.right1 {
  position: absolute;
  right: 1%;
}
.width_auto {
  width: auto !important;
}
.p,
.padding {
  padding: 28px !important;
}
@media only screen and (max-width: 1000px) {
  .p,
  .padding {
    padding: 14px !important;
  }
}
@media only screen and (max-width: 760px) {
  .p,
  .padding {
    padding: 7px !important;
  }
}
.pl,
.padding-left {
  padding-left: 28px !important;
}
@media only screen and (max-width: 1000px) {
  .pl,
  .padding-left {
    padding-left: 14px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pl,
  .padding-left {
    padding-left: 7px !important;
  }
}
.pr,
.padding-right {
  padding-right: 28px !important;
}
@media only screen and (max-width: 1000px) {
  .pr,
  .padding-right {
    padding-right: 14px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pr,
  .padding-right {
    padding-right: 7px !important;
  }
}
.pb,
.padding-bottom {
  padding-bottom: 28px !important;
}
@media only screen and (max-width: 1000px) {
  .pb,
  .padding-bottom {
    padding-bottom: 14px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pb,
  .padding-bottom {
    padding-bottom: 7px !important;
  }
}
.pt,
.padding-top {
  padding-top: 28px !important;
}
@media only screen and (max-width: 1000px) {
  .pt,
  .padding-top {
    padding-top: 14px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pt,
  .padding-top {
    padding-top: 7px !important;
  }
}
.p-small,
.padding-small {
  padding: 14px !important;
}
@media only screen and (max-width: 1000px) {
  .p-small,
  .padding-small {
    padding: 7px !important;
  }
}
@media only screen and (max-width: 760px) {
  .p-small,
  .padding-small {
    padding: 3.5px !important;
  }
}
.pl-small,
.padding-left-small {
  padding-left: 14px !important;
}
@media only screen and (max-width: 1000px) {
  .pl-small,
  .padding-left-small {
    padding-left: 7px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pl-small,
  .padding-left-small {
    padding-left: 3.5px !important;
  }
}
.pr-small,
.padding-right-small {
  padding-right: 14px !important;
}
@media only screen and (max-width: 1000px) {
  .pr-small,
  .padding-right-small {
    padding-right: 7px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pr-small,
  .padding-right-small {
    padding-right: 3.5px !important;
  }
}
.pb-small,
.padding-bottom-small {
  padding-bottom: 14px !important;
}
@media only screen and (max-width: 1000px) {
  .pb-small,
  .padding-bottom-small {
    padding-bottom: 7px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pb-small,
  .padding-bottom-small {
    padding-bottom: 3.5px !important;
  }
}
.pt-small,
.padding-top-small {
  padding-top: 14px !important;
}
@media only screen and (max-width: 1000px) {
  .pt-small,
  .padding-top-small {
    padding-top: 7px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pt-small,
  .padding-top-small {
    padding-top: 3.5px !important;
  }
}
.p-none,
.padding-none {
  padding: 0 !important;
}
.pl-none,
.padding-left-none {
  padding-left: 0 !important;
}
.pr-none,
.padding-right-none {
  padding-right: 0 !important;
}
.pb-none,
.padding-bottom-none {
  padding-bottom: 0 !important;
}
.pt-none,
.padding-top-none {
  padding-top: 0 !important;
}
.p2,
.padding2 {
  padding: 42px !important;
}
@media only screen and (max-width: 1000px) {
  .p2,
  .padding2 {
    padding: 28px !important;
  }
}
@media only screen and (max-width: 760px) {
  .p2,
  .padding2 {
    padding: 14px !important;
  }
}
.pl2,
.padding-left2 {
  padding-left: 42px !important;
}
@media only screen and (max-width: 1000px) {
  .pl2,
  .padding-left2 {
    padding-left: 28px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pl2,
  .padding-left2 {
    padding-left: 14px !important;
  }
}
.pr2,
.padding-right2 {
  padding-right: 42px !important;
}
@media only screen and (max-width: 1000px) {
  .pr2,
  .padding-right2 {
    padding-right: 28px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pr2,
  .padding-right2 {
    padding-right: 14px !important;
  }
}
.pb2,
.padding-bottom2 {
  padding-bottom: 42px !important;
}
@media only screen and (max-width: 1000px) {
  .pb2,
  .padding-bottom2 {
    padding-bottom: 28px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pb2,
  .padding-bottom2 {
    padding-bottom: 14px !important;
  }
}
.pt2,
.padding-top2 {
  padding-top: 42px !important;
}
@media only screen and (max-width: 1000px) {
  .pt2,
  .padding-top2 {
    padding-top: 28px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pt2,
  .padding-top2 {
    padding-top: 14px !important;
  }
}
.p3,
.padding3 {
  padding: 56px !important;
}
@media only screen and (max-width: 1000px) {
  .p3,
  .padding3 {
    padding: 42px !important;
  }
}
@media only screen and (max-width: 760px) {
  .p3,
  .padding3 {
    padding: 21px !important;
  }
}
.pl3,
.padding-left3 {
  padding-left: 56px !important;
}
@media only screen and (max-width: 1000px) {
  .pl3,
  .padding-left3 {
    padding-left: 42px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pl3,
  .padding-left3 {
    padding-left: 21px !important;
  }
}
.pr3,
.padding-right3 {
  padding-right: 56px !important;
}
@media only screen and (max-width: 1000px) {
  .pr3,
  .padding-right3 {
    padding-right: 42px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pr3,
  .padding-right3 {
    padding-right: 21px !important;
  }
}
.pb3,
.padding-bottom3 {
  padding-bottom: 56px !important;
}
@media only screen and (max-width: 1000px) {
  .pb3,
  .padding-bottom3 {
    padding-bottom: 42px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pb3,
  .padding-bottom3 {
    padding-bottom: 21px !important;
  }
}
.pt3,
.padding-top3 {
  padding-top: 56px !important;
}
@media only screen and (max-width: 1000px) {
  .pt3,
  .padding-top3 {
    padding-top: 42px !important;
  }
}
@media only screen and (max-width: 760px) {
  .pt3,
  .padding-top3 {
    padding-top: 21px !important;
  }
}
.m,
.margin {
  margin: 28px !important;
}
.ml,
.margin-left {
  margin-left: 28px !important;
}
.mr,
.margin-right {
  margin-right: 28px !important;
}
.mb,
.margin-bottom {
  margin-bottom: 28px !important;
}
.mt,
.margin-top {
  margin-top: 28px !important;
}
.m-small,
.margin-small-small {
  margin: 14px !important;
}
.ml-small,
.margin-left-small {
  margin-left: 14px !important;
}
.mr-small,
.margin-right-small {
  margin-right: 14px !important;
}
.mb-small,
.margin-bottom-small {
  margin-bottom: 14px !important;
}
.mt-small,
.margin-top-small {
  margin-top: 14px !important;
}
.m-none,
.margin-none {
  margin: 0 !important;
}
.ml-none,
.margin-left-none {
  margin-left: 0 !important;
}
.mr-none,
.margin-right-none {
  margin-right: 0 !important;
}
.mb-none,
.margin-bottom-none {
  margin-bottom: 0 !important;
}
.mt-none,
.margin-top-none {
  margin-top: 0 !important;
}
.m2,
.margin2 {
  margin: calc(28px*2) !important;
}
.ml2,
.margin-left2 {
  margin-left: calc(28px*2) !important;
}
.mr2,
.margin-right2 {
  margin-right: calc(28px*2) !important;
}
.mb2,
.margin-bottom2 {
  margin-bottom: calc(28px*2) !important;
}
.mt2,
.margin-top2 {
  margin-top: calc(28px*2) !important;
}
.m3,
.margin3 {
  margin: calc(28px*2) !important;
}
.ml3,
.margin-left3 {
  margin-left: calc(28px*3) !important;
}
.mr3,
.margin-right3 {
  margin-right: calc(28px*3) !important;
}
.mb3,
.margin-bottom3 {
  margin-bottom: calc(28px*3) !important;
}
.mt3,
.margin-top3 {
  margin-top: calc(28px*3) !important;
}
.img_round {
  display: flex;
  overflow: hidden;
}
.img_round img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 0;
  margin: 0;
  padding: 0;
}
.no-round {
  border-radius: 0px;
}
.center-y,
.center-verticaly,
.center-vertical,
.text-center-vertical,
.text-center-verticaly,
.text-center-y {
  display: flex;
  align-items: center;
}
.center-x,
.center-horizontaly,
.center-horizontal,
.text-center-horizontal,
.text-center-horizontaly,
.text-center-x {
  display: flex;
  justify-content: center;
}
.flexstart,
.flex-start {
  display: flex;
  align-items: flex-start;
}
/*
PADDING BLOC
*/
/*!
 * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container {
  width: 100%;
  padding-right: 80px;
  padding-left: 80px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 1000px) {
  .container {
    max-width: 920px;
  }
}
@media only screen and (max-width: 760px) {
  .container {
    max-width: 720px;
  }
}
.footer {
  padding-top: 28px;
  padding-bottom: 28px;
  position: relative;
}
.footer .row {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.footer .row .col-auto {
  margin-bottom: 0;
}
.footer .row .col-auto:nth-child(1) {
  margin-right: 0;
}
.footer .row .col-auto:nth-child(3) {
  margin-left: 0;
}
@media only screen and (max-width: 1000px) {
  .footer .row {
    display: flex;
    flex-direction: column;
  }
  .footer .row .col-auto {
    margin-bottom: 14px;
  }
  .footer .row .col-auto:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 760px) {
  .footer .row .col-auto {
    width: fit-content;
  }
}
.btnVideo {
  position: relative;
}
.btnVideo a {
  position: absolute;
  right: 224px;
  bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .btnVideo a {
    right: 140px;
    bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .btnVideo a {
    right: 7px;
  }
}
.audio-container {
  background-color: #FAFAFA;
  padding: 56px 42px;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.audio-container audio::-webkit-media-controls-panel {
  background-color: #ffffff;
}
.row {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
}
.row.row_btn .col-auto {
  margin-left: 0px;
}
.row.row_btn .col-auto:first-child {
  margin-left: 14px;
}
@media only screen and (max-width: 760px) {
  .row.row_btn .col-auto:not(.mini-mobile) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .row.row_btn .col-auto.mini-mobile {
    margin-left: 0;
    margin-right: 0;
  }
}
.row.boite {
  justify-content: space-around;
}
.row.boite .col {
  border: solid 1px #414042;
  border-radius: 20px;
  margin: 0 28px 0 28px;
  padding: 28px 28px;
}
.row.boite .col:first-child {
  margin-left: 0;
}
.row.boite .col:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .row.boite .col {
    margin-left: 14px;
    margin-right: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .row.boite .col {
    padding: 14px 21px;
    margin: 7px 0;
  }
}
@media only screen and (max-width: 1000px) {
  .row.boite .col:first-child:nth-last-child(3),
  .row.boite .col:first-child:nth-last-child(3) ~ .col {
    flex: 100%;
    width: 50%;
  }
}
.row.boite .col:first-child:nth-last-child(4),
.row.boite .col:first-child:nth-last-child(4) ~ .col {
  flex: 1 0 0%;
  padding: 28px;
}
@media only screen and (max-width: 1000px) {
  .row.boite .col:first-child:nth-last-child(4),
  .row.boite .col:first-child:nth-last-child(4) ~ .col {
    flex: 0 1 auto;
    width: 100%;
  }
}
@media only screen and (max-width: 760px) {
  .row.boite .col:first-child:nth-last-child(4),
  .row.boite .col:first-child:nth-last-child(4) ~ .col {
    flex: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  .row.boite {
    padding: 0;
  }
}
@media only screen and (max-width: 760px) {
  .row.boite {
    padding: 0;
  }
}
@media only screen and (max-width: 1000px) {
  img.texte-icone {
    margin-left: 28px;
    width: 92px;
  }
}
@media only screen and (max-width: 760px) {
  img.texte-icone {
    margin-left: 0px;
    width: 60px;
    margin-bottom: 7px;
  }
}
.texte-icone .row:first-child .col:last-child p {
  margin-bottom: 0;
}
.texte-icone .row:first-child .col:first-child {
  min-width: 60%;
  display: flex;
  align-items: center;
}
.texte-icone .row:first-child .col:first-child p {
  margin-bottom: 0;
  margin-left: 14px;
  white-space: break-spaces;
}
.texte-icone .row:last-child .col p {
  margin-top: 42px;
}
@media only screen and (max-width: 1000px) {
  .texte-icone .row:last-child .col p {
    margin-top: 25px;
  }
}
.col {
  flex: 1 0 0%;
}
@media only screen and (max-width: 760px) {
  .col:first-child:nth-last-child(2),
  .col:first-child:nth-last-child(2) ~ .col {
    flex: auto;
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 760px) {
  .col:first-child:nth-last-child(2) ul,
  .col:first-child:nth-last-child(2) ~ .col ul {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .col:first-child:nth-last-child(3),
  .col:first-child:nth-last-child(3) ~ .col {
    flex: 50%;
    width: 50%;
  }
}
@media only screen and (max-width: 760px) {
  .col:first-child:nth-last-child(3),
  .col:first-child:nth-last-child(3) ~ .col {
    flex: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .col:first-child:nth-last-child(4),
  .col:first-child:nth-last-child(4) ~ .col {
    flex: 50%;
    width: 50%;
  }
}
@media only screen and (max-width: 760px) {
  .col:first-child:nth-last-child(4),
  .col:first-child:nth-last-child(4) ~ .col {
    flex: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .col:first-child:nth-last-child(5),
  .col:first-child:nth-last-child(5) ~ .col {
    flex: 50%;
    width: 50%;
  }
}
@media only screen and (max-width: 760px) {
  .col:first-child:nth-last-child(5),
  .col:first-child:nth-last-child(5) ~ .col {
    flex: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.col:first-child:nth-last-child(6),
.col:first-child:nth-last-child(6) ~ .col {
  flex: 33.33%;
  width: 33.33%;
}
@media only screen and (max-width: 1000px) {
  .col:first-child:nth-last-child(6),
  .col:first-child:nth-last-child(6) ~ .col {
    flex: 50%;
    width: 50%;
  }
}
@media only screen and (max-width: 760px) {
  .col:first-child:nth-last-child(6),
  .col:first-child:nth-last-child(6) ~ .col {
    flex: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2-tablet,
.row-cols-3-tablet,
.row-cols-2,
.row-cols-3,
.row-cols-4,
.row-cols-5,
.row-cols-6 {
  display: flex;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: 0;
}
.row-cols-2-tablet > *,
.row-cols-3-tablet > *,
.row-cols-2 > *,
.row-cols-3 > *,
.row-cols-4 > *,
.row-cols-5 > *,
.row-cols-6 > * {
  margin-left: 0;
  margin-right: 28px;
}
@media only screen and (max-width: 1000px) {
  .row-cols-2-tablet > *,
  .row-cols-3-tablet > *,
  .row-cols-2 > *,
  .row-cols-3 > *,
  .row-cols-4 > *,
  .row-cols-5 > *,
  .row-cols-6 > * {
    margin-right: 14px;
  }
}
.row-cols-2-tablet > *,
.row-cols-2 > * {
  margin-bottom: 0;
  width: calc(50% - 14px);
}
.row-cols-2-tablet > *:nth-child(2n),
.row-cols-2 > *:nth-child(2n) {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .row-cols-2-tablet > *:nth-child(2n),
  .row-cols-2 > *:nth-child(2n) {
    margin-bottom: 14px;
  }
}
.row-cols-2-tablet > *:nth-child(2n),
.row-cols-2 > *:nth-child(2n),
.row-cols-2-tablet > *:last-child,
.row-cols-2 > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .row-cols-2-tablet > *,
  .row-cols-2 > * {
    width: calc(50% - 14px);
  }
}
.row-cols-3 > * {
  margin-bottom: 0;
  flex: 0 0 calc(33.33% - 18.666666666666668px);
}
.row-cols-3 > *:nth-child(3n) {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .row-cols-3 > *:nth-child(3n) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .row-cols-3 > *:nth-child(2n) {
    margin-bottom: 14px;
  }
}
.row-cols-3 > *:nth-child(3n),
.row-cols-3 > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .row-cols-3 > * {
    flex: 0 0 calc(50% - 7px);
  }
  .row-cols-3 > *:nth-child(3n),
  .row-cols-3 > *:last-child {
    margin-right: 14px;
  }
  .row-cols-3 > *:nth-child(2n),
  .row-cols-3 > *:last-child {
    margin-right: 0;
  }
}
.row-cols-3-tablet > * {
  margin-bottom: 0;
  flex: 0 0 calc(33.33% - 18.666666666666668px);
}
.row-cols-3-tablet > *:nth-child(3n) {
  margin-bottom: 28px;
}
.row-cols-3-tablet > *:nth-child(3n),
.row-cols-3-tablet > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .row-cols-3-tablet > * {
    margin-right: 14px;
    flex: 0 0 calc(33.33% - 9.333333333333334px);
  }
  .row-cols-3-tablet > *:nth-child(3n) {
    margin-bottom: 14px;
  }
  .row-cols-3-tablet > *:nth-child(3n),
  .row-cols-3-tablet > *:last-child {
    margin-right: 0;
  }
}
.row-cols-4 > * {
  margin-bottom: 0;
  flex: 0 0 calc(25% - 21px);
}
.row-cols-4 > *:nth-child(4n) {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .row-cols-4 > *:nth-child(4n) {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .row-cols-4 > *:nth-child(2n) {
    margin-bottom: 14px;
  }
}
.row-cols-4 > *:nth-child(4n),
.row-cols-4 > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .row-cols-4 > * {
    flex: 0 0 calc(50% - 7px);
  }
  .row-cols-4 > *:nth-child(2n),
  .row-cols-4 > *:last-child {
    margin-right: 0;
  }
}
.row-cols-5 > * {
  margin-bottom: 0;
  flex: 0 0 calc(20% - 22.4px);
}
.row-cols-5 > *:nth-child(5n) {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .row-cols-5 > *:nth-child(5n) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .row-cols-5 > *:nth-child(2n) {
    margin-bottom: 14px;
  }
}
.row-cols-5 > *:nth-child(5n),
.row-cols-5 > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .row-cols-5 > * {
    flex: 0 0 calc(50% - 7px);
  }
  .row-cols-5 > *:nth-child(5n),
  .row-cols-5 > *:last-child {
    margin-right: 14px;
  }
  .row-cols-5 > *:nth-child(2n),
  .row-cols-5 > *:last-child {
    margin-right: 0;
  }
}
.row-cols-6 > * {
  margin-bottom: 0;
  flex: 0 0 calc(16.66% - 23.333333333333332px);
}
.row-cols-6 > *:nth-child(6n) {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .row-cols-6 > *:nth-child(6n) {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .row-cols-6 > *:nth-child(3n) {
    margin-bottom: 14px;
  }
}
.row-cols-6 > *:nth-child(6n),
.row-cols-6 > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .row-cols-6 > * {
    flex: 0 0 calc(33.33% - 9.333333333333334px);
  }
  .row-cols-6 > *:nth-child(3n),
  .row-cols-6 > *:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 760px) {
  .row-cols-2-tablet > *,
  .row-cols-3-tablet > *,
  .row-cols-2 > *,
  .row-cols-3 > *,
  .row-cols-4 > *,
  .row-cols-5 > *,
  .row-cols-6 > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 100%;
    margin-bottom: 7px !important;
  }
  .row-cols-2-tablet > *:last-child,
  .row-cols-3-tablet > *:last-child,
  .row-cols-2 > *:last-child,
  .row-cols-3 > *:last-child,
  .row-cols-4 > *:last-child,
  .row-cols-5 > *:last-child,
  .row-cols-6 > *:last-child {
    margin-bottom: 0 !important;
  }
}
.col,
.col-auto {
  margin-bottom: 28px;
  margin-right: 28px;
  margin-left: 28px;
}
@media only screen and (max-width: 1000px) {
  .col,
  .col-auto {
    margin-bottom: 14px;
    margin-right: 14px;
    margin-left: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .col,
  .col-auto {
    margin-bottom: 7px;
    margin-right: 7px;
    margin-left: 7px;
  }
}
.col:first-child,
.col-auto:first-child {
  margin-bottom: 0;
  margin-left: 0;
}
@media only screen and (max-width: 760px) {
  .col:first-child,
  .col-auto:first-child {
    margin-bottom: 14px;
  }
}
.col:last-child,
.col-auto:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
@media only screen and (max-width: 760px) {
  .col:last-child,
  .col-auto:last-child {
    margin-left: 0;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
@media only screen and (max-width: 760px) {
  .col-auto:not(.mini-mobile) {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .col-auto.mini-mobile {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media only screen and (max-width: 760px) {
  .col:not(.mini-mobile),
  .col-auto:not(.mini-mobile),
  .col-1:not(.mini-mobile),
  .col-2:not(.mini-mobile),
  .col-3:not(.mini-mobile),
  .col-4:not(.mini-mobile),
  .col-5:not(.mini-mobile),
  .col-6:not(.mini-mobile),
  .col-7:not(.mini-mobile),
  .col-8:not(.mini-mobile),
  .col-9:not(.mini-mobile),
  .col-10:not(.mini-mobile),
  .col-11:not(.mini-mobile),
  .col-12:not(.mini-mobile) {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .col.mini-mobile,
  .col-auto.mini-mobile,
  .col-1.mini-mobile,
  .col-2.mini-mobile,
  .col-3.mini-mobile,
  .col-4.mini-mobile,
  .col-5.mini-mobile,
  .col-6.mini-mobile,
  .col-7.mini-mobile,
  .col-8.mini-mobile,
  .col-9.mini-mobile,
  .col-10.mini-mobile,
  .col-11.mini-mobile,
  .col-12.mini-mobile {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media only screen and (max-width: 760px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    margin-bottom: 7px;
  }
  .col-1:last-child,
  .col-2:last-child,
  .col-3:last-child,
  .col-4:last-child,
  .col-5:last-child,
  .col-6:last-child,
  .col-7:last-child,
  .col-8:last-child,
  .col-9:last-child,
  .col-10:last-child,
  .col-11:last-child,
  .col-12:last-child {
    margin-bottom: 0;
  }
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.accordions {
  width: 100%;
}
.accordions .btnAccordion {
  cursor: pointer;
  width: 100%;
  position: relative;
}
.accordions .btnAccordion::after {
  content: "";
  position: absolute;
}
.accordions .accordionShow {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn {
  font-style: normal;
  font-weight: 700;
  font-size: 17.5px;
  line-height: 26.6px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  color: #932784;
  color: var(--color1);
  border: 4px solid #932784;
  border: 4px solid var(--color1);
  box-sizing: border-box;
  border-radius: 81px;
  padding: 20px 44px;
  background-color: #ffffff;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1180px) {
  .btn {
    font-weight: 700;
    font-size: 10.5px;
    line-height: 21px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 760px) {
  .btn {
    font-weight: 700;
    font-size: 9px;
    line-height: 10.8px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 760px) {
  .btn {
    border: 2px solid #932784;
    border: 2px solid var(--color1);
    padding: 10.5px 14px;
  }
}
.btn:hover,
.btn:focus {
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff;
}
.btn.active {
  color: #932784;
  color: var(--color1);
  border: 4px solid #932784;
  border: 4px solid var(--color1);
  pointer-events: initial;
}
.btn.disabled {
  color: #D4A9CE;
  color: var(--color2);
  border-color: #D4A9CE;
  border-color: var(--color2);
  cursor: default;
}
.btn.disabled:hover {
  background-color: transparent;
  color: #D4A9CE;
  color: var(--color2);
}
@media only screen and (max-width: 1000px) {
  .btn.btnNextBlock,
  .btn.btnRetry {
    border-width: 3px;
    padding: 10px 32px;
  }
}
.btn.btnBlanc {
  background-color: #ffffff;
}
.btn.btnBlanc:hover,
.btn.btnBlanc:focus {
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff;
}
.btn.btnSmall {
  padding: 5px 50px;
}
.btn.btnMauve {
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff;
}
.btn.btnMauve:hover,
.btn.btnMauve:focus {
  background-color: #ffffff;
  color: #932784;
  color: var(--color1);
}
.btn.btnMauve[target="_blank"] {
  background-image: url("img/icon_lien_externe_hover.svg");
}
.btn.btnMauve[target="_blank"]:hover,
.btn.btnMauve[target="_blank"]:focus {
  background-image: url("img/icon_lien_externe.svg");
}
body.color_2 .btn.btnMauve[target="_blank"]:hover,
body.color_2 .btn.btnMauve[target="_blank"]:focus {
  background-image: url('img/color_red/icon_lien_externe.svg');
}
.btn.btnBlack {
  background-color: #414042;
  border: 4px solid #414042;
  color: #ffffff;
}
.btn.btnBlack.active {
  color: #ffffff;
  border: 4px solid #414042;
}
.btn.btnBlack.active:hover,
.btn.btnBlack.active:focus {
  background-color: #ffffff;
  color: #414042;
}
@media only screen and (max-width: 1000px) {
  .btn.btnBlack.active {
    border: 3px solid #414042;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnBlack.active {
    border: 2px solid #414042;
  }
}
@media only screen and (max-width: 1000px) {
  .btn.btnBlack {
    border: 3px solid #414042;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnBlack {
    border: 2px solid #414042;
    padding: 7px 14px;
  }
}
.btn.btnValider {
  font-size: 15px;
  padding: 7px 14px;
  position: relative;
  top: auto;
  left: auto;
  color: #D4A9CE;
  color: var(--color2);
  border: 3px solid #D4A9CE;
  border: 3px solid var(--color2);
  pointer-events: none;
  -webkit-appearance: unset;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn.btnValider:hover,
.btn.btnValider:focus {
  background-color: transparent;
  color: #D4A9CE;
  color: var(--color2);
}
.btn.btnValider[value="soumettre"] {
  pointer-events: none;
}
.btn.btnValider.active {
  color: #932784;
  color: var(--color1);
  border: 3px solid #932784;
  border: 3px solid var(--color1);
  pointer-events: initial;
}
.btn.btnValider.active:hover,
.btn.btnValider.active:focus {
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  .btn.btnValider.active {
    border: 2px solid #932784;
    border: 2px solid var(--color1);
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnValider.active {
    border: 1px solid #932784;
    border: 1px solid var(--color1);
  }
}
@media only screen and (max-width: 1000px) {
  .btn.btnValider {
    border: 2px solid #D4A9CE;
    border: 2px solid var(--color2);
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnValider {
    font-size: x-small;
    border: 1px solid #D4A9CE;
    border: 1px solid var(--color2);
  }
}
.btn[target="_blank"] {
  background-image: url("img/icon_lien_externe.svg");
  background-repeat: no-repeat;
  background-position: right 40px center;
  padding-right: 90px;
  white-space: nowrap;
}
body.color_2 .btn[target="_blank"] {
  background-image: url('img/color_red/icon_lien_externe.svg');
}
@media only screen and (max-width: 1180px) {
  .btn[target="_blank"] {
    background-size: 24px;
    background-position: right 35px center;
  }
}
@media only screen and (max-width: 1000px) {
  .btn[target="_blank"] {
    background-size: 24px;
    background-position: right 30px center;
  }
}
@media only screen and (max-width: 760px) {
  .btn[target="_blank"] {
    background-size: 12px;
    padding-right: 50px;
    background-position: right 20px center;
    white-space: inherit;
  }
}
.btn[target="_blank"]:hover,
.btn[target="_blank"]:focus {
  background-image: url("img/icon_lien_externe_hover.svg");
}
body.color_2 .btn[target="_blank"]:hover,
body.color_2 .btn[target="_blank"]:focus {
  background-image: url('img/icon_lien_externe_hover.svg');
}
.btn[target="_blank"].disabled {
  background-image: url("img/icon_lien_externe_disabled.svg");
}
body.color_2 .btn[target="_blank"].disabled {
  background-image: url("img/color_red/icon_lien_externe_disabled.svg");
}
.btn.btnNext,
.btn.btnPrev,
.btn.btnReturnModule {
  background-repeat: no-repeat;
  padding: 5px 50px;
  width: 435px;
  min-height: 70px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1180px) {
  .btn.btnNext,
  .btn.btnPrev,
  .btn.btnReturnModule {
    padding: 5px 60px;
    width: 350px;
    min-height: 52px;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnNext,
  .btn.btnPrev,
  .btn.btnReturnModule {
    padding: 5px 40px;
    background-size: 8px;
    min-height: 52px;
    text-align: center;
    justify-content: center;
    width: 290px;
  }
}
.btn.btnPrev {
  background-image: url('img/btn_prev_arrow.svg');
  background-position: left 25px center;
}
body.color_2 .btn.btnPrev {
  background-image: url('img/color_red/btn_prev_arrow.svg');
}
@media only screen and (max-width: 1180px) {
  .btn.btnPrev {
    background-position: left 20px center;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnPrev {
    background-position: left 15px center;
  }
}
.btn.btnPrev:hover {
  background-image: url('img/btn_prev_arrow_white.svg');
}
body.color_2 .btn.btnPrev:hover {
  background-image: url('img/btn_prev_arrow_white.svg');
}
.btn.btnPrev.disabled {
  pointer-events: none;
  background-image: url("img/btn_prev_arrow_disabled.svg");
}
body.color_2 .btn.btnPrev.disabled {
  background-image: url('img/color_red/btn_prev_arrow_disabled.svg');
}
.btn.btnNext {
  background-image: url('img/btn_next_arrow.svg');
  background-position: right 25px center;
}
body.color_2 .btn.btnNext {
  background-image: url('img/color_red/btn_next_arrow.svg');
}
@media only screen and (max-width: 1180px) {
  .btn.btnNext {
    background-position: right 20px center;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnNext {
    background-position: right 15px center;
  }
}
.btn.btnNext:hover {
  background-image: url('img/btn_next_arrow_white.svg');
}
body.color_2 .btn.btnNext:hover {
  background-image: url('img/btn_next_arrow_white.svg');
}
.btn.btnNext.disabled {
  pointer-events: none;
  background-image: url("img/btn_next_arrow_disabled.svg");
}
body.color_2 .btn.btnNext.disabled {
  background-image: url('img/color_red/btn_next_arrow_disabled.svg');
}
.btn.btnReturnModule {
  background-image: url('img/ico_home3.svg');
  background-size: 25px;
  background-position: right 25px center;
}
body.color_2 .btn.btnReturnModule {
  background-image: url('img/color_red/ico_home3.svg');
  background-size: 25px;
}
@media only screen and (max-width: 1180px) {
  .btn.btnReturnModule {
    background-position: right 20px center;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnReturnModule {
    background-position: right 15px center;
  }
}
.btn.btnReturnModule:hover {
  background-image: url('img/ico_home3_white.svg');
  background-size: 25px;
}
body.color_2 .btn.btnReturnModule:hover {
  background-image: url('img/ico_home3_white.svg');
  background-size: 25px;
}
.btn.btnTop {
  padding: 32px 32px;
  border-radius: 100%;
  border-color: #414042;
  background-image: url('img/btn_top_arrow.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  z-index: 9999;
  background-size: 16px;
  position: absolute;
  right: 20px;
}
.btn.btnTop:focus,
.btn.btnTop:hover {
  background-image: url('img/btn_top_arrow_white.svg');
  background-color: #414042;
}
@media only screen and (max-width: 1180px) {
  .btn.btnTop {
    padding: 26px 26px;
    background-size: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .btn.btnTop {
    padding: 26px 26px;
    background-size: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnTop {
    padding: 22px 22px;
    background-size: 15px;
    bottom: 101px;
  }
}
.btn.btnHome {
  padding: 0;
  border-radius: 100%;
  border-color: #932784;
  border-color: var(--color1);
  background: #ffffff url('img/ico_home2_blanc.svg') no-repeat center center;
  height: 76px;
  width: 76px;
  background-size: 32px;
}
body.color_2 .btn.btnHome {
  background: #ffffff url('img/color_red/ico_home2_blanc.svg') no-repeat center center;
  background-size: 32px;
}
.btn.btnHome:hover {
  background: #932784 url('img/ico_home2.svg') no-repeat center center;
  background: var(--color1) url('img/ico_home2.svg') no-repeat center center;
  background-size: 32px;
}
body.color_2 .btn.btnHome:hover {
  background: #932784 url('img/ico_home2.svg') no-repeat center center;
  background: var(--color1) url('img/ico_home2.svg') no-repeat center center;
  background-size: 32px;
}
@media only screen and (max-width: 1180px) {
  .btn.btnHome {
    padding: 0;
    background-size: 30px !important;
    height: 66px;
    width: 66px;
  }
  .btn.btnHome:hover {
    background-size: 30px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .btn.btnHome {
    height: 52px;
    width: 52px;
    padding: 0;
    background-size: 15px !important;
  }
  .btn.btnHome:hover {
    background-size: 15px !important;
  }
}
.btn.btnBranch {
  padding: 40px;
  border: solid 1px #DDDDDD;
  border-radius: 20px;
  color: #414042;
  letter-spacing: initial;
  text-align: left;
  text-transform: none;
  white-space: normal;
  height: fit-content;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
  font-weight: normal;
  line-height: 30px;
}
@media only screen and (max-width: 1180px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnBranch {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.btn.btnBranch:hover {
  background-color: #ffffff;
  border-color: #414042;
}
.btn.btnBranch:focus {
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  .btn.btnBranch {
    width: 100%;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 760px) {
  .btn.btnBranch {
    padding: 19px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    border-radius: 9px;
  }
}
.btn.lienExterne[target="_blank"] {
  background-image: url("img/icon_lien_externe.svg");
  background-repeat: no-repeat !important;
  background-position: right 40px center !important;
  background-size: 24px !important;
  padding-right: 90px !important;
  white-space: nowrap !important;
}
body.color_2 .btn.lienExterne[target="_blank"] {
  background-image: url('img/color_red/icon_lien_externe.svg');
}
@media only screen and (max-width: 1180px) {
  .btn.lienExterne[target="_blank"] {
    background-position: right 35px center !important;
  }
}
@media only screen and (max-width: 1000px) {
  .btn.lienExterne[target="_blank"] {
    background-size: 24px !important;
    background-position: right 30px center !important;
    padding-right: 72px !important;
  }
}
@media only screen and (max-width: 760px) {
  .btn.lienExterne[target="_blank"] {
    background-size: 12px !important;
    padding-right: 44px !important;
    background-position: right 20px center !important;
    white-space: inherit !important;
  }
}
.btn.lienExterne[target="_blank"]:hover,
.btn.lienExterne[target="_blank"]:focus {
  background-image: url("img/icon_lien_externe_hover.svg");
  background-color: var(--color1);
}
body.color_2 .btn.lienExterne[target="_blank"]:hover,
body.color_2 .btn.lienExterne[target="_blank"]:focus {
  background-image: url('img/icon_lien_externe_hover.svg');
}
.btn.lienExterne[target="_blank"].disabled {
  background-image: url("img/icon_lien_externe_disabled.svg");
}
body.color_2 .btn.lienExterne[target="_blank"].disabled {
  background-image: url("img/color_red/icon_lien_externe_disabled.svg");
}
.btn.btnGoogle {
  background-image: url('img/ico_google.svg') !important;
}
body.color_2 .btn.btnGoogle {
  background-image: url('img/color_red/ico_google.svg') !important;
}
.btn.btnGoogle:hover,
.btn.btnGoogle:focus {
  background-image: url('img/ico_google_hover.svg') !important;
}
body.color_2 .btn.btnGoogle:hover,
body.color_2 .btn.btnGoogle:focus {
  background-image: url('img/ico_google_hover.svg') !important;
}
.btn.btnWord {
  background-image: url('img/ico_microsoft.svg') !important;
}
body.color_2 .btn.btnWord {
  background-image: url('img/color_red/ico_microsoft.svg') !important;
}
.btn.btnWord:hover,
.btn.btnWord:focus {
  background-image: url('img/ico_microsoft_hover.svg') !important;
}
body.color_2 .btn.btnWord:hover,
body.color_2 .btn.btnWord:focus {
  background-image: url('img/ico_microsoft_hover.svg') !important;
}
.btn.btnWord,
.btn.btnGoogle {
  padding-left: 32px;
}
@media only screen and (max-width: 1000px) {
  .btn.btnWord,
  .btn.btnGoogle {
    padding-left: 30px;
  }
}
.btn.btnTask {
  border-color: var(--color1);
  background-color: #ffffff;
  color: var(--color1);
}
.btn.btnTask:hover,
.btn.btnTask:focus {
  background-color: var(--color1);
  color: #ffffff;
}
.btn.btnReturn {
  text-transform: none;
}
@media only screen and (max-width: 760px) {
  .only-next .btnTop {
    bottom: -30px;
  }
}
@media only screen and (max-width: 760px) {
  .only-next .btnNext {
    width: 200px;
  }
}
.lienExterne[target="_blank"] {
  background-image: url("img/icon_lien_externe.svg");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 25px;
  background-size: 18px;
}
body.color_2 .lienExterne[target="_blank"] {
  background-image: url("img/color_red/icon_lien_externe.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px;
}
@media only screen and (max-width: 760px) {
  .lienExterne[target="_blank"] {
    padding-right: 15px;
    background-size: 10px !important;
  }
}
.lienExterne[target="_blank"].img_open_link {
  background: none !important;
}
html {
  width: 100%;
}
body {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19.6px;
  line-height: 29.4px;
  -webkit-text-size-adjust: 100%;
  overflow-y: initial !important;
}
body.small,
body span.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  body.small,
  body span.small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  body.small,
  body span.small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  body {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  body {
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
body #main {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-bottom: 50px;
}
#content,
#pageContent,
#contenu,
#wrapper {
  width: 100%;
  z-index: 10;
}
#viewport {
  width: 100%;
  background: #ffffff;
  -webkit-transition: filter 0.3s ease;
  -moz-transition: filter 0.3s ease;
  -ms-transition: filter 0.3s ease;
  -o-transition: filter 0.3s ease;
  transition: filter 0.3s ease;
}
body.zoom #viewport {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
#content {
  display: none;
}
#pageContent {
  display: none;
}
#wrapper {
  z-index: 10;
}
/* ===================== GENERAL ============= */
img {
  text-align: center;
  border-radius: 14px;
  max-width: 100%;
}
img.orientationV {
  max-width: 320px;
}
@media only screen and (max-width: 760px) {
  img.orientationV {
    max-height: 170px;
  }
}
img.imgDeco {
  width: 70%;
}
@media only screen and (max-width: 760px) {
  img.imgDeco {
    width: 100%;
  }
}
ul.single_bubble,
ol.single_bubble,
.bubble-forum ul,
.bubble-forum ol,
ol.default,
ol.list-romain,
ol.list-letter,
ol.list-uppercase,
ol.default.bubble-forum {
  padding: 0;
  margin: 0;
}
ul.single_bubble ul,
ol.single_bubble ul,
.bubble-forum ul ul,
.bubble-forum ol ul,
ol.default ul,
ol.list-romain ul,
ol.list-letter ul,
ol.list-uppercase ul,
ol.default.bubble-forum ul,
ul.single_bubble ol,
ol.single_bubble ol,
.bubble-forum ul ol,
.bubble-forum ol ol,
ol.default ol,
ol.list-romain ol,
ol.list-letter ol,
ol.list-uppercase ol,
ol.default.bubble-forum ol {
  margin-top: 7px;
}
ul.single_bubble > li,
ol.single_bubble > li,
.bubble-forum ul > li,
.bubble-forum ol > li,
ol.default > li,
ol.list-romain > li,
ol.list-letter > li,
ol.list-uppercase > li,
ol.default.bubble-forum > li {
  padding: 14px 14px 14px 56px;
  margin-bottom: 0;
}
@media only screen and (max-width: 760px) {
  ul.single_bubble > li,
  ol.single_bubble > li,
  .bubble-forum ul > li,
  .bubble-forum ol > li,
  ol.default > li,
  ol.list-romain > li,
  ol.list-letter > li,
  ol.list-uppercase > li,
  ol.default.bubble-forum > li {
    padding: 7px 7px 7px 42px;
  }
}
ul.single_bubble > li::before,
ol.single_bubble > li::before,
.bubble-forum ul > li::before,
.bubble-forum ol > li::before,
ol.default > li::before,
ol.list-romain > li::before,
ol.list-letter > li::before,
ol.list-uppercase > li::before,
ol.default.bubble-forum > li::before {
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: absolute;
  top: 28px;
  left: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #414042;
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  left: 0px;
  top: 16px;
  transform: initial;
}
@media only screen and (max-width: 1180px) {
  ul.single_bubble > li::before,
  ol.single_bubble > li::before,
  .bubble-forum ul > li::before,
  .bubble-forum ol > li::before,
  ol.default > li::before,
  ol.list-romain > li::before,
  ol.list-letter > li::before,
  ol.list-uppercase > li::before,
  ol.default.bubble-forum > li::before {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  ul.single_bubble > li::before,
  ol.single_bubble > li::before,
  .bubble-forum ul > li::before,
  .bubble-forum ol > li::before,
  ol.default > li::before,
  ol.list-romain > li::before,
  ol.list-letter > li::before,
  ol.list-uppercase > li::before,
  ol.default.bubble-forum > li::before {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1000px) {
  ul.single_bubble > li::before,
  ol.single_bubble > li::before,
  .bubble-forum ul > li::before,
  .bubble-forum ol > li::before,
  ol.default > li::before,
  ol.list-romain > li::before,
  ol.list-letter > li::before,
  ol.list-uppercase > li::before,
  ol.default.bubble-forum > li::before {
    width: 26px;
    height: 26px;
    top: 12px;
    left: 8px;
  }
}
@media only screen and (max-width: 760px) {
  ul.single_bubble > li::before,
  ol.single_bubble > li::before,
  .bubble-forum ul > li::before,
  .bubble-forum ol > li::before,
  ol.default > li::before,
  ol.list-romain > li::before,
  ol.list-letter > li::before,
  ol.list-uppercase > li::before,
  ol.default.bubble-forum > li::before {
    width: 18px;
    height: 18px;
    left: 10px;
    top: 8px;
  }
}
ol.single_bubble li {
  margin-bottom: 28px;
  padding: 42px 28px 42px 84px;
}
@media only screen and (max-width: 1180px) {
  ol.single_bubble li {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  ol.single_bubble li {
    margin-bottom: 7px;
  }
}
ol.single_bubble li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1180px) {
  ol.single_bubble li {
    padding: 14px 14px 14px 86px;
  }
}
@media only screen and (max-width: 760px) {
  ol.single_bubble li {
    padding: 15px;
    padding-left: 38px;
  }
}
ol.single_bubble li::before {
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1000px) {
  ol.single_bubble li::before {
    top: 40px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 760px) {
  ol.single_bubble li::before {
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
}
ol.single_bubble li.p-before-top::before {
  top: 56px;
}
@media only screen and (max-width: 1180px) {
  ol.single_bubble li.p-before-top::before {
    top: 25px;
  }
}
@media only screen and (max-width: 760px) {
  ol.single_bubble li.p-before-top::before {
    top: 24px;
  }
}
ol.single_bubble li ol li,
ol.single_bubble li ul li {
  padding: 14px 14px 14px 56px;
  margin-bottom: 0;
}
@media only screen and (max-width: 760px) {
  ol.single_bubble li ol li,
  ol.single_bubble li ul li {
    padding: 7px 7px 7px 42px;
  }
}
ol.single_bubble li ol li:before,
ol.single_bubble li ul li:before {
  left: 0px;
}
@media only screen and (max-width: 1000px) {
  ol.single_bubble li ol li:before,
  ol.single_bubble li ul li:before {
    left: 8px;
  }
}
@media only screen and (max-width: 760px) {
  ol.single_bubble li ol li:before,
  ol.single_bubble li ul li:before {
    left: 10px;
  }
}
ol.single_bubble li ol.default li,
ol.single_bubble li ul.default li {
  margin: 0;
  padding: 0;
}
ol.single_bubble.compact li,
ol.single_bubble.compact_list li,
ol.single_bubble.list_compact li {
  padding: 14px 28px 14px 84px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 1180px) {
  ol.single_bubble.compact li,
  ol.single_bubble.compact_list li,
  ol.single_bubble.list_compact li {
    padding: 14px 14px 14px 86px;
  }
}
@media only screen and (max-width: 760px) {
  ol.single_bubble.compact li,
  ol.single_bubble.compact_list li,
  ol.single_bubble.list_compact li {
    padding: 7px 15px;
    padding-left: 38px;
  }
}
@media only screen and (max-width: 1180px) {
  ol.single_bubble.compact li,
  ol.single_bubble.compact_list li,
  ol.single_bubble.list_compact li {
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 760px) {
  ol.single_bubble.compact li,
  ol.single_bubble.compact_list li,
  ol.single_bubble.list_compact li {
    margin-bottom: 7px;
  }
}
ol.single_bubble.compact li:last-child,
ol.single_bubble.compact_list li:last-child,
ol.single_bubble.list_compact li:last-child {
  margin-bottom: 0;
}
ul {
  list-style-position: inside;
}
ul.default {
  margin-left: 20px;
}
ul.default li {
  padding: 0;
  border: none;
  margin: 0;
  list-style-position: initial;
}
ul.default li::before {
  display: none;
}
ul.default li ul {
  margin-left: 28px;
  margin-bottom: 7px;
}
@media only screen and (max-width: 760px) {
  ul.default {
    padding-left: 20px !important;
  }
}
ul.list-compact {
  list-style-type: none;
}
ul.list-compact li {
  border-radius: 15px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
ul.list-compact li:last-child {
  margin-bottom: 0px;
}
ul.list-compact li::before {
  display: none;
}
@media only screen and (max-width: 760px) {
  ul.list-compact li {
    border-radius: 7px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
ul.list-vocabulaire {
  column-count: 2;
}
@media only screen and (max-width: 760px) {
  ul.list-vocabulaire {
    column-count: 1;
  }
}
ul.row-cols-1 {
  margin-left: 0;
}
ol.list-romain li,
ol.list-letter li,
ol.list-uppercase li,
ol.default.bubble-forum li {
  border: none;
}
ol.default li {
  padding-bottom: 10px;
  border: none;
  margin-bottom: 0;
}
ol.list-romain {
  list-style-type: decimal;
}
ol.list-romain > li {
  border: none;
}
ol.list-romain > li:nth-child(1)::before {
  content: "i";
}
ol.list-romain > li:nth-child(2)::before {
  content: "ii";
}
ol.list-romain > li:nth-child(3)::before {
  content: "iii";
}
ol.list-romain > li:nth-child(4)::before {
  content: "iv";
}
ol.list-romain > li:nth-child(5)::before {
  content: "v";
}
ol.list-romain > li:nth-child(6)::before {
  content: "vi";
}
ol.list-romain > li:nth-child(7)::before {
  content: "vii";
}
ol.list-romain > li:nth-child(8)::before {
  content: "viii";
}
ol.list-romain > li:nth-child(9)::before {
  content: "ix";
}
ol.list-romain > li:nth-child(10)::before {
  content: "x";
}
ol.list-romain > li::before {
  text-transform: lowercase;
}
ol.list-uppercase > li::before {
  text-transform: uppercase;
}
ol.list-letter {
  list-style-type: upper-alpha;
}
ol.list-letter > li:nth-child(1)::before {
  content: "a";
}
ol.list-letter > li:nth-child(2)::before {
  content: "b";
}
ol.list-letter > li:nth-child(3)::before {
  content: "c";
}
ol.list-letter > li:nth-child(4)::before {
  content: "d";
}
ol.list-letter > li:nth-child(5)::before {
  content: "e";
}
ol.list-letter > li:nth-child(6)::before {
  content: "f";
}
ol.list-letter > li:nth-child(7)::before {
  content: "g";
}
ol.list-letter > li:nth-child(8)::before {
  content: "h";
}
ol.list-letter > li:nth-child(9)::before {
  content: "i";
}
ol.list-letter > li:nth-child(10)::before {
  content: "j";
}
ol.list-letter > li:nth-child(11)::before {
  content: "k";
}
ol.list-letter > li:nth-child(12)::before {
  content: "l";
}
ol.list-letter > li:nth-child(13)::before {
  content: "m";
}
ol.list-letter > li:nth-child(14)::before {
  content: "n";
}
ol.list-letter > li:nth-child(15)::before {
  content: "o";
}
ol.list-letter > li:nth-child(16)::before {
  content: "p";
}
ol.list-letter > li:nth-child(17)::before {
  content: "q";
}
ol.list-letter > li:nth-child(18)::before {
  content: "r";
}
ol.list-letter > li:nth-child(19)::before {
  content: "s";
}
ol.list-letter > li:nth-child(20)::before {
  content: "t";
}
ol > li {
  border: solid 1px #DDDDDD;
  border-radius: 14px;
  list-style-type: none;
  position: relative;
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 760px) {
}
ol > li:nth-child(1)::before {
  content: "1";
}
@media only screen and (max-width: 760px) {
}
ol > li:nth-child(2)::before {
  content: "2";
}
ol > li:nth-child(3)::before {
  content: "3";
}
ol > li:nth-child(4)::before {
  content: "4";
}
ol > li:nth-child(5)::before {
  content: "5";
}
ol > li:nth-child(6)::before {
  content: "6";
}
ol > li:nth-child(7)::before {
  content: "7";
}
ol > li:nth-child(8)::before {
  content: "8";
}
ol > li:nth-child(9)::before {
  content: "9";
}
ol > li:nth-child(10)::before {
  content: "10";
}
ol > li:nth-child(11)::before {
  content: "11";
}
ol > li:nth-child(12)::before {
  content: "12";
}
ol > li:nth-child(13)::before {
  content: "13";
}
ol > li:nth-child(14)::before {
  content: "14";
}
ol > li:nth-child(15)::before {
  content: "15";
}
ol > li:nth-child(16)::before {
  content: "16";
}
ol > li:nth-child(17)::before {
  content: "17";
}
ol > li:nth-child(18)::before {
  content: "18";
}
ol > li:nth-child(19)::before {
  content: "19";
}
ol > li:nth-child(20)::before {
  content: "20";
}
ul li {
  border: 1px solid #414042;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 26px 28px;
}
@media only screen and (max-width: 760px) {
}
.bubble {
  background-color: #FAFAFA;
  padding: 28px 38px;
  border: 1px solid #414042;
  border-radius: 20px;
}
.bubble .text3 {
  white-space: nowrap;
}
.box4 {
  display: flex;
  justify-content: center;
  gap: 28px;
}
@media only screen and (max-width: 1000px) {
  .box4 {
    gap: 10px;
  }
  .box4 .bubble {
    padding: 20px 25px;
  }
}
@media only screen and (max-width: 760px) {
  .box4 {
    display: grid;
    justify-content: normal;
  }
}
.bubble-forum {
  background-color: #FAFAFA;
  padding: 28px;
  border: 1px #414042 solid;
  border-radius: 14px;
  margin: 28px 0;
}
@media only screen and (max-width: 1000px) {
  .bubble-forum {
    padding: 14px;
    margin: 14px 0;
  }
}
@media only screen and (max-width: 760px) {
  .bubble-forum {
    padding: 7px;
    margin: 7px 0;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
legend,
.row,
input[type='button'],
blockquote {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1180px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  ul,
  legend,
  .row,
  input[type='button'],
  blockquote {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  ul,
  legend,
  .row,
  input[type='button'],
  blockquote {
    margin-bottom: 7px;
  }
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
li:last-child,
ul:last-child,
legend:last-child,
.row:last-child,
input[type='button']:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
h1.btnBranch,
h2.btnBranch,
h3.btnBranch,
h4.btnBranch,
h5.btnBranch,
h6.btnBranch,
p.btnBranch,
li.btnBranch,
ul.btnBranch,
legend.btnBranch,
.row.btnBranch,
input[type='button'].btnBranch,
blockquote.btnBranch {
  margin-bottom: 28px;
}
.list-style-none {
  list-style-type: none;
}
.list-style-none li {
  border: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
legend {
  color: #414042;
  font-family: 'Montserrat', sans-serif;
}
h1.line,
h2.line,
h3.line,
h4.line,
h5.line,
h6.line,
p.line,
li.line,
ul.line,
legend.line,
h1.line-bleu,
h2.line-bleu,
h3.line-bleu,
h4.line-bleu,
h5.line-bleu,
h6.line-bleu,
p.line-bleu,
li.line-bleu,
ul.line-bleu,
legend.line-bleu,
h1.line-blue,
h2.line-blue,
h3.line-blue,
h4.line-blue,
h5.line-blue,
h6.line-blue,
p.line-blue,
li.line-blue,
ul.line-blue,
legend.line-blue {
  border-left: solid 12px #00BFDF;
  padding-left: 28px;
}
@media only screen and (max-width: 760px) {
  h1.line,
  h2.line,
  h3.line,
  h4.line,
  h5.line,
  h6.line,
  p.line,
  li.line,
  ul.line,
  legend.line,
  h1.line-bleu,
  h2.line-bleu,
  h3.line-bleu,
  h4.line-bleu,
  h5.line-bleu,
  h6.line-bleu,
  p.line-bleu,
  li.line-bleu,
  ul.line-bleu,
  legend.line-bleu,
  h1.line-blue,
  h2.line-blue,
  h3.line-blue,
  h4.line-blue,
  h5.line-blue,
  h6.line-blue,
  p.line-blue,
  li.line-blue,
  ul.line-blue,
  legend.line-blue {
    padding-left: 14px;
    border-left: solid 6px #00BFDF;
  }
}
h1.line-mauve,
h2.line-mauve,
h3.line-mauve,
h4.line-mauve,
h5.line-mauve,
h6.line-mauve,
p.line-mauve,
li.line-mauve,
ul.line-mauve,
legend.line-mauve,
h1.line-purple,
h2.line-purple,
h3.line-purple,
h4.line-purple,
h5.line-purple,
h6.line-purple,
p.line-purple,
li.line-purple,
ul.line-purple,
legend.line-purple,
h1.line2,
h2.line2,
h3.line2,
h4.line2,
h5.line2,
h6.line2,
p.line2,
li.line2,
ul.line2,
legend.line2 {
  border-left: solid 12px #932784;
  border-left: solid 12px var(--color1);
  padding-left: 28px;
}
@media only screen and (max-width: 760px) {
  h1.line-mauve,
  h2.line-mauve,
  h3.line-mauve,
  h4.line-mauve,
  h5.line-mauve,
  h6.line-mauve,
  p.line-mauve,
  li.line-mauve,
  ul.line-mauve,
  legend.line-mauve,
  h1.line-purple,
  h2.line-purple,
  h3.line-purple,
  h4.line-purple,
  h5.line-purple,
  h6.line-purple,
  p.line-purple,
  li.line-purple,
  ul.line-purple,
  legend.line-purple,
  h1.line2,
  h2.line2,
  h3.line2,
  h4.line2,
  h5.line2,
  h6.line2,
  p.line2,
  li.line2,
  ul.line2,
  legend.line2 {
    padding-left: 14px;
    border-left: solid 6px #932784;
    border-left: solid 6px var(--color1);
  }
}
div.line-mauve,
div.line-purple,
div.line2 {
  border-left: solid 12px #932784;
  border-left: solid 12px var(--color1);
  padding-left: 28px;
}
@media only screen and (max-width: 760px) {
  div.line-mauve,
  div.line-purple,
  div.line2 {
    padding-left: 14px;
    border-left: solid 6px #932784;
    border-left: solid 6px var(--color1);
  }
}
p,
li,
a,
select,
input,
textarea {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19.6px;
  line-height: 29.4px;
}
p.small,
li.small,
a.small,
select.small,
input.small,
textarea.small,
p span.small,
li span.small,
a span.small,
select span.small,
input span.small,
textarea span.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  p.small,
  li.small,
  a.small,
  select.small,
  input.small,
  textarea.small,
  p span.small,
  li span.small,
  a span.small,
  select span.small,
  input span.small,
  textarea span.small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  p.small,
  li.small,
  a.small,
  select.small,
  input.small,
  textarea.small,
  p span.small,
  li span.small,
  a span.small,
  select span.small,
  input span.small,
  textarea span.small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  p,
  li,
  a,
  select,
  input,
  textarea {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  p,
  li,
  a,
  select,
  input,
  textarea {
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
blockquote {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19.6px;
  line-height: 29.4px;
  width: fit-content;
  font-weight: bold;
  position: relative;
  padding: 0 56px;
  min-height: 40px;
}
blockquote.small,
blockquote span.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  blockquote.small,
  blockquote span.small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  blockquote.small,
  blockquote span.small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  blockquote {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  blockquote {
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1000px) {
  blockquote {
    font-weight: bold;
  }
}
@media only screen and (max-width: 760px) {
  blockquote {
    padding: 0 50px;
    font-weight: bold;
  }
}
blockquote::before,
blockquote::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 40px;
}
@media only screen and (max-width: 760px) {
  blockquote::before,
  blockquote::after {
    width: 30px;
  }
}
blockquote::before {
  top: 0;
  left: -14px;
  background: url("img/blockquote_left.svg") no-repeat;
  background-size: 100%;
}
blockquote::after {
  right: 0;
  bottom: 0;
  background: url("img/blockquote_right.svg") no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 760px) {
  blockquote::after {
    bottom: -5px;
  }
}
p.consigne {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1180px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  p.consigne {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
p.sous-titre {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 25.2px;
  line-height: 37.8px;
  color: #ffffff;
  margin-top: 14px;
  margin-bottom: 0 !important;
  font-style: normal !important;
}
@media only screen and (max-width: 1180px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  p.sous-titre {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 760px) {
  p.sous-titre {
    margin-top: 7px;
  }
}
h1 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 44.8px;
  line-height: 67.2px;
}
@media only screen and (max-width: 1180px) {
  h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  h1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  h1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  h1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  h1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  h1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  h1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  h1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  h1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  h1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  h1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
h2 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 33.6px;
  line-height: 50.4px;
}
@media only screen and (max-width: 1180px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
h3 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 25.2px;
  line-height: 37.8px;
}
@media only screen and (max-width: 1180px) {
  h3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  h3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  h3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  h3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  h3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  h3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  h3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  h3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  h3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  h3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
h4 {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1180px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
h5 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1180px) {
  h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
legend {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 25.2px;
  line-height: 37.8px;
}
@media only screen and (max-width: 1180px) {
  legend {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  legend {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  legend {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  legend {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  legend {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  legend {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  legend {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  legend {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  legend {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  legend {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
em {
  font-style: italic;
}
hr {
  width: 100%;
  height: 18px;
  background-color: #932784;
  background-color: var(--color1);
}
.agrandir-l-image {
  position: relative;
  display: flex;
  margin-bottom: 30px;
}
.agrandir-l-image img {
  border-radius: 14px 14px 0px 14px;
}
a {
  color: #932784;
  color: var(--color1);
}
a.external {
  background: url("img/icon_lien_externe.svg") no-repeat right center;
  padding-right: 25px;
  background-size: 18px;
}
body.color_2 a.external {
  background: url("img/color_red/icon_lien_externe.svg") no-repeat right center;
  background-size: 18px;
}
@media only screen and (max-width: 760px) {
  a.external {
    padding-right: 15px;
    background-size: 10px !important;
  }
}
a.img_open_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.img_open_link .agrandirBtn {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 14px;
  line-height: 9.8px;
  padding: 12px 38px 12px 14px;
  background: #ffffff url("img/icon_lien_externe.svg") no-repeat right 14px center;
  background-size: 14px !important;
  border: 1px solid #932784;
  border: 1px solid var(--color1);
  border-radius: 4px 0px 14px 14px;
  border-top: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 100%;
  min-height: 34px;
}
body.color_2 a.img_open_link .agrandirBtn {
  background: #ffffff url("img/color_red/icon_lien_externe.svg") no-repeat right 14px center;
}
@media only screen and (max-width: 1000px) {
  a.img_open_link .agrandirBtn {
    font-size: 9.8px;
    line-height: 6.86px;
    padding: 10px 38px 10px 12px;
    background-size: 12px !important;
    min-height: 28px;
  }
}
a.img_open_link:hover .agrandirBtn,
a.img_open_link:focus .agrandirBtn {
  background-image: url(img/icon_lien_externe_hover.svg) !important;
  background-color: #932784 !important;
  background-color: var(--color1) !important;
  color: #ffffff;
}
fieldset {
  width: 100%;
  display: inline-block;
  min-inline-size: unset;
}
a,
button,
input[type='button'] {
  -webkit-appearance: none;
}
.text1 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 44.8px;
  line-height: 67.2px;
}
@media only screen and (max-width: 1180px) {
  .text1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  .text1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  .text1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  .text1 {
    font-style: normal;
    font-weight: 700;
    font-size: 33.6px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  .text1 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 760px) {
  .text1 {
    font-weight: 700;
    font-size: 25.2px;
    line-height: 32.4px;
  }
}
.text2 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 33.6px;
  line-height: 50.4px;
}
@media only screen and (max-width: 1180px) {
  .text2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .text2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  .text2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .text2 {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
.text3 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 25.2px;
  line-height: 37.8px;
}
@media only screen and (max-width: 1180px) {
  .text3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  .text3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  .text3 {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  .text3 {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
.text4 {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1180px) {
  .text4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .text4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .text4 {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .text4 {
    font-style: italic;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.text5 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1180px) {
  .text5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .text5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .text5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .text5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
table {
  table-layout: fixed;
}
table:not(.desktop-only):not(.mobile-only),
table.desktop-only {
  display: table;
  border: solid 1px #414042;
  border-radius: 14px;
  border-collapse: initial;
  width: 90%;
  margin: 0 auto;
  text-align: left;
  background: #414042;
  overflow-x: auto;
}
@media only screen and (max-width: 760px) {
  table:not(.desktop-only):not(.mobile-only),
  table.desktop-only {
    display: none;
  }
}
table:not(.desktop-only):not(.mobile-only) thead th,
table.desktop-only thead th {
  padding: 14px 0;
  padding-left: 28px;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 25.2px;
  line-height: 37.8px;
}
@media only screen and (max-width: 1180px) {
  table:not(.desktop-only):not(.mobile-only) thead th,
  table.desktop-only thead th {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  table:not(.desktop-only):not(.mobile-only) thead th,
  table.desktop-only thead th {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
@media only screen and (max-width: 1180px) {
  table:not(.desktop-only):not(.mobile-only) thead th,
  table.desktop-only thead th {
    font-weight: 700;
    font-size: 19.6px;
    line-height: 29.4px;
  }
}
@media only screen and (max-width: 760px) {
  table:not(.desktop-only):not(.mobile-only) thead th,
  table.desktop-only thead th {
    font-weight: 700;
    font-size: 16.2px;
    line-height: 24.3px;
  }
}
table:not(.desktop-only):not(.mobile-only) tbody td,
table.desktop-only tbody td,
table:not(.desktop-only):not(.mobile-only) tbody th,
table.desktop-only tbody th {
  padding: 14px 10px;
  min-width: 120px;
  border-left: solid 1px #414042;
}
table:not(.desktop-only):not(.mobile-only) tbody tr td,
table.desktop-only tbody tr td,
table:not(.desktop-only):not(.mobile-only) tbody tr th,
table.desktop-only tbody tr th {
  background: #ffffff;
}
table:not(.desktop-only):not(.mobile-only) tbody tr:first-child td,
table.desktop-only tbody tr:first-child td {
  border: none;
}
table:not(.desktop-only):not(.mobile-only) tbody tr:first-child td.border,
table.desktop-only tbody tr:first-child td.border {
  border-left: solid 1px #414042;
}
table:not(.desktop-only):not(.mobile-only) tbody tr:first-child th,
table.desktop-only tbody tr:first-child th {
  border-left: solid 1px #414042;
}
table:not(.desktop-only):not(.mobile-only) tbody tr:first-child th:first-child,
table.desktop-only tbody tr:first-child th:first-child {
  border: none;
}
table:not(.desktop-only):not(.mobile-only) tbody tr th,
table.desktop-only tbody tr th {
  border: none;
}
table:not(.desktop-only):not(.mobile-only) tbody tr td:first-child,
table.desktop-only tbody tr td:first-child {
  border: none;
}
table:not(.desktop-only):not(.mobile-only) tbody tr:nth-child(odd) td,
table.desktop-only tbody tr:nth-child(odd) td,
table:not(.desktop-only):not(.mobile-only) tbody tr:nth-child(odd) th,
table.desktop-only tbody tr:nth-child(odd) th {
  background: #FAFAFA;
}
table:not(.desktop-only):not(.mobile-only) tbody tr:last-child th,
table.desktop-only tbody tr:last-child th {
  border-bottom-left-radius: 14px;
}
table:not(.desktop-only):not(.mobile-only) tbody tr:last-child td:first-child,
table.desktop-only tbody tr:last-child td:first-child {
  border-bottom-left-radius: 14px;
}
table:not(.desktop-only):not(.mobile-only) tbody tr:last-child td:last-child,
table.desktop-only tbody tr:last-child td:last-child {
  border-bottom-right-radius: 14px;
}
table.mobile-only {
  display: none;
}
@media only screen and (max-width: 760px) {
  table.mobile-only {
    display: table;
    text-align: left;
    width: 100%;
    border-radius: 7px;
    border: 1px solid #DDDDDD;
    border-collapse: initial;
  }
  table.mobile-only thead th {
    padding-top: 14px;
    font-size: 14px;
  }
  table.mobile-only tbody tr.last th,
  table.mobile-only tbody tr.last td {
    padding-bottom: 14px;
  }
  table.mobile-only tbody tr th,
  table.mobile-only tbody tr td {
    border-top: 1px solid #414042;
  }
  table.mobile-only tbody tr th[scope="colgroup"],
  table.mobile-only tbody tr td[scope="colgroup"] {
    border-top: none;
    padding-top: 14px;
  }
  table.mobile-only tbody tr td:first-child {
    text-align: left !important;
  }
  table.mobile-only tbody tr td:last-child {
    text-align: right;
  }
  table.mobile-only tbody tr:last-child th {
    border-bottom-left-radius: 7px;
  }
  table.mobile-only tbody tr:last-child td:last-child {
    border-bottom-right-radius: 7px;
  }
  table.mobile-only th,
  table.mobile-only td {
    padding: 4px 21px;
  }
}
@media only screen and (max-width: 760px) {
  table:not(.desktop-only):not(.mobile-only) {
    display: table;
  }
}



/*
iframe.videoTFO {
  width: 800px;
  height: 450px;
}
@media only screen and (max-width: 910px) {
  iframe.videoTFO {
    width: 640px;
    height: 360px;
  }
}
@media only screen and (max-width: 700px) {
  iframe.videoTFO {
    width: 480px;
    height: 270px;
  }
}
@media only screen and (max-width: 540px) {
  iframe.videoTFO {
    width: 400px;
    height: 225px;
  }
}
@media only screen and (max-width: 460px) {
  iframe.videoTFO {
    width: 320px;
    height: 180px;
  }
}
@media only screen and (max-width: 380px) {
  iframe.videoTFO {
    width: 100%;
  }
}
*/


.video_link {
  display: inline-block;
  position: relative;
  line-height: 0;
  font-size: 0;
}
.video_link a.btn {
  position: absolute;
  right: 30px;
  bottom: 30px;
  background-color: #ffffff;
}
.video_link a.btn:focus .video_link a.btn:hover {
  background-color: #932784;
  background-color: var(--color1);
}
.video_link img {
  position: relative;
}
#videoContainer,
#video-container {
  height: 100%;
  width: 100%;
}
#videoContainer #videoVimeo,
#video-container #videoVimeo {
  height: 100%;
  width: 100%;
}
#videoContainer #videoVimeo iframe,
#video-container #videoVimeo iframe {
  height: 100% !important;
  width: 100% !important;
}
#videoContainer video,
#video-container video {
  width: 100%;
  height: 100%;
}
video {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.voile {
  position: fixed;
  top: -200vh;
  left: -100vw;
  width: 600vw;
  height: 600vh;
  background: #414042;
  opacity: 0.6;
  z-index: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.voileBlanc {
  position: fixed;
  top: -200vh;
  left: -100vw;
  width: 600vw;
  height: 600vh;
  background: #ffffff;
  opacity: 0.6;
  z-index: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/******************* Preload ********************/
#voilePreload {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  background: #932784;
  background: var(--color1);
}
.block {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: block;
  overflow: hidden;
  position: relative;
}
.block-type-branching {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-branching {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-branching {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-branching .branching .branch.active img {
  margin-bottom: 28px;
}
div.code {
  padding: 14px;
  width: 100%;
  background: #414042;
  border-radius: 14px;
}
div.code pre {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  overflow-y: auto;
  max-height: 400px;
}
@media only screen and (max-width: 1000px) {
  div.code pre {
    max-height: 700px;
  }
}
@media only screen and (max-width: 760px) {
  div.code pre {
    max-height: 400px;
  }
}
div.code pre code {
  padding: 0px;
  gap: 78px;
  color: #ffffff;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 1000px) {
  div.code pre code {
    font-size: 15px;
  }
}
@media only screen and (max-width: 760px) {
  div.code pre code {
    font-size: 14px;
  }
}
div.code pre .language-python .hljs-comment {
  color: #DDDDDD;
}
div.code pre .language-python .hljs-punctuation,
div.code pre .language-python .hljs-tag {
  color: #ffffff;
}
div.code pre .language-python .hljs-tag .hljs-attr,
div.code pre .language-python .hljs-tag .hljs-name {
  color: #ffffff;
}
div.code pre .language-python .hljs-attribute,
div.code pre .language-python .hljs-doctag,
div.code pre .language-python .hljs-keyword,
div.code pre .language-python .hljs-meta .hljs-keyword,
div.code pre .language-python .hljs-name,
div.code pre .language-python .hljs-selector-tag {
  color: #FFCC32;
  /*font-weight:700*/
}
div.code pre .language-python .hljs-deletion,
div.code pre .language-python .hljs-number,
div.code pre .language-python .hljs-quote,
div.code pre .language-python .hljs-selector-class,
div.code pre .language-python .hljs-selector-id,
div.code pre .language-python .hljs-string,
div.code pre .language-python .hljs-template-tag,
div.code pre .language-python .hljs-type {
  color: #D4A9CE;
  color: var(--color2);
}
div.code pre .language-python .hljs-section,
div.code pre .language-python .hljs-title {
  color: #C64B9B;
  /*font-weight:700*/
  color: var(--color3);
  /*font-weight:700*/
}
div.code pre .language-python .hljs-link,
div.code pre .language-python .hljs-operator,
div.code pre .language-python .hljs-regexp,
div.code pre .language-python .hljs-selector-attr,
div.code pre .language-python .hljs-selector-pseudo,
div.code pre .language-python .hljs-symbol,
div.code pre .language-python .hljs-template-variable,
div.code pre .language-python .hljs-variable {
  color: #ffffff;
}
div.code pre .language-python .hljs-literal {
  color: #ffffff;
}
div.code pre .language-python .hljs-addition,
div.code pre .language-python .hljs-built_in,
div.code pre .language-python .hljs-bullet,
div.code pre .language-python .hljs-code {
  color: #00BFDF;
}
div.code pre .language-python .hljs-meta {
  color: #ffffff;
}
div.code pre .language-python .hljs-meta .hljs-string {
  color: #ffffff;
}
div.code pre .language-python .hljs-emphasis {
  /*font-style:italic*/
}
div.code pre .language-python .hljs-strong {
  /*font-weight:700*/
}
div.code pre .language-javascript .hljs-comment {
  color: #DDDDDD;
}
div.code pre .language-javascript .hljs-punctuation,
div.code pre .language-javascript .hljs-tag {
  color: #ffffff;
}
div.code pre .language-javascript .hljs-tag .hljs-attr,
div.code pre .language-javascript .hljs-tag .hljs-name {
  color: #ffffff;
}
div.code pre .language-javascript .hljs-attribute,
div.code pre .language-javascript .hljs-doctag,
div.code pre .language-javascript .hljs-keyword,
div.code pre .language-javascript .hljs-meta .hljs-keyword,
div.code pre .language-javascript .hljs-name,
div.code pre .language-javascript .hljs-selector-tag {
  color: #FFCC32;
  /*font-weight:700*/
}
div.code pre .language-javascript .hljs-deletion,
div.code pre .language-javascript .hljs-number,
div.code pre .language-javascript .hljs-quote,
div.code pre .language-javascript .hljs-selector-class,
div.code pre .language-javascript .hljs-selector-id,
div.code pre .language-javascript .hljs-string,
div.code pre .language-javascript .hljs-template-tag,
div.code pre .language-javascript .hljs-type {
  color: #D4A9CE;
  color: var(--color2);
}
div.code pre .language-javascript .hljs-section,
div.code pre .language-javascript .hljs-title {
  color: #C64B9B;
  /*font-weight:700*/
  color: var(--color3);
  /*font-weight:700*/
}
div.code pre .language-javascript .hljs-link,
div.code pre .language-javascript .hljs-operator,
div.code pre .language-javascript .hljs-regexp,
div.code pre .language-javascript .hljs-selector-attr,
div.code pre .language-javascript .hljs-selector-pseudo,
div.code pre .language-javascript .hljs-symbol,
div.code pre .language-javascript .hljs-template-variable,
div.code pre .language-javascript .hljs-variable {
  color: #ffffff;
}
div.code pre .language-javascript .hljs-literal {
  color: #ffffff;
}
div.code pre .language-javascript .hljs-addition,
div.code pre .language-javascript .hljs-built_in,
div.code pre .language-javascript .hljs-bullet,
div.code pre .language-javascript .hljs-code {
  color: #00BFDF;
}
div.code pre .language-javascript .hljs-meta {
  color: #ffffff;
}
div.code pre .language-javascript .hljs-meta .hljs-string {
  color: #ffffff;
}
div.code pre .language-javascript .hljs-emphasis {
  /*font-style:italic*/
}
div.code pre .language-javascript .hljs-strong {
  /*font-weight:700*/
}
div.code pre .language-html .hljs-comment {
  color: #DDDDDD;
}
div.code pre .language-html .hljs-punctuation,
div.code pre .language-html .hljs-tag {
  color: #ffffff;
}
div.code pre .language-html .hljs-tag .hljs-attr,
div.code pre .language-html .hljs-tag .hljs-name {
  color: #ffffff;
}
div.code pre .language-html .hljs-attribute,
div.code pre .language-html .hljs-doctag,
div.code pre .language-html .hljs-keyword,
div.code pre .language-html .hljs-meta .hljs-keyword,
div.code pre .language-html .hljs-name,
div.code pre .language-html .hljs-selector-tag {
  color: #FFCC32;
  /*font-weight:700*/
}
div.code pre .language-html .hljs-deletion,
div.code pre .language-html .hljs-number,
div.code pre .language-html .hljs-quote,
div.code pre .language-html .hljs-selector-class,
div.code pre .language-html .hljs-selector-id,
div.code pre .language-html .hljs-string,
div.code pre .language-html .hljs-template-tag,
div.code pre .language-html .hljs-type {
  color: #D4A9CE;
  color: var(--color2);
}
div.code pre .language-html .hljs-section,
div.code pre .language-html .hljs-title {
  color: #C64B9B;
  /*font-weight:700*/
  color: var(--color3);
  /*font-weight:700*/
}
div.code pre .language-html .hljs-link,
div.code pre .language-html .hljs-operator,
div.code pre .language-html .hljs-regexp,
div.code pre .language-html .hljs-selector-attr,
div.code pre .language-html .hljs-selector-pseudo,
div.code pre .language-html .hljs-symbol,
div.code pre .language-html .hljs-template-variable,
div.code pre .language-html .hljs-variable {
  color: #ffffff;
}
div.code pre .language-html .hljs-literal {
  color: #ffffff;
}
div.code pre .language-html .hljs-addition,
div.code pre .language-html .hljs-built_in,
div.code pre .language-html .hljs-bullet,
div.code pre .language-html .hljs-code {
  color: #00BFDF;
}
div.code pre .language-html .hljs-meta {
  color: #ffffff;
}
div.code pre .language-html .hljs-meta .hljs-string {
  color: #ffffff;
}
div.code pre .language-html .hljs-emphasis {
  /*font-style:italic*/
}
div.code pre .language-html .hljs-strong {
  /*font-weight:700*/
}
div.code pre button {
  background: none;
  border: none;
  width: 33px;
  padding: 0;
}
@media only screen and (max-width: 1000px) {
  div.code pre button {
    width: 44px;
  }
}
@media only screen and (max-width: 760px) {
  div.code pre button {
    width: 22px;
  }
}
.dd-group-draggables.row-cols-3 > *,
.dd-group-droppables.row-cols-3 > * {
  margin-right: 14px;
  flex: 0 0 calc(33.33% - 9.333333333333334px);
}
.dd-group-draggables.row-cols-3 > *:nth-child(3n),
.dd-group-droppables.row-cols-3 > *:nth-child(3n) {
  margin-right: 0;
}
.dd-group-draggables.row-cols-3 > *:nth-child(3n),
.dd-group-droppables.row-cols-3 > *:nth-child(3n),
.dd-group-draggables.row-cols-3 > *:last-child,
.dd-group-droppables.row-cols-3 > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 760px) {
  .dd-group-draggables.row-cols-3 > *,
  .dd-group-droppables.row-cols-3 > * {
    margin-right: 7px !important;
    flex: 0 0 calc(50% - 14px) !important;
  }
  .dd-group-draggables.row-cols-3 > *:nth-child(3n),
  .dd-group-droppables.row-cols-3 > *:nth-child(3n),
  .dd-group-draggables.row-cols-3 > *:last-child,
  .dd-group-droppables.row-cols-3 > *:last-child {
    margin-right: 7px !important;
  }
  .dd-group-draggables.row-cols-3 > *:nth-child(2n),
  .dd-group-droppables.row-cols-3 > *:nth-child(2n),
  .dd-group-draggables.row-cols-3 > *:last-child,
  .dd-group-droppables.row-cols-3 > *:last-child {
    margin-right: 0 !important;
  }
}
.dd-group-draggables.row-cols-4 > *,
.dd-group-droppables.row-cols-4 > * {
  margin-right: 14px;
  flex: 0 0 calc(25% - 10.5px);
}
.dd-group-draggables.row-cols-4 > *:nth-child(4n),
.dd-group-droppables.row-cols-4 > *:nth-child(4n),
.dd-group-draggables.row-cols-4 > *:last-child,
.dd-group-droppables.row-cols-4 > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .dd-group-draggables.row-cols-4 > *,
  .dd-group-droppables.row-cols-4 > * {
    margin-right: 14px;
    flex: 0 0 calc(50% - 7px);
  }
  .dd-group-draggables.row-cols-4 > *:nth-child(2n),
  .dd-group-droppables.row-cols-4 > *:nth-child(2n),
  .dd-group-draggables.row-cols-4 > *:last-child,
  .dd-group-droppables.row-cols-4 > *:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 760px) {
  .dd-group-draggables.row-cols-4 > *,
  .dd-group-droppables.row-cols-4 > * {
    margin-right: 7px !important;
    flex: 0 0 calc(50% - 14px) !important;
  }
  .dd-group-draggables.row-cols-4 > *:nth-child(2n),
  .dd-group-droppables.row-cols-4 > *:nth-child(2n),
  .dd-group-draggables.row-cols-4 > *:last-child,
  .dd-group-droppables.row-cols-4 > *:last-child {
    margin-right: 0 !important;
  }
}
.dd-group-draggables.row-cols-5 > *,
.dd-group-droppables.row-cols-5 > * {
  margin-right: 14px;
  flex: 0 0 calc(20% - 11.2px);
}
.dd-group-draggables.row-cols-5 > *:nth-child(5n),
.dd-group-droppables.row-cols-5 > *:nth-child(5n),
.dd-group-draggables.row-cols-5 > *:last-child,
.dd-group-droppables.row-cols-5 > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1000px) {
  .dd-group-draggables.row-cols-5 > *,
  .dd-group-droppables.row-cols-5 > * {
    margin-right: 14px;
    flex: 0 0 calc(50% - 7px);
  }
  .dd-group-draggables.row-cols-5 > *:nth-child(5n),
  .dd-group-droppables.row-cols-5 > *:nth-child(5n),
  .dd-group-draggables.row-cols-5 > *:last-child,
  .dd-group-droppables.row-cols-5 > *:last-child {
    margin-right: 14px;
  }
  .dd-group-draggables.row-cols-5 > *:nth-child(2n),
  .dd-group-droppables.row-cols-5 > *:nth-child(2n),
  .dd-group-draggables.row-cols-5 > *:last-child,
  .dd-group-droppables.row-cols-5 > *:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 760px) {
  .dd-group-draggables.row-cols-5 > *,
  .dd-group-droppables.row-cols-5 > * {
    margin-right: 7px !important;
    flex: 0 0 calc(50% - 14px) !important;
  }
  .dd-group-draggables.row-cols-5 > *:nth-child(5n),
  .dd-group-droppables.row-cols-5 > *:nth-child(5n),
  .dd-group-draggables.row-cols-5 > *:last-child,
  .dd-group-droppables.row-cols-5 > *:last-child {
    margin-right: 7px !important;
  }
  .dd-group-draggables.row-cols-5 > *:nth-child(2n),
  .dd-group-droppables.row-cols-5 > *:nth-child(2n),
  .dd-group-draggables.row-cols-5 > *:last-child,
  .dd-group-droppables.row-cols-5 > *:last-child {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 760px) {
  .dd-group-draggables.row-cols-6 > *,
  .dd-group-droppables.row-cols-6 > * {
    margin-right: 7px !important;
    flex: 0 0 calc(50% - 14px) !important;
  }
  .dd-group-draggables.row-cols-6 > *:nth-child(2n),
  .dd-group-droppables.row-cols-6 > *:nth-child(2n),
  .dd-group-draggables.row-cols-6 > *:last-child,
  .dd-group-droppables.row-cols-6 > *:last-child {
    margin-right: 0 !important;
  }
}
.dd-group-draggables {
  position: relative;
  z-index: 2;
}
.dd-group-droppables {
  position: relative;
  z-index: 1;
}
.drop-placeholder,
.drag-placeholder,
.draggable,
.droppable {
  height: 50px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 760px) {
  .drop-placeholder,
  .drag-placeholder,
  .draggable,
  .droppable {
    height: 42px;
  }
}
.drop-placeholder.small,
.drag-placeholder.small,
.draggable.small,
.droppable.small,
.drop-placeholder span.small,
.drag-placeholder span.small,
.draggable span.small,
.droppable span.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  .drop-placeholder.small,
  .drag-placeholder.small,
  .draggable.small,
  .droppable.small,
  .drop-placeholder span.small,
  .drag-placeholder span.small,
  .draggable span.small,
  .droppable span.small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .drop-placeholder.small,
  .drag-placeholder.small,
  .draggable.small,
  .droppable.small,
  .drop-placeholder span.small,
  .drag-placeholder span.small,
  .draggable span.small,
  .droppable span.small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  .drop-placeholder,
  .drag-placeholder,
  .draggable,
  .droppable {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .drop-placeholder,
  .drag-placeholder,
  .draggable,
  .droppable {
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.drop-placeholder code,
.drag-placeholder code,
.draggable code,
.droppable code {
  white-space: break-spaces;
  word-wrap: break-word;
  text-align: left;
  display: inline-block;
}
.choices.line3 .drop-placeholder,
.choices.line3 .drag-placeholder,
.choices.line3 .draggable,
.choices.line3 .droppable,
.choices.line3 .droppable:after {
  height: 64px;
}
@media only screen and (max-width: 760px) {
  .choices.line3 .drop-placeholder,
  .choices.line3 .drag-placeholder,
  .choices.line3 .draggable,
  .choices.line3 .droppable,
  .choices.line3 .droppable:after {
    height: 56px;
  }
}
.choices.line4 .drop-placeholder,
.choices.line4 .drag-placeholder,
.choices.line4 .draggable,
.choices.line4 .droppable,
.choices.line4 .droppable:after {
  height: 84px;
}
@media only screen and (max-width: 760px) {
  .choices.line4 .drop-placeholder,
  .choices.line4 .drag-placeholder,
  .choices.line4 .draggable,
  .choices.line4 .droppable,
  .choices.line4 .droppable:after {
    height: 74px;
  }
}
.droppable {
  border: none;
  position: relative;
  z-index: -1;
}
.droppable:after {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19.6px;
  line-height: 29.4px;
  content: attr(data-content);
  display: inline-block;
  background: #ECECEC;
  border: 1px dashed #414042;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  color: #AEAEAE;
  text-align: center;
  justify-content: space-around;
}
.droppable:after.small,
.droppable:after span.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  .droppable:after.small,
  .droppable:after span.small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .droppable:after.small,
  .droppable:after span.small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  .droppable:after {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .droppable:after {
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 760px) {
  .droppable:after {
    border-radius: 8px;
    height: 42px;
  }
}
.draggable {
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 42px 0 28px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  background-image: url("img/drag.svg");
  background-position: right 20px center;
  background-repeat: no-repeat;
  cursor: move;
  -webkit-transition: border 0.5s ease background 0.5s ease;
  -moz-transition: border 0.5s ease background 0.5s ease;
  -ms-transition: border 0.5s ease background 0.5s ease;
  -o-transition: border 0.5s ease background 0.5s ease;
  transition: border 0.5s ease background 0.5s ease;
  border-radius: 12px;
  padding: 0 28px 0 14px;
  background-position: right 15px center;
  background-size: 6px;
  line-height: 15px;
}
.draggable .drag-inner {
  pointer-events: none;
  text-align: left;
}
.draggable.small {
  line-height: 18px;
}
@media only screen and (max-width: 1180px) {
  .draggable.small {
    background-position: right 15px center;
    padding-left: 14px;
    line-height: 25px;
  }
  .draggable.small.good,
  .draggable.small.wrong,
  .draggable.small.wrongRetry {
    background-position: right 15px center;
    padding-left: calc(14px - 1px);
  }
}
@media only screen and (max-width: 1000px) {
  .draggable.small {
    padding: 0 42px 0 14px;
    background-position: right 30px center;
  }
}
@media only screen and (max-width: 760px) {
  .draggable.small {
    padding: 0 21px 0 7px;
    background-position: right 15px center;
    line-height: 10px;
  }
}
.draggable.wrong,
.draggable.wrongRetry,
.draggable.good {
  background-size: 20px;
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 760px) {
  .draggable {
    border-radius: 8px;
    padding: 0 25px 0 7px;
  }
  .draggable.wrong,
  .draggable.wrongRetry,
  .draggable.good {
    background-size: 16px;
    background-position: right 14px center;
  }
}
.draggable .drag-inner.small {
  line-height: 18px;
}
@media only screen and (max-width: 760px) {
  .draggable .drag-inner.small {
    line-height: 15px;
  }
}
.draggable.ui-draggable-dragging {
  border-color: #231F20;
  z-index: 9999;
}
.draggable.ui-draggable-disabled {
  cursor: default;
  background-image: url("img/drag_disabled.svg");
}
@media only screen and (max-width: 760px) {
  .draggable.ui-draggable-disabled {
    background-position: right 30px center;
  }
}
@media only screen and (max-width: 760px) {
  .draggable.ui-draggable-disabled {
    background-position: right 15px center;
    background-size: 6px;
  }
  .draggable.ui-draggable-disabled.wrong,
  .draggable.ui-draggable-disabled.wrongRetry,
  .draggable.ui-draggable-disabled.good {
    background-size: 16px;
    background-position: right 14px center;
  }
}
.draggable:hover,
.draggable:focus {
  outline: 2px solid #414042;
}
.draggable.good,
.draggable.wrong,
.draggable.wrongRetry {
  outline: initial !important;
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 760px) {
}
.draggable.good {
  border: 2px solid #00BFDF;
  background-image: url("img/radio_good.svg");
  background-position: right 15px center;
}
.draggable.wrong {
  border: 2px solid #ED1556;
  background-image: url("img/radio_wrong.svg");
  background-position: right 15px center;
}
.draggable.wrongRetry {
  border: 2px solid #FFCC32;
  background-image: url("img/radio_retro.svg");
  background-position: right 15px center;
}
.draggable .drag_keyboard_menu {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0;
  margin-top: 6px;
}
.draggable .drag_keyboard_menu.dd-p-top {
  top: 100%;
}
.draggable .drag_keyboard_menu.dd-p-top ul {
  top: 100%;
}
.draggable .drag_keyboard_menu.dd-p-bottom {
  bottom: 100%;
}
.draggable .drag_keyboard_menu.dd-p-bottom ul {
  bottom: 100%;
}
.draggable .drag_keyboard_menu.dd-kb-small {
  width: 70%;
  left: 15%;
}
.draggable .drag_keyboard_menu ul {
  position: absolute;
  padding: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.draggable .drag_keyboard_menu li {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  margin-bottom: 0;
}
.draggable .drag_keyboard_menu li button {
  background: #ffffff;
  border: none;
  text-align: left;
  width: 100%;
  border: 1px solid #414042;
  background-color: #ffffff;
  padding: 6px 10px;
  border-bottom-width: 0;
  outline: none;
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
  color: #414042;
}
@media only screen and (max-width: 1180px) {
  .draggable .drag_keyboard_menu li button {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .draggable .drag_keyboard_menu li button {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  .draggable .drag_keyboard_menu li button {
    line-height: 26px;
  }
}
@media only screen and (max-width: 760px) {
  .draggable .drag_keyboard_menu li button {
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
  }
}
.draggable .drag_keyboard_menu li button:hover,
.draggable .drag_keyboard_menu li button:focus {
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff;
  border-color: #932784;
  border-color: var(--color1);
}
.draggable .drag_keyboard_menu li:first-child button {
  border-radius: 10px 10px 0 0;
}
.draggable .drag_keyboard_menu li:last-child {
  margin-bottom: 0px;
}
.draggable .drag_keyboard_menu li:last-child button {
  border-radius: 0 0 10px 10px;
  border-bottom-width: 3px;
}
.draggable_content {
  background: #FAFAFA;
}
.drop-placeholder {
  height: auto;
  vertical-align: top;
}
.drop-placeholder,
.drag-placeholder {
  position: relative;
  display: inline-block;
  margin-bottom: 14px !important;
}
@media only screen and (max-width: 1000px) {
  .drop-placeholder,
  .drag-placeholder {
    margin-bottom: 14px !important;
  }
}
@media only screen and (max-width: 760px) {
  .drop-placeholder,
  .drag-placeholder {
    margin-bottom: 7px !important;
  }
}
.drag-placeholder {
  background: #FAFAFA;
  border-radius: 12px;
}
@media only screen and (max-width: 760px) {
  .drag-placeholder {
    border-radius: 8px;
  }
}
.quiz .choices {
  overflow: hidden;
}
.quiz .choices .text2,
.quiz .choices .text3,
.quiz .choices .text4,
.quiz .choices .text5,
.quiz .choices h2,
.quiz .choices h3,
.quiz .choices h4,
.quiz .choices h5 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
  margin-bottom: 14px;
  width: 100%;
  max-width: initial;
}
@media only screen and (max-width: 1180px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .quiz .choices .text2,
  .quiz .choices .text3,
  .quiz .choices .text4,
  .quiz .choices .text5,
  .quiz .choices h2,
  .quiz .choices h3,
  .quiz .choices h4,
  .quiz .choices h5 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-cat .btnValider,
  .block-type-dragdrop-image .btnValider,
  .block-type-dragdrop .btnValider {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .btnValider,
  .block-type-dragdrop-image .btnValider,
  .block-type-dragdrop .btnValider {
    margin-top: 7px;
  }
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-cat .quiz .dd-group-draggables.row-cols-2-tablet > *,
  .block-type-dragdrop-image .quiz .dd-group-draggables.row-cols-2-tablet > *,
  .block-type-dragdrop .quiz .dd-group-draggables.row-cols-2-tablet > *,
  .block-type-dragdrop-cat .quiz .dd-group-droppables.row-cols-2-tablet > *,
  .block-type-dragdrop-image .quiz .dd-group-droppables.row-cols-2-tablet > *,
  .block-type-dragdrop .quiz .dd-group-droppables.row-cols-2-tablet > *,
  .block-type-dragdrop-cat .quiz .dd-group-draggables.row-cols-3-tablet > *,
  .block-type-dragdrop-image .quiz .dd-group-draggables.row-cols-3-tablet > *,
  .block-type-dragdrop .quiz .dd-group-draggables.row-cols-3-tablet > *,
  .block-type-dragdrop-cat .quiz .dd-group-droppables.row-cols-3-tablet > *,
  .block-type-dragdrop-image .quiz .dd-group-droppables.row-cols-3-tablet > *,
  .block-type-dragdrop .quiz .dd-group-droppables.row-cols-3-tablet > *,
  .block-type-dragdrop-cat .quiz .dd-group-draggables.row-cols-2 > *,
  .block-type-dragdrop-image .quiz .dd-group-draggables.row-cols-2 > *,
  .block-type-dragdrop .quiz .dd-group-draggables.row-cols-2 > *,
  .block-type-dragdrop-cat .quiz .dd-group-droppables.row-cols-2 > *,
  .block-type-dragdrop-image .quiz .dd-group-droppables.row-cols-2 > *,
  .block-type-dragdrop .quiz .dd-group-droppables.row-cols-2 > *,
  .block-type-dragdrop-cat .quiz .dd-group-draggables.row-cols-3 > *,
  .block-type-dragdrop-image .quiz .dd-group-draggables.row-cols-3 > *,
  .block-type-dragdrop .quiz .dd-group-draggables.row-cols-3 > *,
  .block-type-dragdrop-cat .quiz .dd-group-droppables.row-cols-3 > *,
  .block-type-dragdrop-image .quiz .dd-group-droppables.row-cols-3 > *,
  .block-type-dragdrop .quiz .dd-group-droppables.row-cols-3 > *,
  .block-type-dragdrop-cat .quiz .dd-group-draggables.row-cols-4 > *,
  .block-type-dragdrop-image .quiz .dd-group-draggables.row-cols-4 > *,
  .block-type-dragdrop .quiz .dd-group-draggables.row-cols-4 > *,
  .block-type-dragdrop-cat .quiz .dd-group-droppables.row-cols-4 > *,
  .block-type-dragdrop-image .quiz .dd-group-droppables.row-cols-4 > *,
  .block-type-dragdrop .quiz .dd-group-droppables.row-cols-4 > *,
  .block-type-dragdrop-cat .quiz .dd-group-draggables.row-cols-5 > *,
  .block-type-dragdrop-image .quiz .dd-group-draggables.row-cols-5 > *,
  .block-type-dragdrop .quiz .dd-group-draggables.row-cols-5 > *,
  .block-type-dragdrop-cat .quiz .dd-group-droppables.row-cols-5 > *,
  .block-type-dragdrop-image .quiz .dd-group-droppables.row-cols-5 > *,
  .block-type-dragdrop .quiz .dd-group-droppables.row-cols-5 > *,
  .block-type-dragdrop-cat .quiz .dd-group-draggables.row-cols-6 > *,
  .block-type-dragdrop-image .quiz .dd-group-draggables.row-cols-6 > *,
  .block-type-dragdrop .quiz .dd-group-draggables.row-cols-6 > *,
  .block-type-dragdrop-cat .quiz .dd-group-droppables.row-cols-6 > *,
  .block-type-dragdrop-image .quiz .dd-group-droppables.row-cols-6 > *,
  .block-type-dragdrop .quiz .dd-group-droppables.row-cols-6 > * {
    margin-right: 0 !important;
    flex: auto !important;
    width: 100%;
  }
}
.block-type-dragdrop-cat .retroactions .retroaction-success,
.block-type-dragdrop-image .retroactions .retroaction-success,
.block-type-dragdrop-order-old .retroactions .retroaction-success,
.block-type-dragdrop-old .retroactions .retroaction-success,
.block-type-dragdrop-order .retroactions .retroaction-success,
.block-type-dragdrop .retroactions .retroaction-success,
.block-type-dragdrop-cat .retroactions .retroaction-failed,
.block-type-dragdrop-image .retroactions .retroaction-failed,
.block-type-dragdrop-order-old .retroactions .retroaction-failed,
.block-type-dragdrop-old .retroactions .retroaction-failed,
.block-type-dragdrop-order .retroactions .retroaction-failed,
.block-type-dragdrop .retroactions .retroaction-failed,
.block-type-dragdrop-cat .retroactions .retroaction-retry,
.block-type-dragdrop-image .retroactions .retroaction-retry,
.block-type-dragdrop-order-old .retroactions .retroaction-retry,
.block-type-dragdrop-old .retroactions .retroaction-retry,
.block-type-dragdrop-order .retroactions .retroaction-retry,
.block-type-dragdrop .retroactions .retroaction-retry {
  padding-left: 0;
  padding-right: 0;
}
.zone_pour_clic_fullscreen {
  background-color: #FAFAFA;
  display: none;
}
.zone_pour_clic_fullscreen .zone_pour_clic_fullscreen {
  text-align: center;
  padding: 15px 0;
}
.zone_pour_clic_fullscreen .zone_pour_clic_fullscreen .btn_fullscreen_tfo {
  background-repeat: no-repeat;
  background-position: 20px center;
  background-color: transparent;
  padding: 20px 20px 20px 60px;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  background-image: url('img/ico_fulls.svg') !important;
}
.zone_pour_clic_fullscreen .zone_pour_clic_fullscreen .btn_fullscreen_tfo:hover,
.zone_pour_clic_fullscreen .zone_pour_clic_fullscreen .btn_fullscreen_tfo:focus {
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff;
}
body.color_2 .zone_pour_clic_fullscreen .zone_pour_clic_fullscreen .btn_fullscreen_tfo {
  background-image: url('img/color_red/ico_fulls.svg') !important;
}
.zone_pour_clic_fullscreen .zone_pour_clic_fullscreen .btn_fullscreen_tfo:hover,
.zone_pour_clic_fullscreen .zone_pour_clic_fullscreen .btn_fullscreen_tfo:focus {
  background-image: url('img/ico_fulls_white.svg') !important;
}
body.color_2 .zone_pour_clic_fullscreen .zone_pour_clic_fullscreen .btn_fullscreen_tfo:hover,
body.color_2 .zone_pour_clic_fullscreen .zone_pour_clic_fullscreen .btn_fullscreen_tfo:focus {
  background-image: url('img/ico_fulls_white.svg') !important;
}
.block-type-flipper .flipper {
  display: flex;
}
.block-type-flipper .flipper .flipperBox {
  position: relative;
  margin-left: 14px;
  margin-right: 14px;
  width: calc(50% - 14px);
}
html.safari.ios .block-type-flipper .flipper .flipperBox {
  outline-style: none;
}
html.safari.ios .block-type-flipper .flipper .flipperBox:focus {
  outline-style: solid;
}
.block-type-flipper .flipper .flipperBox[data-total="2"]:nth-child(2n),
.block-type-flipper .flipper .flipperBox[data-total="4"]:nth-child(2n),
.block-type-flipper .flipper .flipperBox[data-total="2"]:last-child,
.block-type-flipper .flipper .flipperBox[data-total="4"]:last-child {
  margin-right: 0;
}
.block-type-flipper .flipper .flipperBox[data-total="2"]:nth-child(2n + 3),
.block-type-flipper .flipper .flipperBox[data-total="4"]:nth-child(2n + 3),
.block-type-flipper .flipper .flipperBox[data-total="2"]:first-child,
.block-type-flipper .flipper .flipperBox[data-total="4"]:first-child {
  margin-left: 0;
}
.block-type-flipper .flipper .flipperBox[data-total="4"]:nth-child(1),
.block-type-flipper .flipper .flipperBox[data-total="4"]:nth-child(2) {
  margin-bottom: 28px;
}
@media only screen and (max-width: 760px) {
  .block-type-flipper .flipper .flipperBox[data-total="4"] {
    margin-bottom: 28px;
  }
}
.block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(1),
.block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(1),
.block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(1),
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(1),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(1),
.block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(2),
.block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(2),
.block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(2),
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(2),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(2),
.block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(3),
.block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(3),
.block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(3),
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(3),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(3) {
  margin-bottom: 14px;
}
.block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(4),
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(4),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(4),
.block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(5),
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(5),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(5),
.block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(6),
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(6),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(6) {
  margin-bottom: 14px;
}
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(7),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(7) {
  margin-bottom: 14px;
}
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(8) {
  margin-bottom: 14px;
}
.block-type-flipper .flipper .flipperBox[data-total="3"],
.block-type-flipper .flipper .flipperBox[data-total="5"],
.block-type-flipper .flipper .flipperBox[data-total="6"],
.block-type-flipper .flipper .flipperBox[data-total="7"],
.block-type-flipper .flipper .flipperBox[data-total="8"],
.block-type-flipper .flipper .flipperBox[data-total="9"] {
  margin-left: 7px;
  margin-right: 7px;
  width: calc(33.33% - 9.333333333333334px);
}
.block-type-flipper .flipper .flipperBox[data-total="3"]:nth-child(3n),
.block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(3n),
.block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(3n),
.block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(3n),
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(3n),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(3n),
.block-type-flipper .flipper .flipperBox[data-total="3"]:last-child,
.block-type-flipper .flipper .flipperBox[data-total="5"]:last-child,
.block-type-flipper .flipper .flipperBox[data-total="6"]:last-child,
.block-type-flipper .flipper .flipperBox[data-total="7"]:last-child,
.block-type-flipper .flipper .flipperBox[data-total="8"]:last-child,
.block-type-flipper .flipper .flipperBox[data-total="9"]:last-child {
  margin-right: 0;
}
.block-type-flipper .flipper .flipperBox[data-total="3"]:nth-child(3n + 4),
.block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(3n + 4),
.block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(3n + 4),
.block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(3n + 4),
.block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(3n + 4),
.block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(3n + 4),
.block-type-flipper .flipper .flipperBox[data-total="3"]:first-child,
.block-type-flipper .flipper .flipperBox[data-total="5"]:first-child,
.block-type-flipper .flipper .flipperBox[data-total="6"]:first-child,
.block-type-flipper .flipper .flipperBox[data-total="7"]:first-child,
.block-type-flipper .flipper .flipperBox[data-total="8"]:first-child,
.block-type-flipper .flipper .flipperBox[data-total="9"]:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 1000px) {
  .block-type-flipper .flipper .flipperBox[data-total="3"],
  .block-type-flipper .flipper .flipperBox[data-total="5"],
  .block-type-flipper .flipper .flipperBox[data-total="6"],
  .block-type-flipper .flipper .flipperBox[data-total="7"],
  .block-type-flipper .flipper .flipperBox[data-total="8"],
  .block-type-flipper .flipper .flipperBox[data-total="9"] {
    width: calc(50% - 14px);
    margin-bottom: 28px;
  }
  .block-type-flipper .flipper .flipperBox[data-total="3"]:nth-child(3n),
  .block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(3n),
  .block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(3n),
  .block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(3n),
  .block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(3n),
  .block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(3n),
  .block-type-flipper .flipper .flipperBox[data-total="3"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="5"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="6"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="7"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="8"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="9"]:last-child {
    margin-right: 7px;
  }
  .block-type-flipper .flipper .flipperBox[data-total="3"]:nth-child(3n + 4),
  .block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(3n + 4),
  .block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(3n + 4),
  .block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(3n + 4),
  .block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(3n + 4),
  .block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(3n + 4),
  .block-type-flipper .flipper .flipperBox[data-total="3"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="5"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="6"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="7"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="8"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="9"]:first-child {
    margin-left: 7px;
  }
  .block-type-flipper .flipper .flipperBox[data-total="3"]:nth-child(2n),
  .block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(2n),
  .block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(2n),
  .block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(2n),
  .block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(2n),
  .block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(2n),
  .block-type-flipper .flipper .flipperBox[data-total="3"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="5"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="6"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="7"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="8"]:last-child,
  .block-type-flipper .flipper .flipperBox[data-total="9"]:last-child {
    margin-right: 0;
  }
  .block-type-flipper .flipper .flipperBox[data-total="3"]:nth-child(2n + 3),
  .block-type-flipper .flipper .flipperBox[data-total="5"]:nth-child(2n + 3),
  .block-type-flipper .flipper .flipperBox[data-total="6"]:nth-child(2n + 3),
  .block-type-flipper .flipper .flipperBox[data-total="7"]:nth-child(2n + 3),
  .block-type-flipper .flipper .flipperBox[data-total="8"]:nth-child(2n + 3),
  .block-type-flipper .flipper .flipperBox[data-total="9"]:nth-child(2n + 3),
  .block-type-flipper .flipper .flipperBox[data-total="3"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="5"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="6"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="7"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="8"]:first-child,
  .block-type-flipper .flipper .flipperBox[data-total="9"]:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-flipper .flipper .flipperBox[data-total="3"],
  .block-type-flipper .flipper .flipperBox[data-total="5"],
  .block-type-flipper .flipper .flipperBox[data-total="6"],
  .block-type-flipper .flipper .flipperBox[data-total="7"],
  .block-type-flipper .flipper .flipperBox[data-total="8"],
  .block-type-flipper .flipper .flipperBox[data-total="9"] {
    width: 100%;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-flipper .flipper .flipperBox {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }
}
.block-type-flipper .flipper .flipperBox .flipperFace,
.block-type-flipper .flipper .flipperBox .flipperBack {
  z-index: 2;
  position: absolute;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.block-type-flipper .flipper .flipperBox .flipperFace .flipperContent,
.block-type-flipper .flipper .flipperBox .flipperBack .flipperContent {
  height: inherit;
  cursor: pointer;
}
.block-type-flipper .flipper .flipperBox .flipperFace .flipperContent::after,
.block-type-flipper .flipper .flipperBox .flipperBack .flipperContent::after {
  content: "";
  position: absolute;
}
.block-type-flipper .flipper .flipperBox .flipperFace {
  z-index: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.block-type-flipper .flipper .flipperBox .flipperBack {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.block-type-flipper .flipper .flipperBox.flipped .flipperFace {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.block-type-flipper .flipper .flipperBox.flipped .flipperBack {
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
#loader {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99999999;
  text-align: center;
}
#loader #loadingText {
  color: #ffffff;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  margin-top: 25px;
}
#loader .loaderAnimation img {
  display: none;
}
#loader.loader8 {
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  -webkit-transform: translate(-50%, -50%) scale(1.3);
  -moz-transform: translate(-50%, -50%) scale(1.3);
  -ms-transform: translate(-50%, -50%) scale(1.3);
  -o-transform: translate(-50%, -50%) scale(1.3);
  transform: translate(-50%, -50%) scale(1.3);
}
#loader.loader8 #loadingTitle {
  display: none;
  color: #ffffff;
}
#loader.loader8 #loadingText {
  display: none;
  color: transparent;
  position: absolute;
  left: -9999px;
}
#loader.loader8 .loaderAnimation {
  height: 64px;
  width: 64px;
}
#loader.loader8 .loaderAnimation > div {
  width: 33%;
  height: 33%;
  background-color: #ffffff;
  float: left;
  -webkit-animation: loader8 2s infinite ease-in-out;
  animation: loader8 2s infinite ease-in-out;
}
#loader.loader8 .loaderAnimation div:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
#loader.loader8 .loaderAnimation div:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#loader.loader8 .loaderAnimation div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
#loader.loader8 .loaderAnimation div:nth-child(4) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
#loader.loader8 .loaderAnimation div:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
#loader.loader8 .loaderAnimation div:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#loader.loader8 .loaderAnimation div:nth-child(7) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#loader.loader8 .loaderAnimation div:nth-child(8) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
#loader.loader8 .loaderAnimation div:nth-child(9) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
#loader.loader8 .loaderAnimation div:nth-child(n+10) {
  display: none;
}
@keyframes loader8 {
  0%,
  50%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  25% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
/*---------KeyFrames Loader-Pardeux-----------*/
.quiz .choices label:hover {
  cursor: pointer;
}
.retroactions {
  display: none;
  position: relative;
  top: auto;
  left: auto;
  background-color: #ffffff;
  padding-top: 18px;
}
@media only screen and (max-width: 760px) {
  .retroactions {
    padding-top: 9px;
  }
}
.retroactions .retro-nav {
  text-align: right;
  display: flex;
  width: calc(50% + 65px);
  justify-content: space-between;
  align-items: center;
  align-self: flex-end;
}
@media only screen and (max-width: 1000px) {
  .retroactions .retro-nav {
    width: calc(50% + 57.5px);
  }
}
@media 600px {
  .retroactions .retro-nav {
    width: 100%;
  }
}
.retroactions .retroaction-success,
.retroactions .retroaction-failed,
.retroactions .retroaction-retry {
  padding: 0;
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .retroactions .retroaction-success,
  .retroactions .retroaction-failed,
  .retroactions .retroaction-retry {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .retroactions .retroaction-success,
  .retroactions .retroaction-failed,
  .retroactions .retroaction-retry {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.retroactions .retroaction-success h3,
.retroactions .retroaction-failed h3,
.retroactions .retroaction-retry h3 {
  background-position: 0px center;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 86px;
  padding-left: 120px;
}
.retroactions .retroaction-success.active,
.retroactions .retroaction-failed.active,
.retroactions .retroaction-retry.active {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1000px) {
  .retroactions .retroaction-success p,
  .retroactions .retroaction-failed p,
  .retroactions .retroaction-retry p {
    margin-bottom: 14px;
  }
  .retroactions .retroaction-success h3,
  .retroactions .retroaction-failed h3,
  .retroactions .retroaction-retry h3 {
    padding-left: 80px;
    background-size: 56px 56px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 760px) {
  .retroactions .retroaction-success p,
  .retroactions .retroaction-failed p,
  .retroactions .retroaction-retry p {
    margin-bottom: 20px;
  }
  .retroactions .retroaction-success h3,
  .retroactions .retroaction-failed h3,
  .retroactions .retroaction-retry h3 {
    padding-left: 42px;
    background-size: 28px 28px;
    line-height: 28px;
  }
}
.retroactions .retroaction-success:before,
.retroactions .retroaction-failed:before,
.retroactions .retroaction-retry:before {
  content: "";
  display: inline-block;
  width: 200%;
  height: 18px;
  position: absolute;
  top: 0;
  left: -50%;
}
@media only screen and (max-width: 760px) {
  .retroactions .retroaction-success:before,
  .retroactions .retroaction-failed:before,
  .retroactions .retroaction-retry:before {
    height: 9px;
  }
}
.retroactions .retroaction-success h3 {
  background-image: url("img/picto_quiz_good.svg");
}
@media only screen and (max-width: 760px) {
}
.retroactions .retroaction-success:before {
  background-color: #00BFDF;
}
.retroactions .retroaction-failed h3 {
  background-image: url("img/picto_quiz_wrong.svg");
}
@media only screen and (max-width: 760px) {
}
.retroactions .retroaction-failed:before {
  background-color: #ED1556;
}
.retroactions .retroaction-retry h3 {
  background-image: url("img/picto_quiz_retry.svg");
}
@media only screen and (max-width: 760px) {
}
.retroactions .retroaction-retry:before {
  background-color: #FFCC32;
}
.retroactions .retroaction-retry .retro-nav {
  text-align: right;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  align-self: flex-end;
}
.retroactions .retro-pagination {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  width: fit-content;
  border: 4px solid #414042;
  border-radius: 81px;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  padding: 10px 32px;
  justify-self: center;
}
.retroactions .retro-pagination .retro-pagination-de::before {
  content: "/";
}
@media only screen and (max-width: 1180px) {
  .retroactions .retro-pagination {
    border: 3px solid #414042;
    font-size: 15px;
    line-height: 30px;
    padding: 5px 32px;
  }
}
@media only screen and (max-width: 760px) {
  .retroactions .retro-pagination {
    border: 2px solid #414042;
    font-size: 10px;
    line-height: 12px;
    padding: 10px 20px;
  }
}
.retro-anchor {
  display: block !important;
}
.block-type-qcm fieldset.row,
.block-type-qcu fieldset.row,
.block-type-true_false fieldset.row {
  margin-bottom: 0;
}
.block-type-qcm input,
.block-type-qcu input,
.block-type-true_false input {
  position: absolute;
  left: -9999px;
}
.block-type-qcm input + label,
.block-type-qcu input + label,
.block-type-true_false input + label {
  border: 2px solid transparent;
}
.block-type-qcm input:hover + label,
.block-type-qcu input:hover + label,
.block-type-true_false input:hover + label,
.block-type-qcm input:focus + label,
.block-type-qcu input:focus + label,
.block-type-true_false input:focus + label {
  border: 2px solid #414042;
}
.block-type-qcm label,
.block-type-qcu label,
.block-type-true_false label {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  padding: 24px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 14px;
  padding-left: 116px ;
  -webkit-transition: border 0.5s ease;
  -moz-transition: border 0.5s ease;
  -ms-transition: border 0.5s ease;
  -o-transition: border 0.5s ease;
  transition: border 0.5s ease;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcm label,
  .block-type-qcu label,
  .block-type-true_false label {
    padding: 28px;
    padding-left: 116px ;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcm label,
  .block-type-qcu label,
  .block-type-true_false label {
    padding: 14px;
    padding-left: 68px;
    margin-bottom: 7px;
    border-radius: 12px;
  }
}
.block-type-qcm label:last-child,
.block-type-qcu label:last-child,
.block-type-true_false label:last-child {
  margin-bottom: 0;
}
.block-type-qcm label:hover,
.block-type-qcu label:hover,
.block-type-true_false label:hover,
.block-type-qcm label:focus,
.block-type-qcu label:focus,
.block-type-true_false label:focus {
  border: 2px solid #414042;
}
.block-type-qcm label.good,
.block-type-qcu label.good,
.block-type-true_false label.good {
  pointer-events: none;
}
.block-type-qcm label.wrong,
.block-type-qcu label.wrong,
.block-type-true_false label.wrong {
  pointer-events: none;
}
#pageContent ::-webkit-scrollbar {
  width: 24px;
  background: #FAFAFA;
  border-radius: 12px;
}
#pageContent ::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 12px;
  background-clip: padding-box;
  background-color: #BDBDBD;
}
#pageContent ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.55);
}
#pageContent ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.slides {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slides .slides-inner {
  display: flex;
  scroll-behavior: smooth;
  -webkit-transform: translate(0%, 0);
  -moz-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate(0%, 0);
  transform: translate(0%, 0);
}
.slides .slides-inner .slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
}
.slides .slides-inner .slide[aria-hidden="true"] * {
  display: none;
}
.slides[data-active="0"] .slides-inner {
  -webkit-transform: translate(0%, 0);
  -moz-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate(0%, 0);
  transform: translate(0%, 0);
}
.slides[data-active="1"] .slides-inner {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.slides[data-active="2"] .slides-inner {
  -webkit-transform: translate(-200%, 0);
  -moz-transform: translate(-200%, 0);
  -ms-transform: translate(-200%, 0);
  -o-transform: translate(-200%, 0);
  transform: translate(-200%, 0);
}
.slides[data-active="3"] .slides-inner {
  -webkit-transform: translate(-300%, 0);
  -moz-transform: translate(-300%, 0);
  -ms-transform: translate(-300%, 0);
  -o-transform: translate(-300%, 0);
  transform: translate(-300%, 0);
}
.slides[data-active="4"] .slides-inner {
  -webkit-transform: translate(-400%, 0);
  -moz-transform: translate(-400%, 0);
  -ms-transform: translate(-400%, 0);
  -o-transform: translate(-400%, 0);
  transform: translate(-400%, 0);
}
.slides[data-active="5"] .slides-inner {
  -webkit-transform: translate(-500%, 0);
  -moz-transform: translate(-500%, 0);
  -ms-transform: translate(-500%, 0);
  -o-transform: translate(-500%, 0);
  transform: translate(-500%, 0);
}
.slides[data-active="6"] .slides-inner {
  -webkit-transform: translate(-600%, 0);
  -moz-transform: translate(-600%, 0);
  -ms-transform: translate(-600%, 0);
  -o-transform: translate(-600%, 0);
  transform: translate(-600%, 0);
}
.slides[data-active="7"] .slides-inner {
  -webkit-transform: translate(-700%, 0);
  -moz-transform: translate(-700%, 0);
  -ms-transform: translate(-700%, 0);
  -o-transform: translate(-700%, 0);
  transform: translate(-700%, 0);
}
.slides[data-active="8"] .slides-inner {
  -webkit-transform: translate(-800%, 0);
  -moz-transform: translate(-800%, 0);
  -ms-transform: translate(-800%, 0);
  -o-transform: translate(-800%, 0);
  transform: translate(-800%, 0);
}
.slides[data-active="9"] .slides-inner {
  -webkit-transform: translate(-900%, 0);
  -moz-transform: translate(-900%, 0);
  -ms-transform: translate(-900%, 0);
  -o-transform: translate(-900%, 0);
  transform: translate(-900%, 0);
}
.slides[data-active="10"] .slides-inner {
  -webkit-transform: translate(-1000%, 0);
  -moz-transform: translate(-1000%, 0);
  -ms-transform: translate(-1000%, 0);
  -o-transform: translate(-1000%, 0);
  transform: translate(-1000%, 0);
}
.slides[data-active="11"] .slides-inner {
  -webkit-transform: translate(-1100%, 0);
  -moz-transform: translate(-1100%, 0);
  -ms-transform: translate(-1100%, 0);
  -o-transform: translate(-1100%, 0);
  transform: translate(-1100%, 0);
}
.slides .slides-arrow {
  list-style: none;
}
.slides .slides-arrow li {
  border: none;
  background: transparent;
  display: inline-block;
  padding: 0;
  border-radius: 0;
}
.slides .slides-menu {
  list-style: none;
}
.slides .slides-menu li {
  border: none;
  background: transparent;
  display: inline-block;
  padding: 0;
  border-radius: 0;
}
.tooltip {
  display: inline-block;
  background-color: #F2E2F2;
  background-color: var(--color4);
  border-radius: 20px 10px 10px 20px;
  background-image: url("img/icon_definition.svg");
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: contain;
  white-space: nowrap;
  color: #414042;
  text-decoration: none;
  padding-left: 42px;
  padding-right: 10px;
}
body.color_2 .tooltip {
  background-image: url('img/color_red/icon_definition.svg');
}
@media only screen and (max-width: 1000px) {
  .tooltip {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 760px) {
  .tooltip {
    padding-left: 20px;
  }
}
.tooltipBox {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  background: #414042;
  color: #ffffff;
  padding: 28px;
  border-radius: 10px;
  z-index: 99;
  transition: visibility 0s, opacity 0.5s ease;
  width: calc(100% - 56px);
  max-width: 650px;
}
@media only screen and (max-width: 760px) {
  .tooltipBox {
    padding: 14px;
    max-width: 480px;
    max-width: 80%;
    line-height: 15px;
  }
}
.tooltipBox.large {
  max-width: 900px;
}
.tooltipBox.small {
  max-width: 480px;
}
@media only screen and (max-width: 760px) {
  .tooltipBox.small {
    width: 240px;
    max-width: 80%;
    line-height: 15px;
  }
}
.tooltipBox::after {
  content: "";
  position: absolute;
  top: -20px;
  content: '';
  display: block;
  width: 0;
  height: 0;
  -moz-transform: scale(0.9999);
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 20px solid #414042;
}
.tooltipBox.show {
  visibility: visible;
  opacity: 1;
}
.tooltipBox.toolkit-position-y-top {
  transform: translateY(-28px);
}
.tooltipBox.toolkit-position-y-bottom {
  transform: translateY(28px);
}
.tooltipBox.toolkit-position-y-top::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  -moz-transform: scale(0.9999);
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 20px solid #414042;
  top: 100%;
  border-bottom: none;
}
.tooltipBox.toolkit-position-x-center::after {
  left: 50%;
  transform: translateX(-50%);
}
.tooltipBox.toolkit-position-x-left::after {
  left: 28px;
}
.tooltipBox.toolkit-position-x-right::after {
  left: auto;
  right: 28px;
}
.tooltipBox.toolkit-position-x-full {
  width: calc(100% - 40px);
  max-width: initial;
}
.tooltipBox.toolkit-position-x-full::after {
  left: auto;
  right: auto;
  display: none;
}
.tooltipBox.toolkit-position-x-full.toolkit-position-y-top {
  transform: translateY(-4px);
}
.tooltipBox.toolkit-position-x-full.toolkit-position-y-bottom {
  transform: translateY(4px);
}
.block-type-content-mauve .tooltip {
  background-color: #BD60A5;
}
.block-type-accordeon-intro,
.block-type-accordeon {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-accordeon-intro,
  .block-type-accordeon {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro,
  .block-type-accordeon {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-accordeon-intro .accordions,
.block-type-accordeon .accordions {
  margin-top: 14px;
}
.block-type-accordeon-intro .accordions .accordion,
.block-type-accordeon .accordions .accordion {
  margin-bottom: 14px;
}
.block-type-accordeon-intro .accordions .accordion .btnAccordion,
.block-type-accordeon .accordions .accordion .btnAccordion {
  padding: 28px 80px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
  color: #414042;
  border: 1px solid #DDDDDD;
  border-radius: 14px;
  background: #ffffff;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  -webkit-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.block-type-accordeon-intro .accordions .accordion .btnAccordion.active,
.block-type-accordeon .accordions .accordion .btnAccordion.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -ms-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}
.block-type-accordeon-intro .accordions .accordion .btnAccordion.active.viewed::after,
.block-type-accordeon .accordions .accordion .btnAccordion.active.viewed::after {
  background-image: url(img/ico_moins.svg);
}
body.color_2 .block-type-accordeon-intro .accordions .accordion .btnAccordion.active.viewed::after,
body.color_2 .block-type-accordeon .accordions .accordion .btnAccordion.active.viewed::after {
  background-image: url('img/color_red/ico_moins.svg');
}
.block-type-accordeon-intro .accordions .accordion .btnAccordion.viewed::after,
.block-type-accordeon .accordions .accordion .btnAccordion.viewed::after {
  background-image: url(img/ico_check.svg);
}
body.color_2 .block-type-accordeon-intro .accordions .accordion .btnAccordion.viewed::after,
body.color_2 .block-type-accordeon .accordions .accordion .btnAccordion.viewed::after {
  background-image: url('img/color_red/ico_check.svg');
}
.block-type-accordeon-intro .accordions .accordion .btnAccordion::after,
.block-type-accordeon .accordions .accordion .btnAccordion::after {
  width: 33px;
  height: 33px;
  background: url(img/ico_plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 30%;
  left: 28px;
}
body.color_2 .block-type-accordeon-intro .accordions .accordion .btnAccordion::after,
body.color_2 .block-type-accordeon .accordions .accordion .btnAccordion::after {
  background-image: url('img/color_red/ico_plus.svg');
}
@media only screen and (max-width: 1000px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion::after,
  .block-type-accordeon .accordions .accordion .btnAccordion::after {
    background-size: 75%;
  }
  .block-type-accordeon-intro .accordions .accordion .btnAccordion.active::after,
  .block-type-accordeon .accordions .accordion .btnAccordion.active::after {
    background-size: 75%;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .btnAccordion,
  .block-type-accordeon .accordions .accordion .btnAccordion {
    padding: 28px 28px 28px 100px;
  }
  .block-type-accordeon-intro .accordions .accordion .btnAccordion::after,
  .block-type-accordeon .accordions .accordion .btnAccordion::after {
    background-size: 50%;
  }
  .block-type-accordeon-intro .accordions .accordion .btnAccordion.active::after,
  .block-type-accordeon .accordions .accordion .btnAccordion.active::after {
    background-size: 50%;
  }
}
.block-type-accordeon-intro .accordions .accordion .accordionShow,
.block-type-accordeon .accordions .accordion .accordionShow {
  position: relative;
  max-height: 0;
  padding: 0 28px;
  overflow: hidden;
  border: 1px solid #DDDDDD;
  border-top: none;
  border-bottom: none;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  background-color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.block-type-accordeon-intro .accordions .accordion .accordionShow.active,
.block-type-accordeon .accordions .accordion .accordionShow.active {
  max-height: 5000px;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 28px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.block-type-accordeon-intro .accordions .accordion .accordionShow.active .btnCloseAccordeon,
.block-type-accordeon .accordions .accordion .accordionShow.active .btnCloseAccordeon {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
.block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
  color: #414042;
  opacity: 0;
  visibility: hidden;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  right: 28px;
  bottom: 28px;
  padding-right: 28px;
  background: url("img/ico_croix.svg") no-repeat center right 10px;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-accordeon-intro .accordions .accordion .accordionShow .btnCloseAccordeon,
  .block-type-accordeon .accordions .accordion .accordionShow .btnCloseAccordeon {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.block-type-accordeon-intro .accordions .accordion .accordionShow > h1:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > h1:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > h2:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > h2:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > h3:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > h3:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > h4:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > h4:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > h5:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > h5:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > h6:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > h6:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > p:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > p:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > li:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > li:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > ul:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > ul:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > legend:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > legend:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > .row:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > .row:nth-last-of-type(-n+2),
.block-type-accordeon-intro .accordions .accordion .accordionShow > input[type='button']:nth-last-of-type(-n+2),
.block-type-accordeon .accordions .accordion .accordionShow > input[type='button']:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.block-type-accordeon-intro {
  background-color: #F2E2F2;
  background-color: var(--color4);
}
.block-type-accordeon-intro ul ul {
  margin-left: 0 !important;
}
.block-type-accordeon-intro ul .list-style-none li {
  padding: 0;
}
.block-type-banner.low-padding .banners {
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-banner.low-padding .banners {
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-banner.low-padding .banners {
    padding-bottom: 14px;
  }
}
.block-type-banner .banners {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-top: 42px;
  padding-bottom: 42px;
  background: linear-gradient(90deg, #F6F6F6 0%, rgba(255, 255, 255, 0) 55.52%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (max-width: 1000px) {
  .block-type-banner .banners {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-banner .banners {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-banner .banners h1,
.block-type-banner .banners h2,
.block-type-banner .banners h3,
.block-type-banner .banners h4,
.block-type-banner .banners h5,
.block-type-banner .banners h6,
.block-type-banner .banners a,
.block-type-banner .banners p,
.block-type-banner .banners li,
.block-type-banner .banners ul,
.block-type-banner .banners legend {
  color: #932784;
  color: var(--color1);
}
body.color_2 .block-type-banner .banners p,
body.color_2 .block-type-banner .banners li {
  color: #414042;
}
.block-type-banner .banners h1,
.block-type-banner .banners .text1,
.block-type-banner .banners .texth1 {
  margin-bottom: 30px;
  line-height: 50px;
}
.block-type-banner .banners h5,
.block-type-banner .banners .text5,
.block-type-banner .banners .texth5 {
  margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
  .block-type-banner .banners {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .block-type-banner .banners h1,
  .block-type-banner .banners .text1,
  .block-type-banner .banners .texth1 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-banner .banners {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .block-type-banner .banners h1,
  .block-type-banner .banners .text1,
  .block-type-banner .banners .texth1 {
    margin-bottom: 10px;
  }
}
.block-type-banner .banners.banner-ellipse {
  background-image: url('img/banner_pour_aller_loin.svg');
  background-size: cover;
}
.block-type-banner .banners.banner-square {
  background-image: url('img/banner_activite.svg');
  background-size: cover;
}
.block-type-banner .banners.banner-bubble {
  background-image: url('img/banner_tache_consolidation.svg');
  background-size: cover;
}
.branching {
  width: 100%;
}
.branching .branch {
  display: inline-block;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.branching .branch.branch-hidden {
  display: none;
}
.branching .branch.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.block-type-caroussel,
.block-type-carousel,
.block-type-carroussel,
.block-type-carrousel {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-caroussel,
  .block-type-carousel,
  .block-type-carroussel,
  .block-type-carrousel {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-caroussel,
  .block-type-carousel,
  .block-type-carroussel,
  .block-type-carrousel {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-caroussel .slides .slides-inner,
.block-type-carousel .slides .slides-inner,
.block-type-carroussel .slides .slides-inner,
.block-type-carrousel .slides .slides-inner {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.block-type-caroussel .slides .slides-inner .slide,
.block-type-carousel .slides .slides-inner .slide,
.block-type-carroussel .slides .slides-inner .slide,
.block-type-carrousel .slides .slides-inner .slide {
  opacity: 0;
  padding: 0 28px;
  text-align: center;
  line-height: 0;
}
.block-type-caroussel .slides .slides-inner .slide.active,
.block-type-carousel .slides .slides-inner .slide.active,
.block-type-carroussel .slides .slides-inner .slide.active,
.block-type-carrousel .slides .slides-inner .slide.active {
  opacity: 1;
}
.block-type-caroussel .slides .slides-inner .slide img,
.block-type-carousel .slides .slides-inner .slide img,
.block-type-carroussel .slides .slides-inner .slide img,
.block-type-carrousel .slides .slides-inner .slide img {
  max-width: 90%;
  border-radius: 20px 20px 0px 0px ;
}
.block-type-caroussel .slides .slides-inner .slide[aria-hidden="true"] *,
.block-type-carousel .slides .slides-inner .slide[aria-hidden="true"] *,
.block-type-carroussel .slides .slides-inner .slide[aria-hidden="true"] *,
.block-type-carrousel .slides .slides-inner .slide[aria-hidden="true"] * {
  display: inline-flex;
}
.block-type-caroussel .slides .slides-inner .slide .carousel-img-description,
.block-type-carousel .slides .slides-inner .slide .carousel-img-description,
.block-type-carroussel .slides .slides-inner .slide .carousel-img-description,
.block-type-carrousel .slides .slides-inner .slide .carousel-img-description {
  border-top: none;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 0px 0px 20px 20px;
  padding: 28px 42px;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19.6px;
  line-height: 29.4px;
  text-align: left;
}
.block-type-caroussel .slides .slides-inner .slide .carousel-img-description.small,
.block-type-carousel .slides .slides-inner .slide .carousel-img-description.small,
.block-type-carroussel .slides .slides-inner .slide .carousel-img-description.small,
.block-type-carrousel .slides .slides-inner .slide .carousel-img-description.small,
.block-type-caroussel .slides .slides-inner .slide .carousel-img-description span.small,
.block-type-carousel .slides .slides-inner .slide .carousel-img-description span.small,
.block-type-carroussel .slides .slides-inner .slide .carousel-img-description span.small,
.block-type-carrousel .slides .slides-inner .slide .carousel-img-description span.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  .block-type-caroussel .slides .slides-inner .slide .carousel-img-description.small,
  .block-type-carousel .slides .slides-inner .slide .carousel-img-description.small,
  .block-type-carroussel .slides .slides-inner .slide .carousel-img-description.small,
  .block-type-carrousel .slides .slides-inner .slide .carousel-img-description.small,
  .block-type-caroussel .slides .slides-inner .slide .carousel-img-description span.small,
  .block-type-carousel .slides .slides-inner .slide .carousel-img-description span.small,
  .block-type-carroussel .slides .slides-inner .slide .carousel-img-description span.small,
  .block-type-carrousel .slides .slides-inner .slide .carousel-img-description span.small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-caroussel .slides .slides-inner .slide .carousel-img-description.small,
  .block-type-carousel .slides .slides-inner .slide .carousel-img-description.small,
  .block-type-carroussel .slides .slides-inner .slide .carousel-img-description.small,
  .block-type-carrousel .slides .slides-inner .slide .carousel-img-description.small,
  .block-type-caroussel .slides .slides-inner .slide .carousel-img-description span.small,
  .block-type-carousel .slides .slides-inner .slide .carousel-img-description span.small,
  .block-type-carroussel .slides .slides-inner .slide .carousel-img-description span.small,
  .block-type-carrousel .slides .slides-inner .slide .carousel-img-description span.small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-caroussel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carousel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carroussel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carrousel .slides .slides-inner .slide .carousel-img-description {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-caroussel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carousel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carroussel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carrousel .slides .slides-inner .slide .carousel-img-description {
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-caroussel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carousel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carroussel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carrousel .slides .slides-inner .slide .carousel-img-description {
    padding: 14px 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-caroussel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carousel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carroussel .slides .slides-inner .slide .carousel-img-description,
  .block-type-carrousel .slides .slides-inner .slide .carousel-img-description {
    padding: 7px 14px;
  }
}
.block-type-caroussel .slides .slides-arrow,
.block-type-carousel .slides .slides-arrow,
.block-type-carroussel .slides .slides-arrow,
.block-type-carrousel .slides .slides-arrow {
  height: 0;
  padding: 0;
  margin: 0;
}
.block-type-caroussel .slides .slides-arrow button,
.block-type-carousel .slides .slides-arrow button,
.block-type-carroussel .slides .slides-arrow button,
.block-type-carrousel .slides .slides-arrow button {
  border: none;
  width: 50px;
  height: 50px;
  background-color: #414042;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: calc(50% - 10%);
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
@media only screen and (max-width: 760px) {
  .block-type-caroussel .slides .slides-arrow button,
  .block-type-carousel .slides .slides-arrow button,
  .block-type-carroussel .slides .slides-arrow button,
  .block-type-carrousel .slides .slides-arrow button {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    top: calc(50% - 10%);
  }
}
.block-type-caroussel .slides .slides-arrow button span,
.block-type-carousel .slides .slides-arrow button span,
.block-type-carroussel .slides .slides-arrow button span,
.block-type-carrousel .slides .slides-arrow button span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.block-type-caroussel .slides .slides-arrow button.btnSlidePrev,
.block-type-carousel .slides .slides-arrow button.btnSlidePrev,
.block-type-carroussel .slides .slides-arrow button.btnSlidePrev,
.block-type-carrousel .slides .slides-arrow button.btnSlidePrev {
  background-image: url("img/carrousel_prev.svg");
  background-position: 13px center;
  left: 0;
}
@media only screen and (max-width: 760px) {
  .block-type-caroussel .slides .slides-arrow button.btnSlidePrev,
  .block-type-carousel .slides .slides-arrow button.btnSlidePrev,
  .block-type-carroussel .slides .slides-arrow button.btnSlidePrev,
  .block-type-carrousel .slides .slides-arrow button.btnSlidePrev {
    width: 40px;
    height: 40px;
    background-position: 9px center;
    background-size: 40%;
  }
}
.block-type-caroussel .slides .slides-arrow button.btnSlideNext,
.block-type-carousel .slides .slides-arrow button.btnSlideNext,
.block-type-carroussel .slides .slides-arrow button.btnSlideNext,
.block-type-carrousel .slides .slides-arrow button.btnSlideNext {
  background-image: url("img/carrousel_next.svg");
  background-position: 18px center;
  right: 0;
}
@media only screen and (max-width: 760px) {
  .block-type-caroussel .slides .slides-arrow button.btnSlideNext,
  .block-type-carousel .slides .slides-arrow button.btnSlideNext,
  .block-type-carroussel .slides .slides-arrow button.btnSlideNext,
  .block-type-carrousel .slides .slides-arrow button.btnSlideNext {
    width: 40px;
    height: 40px;
    background-position: 14px center;
    background-size: 40%;
  }
}
.block-type-caroussel .slides .slides-arrow button:hover,
.block-type-carousel .slides .slides-arrow button:hover,
.block-type-carroussel .slides .slides-arrow button:hover,
.block-type-carrousel .slides .slides-arrow button:hover {
  background-color: #231F20;
}
.block-type-caroussel .slides .slides-menu,
.block-type-carousel .slides .slides-menu,
.block-type-carroussel .slides .slides-menu,
.block-type-carrousel .slides .slides-menu {
  padding: 0;
  margin: 0;
  text-align: center;
}
.block-type-caroussel .slides .slides-menu li,
.block-type-carousel .slides .slides-menu li,
.block-type-carroussel .slides .slides-menu li,
.block-type-carrousel .slides .slides-menu li {
  margin-bottom: 0;
  margin-top: 14px;
}
.block-type-caroussel .slides .slides-menu li button,
.block-type-carousel .slides .slides-menu li button,
.block-type-carroussel .slides .slides-menu li button,
.block-type-carrousel .slides .slides-menu li button {
  width: 150px;
  height: 100px;
  border: 0;
  background-color: transparent;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .block-type-caroussel .slides .slides-menu li button,
  .block-type-carousel .slides .slides-menu li button,
  .block-type-carroussel .slides .slides-menu li button,
  .block-type-carrousel .slides .slides-menu li button {
    width: 120px;
    height: 80px;
  }
}
.block-type-caroussel .slides .slides-menu li button img,
.block-type-carousel .slides .slides-menu li button img,
.block-type-carroussel .slides .slides-menu li button img,
.block-type-carrousel .slides .slides-menu li button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.block-type-caroussel .slides .slides-menu li button:not(.active) img,
.block-type-carousel .slides .slides-menu li button:not(.active) img,
.block-type-carroussel .slides .slides-menu li button:not(.active) img,
.block-type-carrousel .slides .slides-menu li button:not(.active) img {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.block-type-caroussel .slides .slides-menu li button:hover img,
.block-type-carousel .slides .slides-menu li button:hover img,
.block-type-carroussel .slides .slides-menu li button:hover img,
.block-type-carrousel .slides .slides-menu li button:hover img,
.block-type-caroussel .slides .slides-menu li button:focus img,
.block-type-carousel .slides .slides-menu li button:focus img,
.block-type-carroussel .slides .slides-menu li button:focus img,
.block-type-carrousel .slides .slides-menu li button:focus img {
  opacity: 1;
}
.block-type-caroussel a.img_open_link,
.block-type-carousel a.img_open_link,
.block-type-carroussel a.img_open_link,
.block-type-carrousel a.img_open_link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #414042;
}
.block-type-caroussel a.img_open_link:after,
.block-type-carousel a.img_open_link:after,
.block-type-carroussel a.img_open_link:after,
.block-type-carrousel a.img_open_link:after {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .block-type-caroussel a.img_open_link,
  .block-type-carousel a.img_open_link,
  .block-type-carroussel a.img_open_link,
  .block-type-carrousel a.img_open_link {
    max-width: 82%;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-caroussel a.img_open_link,
  .block-type-carousel a.img_open_link,
  .block-type-carroussel a.img_open_link,
  .block-type-carrousel a.img_open_link {
    max-width: 88%;
  }
}
.block-type-content-gris {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #FAFAFA;
  overflow: initial;
}
@media only screen and (max-width: 1000px) {
  .block-type-content-gris {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-content-gris {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-content-gris .row-cols-1 li,
.block-type-content-gris .row-cols-2 li,
.block-type-content-gris .row-cols-3 li,
.block-type-content-gris .row-cols-4 li,
.block-type-content-gris .row-cols-5 li,
.block-type-content-gris .row-cols-6 li {
  border-color: #DDDDDD;
  background-color: #ffffff;
}
.block-type-content-gris .boite .col {
  background-color: #ffffff;
  border-color: #DDDDDD;
}
.block-type-content-gris .background-box,
.block-type-content-gris .background-box-border {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 42px;
}
.block-type-content-gris .background-box-border {
  border: transparent;
  background-color: transparent;
  padding: 0;
}
.block-type-content-gris .background-box-border .col:first-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
  .block-type-content-gris .background-box-border .col:first-child {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-content-gris .background-box-border .col:first-child {
    margin-bottom: 7px;
  }
}
.block-type-content-gris .background-box-white {
  background-color: #ffffff;
  border: 1px #414042 solid;
  padding: 28px;
  border-radius: 20px;
}
.background-box-mauve {
  background-color: #932784;
  background-color: var(--color1);
  border: 1px #F2E2F2 solid;
  border: 1px var(--color4) solid;
  padding: 28px;
  border-radius: 20px;
}
.background-box-mauve p {
  color: #ffffff;
}
.block-type-header-blue,
.block-type-header {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #932784;
  background-color: var(--color1);
}
@media only screen and (max-width: 1000px) {
  .block-type-header-blue,
  .block-type-header {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-header-blue,
  .block-type-header {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-header-blue h2,
.block-type-header h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 17.5px;
  line-height: 26.6px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #932784;
  color: var(--color1);
  display: inline-block;
  background: #ffffff;
  border-radius: 48px;
  padding: 12px 25px 11px 65px;
  background-image: url("img/icon-clic-purple.svg");
  background-repeat: no-repeat;
  background-position: 20px center;
}
@media only screen and (max-width: 1180px) {
  .block-type-header-blue h2,
  .block-type-header h2 {
    font-weight: 700;
    font-size: 10.5px;
    line-height: 21px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-header-blue h2,
  .block-type-header h2 {
    font-weight: 700;
    font-size: 9px;
    line-height: 10.8px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-header-blue h2,
  .block-type-header h2 {
    font-size: 12px;
  }
}
body.color_2 .block-type-header-blue h2,
body.color_2 .block-type-header h2 {
  background-image: url("img/color_red/icon-clic-purple.svg");
}
.block-type-header {
  cursor: pointer;
  margin-top: 7px;
  background: #932784 url(img/ico_plus_blanc.svg) no-repeat right 14px center;
  background: var(--color1) url(img/ico_plus_blanc.svg) no-repeat right 14px center;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.block-type-header.open {
  background: #932784 url(img/ico_moins_blanc.svg) no-repeat right 14px center;
  background: var(--color1) url(img/ico_moins_blanc.svg) no-repeat right 14px center;
}
.block-type-header-blue {
  background-color: #00BFDF;
}
.block-type-header-blue h2 {
  background-image: url("img/icon-search-black.svg");
  color: #414042;
}
.block-type-accordeon,
.block-type-carousel,
.block-type-flipper,
.block-type-processus,
.block-type-hotspot,
.block-type-hotspot-zone,
.block-type-branching {
  border-top: 14px solid #00BFDF;
}
.block-type-accordeon .consigne,
.block-type-carousel .consigne,
.block-type-flipper .consigne,
.block-type-processus .consigne,
.block-type-hotspot .consigne,
.block-type-hotspot-zone .consigne,
.block-type-branching .consigne {
  background-image: url("img/icon-search-black.svg");
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 40px;
}
@media only screen and (max-width: 760px) {
}
.block-type-title-page .col:first-child:nth-last-child(1),
.block-type-titre-page .col:first-child:nth-last-child(1),
.block-type-page-title .col:first-child:nth-last-child(1),
.block-type-page-titre .col:first-child:nth-last-child(1),
.block-type-title-page .col:first-child:nth-last-child(1) ~ .col,
.block-type-titre-page .col:first-child:nth-last-child(1) ~ .col,
.block-type-page-title .col:first-child:nth-last-child(1) ~ .col,
.block-type-page-titre .col:first-child:nth-last-child(1) ~ .col {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #932784;
  background-color: var(--color1);
}
@media only screen and (max-width: 1000px) {
  .block-type-title-page .col:first-child:nth-last-child(1),
  .block-type-titre-page .col:first-child:nth-last-child(1),
  .block-type-page-title .col:first-child:nth-last-child(1),
  .block-type-page-titre .col:first-child:nth-last-child(1),
  .block-type-title-page .col:first-child:nth-last-child(1) ~ .col,
  .block-type-titre-page .col:first-child:nth-last-child(1) ~ .col,
  .block-type-page-title .col:first-child:nth-last-child(1) ~ .col,
  .block-type-page-titre .col:first-child:nth-last-child(1) ~ .col {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-title-page .col:first-child:nth-last-child(1),
  .block-type-titre-page .col:first-child:nth-last-child(1),
  .block-type-page-title .col:first-child:nth-last-child(1),
  .block-type-page-titre .col:first-child:nth-last-child(1),
  .block-type-title-page .col:first-child:nth-last-child(1) ~ .col,
  .block-type-titre-page .col:first-child:nth-last-child(1) ~ .col,
  .block-type-page-title .col:first-child:nth-last-child(1) ~ .col,
  .block-type-page-titre .col:first-child:nth-last-child(1) ~ .col {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-title-page .col:first-child:nth-last-child(2),
.block-type-titre-page .col:first-child:nth-last-child(2),
.block-type-page-title .col:first-child:nth-last-child(2),
.block-type-page-titre .col:first-child:nth-last-child(2),
.block-type-title-page .col:first-child:nth-last-child(2) ~ .col,
.block-type-titre-page .col:first-child:nth-last-child(2) ~ .col,
.block-type-page-title .col:first-child:nth-last-child(2) ~ .col,
.block-type-page-titre .col:first-child:nth-last-child(2) ~ .col {
  margin-bottom: 0 !important;
}
.block-type-title-page .col:first-child:nth-last-child(2):first-child,
.block-type-titre-page .col:first-child:nth-last-child(2):first-child,
.block-type-page-title .col:first-child:nth-last-child(2):first-child,
.block-type-page-titre .col:first-child:nth-last-child(2):first-child,
.block-type-title-page .col:first-child:nth-last-child(2) ~ .col:first-child,
.block-type-titre-page .col:first-child:nth-last-child(2) ~ .col:first-child,
.block-type-page-title .col:first-child:nth-last-child(2) ~ .col:first-child,
.block-type-page-titre .col:first-child:nth-last-child(2) ~ .col:first-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 80px;
  padding-right: 56px;
  background-color: #932784;
  background-color: var(--color1);
}
@media only screen and (max-width: 1000px) {
  .block-type-title-page .col:first-child:nth-last-child(2):first-child,
  .block-type-titre-page .col:first-child:nth-last-child(2):first-child,
  .block-type-page-title .col:first-child:nth-last-child(2):first-child,
  .block-type-page-titre .col:first-child:nth-last-child(2):first-child,
  .block-type-title-page .col:first-child:nth-last-child(2) ~ .col:first-child,
  .block-type-titre-page .col:first-child:nth-last-child(2) ~ .col:first-child,
  .block-type-page-title .col:first-child:nth-last-child(2) ~ .col:first-child,
  .block-type-page-titre .col:first-child:nth-last-child(2) ~ .col:first-child {
    padding-left: 40px;
    padding-right: 42px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-title-page .col:first-child:nth-last-child(2):first-child,
  .block-type-titre-page .col:first-child:nth-last-child(2):first-child,
  .block-type-page-title .col:first-child:nth-last-child(2):first-child,
  .block-type-page-titre .col:first-child:nth-last-child(2):first-child,
  .block-type-title-page .col:first-child:nth-last-child(2) ~ .col:first-child,
  .block-type-titre-page .col:first-child:nth-last-child(2) ~ .col:first-child,
  .block-type-page-title .col:first-child:nth-last-child(2) ~ .col:first-child,
  .block-type-page-titre .col:first-child:nth-last-child(2) ~ .col:first-child {
    padding-left: 20px;
    padding-right: 21px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
.block-type-title-page .col:first-child:nth-last-child(2):last-child,
.block-type-titre-page .col:first-child:nth-last-child(2):last-child,
.block-type-page-title .col:first-child:nth-last-child(2):last-child,
.block-type-page-titre .col:first-child:nth-last-child(2):last-child,
.block-type-title-page .col:first-child:nth-last-child(2) ~ .col:last-child,
.block-type-titre-page .col:first-child:nth-last-child(2) ~ .col:last-child,
.block-type-page-title .col:first-child:nth-last-child(2) ~ .col:last-child,
.block-type-page-titre .col:first-child:nth-last-child(2) ~ .col:last-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 56px;
  padding-right: 80px;
}
@media only screen and (max-width: 1000px) {
  .block-type-title-page .col:first-child:nth-last-child(2):last-child,
  .block-type-titre-page .col:first-child:nth-last-child(2):last-child,
  .block-type-page-title .col:first-child:nth-last-child(2):last-child,
  .block-type-page-titre .col:first-child:nth-last-child(2):last-child,
  .block-type-title-page .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-titre-page .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-page-title .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-page-titre .col:first-child:nth-last-child(2) ~ .col:last-child {
    padding-left: 42px;
    padding-right: 40px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-title-page .col:first-child:nth-last-child(2):last-child,
  .block-type-titre-page .col:first-child:nth-last-child(2):last-child,
  .block-type-page-title .col:first-child:nth-last-child(2):last-child,
  .block-type-page-titre .col:first-child:nth-last-child(2):last-child,
  .block-type-title-page .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-titre-page .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-page-title .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-page-titre .col:first-child:nth-last-child(2) ~ .col:last-child {
    padding-left: 21px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-title-page .col:first-child:nth-last-child(2):last-child,
  .block-type-titre-page .col:first-child:nth-last-child(2):last-child,
  .block-type-page-title .col:first-child:nth-last-child(2):last-child,
  .block-type-page-titre .col:first-child:nth-last-child(2):last-child,
  .block-type-title-page .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-titre-page .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-page-title .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-page-titre .col:first-child:nth-last-child(2) ~ .col:last-child {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-title-page .col:first-child:nth-last-child(2):last-child,
  .block-type-titre-page .col:first-child:nth-last-child(2):last-child,
  .block-type-page-title .col:first-child:nth-last-child(2):last-child,
  .block-type-page-titre .col:first-child:nth-last-child(2):last-child,
  .block-type-title-page .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-titre-page .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-page-title .col:first-child:nth-last-child(2) ~ .col:last-child,
  .block-type-page-titre .col:first-child:nth-last-child(2) ~ .col:last-child {
    padding-left: 21px;
    padding-right: 20px;
  }
}
.block-type-title-page .col.ico-title,
.block-type-titre-page .col.ico-title,
.block-type-page-title .col.ico-title,
.block-type-page-titre .col.ico-title {
  gap: 60px;
}
@media only screen and (max-width: 1180px) {
  .block-type-title-page .col.ico-title,
  .block-type-titre-page .col.ico-title,
  .block-type-page-title .col.ico-title,
  .block-type-page-titre .col.ico-title {
    gap: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-title-page .col.ico-title,
  .block-type-titre-page .col.ico-title,
  .block-type-page-title .col.ico-title,
  .block-type-page-titre .col.ico-title {
    gap: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-title-page .col.ico-title,
  .block-type-titre-page .col.ico-title,
  .block-type-page-title .col.ico-title,
  .block-type-page-titre .col.ico-title {
    gap: 21px;
    display: inline-block;
  }
}
.block-type-title-page .col.ico-title img,
.block-type-titre-page .col.ico-title img,
.block-type-page-title .col.ico-title img,
.block-type-page-titre .col.ico-title img {
  border-radius: 0px;
}
@media only screen and (max-width: 1180px) {
  .block-type-title-page .col.ico-title img,
  .block-type-titre-page .col.ico-title img,
  .block-type-page-title .col.ico-title img,
  .block-type-page-titre .col.ico-title img {
    width: 110px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-title-page .col.ico-title img,
  .block-type-titre-page .col.ico-title img,
  .block-type-page-title .col.ico-title img,
  .block-type-page-titre .col.ico-title img {
    width: 80px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-title-page .col.ico-title img,
  .block-type-titre-page .col.ico-title img,
  .block-type-page-title .col.ico-title img,
  .block-type-page-titre .col.ico-title img {
    width: 40px;
    margin-top: 7px;
  }
}
.block-type-title-page h1,
.block-type-titre-page h1,
.block-type-page-title h1,
.block-type-page-titre h1 {
  position: relative;
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff;
  margin: 0;
  padding-top: 0px;
}
.block-type-title-page .title-image,
.block-type-titre-page .title-image,
.block-type-page-title .title-image,
.block-type-page-titre .title-image {
  min-height: 320px;
  margin: 0 !important;
  background-size: cover;
  background-position: center center;
}
.block-type-title-page .title-image.big,
.block-type-titre-page .title-image.big,
.block-type-page-title .title-image.big,
.block-type-page-titre .title-image.big {
  min-height: 520px;
}
.block-type-content-mauve {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #932784;
  background-color: var(--color1);
}
@media only screen and (max-width: 1000px) {
  .block-type-content-mauve {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-content-mauve {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-content-mauve h1,
.block-type-content-mauve h2,
.block-type-content-mauve h3,
.block-type-content-mauve h4,
.block-type-content-mauve h5,
.block-type-content-mauve h6,
.block-type-content-mauve a,
.block-type-content-mauve p,
.block-type-content-mauve li,
.block-type-content-mauve ul,
.block-type-content-mauve ol,
.block-type-content-mauve legend {
  color: #ffffff;
}
.block-type-content-mauve hr {
  background-color: #ffffff;
}
.block-type-content-mauve a.external {
  background: url(img/icon_lien_externe_hover.svg) no-repeat right center;
  background-size: 18px;
}
@media only screen and (max-width: 760px) {
  .block-type-content-mauve a.external {
    background-size: 10px;
  }
}
.block-type-content-mauve .btn {
  color: #ffffff;
  border-color: #ffffff;
}
.block-type-content-mauve .btn:hover,
.block-type-content-mauve .btn:focus {
  background-color: #ffffff;
  color: #932784;
  color: var(--color1);
}
.block-type-content-mauve .btn[target="_blank"] {
  background-image: url("img/icon_lien_externe_hover.svg");
}
.block-type-content-mauve .btn[target="_blank"]:hover,
.block-type-content-mauve .btn[target="_blank"]:focus {
  background-image: url("img/icon_lien_externe.svg");
}
body.color_2 .block-type-content-mauve .btn[target="_blank"]:hover,
body.color_2 .block-type-content-mauve .btn[target="_blank"]:focus {
  background-image: url('img/color_red/icon_lien_externe.svg');
}
.block-type-content-mauve .row-cols-1 li,
.block-type-content-mauve .row-cols-2 li,
.block-type-content-mauve .row-cols-3 li,
.block-type-content-mauve .row-cols-4 li,
.block-type-content-mauve .row-cols-5 li,
.block-type-content-mauve .row-cols-6 li {
  color: #414042;
  border-color: #ffffff;
  background-color: #ffffff;
}
.block-type-content-mauve .row-cols-1 li h1,
.block-type-content-mauve .row-cols-2 li h1,
.block-type-content-mauve .row-cols-3 li h1,
.block-type-content-mauve .row-cols-4 li h1,
.block-type-content-mauve .row-cols-5 li h1,
.block-type-content-mauve .row-cols-6 li h1,
.block-type-content-mauve .row-cols-1 li h2,
.block-type-content-mauve .row-cols-2 li h2,
.block-type-content-mauve .row-cols-3 li h2,
.block-type-content-mauve .row-cols-4 li h2,
.block-type-content-mauve .row-cols-5 li h2,
.block-type-content-mauve .row-cols-6 li h2,
.block-type-content-mauve .row-cols-1 li h3,
.block-type-content-mauve .row-cols-2 li h3,
.block-type-content-mauve .row-cols-3 li h3,
.block-type-content-mauve .row-cols-4 li h3,
.block-type-content-mauve .row-cols-5 li h3,
.block-type-content-mauve .row-cols-6 li h3,
.block-type-content-mauve .row-cols-1 li h4,
.block-type-content-mauve .row-cols-2 li h4,
.block-type-content-mauve .row-cols-3 li h4,
.block-type-content-mauve .row-cols-4 li h4,
.block-type-content-mauve .row-cols-5 li h4,
.block-type-content-mauve .row-cols-6 li h4,
.block-type-content-mauve .row-cols-1 li h5,
.block-type-content-mauve .row-cols-2 li h5,
.block-type-content-mauve .row-cols-3 li h5,
.block-type-content-mauve .row-cols-4 li h5,
.block-type-content-mauve .row-cols-5 li h5,
.block-type-content-mauve .row-cols-6 li h5,
.block-type-content-mauve .row-cols-1 li h6,
.block-type-content-mauve .row-cols-2 li h6,
.block-type-content-mauve .row-cols-3 li h6,
.block-type-content-mauve .row-cols-4 li h6,
.block-type-content-mauve .row-cols-5 li h6,
.block-type-content-mauve .row-cols-6 li h6,
.block-type-content-mauve .row-cols-1 li p,
.block-type-content-mauve .row-cols-2 li p,
.block-type-content-mauve .row-cols-3 li p,
.block-type-content-mauve .row-cols-4 li p,
.block-type-content-mauve .row-cols-5 li p,
.block-type-content-mauve .row-cols-6 li p,
.block-type-content-mauve .row-cols-1 li li,
.block-type-content-mauve .row-cols-2 li li,
.block-type-content-mauve .row-cols-3 li li,
.block-type-content-mauve .row-cols-4 li li,
.block-type-content-mauve .row-cols-5 li li,
.block-type-content-mauve .row-cols-6 li li,
.block-type-content-mauve .row-cols-1 li ul,
.block-type-content-mauve .row-cols-2 li ul,
.block-type-content-mauve .row-cols-3 li ul,
.block-type-content-mauve .row-cols-4 li ul,
.block-type-content-mauve .row-cols-5 li ul,
.block-type-content-mauve .row-cols-6 li ul,
.block-type-content-mauve .row-cols-1 li ol,
.block-type-content-mauve .row-cols-2 li ol,
.block-type-content-mauve .row-cols-3 li ol,
.block-type-content-mauve .row-cols-4 li ol,
.block-type-content-mauve .row-cols-5 li ol,
.block-type-content-mauve .row-cols-6 li ol,
.block-type-content-mauve .row-cols-1 li legend,
.block-type-content-mauve .row-cols-2 li legend,
.block-type-content-mauve .row-cols-3 li legend,
.block-type-content-mauve .row-cols-4 li legend,
.block-type-content-mauve .row-cols-5 li legend,
.block-type-content-mauve .row-cols-6 li legend {
  color: #414042;
}
.block-type-content-mauve .row-cols-1 li a,
.block-type-content-mauve .row-cols-2 li a,
.block-type-content-mauve .row-cols-3 li a,
.block-type-content-mauve .row-cols-4 li a,
.block-type-content-mauve .row-cols-5 li a,
.block-type-content-mauve .row-cols-6 li a {
  color: #932784;
  color: var(--color1);
}
.block-type-content-mauve ol li {
  border-color: #ffffff;
  background-color: #ffffff;
}
.block-type-content-mauve .boite .col {
  background-color: #ffffff;
  border-color: #ffffff;
}
.block-type-content-mauve .boite .col h1,
.block-type-content-mauve .boite .col h2,
.block-type-content-mauve .boite .col h3,
.block-type-content-mauve .boite .col h4,
.block-type-content-mauve .boite .col h5,
.block-type-content-mauve .boite .col h6,
.block-type-content-mauve .boite .col p,
.block-type-content-mauve .boite .col li,
.block-type-content-mauve .boite .col ul,
.block-type-content-mauve .boite .col legend {
  color: #414042;
}
.block-type-content-mauve ol li {
  color: #414042 !important;
}
.block-type-content-mauve .audio-container {
  background-color: #ffffff;
}
.block-type-content-mauve .audio-container audio::-webkit-media-controls-panel {
  background-color: initial;
}
.block-type-content-mauve .background-white {
  color: #414042;
}
.block-type-content-mauve .background-white ul {
  list-style-type: disc;
}
.block-type-content-mauve .background-white ul li {
  color: #414042;
}
.block-type-content-mauve .background-white ul li ul {
  list-style-type: circle;
}
.block-type-content-rose-pale {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #F2E2F2;
  background-color: var(--color4);
}
@media only screen and (max-width: 1000px) {
  .block-type-content-rose-pale {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-content-rose-pale {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-content-rose-pale h1,
.block-type-content-rose-pale h2,
.block-type-content-rose-pale h3,
.block-type-content-rose-pale h4,
.block-type-content-rose-pale h5,
.block-type-content-rose-pale h6,
.block-type-content-rose-pale a,
.block-type-content-rose-pale p,
.block-type-content-rose-pale li,
.block-type-content-rose-pale ul,
.block-type-content-rose-pale ol,
.block-type-content-rose-pale legend {
  color: #414042;
}
.block-type-content-rose-pale hr {
  background-color: #D4A9CE;
  background-color: var(--color2);
}
.block-type-content-rose-pale a.external {
  background: url(img/icon_lien_externe_rose_pale.svg) no-repeat right center;
  background-size: 18px;
}
body.color_2 .block-type-content-rose-pale a.external {
  background: url(img/color_2/icon_lien_externe_rose_pale.svg) no-repeat right center;
}
@media only screen and (max-width: 760px) {
  .block-type-content-rose-pale a.external {
    background-size: 10px;
  }
}
.block-type-content-rose-pale .row-cols-1 li,
.block-type-content-rose-pale .row-cols-2 li,
.block-type-content-rose-pale .row-cols-3 li,
.block-type-content-rose-pale .row-cols-4 li,
.block-type-content-rose-pale .row-cols-5 li,
.block-type-content-rose-pale .row-cols-6 li {
  color: #414042;
  border-color: #DDDDDD;
  background-color: #ffffff;
}
.block-type-content-rose-pale ol li {
  border-color: #ffffff;
  background-color: #ffffff;
}
.block-type-content-rose-pale .boite .col {
  background-color: #ffffff;
  border-color: #ffffff;
}
.block-type-content-rose-pale .boite .col h1,
.block-type-content-rose-pale .boite .col h2,
.block-type-content-rose-pale .boite .col h3,
.block-type-content-rose-pale .boite .col h4,
.block-type-content-rose-pale .boite .col h5,
.block-type-content-rose-pale .boite .col h6,
.block-type-content-rose-pale .boite .col p,
.block-type-content-rose-pale .boite .col li,
.block-type-content-rose-pale .boite .col ul,
.block-type-content-rose-pale .boite .col legend {
  color: #414042;
}
.block-type-content-rose-pale ol li {
  color: #414042 !important;
}
.block-type-content-rose-pale .audio-container {
  background-color: #ffffff;
}
.block-type-content-rose-pale .audio-container audio::-webkit-media-controls-panel {
  background-color: initial;
}
.block-type-content-rose {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #C64B9B;
  background-color: var(--color3);
}
@media only screen and (max-width: 1000px) {
  .block-type-content-rose {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-content-rose {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-content-rose h1,
.block-type-content-rose h2,
.block-type-content-rose h3,
.block-type-content-rose h4,
.block-type-content-rose h5,
.block-type-content-rose h6,
.block-type-content-rose a,
.block-type-content-rose p,
.block-type-content-rose li,
.block-type-content-rose ul,
.block-type-content-rose ol,
.block-type-content-rose legend {
  color: #ffffff;
}
.block-type-content-rose hr {
  background-color: #D4A9CE;
  background-color: var(--color2);
}
.block-type-content-rose a.external {
  background: url("img/icon_lien_externe.svg") no-repeat right center;
  background-size: 18px;
}
body.color_2 .block-type-content-rose a.external {
  background: url("img/color_red/icon_lien_externe.svg") no-repeat right center;
  background-size: 18px;
}
@media only screen and (max-width: 760px) {
  .block-type-content-rose a.external {
    background-size: 10px;
  }
}
.block-type-content-rose .btn {
  color: #414042;
  border-color: #932784;
  border-color: var(--color1);
  background-color: #ffffff;
}
.block-type-content-rose .btn:hover,
.block-type-content-rose .btn:focus {
  background-color: #D4A9CE;
  background-color: var(--color2);
  color: #932784;
  color: var(--color1);
  border-color: #932784;
  border-color: var(--color1);
}
.block-type-content-rose .btn[target="_blank"] {
  background-image: url("img/icon_lien_externe.svg");
}
.block-type-content-rose .btn[target="_blank"]:hover,
.block-type-content-rose .btn[target="_blank"]:focus {
  background-image: url("img/icon_lien_externe.svg");
}
body.color_2 .block-type-content-rose .btn[target="_blank"]:hover,
body.color_2 .block-type-content-rose .btn[target="_blank"]:focus {
  background-image: url("img/color_red/icon_lien_externe.svg");
}
.block-type-content-rose .row-cols-1 li,
.block-type-content-rose .row-cols-2 li,
.block-type-content-rose .row-cols-3 li,
.block-type-content-rose .row-cols-4 li,
.block-type-content-rose .row-cols-5 li,
.block-type-content-rose .row-cols-6 li {
  color: #414042;
  border-color: #DDDDDD;
  background-color: #ffffff;
}
.block-type-content-rose ol li {
  border-color: #ffffff;
  background-color: #ffffff;
}
.block-type-content-rose .boite .col {
  background-color: #ffffff;
  border-color: #ffffff;
}
.block-type-content-rose .boite .col h1,
.block-type-content-rose .boite .col h2,
.block-type-content-rose .boite .col h3,
.block-type-content-rose .boite .col h4,
.block-type-content-rose .boite .col h5,
.block-type-content-rose .boite .col h6,
.block-type-content-rose .boite .col p,
.block-type-content-rose .boite .col li,
.block-type-content-rose .boite .col ul,
.block-type-content-rose .boite .col legend {
  color: #414042;
}
.block-type-content-rose ol li {
  color: #414042 !important;
}
.block-type-content-rose .audio-container {
  background-color: #ffffff;
}
.block-type-content-rose .audio-container audio::-webkit-media-controls-panel {
  background-color: initial;
}
.block-type-content {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-content {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-content {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-document {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #FAFAFA;
}
@media only screen and (max-width: 1000px) {
  .block-type-document {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-document {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-dragdrop-cat {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-cat {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-dragdrop-cat .dd-group-draggables {
  padding-top: 2px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > * {
    flex: 0 0 calc(33.33% - 18.666666666666668px);
  }
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > *:nth-child(2n),
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > *:last-child {
    margin-right: 14px;
  }
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > *:nth-child(3n),
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > *:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > * {
    margin-right: 14px !important;
    flex: 0 0 calc(50% - 7px) !important;
  }
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > *:nth-child(3n),
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > *:last-child {
    margin-right: 14px !important;
  }
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > *:nth-child(2n),
  .block-type-dragdrop-cat .dd-group-droppables.row-cols-3 > *:last-child {
    margin-right: 0 !important;
  }
}
.block-type-dragdrop-cat .drag-placeholder {
  margin-left: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-cat .drag-placeholder {
    margin-left: 21px;
  }
}
.block-type-dragdrop-cat .drop-categorie-wrap {
  padding: 14px;
  background: transparent;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  margin-bottom: 28px;
  z-index: -1;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-cat .drop-categorie-wrap {
    margin-bottom: 14px;
    padding: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .drop-categorie-wrap {
    margin-bottom: 14px;
    padding: 14px;
  }
}
.block-type-dragdrop-cat .drop-categorie-wrap h2,
.block-type-dragdrop-cat .drop-categorie-wrap h3,
.block-type-dragdrop-cat .drop-categorie-wrap h4 {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .drop-categorie-wrap h2,
  .block-type-dragdrop-cat .drop-categorie-wrap h3,
  .block-type-dragdrop-cat .drop-categorie-wrap h4 {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.block-type-dragdrop-cat .drop-categorie-wrap .drop-placeholder {
  width: 100%;
}
.block-type-dragdrop-cat .drop-categorie-wrap .drop-placeholder:last-child {
  margin-bottom: 0px;
}
.block-type-dragdrop-cat .drop-categorie-wrap .drop-placeholder .drop-inner {
  opacity: 0;
}
.block-type-dragdrop-cat .retroactions {
  margin-top: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-cat .retroactions {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .retroactions {
    margin-top: 7px;
  }
}
.block-type-dragdrop-cat .quiz {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-cat .quiz {
    margin-top: 28px;
  }
  .block-type-dragdrop-cat .quiz .btnValider {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-cat .quiz .btnValider {
    margin-top: 7px;
  }
}
.block-type-dragdrop-cat .quiz .choices {
  text-align: left;
}
.block-type-dragdrop-image {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-image {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-image {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-dragdrop-image .choices {
  position: relative;
}
.block-type-dragdrop-image .dragdrop-image {
  width: calc(70% - 28px);
  margin-left: 28px;
  z-index: -1;
  position: relative;
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-image .dragdrop-image {
    width: 100%;
    margin-left: 0;
  }
}
.block-type-dragdrop-image .dd-group-draggables {
  width: 22%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-image .dd-group-draggables {
    width: 100%;
    text-align: center;
  }
}
.block-type-dragdrop-image .dd-group-draggables .drag-placeholder {
  width: 100%;
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-image .dd-group-draggables .drag-placeholder {
    width: 20%;
    margin: 0 3.5px;
  }
}
@media only screen and (max-width: 800px) {
  .block-type-dragdrop-image .dd-group-draggables .drag-placeholder {
    width: 33%;
    margin: 0 3.5px;
    min-width: 160px;
  }
}
.block-type-dragdrop-image .retroactions {
  margin-top: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-image .retroactions {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-image .retroactions {
    margin-top: 7px;
  }
}
.block-type-dragdrop-image .dd-group-droppables {
  position: absolute;
  width: calc(70% - 28px);
  left: calc(20% + 28px);
  top: 0;
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-image .dd-group-droppables {
    width: 100%;
    left: 0;
  }
}
.block-type-dragdrop-image .dd-group-droppables .drop-placeholder .droppable {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.block-type-dragdrop-image .dd-group-droppables .drop-placeholder .droppable span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.block-type-dragdrop-image .drop-placeholder {
  position: initial;
}
.block-type-dragdrop-image .quiz {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-image .quiz {
    margin-top: 28px;
  }
}
.block-type-dragdrop-image .quiz .choices {
  text-align: left;
}
.block-type-dragdrop-old {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-old {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-old {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-dragdrop-old .dd-group-draggables,
.block-type-dragdrop-old .dd-group-droppables {
  padding-top: 2px !important;
  padding: 0 2px;
}
.block-type-dragdrop-old .dd-group-droppables {
  margin-bottom: 7px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-old .dd-group-draggables {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-old .dd-group-draggables {
    margin-bottom: 10px;
  }
}
.block-type-dragdrop-old .choices p.text2,
.block-type-dragdrop-old .choices p.text3 {
  margin-bottom: 7px;
}
.block-type-dragdrop-old .drop-placeholder {
  height: auto;
  z-index: -1;
}
.block-type-dragdrop-old .drop-placeholder .droppable {
  height: auto;
}
.block-type-dragdrop-old .drop-placeholder .droppable .drop-inner {
  padding: 10px;
  padding-top: 52px;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-old .drop-placeholder .droppable .drop-inner {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-old .drop-placeholder .droppable .drop-inner {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-old .drop-placeholder .droppable .drop-inner {
    padding: 10px;
    padding-top: 46px;
    padding-bottom: 6px;
    line-height: 18px;
    border-radius: 8px;
  }
}
.block-type-dragdrop-old .quiz {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-old .quiz {
    margin-top: 28px;
  }
}
.block-type-dragdrop-old .quiz .choices {
  text-align: left;
}
.block-type-dragdrop-old .retroactions {
  margin-top: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-old .retroactions {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-old .retroactions {
    margin-top: 7px;
  }
}
.block-type-dragdrop-order-old {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order-old {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-dragdrop-order-old .dd-group-draggables {
  margin-bottom: 130px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .dd-group-draggables {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .dd-group-draggables {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order-old .dd-group-draggables {
    justify-content: center;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .dd-group-droppables {
    justify-content: space-around;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .drop-placeholder {
    margin-left: 110px !important;
    margin-right: 0px !important;
  }
  .block-type-dragdrop-order-old .drop-placeholder :last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order-old .drop-placeholder {
    margin-left: 80px !important;
    margin-right: 0px !important;
  }
  .block-type-dragdrop-order-old .drop-placeholder :last-child {
    margin-bottom: 0;
  }
}
.block-type-dragdrop-order-old .drop-placeholder:nth-child(1) .droppable:before {
  content: "";
  display: inline-block;
  background-color: #00BFDF;
  height: 20px;
  width: 5000px;
  position: absolute;
  z-index: -1;
  top: -100px;
  left: -500px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .drop-placeholder:nth-child(1) .droppable:before {
    display: none;
  }
}
.block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
  width: 70px;
  height: 70px;
  background: #ffffff;
  border: 6px solid #00BFDF;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 33.6px;
  line-height: 50.4px;
  color: #00BFDF;
  text-align: center;
  line-height: 56px;
  position: absolute;
  top: -134px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50.4px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    font-style: normal;
    font-weight: 700;
    font-size: 19.8px;
    line-height: 32.4px;
  }
}
.block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner span {
  width: 70px;
  height: 70px;
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    line-height: 60px;
    top: -126px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    top: 50%;
    left: -120px;
    -webkit-transform: translate(0, -50%) scale(0.8);
    -moz-transform: translate(0, -50%) scale(0.8);
    -ms-transform: translate(0, -50%) scale(0.8);
    -o-transform: translate(0, -50%) scale(0.8);
    transform: translate(0, -50%) scale(0.8);
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .drop-placeholder .droppable .drop-inner {
    top: 50%;
    left: -60px;
    width: 40px;
    height: 40px;
    border: 3px solid #00BFDF;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 20px;
    line-height: 34px;
  }
}
.block-type-dragdrop-order-old .quiz {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .quiz {
    margin-top: 28px;
  }
}
.block-type-dragdrop-order-old .quiz .choices {
  text-align: left;
}
.block-type-dragdrop-order-old .retroactions {
  margin-top: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order-old .retroactions {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order-old .retroactions {
    margin-top: 7px;
  }
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order-old .quiz .dd-group-draggables.row-cols-2-tablet > *,
  .block-type-dragdrop-order-old .quiz .dd-group-droppables.row-cols-2-tablet > *,
  .block-type-dragdrop-order-old .quiz .dd-group-draggables.row-cols-3-tablet > *,
  .block-type-dragdrop-order-old .quiz .dd-group-droppables.row-cols-3-tablet > *,
  .block-type-dragdrop-order-old .quiz .dd-group-draggables.row-cols-2 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-droppables.row-cols-2 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-draggables.row-cols-3 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-droppables.row-cols-3 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-draggables.row-cols-4 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-droppables.row-cols-4 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-draggables.row-cols-5 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-droppables.row-cols-5 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-draggables.row-cols-6 > *,
  .block-type-dragdrop-order-old .quiz .dd-group-droppables.row-cols-6 > * {
    margin-right: 0 !important;
    flex: 0 0 calc(100% - 80px) !important;
    width: 100%;
  }
}
.block-type-dragdrop-order {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-dragdrop-order .dd-group-draggables {
  font-size: 0;
  line-height: 0;
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order .draggable {
    padding: 0 25px 0 18px;
  }
}
.block-type-dragdrop-order .dd-group-droppables {
  font-size: 0;
  line-height: 0;
}
.block-type-dragdrop-order .dd-drop-chiffres {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 99;
  pointer-events: none;
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order .dd-drop-chiffres {
    display: inline-block;
  }
}
.block-type-dragdrop-order .dd-drop-chiffres span {
  background: #ffffff;
  border: 3px solid #00BFDF;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #00BFDF;
  text-align: center;
  line-height: 24px;
  position: absolute;
  top: 0;
  left: -3px;
  border: 2px solid #00BFDF;
  width: 24px;
  height: 24px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19.6px;
  line-height: 29.4px;
  padding-top: 1px;
  font-weight: bold;
}
.block-type-dragdrop-order .dd-drop-chiffres span.small,
.block-type-dragdrop-order .dd-drop-chiffres span span.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order .dd-drop-chiffres span.small,
  .block-type-dragdrop-order .dd-drop-chiffres span span.small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order .dd-drop-chiffres span.small,
  .block-type-dragdrop-order .dd-drop-chiffres span span.small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order .dd-drop-chiffres span {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order .dd-drop-chiffres span {
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.block-type-dragdrop-order .dd-drop-chiffres span:nth-child(1) {
  top: 8px;
}
.block-type-dragdrop-order .dd-drop-chiffres span:nth-child(2) {
  top: 58px;
}
.block-type-dragdrop-order .dd-drop-chiffres span:nth-child(3) {
  top: 108px;
}
.block-type-dragdrop-order .dd-drop-chiffres span:nth-child(4) {
  top: 158px;
}
.block-type-dragdrop-order .dd-drop-chiffres span:nth-child(5) {
  top: 208px;
}
.block-type-dragdrop-order .dd-drop-chiffres span:nth-child(6) {
  top: 258px;
}
.block-type-dragdrop-order .drag-placeholder,
.block-type-dragdrop-order .drop-placeholder {
  width: 100%;
}
.block-type-dragdrop-order .col-6 {
  padding: 0 2px;
}
.block-type-dragdrop-order .col-6 > * {
  max-width: 320px;
}
.block-type-dragdrop-order .col-6:first-child {
  text-align: right;
  padding-right: 56px;
}
.block-type-dragdrop-order .col-6:first-child > * {
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order .col-6:first-child {
    padding-right: 8px;
  }
}
.block-type-dragdrop-order .col-6:last-child {
  z-index: -1;
  padding-left: 56px;
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order .col-6:last-child {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 600px) {
}
.block-type-dragdrop-order .drop-placeholder .dd-div-before {
  display: none;
}
.block-type-dragdrop-order .drop-placeholder:nth-child(1) .droppable .dd-div-before {
  content: "";
  display: inline-block;
  background-color: #00BFDF;
  height: 5000px;
  width: 11px;
  position: absolute;
  z-index: -1;
  top: -20px;
  left: -60px;
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order .drop-placeholder:nth-child(1) .droppable .dd-div-before {
    left: -25px;
    width: 8px;
    display: none;
  }
}
.block-type-dragdrop-order .drop-placeholder .droppable .drop-inner {
  background: #ffffff;
  border: 3px solid #00BFDF;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19.6px;
  line-height: 29.4px;
  color: #00BFDF;
  text-align: center;
  line-height: 24px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 34px;
  height: 34px;
  left: -71px;
}
.block-type-dragdrop-order .drop-placeholder .droppable .drop-inner.small,
.block-type-dragdrop-order .drop-placeholder .droppable .drop-inner span.small {
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner.small,
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner span.small {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner.small,
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner span.small {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner {
    font-weight: 400;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner {
    width: 24px;
    height: 24px;
    left: -66px;
    font-style: normal;
    font-weight: 400;
    font-size: 15.4px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) and only screen and (max-width: 1180px) {
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) and only screen and (max-width: 760px) {
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order .drop-placeholder .droppable .drop-inner {
    display: none;
  }
}
.block-type-dragdrop-order .drop-placeholder .droppable .drop-inner span {
  width: 24px;
  line-height: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.block-type-dragdrop-order .quiz {
  text-align: right;
}
.block-type-dragdrop-order .quiz .choices {
  text-align: left;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .block-type-dragdrop-order .quiz .choices {
    position: relative;
  }
}
.block-type-dragdrop-order .retroactions {
  margin-top: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop-order .retroactions {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop-order .retroactions {
    margin-top: 7px;
  }
}
.block-type-dragdrop {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop .dd-group-draggables {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop .dd-group-draggables {
    margin-bottom: 7px;
  }
}
.block-type-dragdrop .drop-placeholder {
  height: auto;
  z-index: -1;
}
.block-type-dragdrop .drop-placeholder .droppable {
  height: auto;
}
.block-type-dragdrop .drop-placeholder .droppable .drop-inner {
  padding: 10px;
  padding-top: 52px;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 15.4px;
  line-height: 23.1px;
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop .drop-placeholder .droppable .drop-inner {
    padding: 10px;
    padding-top: 52px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-dragdrop .drop-placeholder .droppable .drop-inner {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop .drop-placeholder .droppable .drop-inner {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
.block-type-dragdrop .quiz {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop .quiz {
    margin-top: 28px;
  }
}
.block-type-dragdrop .quiz .choices {
  text-align: left;
}
.block-type-dragdrop .retroactions {
  margin-top: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-dragdrop .retroactions {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-dragdrop .retroactions {
    margin-top: 7px;
  }
}
.block-type-dragdrop .retroactions .retroaction-success,
.block-type-dragdrop .retroactions .retroaction-failed,
.block-type-dragdrop .retroactions .retroaction-retry {
  padding-right: 0;
  padding-left: 0;
}
.block-type-flipper {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-flipper {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-flipper {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-flipper .consigne {
    margin-bottom: 14px;
  }
}
.block-type-flipper .flipper {
  align-items: center;
  flex-wrap: wrap;
}
.block-type-flipper .flipper .flipperBox {
  height: 240px;
}
.block-type-flipper .flipper .flipperBox .flipperFace .flipperContent,
.block-type-flipper .flipper .flipperBox .flipperBack .flipperContent {
  padding: 0;
  background-color: #FAFAFA;
  text-align: left;
  border-radius: 14px;
}
@media only screen and (max-width: 760px) {
  .block-type-flipper .flipper .flipperBox .flipperFace .flipperContent,
  .block-type-flipper .flipper .flipperBox .flipperBack .flipperContent {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.block-type-flipper .flipper .flipperBox .flipperFace .flipperContent::after,
.block-type-flipper .flipper .flipperBox .flipperBack .flipperContent::after {
  width: 27px;
  height: 27px;
  background: url(img/ico_rejouer.svg) no-repeat center;
  bottom: 19px;
  right: 25px;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.block-type-flipper .flipper .flipperBox .flipperFace .flipperContent:hover::after {
  transform: rotate(180deg);
}
.block-type-flipper .flipper .flipperBox .flipperFace .flipperContent::before {
  content: "";
  width: 75px;
  height: 64px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #FAFAFA;
  border: 1px solid #DDDDDD;
  border-top-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.block-type-flipper .flipper .flipperBox .flipperFace.flipperText .flipperContent {
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-type-flipper .flipper .flipperBox .flipperFace.text .flipperContent {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.block-type-flipper .flipper .flipperBox .flipperBack .flipperContent {
  padding: 28px;
}
.block-type-flipper .flipper .flipperBox .flipperBack .flipperContent::after {
  border: none;
  opacity: 1;
}
.block-type-flipper .flipper .flipperBox .flipperBack .flipperContent:hover::after {
  transform: rotate(180deg);
}
.block-type-flipper .flipper .flipperBox .flipperBack[aria-hidden="true"] .flipperContent::after {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.block-type-flipper .flipper .flipperBox .flipperBack.code {
  background-color: #414042;
}
.block-type-flipper .flipper .flipperBox .flipperBack.code .flipperContent {
  background-color: #414042;
  padding: 0;
}
.block-type-flipper .flipper .flipperBox .flipperBack.code .flipperContent::after {
  background: url(img/ico_rejouer_blanc.svg) no-repeat center;
}
.block-type-flipper .flipper .flipperBox:last-child {
  margin-right: 0;
}
.block-type-hotspot-zone {
  overflow: initial;
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-hotspot-zone {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-hotspot-zone {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-hotspot-zone .tooltip-zest-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url("img/ico_croix-white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: none;
  border: 2px solid transparent;
  border-radius: 10px;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.block-type-hotspot-zone .tooltip-zest-close:hover,
.block-type-hotspot-zone .tooltip-zest-close:focus {
  border-color: #ffffff;
}
@media only screen and (max-width: 760px) {
  .block-type-hotspot-zone .tooltip-zest-close {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: top right;
  }
}
.block-type-hotspot-zone .tooltipBox.large {
  max-width: 900px;
}
.block-type-hotspot-zone .tooltipBox.small {
  max-width: 420px;
}
.block-type-hotspot-zone .tooltipBox.tiny {
  max-width: 320px;
}
.block-type-hotspot-zone .tooltipBox.toolkit-position-x-full {
  width: 100%;
  max-width: initial;
  position: initial;
  display: none;
}
.block-type-hotspot-zone .tooltipBox.toolkit-position-x-full.show {
  display: inline-block;
}
.block-type-hotspot-zone .tooltipBox.toolkit-position-x-full::after {
  left: auto;
  right: auto;
  display: none;
}
.block-type-hotspot-zone .tooltipBox.toolkit-position-x-full.toolkit-position-y-top {
  transform: translateY(0);
}
.block-type-hotspot-zone .tooltipBox.toolkit-position-x-full.toolkit-position-y-bottom {
  transform: translateY(0);
}
.block-type-hotspot-zone .hotspot {
  position: absolute;
  display: inline-block;
  border: 2px solid transparent;
  background-color: transparent;
  transform-origin: top left;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.block-type-hotspot-zone .hotspot:hover,
.block-type-hotspot-zone .hotspot:focus {
  background-color: rgba(65, 64, 66, 0.1);
}
.block-type-hotspot-zone .hotspot.show {
  background-color: rgba(65, 64, 66, 0.1);
}
.block-type-hotspot-zone .hotspot_container {
  position: relative;
}
.block-type-hotspot-zone .hotspot_container * {
  color: #ffffff;
}
.block-type-hotspot-zone .hotspot_container ul li {
  padding: 0;
  margin: 0;
  border: none;
}
.block-type-hotspot-zone .hotspot-bouton-container {
  position: absolute;
  top: 0;
  left: 0;
}
.block-type-hotspot {
  overflow: initial;
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-hotspot {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-hotspot {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-hotspot .tooltip-zest-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url("img/ico_croix-white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: none;
  border: 2px solid transparent;
  border-radius: 10px;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.block-type-hotspot .tooltip-zest-close:hover,
.block-type-hotspot .tooltip-zest-close:focus {
  border-color: #ffffff;
}
@media only screen and (max-width: 760px) {
  .block-type-hotspot .tooltip-zest-close {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: top right;
  }
}
.block-type-hotspot .tooltipBox.large {
  max-width: 900px;
}
.block-type-hotspot .tooltipBox.small {
  max-width: 420px;
}
.block-type-hotspot .tooltipBox.align-triangle-custom {
  position: relative;
  top: auto !important;
  left: auto !important;
  display: none;
  transform: none;
}
@media only screen and (max-width: 760px) {
  .block-type-hotspot .tooltipBox.align-triangle-custom {
    top: 10px !important;
  }
}
.block-type-hotspot .tooltipBox.align-triangle-custom.show {
  display: inline-block;
  max-width: 100%;
  width: 100%;
}
.block-type-hotspot .tooltipBox.align-triangle-custom::after {
  display: none;
}
.block-type-hotspot .tooltipBox.align-triangle-center {
  transform: translate(calc(-50% + 25px), 80px);
}
.block-type-hotspot .tooltipBox.align-triangle-right {
  transform: translate(calc(-100% + 82px), 80px);
}
.block-type-hotspot .tooltipBox.align-triangle-left {
  transform: translate(-34px, 80px);
}
.block-type-hotspot .tooltipBox.toolkit-position-y-top.align-triangle-center {
  transform: translate(calc(-50% + 25px), calc(-100% - 30px));
}
.block-type-hotspot .tooltipBox.toolkit-position-y-top.align-triangle-right {
  transform: translate(calc(-100% + 82px), calc(-100% - 30px));
}
.block-type-hotspot .tooltipBox.toolkit-position-y-top.align-triangle-left {
  transform: translate(-34px, calc(-100% - 30px));
}
.block-type-hotspot .tooltipBox.toolkit-position-y-top.align-triangle-custom {
  transform: none;
}
.block-type-hotspot .tooltipBox.toolkit-position-x-full {
  width: 100%;
  max-width: initial;
  position: initial;
  display: none;
}
.block-type-hotspot .tooltipBox.toolkit-position-x-full.show {
  display: inline-block;
}
.block-type-hotspot .tooltipBox.toolkit-position-x-full::after {
  left: auto;
  right: auto;
  display: none;
}
.block-type-hotspot .tooltipBox.toolkit-position-x-full.toolkit-position-y-top {
  transform: translateY(0);
}
.block-type-hotspot .tooltipBox.toolkit-position-x-full.toolkit-position-y-bottom {
  transform: translateY(0);
}
.block-type-hotspot .hotspot {
  position: absolute;
  height: 50px;
  width: 50px;
  display: inline-block;
  background-image: url("img/hotspot-open.svg");
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: contain;
  white-space: nowrap;
  border: none;
  background-color: transparent;
  transform-origin: center center;
  -webkit-transform: scale(0.7) translate(-50%, -50%);
  -moz-transform: scale(0.7) translate(-50%, -50%);
  -ms-transform: scale(0.7) translate(-50%, -50%);
  -o-transform: scale(0.7) translate(-50%, -50%);
  transform: scale(0.7) translate(-50%, -50%);
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.block-type-hotspot .hotspot:hover,
.block-type-hotspot .hotspot:focus {
  background-image: url("img/hotspot-open-hover.svg");
}
.block-type-hotspot .hotspot.viewed {
  background-image: url("img/hotspot-done.svg");
}
.block-type-hotspot .hotspot.viewed:hover,
.block-type-hotspot .hotspot.viewed:focus {
  background-image: url("img/hotspot-done-hover.svg");
}
.block-type-hotspot .hotspot.show {
  background-image: url("img/hotspot-close.svg");
}
.block-type-hotspot .hotspot.show:hover,
.block-type-hotspot .hotspot.show:focus {
  background-image: url("img/hotspot-close-hover.svg");
}
@media only screen and (max-width: 760px) {
  .block-type-hotspot .hotspot {
    -webkit-transform: scale(0.6) translate(-50%, -50%);
    -moz-transform: scale(0.6) translate(-50%, -50%);
    -ms-transform: scale(0.6) translate(-50%, -50%);
    -o-transform: scale(0.6) translate(-50%, -50%);
    transform: scale(0.6) translate(-50%, -50%);
  }
}
@media only screen and (max-width: 600px) {
  .block-type-hotspot .hotspot {
    -webkit-transform: scale(0.5) translate(-50%, -50%);
    -moz-transform: scale(0.5) translate(-50%, -50%);
    -ms-transform: scale(0.5) translate(-50%, -50%);
    -o-transform: scale(0.5) translate(-50%, -50%);
    transform: scale(0.5) translate(-50%, -50%);
  }
}
.block-type-hotspot .hotspot_container {
  position: relative;
}
.block-type-hotspot .hotspot_container * {
  color: #ffffff;
}
.block-type-hotspot .hotspot_container ul li {
  padding: 0;
  margin: 0;
  border: none;
}
.block-type-hotspot .hotspot-bouton-container {
  position: absolute;
  top: 0;
  left: 0;
}
.block-type-menu {
  overflow: initial;
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-menu {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-menu {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-menu .time {
  display: inline-block;
  border: #ffffff 3px solid;
  border-radius: 20px;
  padding: 15px 25px 15px 80px;
  background-image: url("img/ico_clock.svg");
  background-repeat: no-repeat;
  background-position: left 25px center;
}
@media only screen and (max-width: 1180px) {
  .block-type-menu .time {
    background-size: 18%;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-menu .time {
    padding: 10px 20px 10px 60px;
    border-radius: 15px;
  }
}
.block-type-menu .time abbr {
  text-decoration: none;
  border: none;
  padding-left: 5px;
}
.block-type-menu .btn {
  border-radius: 20px;
  max-width: 300px;
  padding: 15px 30px 15px 30px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-position: right 25px center;
  color: #932784 !important;
  color: var(--color1) !important;
}
@media only screen and (max-width: 760px) {
  .block-type-menu .btn {
    border-radius: 10px;
    padding: 10px 50px 10px 20px;
  }
}
.block-type-menu .btn:hover,
.block-type-menu .btn:focus {
  background-size: 25px;
  background-color: #932784;
  background-color: var(--color1);
  color: #ffffff !important;
}
body.color_2 .block-type-menu .btn:hover,
body.color_2 .block-type-menu .btn:focus {
  background-size: 25px;
}
.block-type-menu .tooltip-zest-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url("img/ico_croix-white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: none;
  border: 2px solid transparent;
  border-radius: 10px;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.block-type-menu .tooltip-zest-close:hover,
.block-type-menu .tooltip-zest-close:focus {
  border-color: #ffffff;
}
@media only screen and (max-width: 760px) {
  .block-type-menu .tooltip-zest-close {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: top right;
  }
}
.block-type-menu .tooltipBox.large {
  max-width: 900px;
}
.block-type-menu .tooltipBox.small {
  max-width: 420px;
}
.block-type-menu .tooltipBox.tiny {
  max-width: 320px;
}
.block-type-menu .tooltipBox.toolkit-position-x-full {
  width: 100%;
  max-width: initial;
  position: initial;
  display: none;
}
.block-type-menu .tooltipBox.toolkit-position-x-full.show {
  display: inline-block;
}
.block-type-menu .tooltipBox.toolkit-position-x-full::after {
  left: auto;
  right: auto;
  display: none;
}
.block-type-menu .tooltipBox.toolkit-position-x-full.toolkit-position-y-top {
  transform: translateY(0);
}
.block-type-menu .tooltipBox.toolkit-position-x-full.toolkit-position-y-bottom {
  transform: translateY(0);
}
@media only screen and (max-width: 760px) {
  .block-type-menu .tooltipBox.toolkit-position-x-full {
    position: absolute;
    left: 0 !important;
  }
  .block-type-menu .tooltipBox.toolkit-position-x-full.toolkit-position-y-top {
    transform: translateY(-24px);
  }
  .block-type-menu .tooltipBox.toolkit-position-x-full::after {
    left: auto;
    right: auto;
    display: inline-block;
    transform: translate(-100%, 0px);
  }
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='100']::after {
  left: 100%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='99']::after {
  left: 99%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='98']::after {
  left: 98%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='97']::after {
  left: 97%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='96']::after {
  left: 96%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='95']::after {
  left: 95%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='94']::after {
  left: 94%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='93']::after {
  left: 93%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='92']::after {
  left: 92%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='91']::after {
  left: 91%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='90']::after {
  left: 90%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='89']::after {
  left: 89%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='88']::after {
  left: 88%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='87']::after {
  left: 87%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='86']::after {
  left: 86%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='85']::after {
  left: 85%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='84']::after {
  left: 84%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='83']::after {
  left: 83%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='82']::after {
  left: 82%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='81']::after {
  left: 81%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='80']::after {
  left: 80%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='79']::after {
  left: 79%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='78']::after {
  left: 78%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='77']::after {
  left: 77%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='76']::after {
  left: 76%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='75']::after {
  left: 75%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='74']::after {
  left: 74%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='73']::after {
  left: 73%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='72']::after {
  left: 72%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='71']::after {
  left: 71%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='70']::after {
  left: 70%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='69']::after {
  left: 69%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='68']::after {
  left: 68%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='67']::after {
  left: 67%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='66']::after {
  left: 66%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='65']::after {
  left: 65%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='64']::after {
  left: 64%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='63']::after {
  left: 63%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='62']::after {
  left: 62%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='61']::after {
  left: 61%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='60']::after {
  left: 60%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='59']::after {
  left: 59%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='58']::after {
  left: 58%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='57']::after {
  left: 57%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='56']::after {
  left: 56%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='55']::after {
  left: 55%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='54']::after {
  left: 54%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='53']::after {
  left: 53%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='52']::after {
  left: 52%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='51']::after {
  left: 51%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='50']::after {
  left: 50%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='49']::after {
  left: 49%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='48']::after {
  left: 48%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='47']::after {
  left: 47%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='46']::after {
  left: 46%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='45']::after {
  left: 45%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='44']::after {
  left: 44%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='43']::after {
  left: 43%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='42']::after {
  left: 42%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='41']::after {
  left: 41%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='40']::after {
  left: 40%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='39']::after {
  left: 39%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='38']::after {
  left: 38%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='37']::after {
  left: 37%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='36']::after {
  left: 36%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='35']::after {
  left: 35%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='34']::after {
  left: 34%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='33']::after {
  left: 33%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='32']::after {
  left: 32%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='31']::after {
  left: 31%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='30']::after {
  left: 30%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='29']::after {
  left: 29%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='28']::after {
  left: 28%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='27']::after {
  left: 27%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='26']::after {
  left: 26%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='25']::after {
  left: 25%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='24']::after {
  left: 24%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='23']::after {
  left: 23%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='22']::after {
  left: 22%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='21']::after {
  left: 21%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='20']::after {
  left: 20%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='19']::after {
  left: 19%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='18']::after {
  left: 18%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='17']::after {
  left: 17%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='16']::after {
  left: 16%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='15']::after {
  left: 15%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='14']::after {
  left: 14%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='13']::after {
  left: 13%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='12']::after {
  left: 12%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='11']::after {
  left: 11%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='10']::after {
  left: 10%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='9']::after {
  left: 9%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='8']::after {
  left: 8%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='7']::after {
  left: 7%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='6']::after {
  left: 6%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='5']::after {
  left: 5%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='4']::after {
  left: 4%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='3']::after {
  left: 3%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='2']::after {
  left: 2%;
}
.block-type-menu .tooltipBox.toolkit-position-x-full[data-zpz='1']::after {
  left: 1%;
}
.block-type-menu .hotspot {
  position: absolute;
  display: inline-block;
  border: 2px solid transparent;
  background-color: transparent;
  transform-origin: top left;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.block-type-menu .hotspot:hover,
.block-type-menu .hotspot:focus {
  background-color: rgba(65, 64, 66, 0.1);
}
.block-type-menu .hotspot.show {
  background-color: rgba(65, 64, 66, 0.1);
}
.block-type-menu .hotspot_container {
  position: relative;
}
.block-type-menu .hotspot_container * {
  color: #ffffff;
}
.block-type-menu .hotspot_container ul li {
  padding: 0;
  margin: 0;
  border: none;
}
.block-type-menu .hotspot-bouton-container {
  position: absolute;
  top: 0;
  left: 0;
}
.block-type-processus {
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-processus {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-processus {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-processus .slides .slides-inner .slide {
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.block-type-processus .slides .slides-inner .slide .width40 {
  width: 40%;
}
@media only screen and (max-width: 760px) {
  .block-type-processus .slides .slides-inner .slide .width40 {
    width: 80%;
  }
}
.block-type-processus .slides .slides-inner .slide[aria-hidden="false"] {
  opacity: 1;
}
.block-type-processus .slides .slides-inner .slide[aria-hidden="true"] {
  opacity: 0;
  transition-delay: 500ms;
}
.block-type-processus .slides .slides-arrow {
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  padding: 0;
  margin: 0;
}
.block-type-processus .slides .slides-arrow button {
  width: 148px;
  height: 69px;
  position: absolute;
  top: 0;
  background-color: #932784;
  background-color: var(--color1);
  background-repeat: no-repeat;
  border: 4px solid #932784;
  border: 4px solid var(--color1);
  border-radius: 81px;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
@media only screen and (max-width: 1000px) {
  .block-type-processus .slides .slides-arrow button {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@media only screen and (max-width: 760px) {
  .block-type-processus .slides .slides-arrow button {
    -webkit-transform: scale(0.45);
    -moz-transform: scale(0.45);
    -ms-transform: scale(0.45);
    -o-transform: scale(0.45);
    transform: scale(0.45);
  }
}
.block-type-processus .slides .slides-arrow button span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.block-type-processus .slides .slides-arrow button.btnSlidePrev {
  background-image: url("img/processus_left.svg");
  background-position: center center;
  left: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.block-type-processus .slides .slides-arrow button.btnSlideNext {
  background-image: url("img/processus_right.svg");
  background-position: center center;
  right: 0;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
.block-type-processus .slides .slides-arrow button:hover {
  background-color: #ffffff;
}
.block-type-processus .slides .slides-arrow button:hover.btnSlidePrev {
  background-image: url("img/processus_left_hover.svg");
}
body.color_2 .block-type-processus .slides .slides-arrow button:hover.btnSlidePrev {
  background-image: url("img/color_red/processus_left_hover.svg");
}
.block-type-processus .slides .slides-arrow button:hover.btnSlideNext {
  background-image: url("img/processus_right_hover.svg");
}
body.color_2 .block-type-processus .slides .slides-arrow button:hover.btnSlideNext {
  background-image: url("img/color_red/processus_right_hover.svg");
}
.block-type-processus .slides .slides-menu {
  padding: 0;
  margin: 0;
  text-align: center;
  margin-bottom: 42px;
}
@media only screen and (max-width: 760px) {
  .block-type-processus .slides .slides-menu {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    padding: 0 50px;
    margin-bottom: 14px;
  }
}
.block-type-processus .slides .slides-menu li {
  margin-bottom: 0;
  margin-top: 14px;
  margin-left: 5px;
  margin-right: 5px;
}
@media only screen and (max-width: 760px) {
  .block-type-processus .slides .slides-menu li {
    margin: 14px 0px 0px;
  }
  .block-type-processus .slides .slides-menu li button {
    font-style: normal;
    font-weight: 400;
    font-size: 15.4px;
    line-height: 23.1px;
  }
  .block-type-processus .slides .slides-menu li button:not(.active) {
    display: none;
  }
  .block-type-processus .slides .slides-menu li button .sr-only-desktop:before {
    display: inline;
    content: "/";
  }
}
@media only screen and (max-width: 760px) and only screen and (max-width: 1180px) {
  .block-type-processus .slides .slides-menu li button {
    font-weight: 400;
    font-size: 11.9px;
    line-height: 23.1px;
  }
}
@media only screen and (max-width: 760px) and only screen and (max-width: 760px) {
  .block-type-processus .slides .slides-menu li button {
    font-weight: 400;
    font-size: 9.9px;
    line-height: 29.7px;
  }
}
.block-type-processus .slides .slides-menu li button {
  height: 40px;
  width: 40px;
  padding: 0;
  align-items: center;
  text-rendering: geometricPrecision;
  color: #ffffff;
  background-color: #932784;
  background-color: var(--color1);
  border: 3px solid #932784;
  border: 3px solid var(--color1);
  border-radius: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.block-type-processus .slides .slides-menu li button:focus,
.block-type-processus .slides .slides-menu li button:hover,
.block-type-processus .slides .slides-menu li button.active {
  color: #932784;
  color: var(--color1);
  background-color: #ffffff;
  border: 3px solid #932784;
  border: 3px solid var(--color1);
}
.block-type-qcm img {
  border-radius: 0;
}
.block-type-qcm .quiz {
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
  position: relative;
  text-align: right;
}
.block-type-qcm .quiz .btnValider {
  margin-top: 42px;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcm .quiz .btnValider {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcm .quiz .btnValider {
    margin-top: 14px;
  }
}
.block-type-qcm .quiz label {
  background-position: 40px center;
  background-repeat: no-repeat;
  background-image: url("img/checkbox.svg");
}
.block-type-qcm .quiz label.checked {
  background-image: url("img/checkbox_check.svg");
  background-size: 35px;
}
.block-type-qcm .quiz label.checked.good {
  background-image: url("img/checkbox_good.svg");
  border: solid 2px #00BFDF;
}
.block-type-qcm .quiz label.checked.wrong {
  background-image: url("img/checkbox_wrong.svg");
  border: solid 2px #ED1556;
}
.block-type-qcm .quiz label.checked.wrongRetry {
  background-image: url("img/checkbox_wrongRetry.svg");
  border: solid 2px #FFCC32;
}
.block-type-qcm .quiz label.wrong {
  background-image: url("img/checkbox_good_no_checked.svg");
  border: solid 2px #00BFDF;
  background-size: 37px;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcm .quiz label {
    background-size: 35px;
  }
  .block-type-qcm .quiz label.wrong {
    background-size: 35px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcm .quiz label {
    background-size: 20px;
    background-position: 20px center;
  }
  .block-type-qcm .quiz label.wrong,
  .block-type-qcm .quiz label.checked {
    background-size: 20px;
  }
}
.block-type-qcm .col:first-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 80px;
  padding-right: 56px;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcm .col:first-child {
    padding-left: 40px;
    padding-right: 42px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcm .col:first-child {
    padding-left: 20px;
    padding-right: 21px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcm .col:first-child {
    margin-right: 0;
    padding-bottom: 7px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcm .col:first-child {
    margin-bottom: 0;
    padding-bottom: 3.5px;
  }
}
.block-type-qcm .col:last-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 56px;
  padding-right: 80px;
  background-color: #FAFAFA;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcm .col:last-child {
    padding-left: 42px;
    padding-right: 40px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcm .col:last-child {
    padding-left: 21px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcm .col:last-child {
    margin-left: 0;
    padding: 14px;
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcm .col:last-child {
    padding: 7px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcm .col {
    flex: 100%;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcm .col {
    flex: 100%;
  }
}
.block-type-qcu_inline {
  position: relative;
}
.block-type-qcu_inline img {
  border-radius: 0;
}
.block-type-qcu_inline .quiz {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.block-type-qcu_inline .quiz p {
  line-height: 45px;
}
@media only screen and (max-width: 1180px) {
  .block-type-qcu_inline .quiz p {
    line-height: 40px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz p {
    line-height: 21px;
  }
}
.block-type-qcu_inline .quiz .btnValider {
  align-self: flex-end;
  flex-grow: 0;
  margin-top: 42px;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu_inline .quiz .btnValider {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz .btnValider {
    width: 116px;
    margin-top: 14px;
  }
}
.block-type-qcu_inline .quiz input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.block-type-qcu_inline .quiz input[type="radio"]:focus + label {
  border: 1px solid #414042;
}
.block-type-qcu_inline .quiz .radio-button {
  opacity: 0;
  margin-right: 55px;
  white-space: nowrap;
}
@media only screen and (max-width: 1180px) {
  .block-type-qcu_inline .quiz .radio-button {
    margin-right: 43px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu_inline .quiz .radio-button {
    margin-right: 43px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz .radio-button {
    margin-right: 41px;
  }
}
.block-type-qcu_inline .quiz label {
  position: absolute;
  z-index: 100;
  padding: 0 4px 0 18px;
  background-color: rgba(198, 75, 155, 0.2);
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 35px;
  border: 1px solid rgba(198, 75, 155, 0);
  border-collapse: separate;
  border-spacing: 0;
  width: auto !important;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 19.6px;
  line-height: 29.4px;
}
@media only screen and (max-width: 1180px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
@media only screen and (max-width: 1180px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz label {
    font-weight: 700;
    font-size: 12.6px;
    line-height: 18.9px;
  }
}
.block-type-qcu_inline .quiz label::after {
  content: "";
  width: 31px;
  height: 31px;
  position: absolute;
  top: -1px;
  left: -16px;
  background: url("img/radio.svg") no-repeat;
  background-size: contain;
  -webkit-transition: background-image 0.5s ease;
  -moz-transition: background-image 0.5s ease;
  -ms-transition: background-image 0.5s ease;
  -o-transition: background-image 0.5s ease;
  transition: background-image 0.5s ease;
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz label::after {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.block-type-qcu_inline .quiz label.checked::after {
  background-image: url("img/radio_checked.svg");
}
.block-type-qcu_inline .quiz label.checked.good {
  background-color: rgba(0, 191, 223, 0.2);
}
.block-type-qcu_inline .quiz label.checked.good::after {
  background-image: url("img/radio_good.svg");
  top: -2px;
}
.block-type-qcu_inline .quiz label.checked.wrong {
  background-color: rgba(237, 21, 86, 0.2);
}
.block-type-qcu_inline .quiz label.checked.wrong::after {
  background-image: url("img/radio_wrong.svg");
  top: -2px;
}
.block-type-qcu_inline .quiz label.checked.wrongRetry {
  background-color: rgba(255, 204, 50, 0.2);
}
.block-type-qcu_inline .quiz label.checked.wrongRetry::after {
  background-image: url("img/radio_wrongRetry.svg");
  top: -2px;
}
.block-type-qcu_inline .quiz label.wrong {
  background-color: rgba(0, 191, 223, 0.2);
}
.block-type-qcu_inline .quiz label.wrong::after {
  background-image: url("img/radio_good_no_checked.svg");
  top: -2px;
}
@media only screen and (max-width: 1180px) {
  .block-type-qcu_inline .quiz label {
    padding: 0 3px 0 12px;
  }
  .block-type-qcu_inline .quiz label::after {
    width: 23px;
    height: 23px;
    left: -14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu_inline .quiz label {
    padding: 0 3px 0 12px;
  }
  .block-type-qcu_inline .quiz label::after {
    width: 23px;
    height: 23px;
    left: -12px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .quiz label {
    line-height: 16px;
    padding: 0 3px 0 12px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }
  .block-type-qcu_inline .quiz label::after {
    width: 21px;
    height: 21px;
    left: -12px;
  }
}
.block-type-qcu_inline .col:first-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 80px;
  padding-right: 56px;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu_inline .col:first-child {
    padding-left: 40px;
    padding-right: 42px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .col:first-child {
    padding-left: 20px;
    padding-right: 21px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .col:first-child {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-qcu_inline .col:last-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 56px;
  padding-right: 80px;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu_inline .col:last-child {
    padding-left: 42px;
    padding-right: 40px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .col:last-child {
    padding-left: 21px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu_inline .col {
    flex: 100%;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu_inline .col {
    flex: 100%;
  }
}
.block-type-qcu img {
  border-radius: 0;
}
.block-type-qcu .quiz {
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
  position: relative;
  text-align: right;
}
.block-type-qcu .quiz .btnValider {
  margin-top: 42px;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu .quiz .btnValider {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu .quiz .btnValider {
    margin-top: 14px;
  }
}
.block-type-qcu .quiz label {
  background-position: 40px center;
  background-repeat: no-repeat;
  background-image: url("img/radio.svg");
}
.block-type-qcu .quiz label.checked {
  background-image: url("img/radio_checked.svg");
}
.block-type-qcu .quiz label.checked.good {
  background-image: url("img/radio_good.svg");
  border: solid 2px #00BFDF;
}
.block-type-qcu .quiz label.checked.wrong {
  background-image: url("img/radio_wrong.svg");
  border: solid 2px #ED1556;
}
.block-type-qcu .quiz label.checked.wrongRetry {
  background-image: url("img/radio_wrongRetry.svg");
  border: solid 2px #FFCC32;
}
.block-type-qcu .quiz label.wrong {
  background-image: url("img/radio_good_no_checked.svg");
  background-size: 37px;
  border: solid 2px #00BFDF;
}
@media only screen and (max-width: 760px) {
  .block-type-qcu .quiz label {
    background-size: 26px;
    background-position: 20px center;
  }
  .block-type-qcu .quiz label.wrong {
    background-size: 26px;
  }
}
.block-type-qcu .col:first-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 80px;
  padding-right: 56px;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu .col:first-child {
    padding-left: 40px;
    padding-right: 42px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu .col:first-child {
    padding-left: 20px;
    padding-right: 21px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu .col:first-child {
    margin-right: 0;
    padding-bottom: 7px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu .col:first-child {
    margin-bottom: 0;
    padding-bottom: 3.5px;
  }
}
.block-type-qcu .col:last-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 56px;
  padding-right: 80px;
  background-color: #FAFAFA;
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu .col:last-child {
    padding-left: 42px;
    padding-right: 40px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu .col:last-child {
    padding-left: 21px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu .col:last-child {
    margin-left: 0;
    padding: 14px;
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu .col:last-child {
    padding: 7px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-qcu .col {
    flex: 100%;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-qcu .col {
    flex: 100%;
  }
}
.block-type-quizTextInput .row,
.block-type-text_a_trou .row,
.block-type-tableau_a_remplir .row,
.block-type-quizTextInput .col,
.block-type-text_a_trou .col,
.block-type-tableau_a_remplir .col {
  margin-bottom: 0;
}
.block-type-quizTextInput img,
.block-type-text_a_trou img,
.block-type-tableau_a_remplir img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
@media only screen and (max-width: 760px) {
  .block-type-quizTextInput .consigne,
  .block-type-text_a_trou .consigne,
  .block-type-tableau_a_remplir .consigne {
    margin-bottom: 20px;
  }
}
.block-type-quizTextInput .quiz,
.block-type-text_a_trou .quiz,
.block-type-tableau_a_remplir .quiz {
  width: 100%;
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.block-type-quizTextInput .quiz .choices .choice,
.block-type-text_a_trou .quiz .choices .choice,
.block-type-tableau_a_remplir .quiz .choices .choice {
  position: relative;
}
.block-type-quizTextInput .quiz .choices .choice .metric,
.block-type-text_a_trou .quiz .choices .choice .metric,
.block-type-tableau_a_remplir .quiz .choices .choice .metric {
  margin-left: 10px;
}
.block-type-quizTextInput .quiz .choices input[type="text"],
.block-type-text_a_trou .quiz .choices input[type="text"],
.block-type-tableau_a_remplir .quiz .choices input[type="text"] {
  border-radius: 20px;
  border: 1px solid #DDDDDD;
  padding: 14px;
  background-position: right 20px center;
  background-repeat: no-repeat;
  width: 360px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.block-type-quizTextInput .quiz .choices input[type="text"].good,
.block-type-text_a_trou .quiz .choices input[type="text"].good,
.block-type-tableau_a_remplir .quiz .choices input[type="text"].good {
  border: solid 2px #00BFDF;
  background-image: url("img/radio_good.svg");
}
.block-type-quizTextInput .quiz .choices input[type="text"].wrong,
.block-type-text_a_trou .quiz .choices input[type="text"].wrong,
.block-type-tableau_a_remplir .quiz .choices input[type="text"].wrong {
  border: solid 2px #ED1556;
  background-image: url("img/radio_wrong.svg");
}
.block-type-quizTextInput .quiz .choices input[type="text"].wrongRetry,
.block-type-text_a_trou .quiz .choices input[type="text"].wrongRetry,
.block-type-tableau_a_remplir .quiz .choices input[type="text"].wrongRetry {
  border: solid 1px #FFCC32;
  background-image: url("img/radio_wrongRetry.svg");
}
@media only screen and (max-width: 1000px) {
  .block-type-quizTextInput .quiz .choices input[type="text"],
  .block-type-text_a_trou .quiz .choices input[type="text"],
  .block-type-tableau_a_remplir .quiz .choices input[type="text"] {
    padding: 15px 0 15px 20px;
    width: 270px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-quizTextInput .quiz .choices input[type="text"],
  .block-type-text_a_trou .quiz .choices input[type="text"],
  .block-type-tableau_a_remplir .quiz .choices input[type="text"] {
    background-size: 26px;
    width: 210px;
  }
}
.block-type-quizTextInput .quiz .choices input[type="text"]:disabled,
.block-type-text_a_trou .quiz .choices input[type="text"]:disabled,
.block-type-tableau_a_remplir .quiz .choices input[type="text"]:disabled {
  opacity: 1;
}
.block-type-quizTextInput .quiz .choices input[type="text"]::placeholder,
.block-type-text_a_trou .quiz .choices input[type="text"]::placeholder,
.block-type-tableau_a_remplir .quiz .choices input[type="text"]::placeholder {
  color: #414042;
  font-size: 28px;
}
@media only screen and (max-width: 760px) {
  .block-type-quizTextInput .quiz .choices input[type="text"]::placeholder,
  .block-type-text_a_trou .quiz .choices input[type="text"]::placeholder,
  .block-type-tableau_a_remplir .quiz .choices input[type="text"]::placeholder {
    font-size: 13px;
  }
}
.block-type-quizTextInput .quiz .choices input[type="text"].visible,
.block-type-text_a_trou .quiz .choices input[type="text"].visible,
.block-type-tableau_a_remplir .quiz .choices input[type="text"].visible {
  padding-top: 30px;
  padding-bottom: 10px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
  .block-type-quizTextInput .quiz .choices input[type="text"].visible,
  .block-type-text_a_trou .quiz .choices input[type="text"].visible,
  .block-type-tableau_a_remplir .quiz .choices input[type="text"].visible {
    padding: 25px 0 5px 20px;
  }
}
.block-type-quizTextInput .quiz .choices label,
.block-type-text_a_trou .quiz .choices label,
.block-type-tableau_a_remplir .quiz .choices label {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #c6c6c6;
}
.block-type-quizTextInput .quiz .choices label.visible,
.block-type-text_a_trou .quiz .choices label.visible,
.block-type-tableau_a_remplir .quiz .choices label.visible {
  opacity: 1;
}
@media only screen and (max-width: 1000px) {
  .block-type-quizTextInput .quiz .choices label,
  .block-type-text_a_trou .quiz .choices label,
  .block-type-tableau_a_remplir .quiz .choices label {
    top: 8px;
  }
}
.block-type-quizTextInput .quiz .btnValider,
.block-type-text_a_trou .quiz .btnValider,
.block-type-tableau_a_remplir .quiz .btnValider {
  align-self: flex-end;
  flex-grow: 0;
  margin-top: 42px;
}
@media only screen and (max-width: 1000px) {
  .block-type-quizTextInput .quiz .btnValider,
  .block-type-text_a_trou .quiz .btnValider,
  .block-type-tableau_a_remplir .quiz .btnValider {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-quizTextInput .quiz .btnValider,
  .block-type-text_a_trou .quiz .btnValider,
  .block-type-tableau_a_remplir .quiz .btnValider {
    margin-top: 14px;
  }
}
.block-type-quizTextInput .col:last-child,
.block-type-text_a_trou .col:last-child,
.block-type-tableau_a_remplir .col:last-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 56px;
  padding-right: 80px;
}
@media only screen and (max-width: 1000px) {
  .block-type-quizTextInput .col:last-child,
  .block-type-text_a_trou .col:last-child,
  .block-type-tableau_a_remplir .col:last-child {
    padding-left: 42px;
    padding-right: 40px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-quizTextInput .col:last-child,
  .block-type-text_a_trou .col:last-child,
  .block-type-tableau_a_remplir .col:last-child {
    padding-left: 21px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-quizTextInput .col,
  .block-type-text_a_trou .col,
  .block-type-tableau_a_remplir .col {
    flex: 100%;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-quizTextInput .col,
  .block-type-text_a_trou .col,
  .block-type-tableau_a_remplir .col {
    flex: 100%;
  }
}
.block-type-tableau_a_remplir .quiz .choices .choice {
  padding: 0 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-tableau_a_remplir .quiz .choices .choice {
    padding: 0 8px;
  }
}
.block-type-tableau_a_remplir .quiz .choices .choice input[type="text"] {
  padding: 12px 20px;
  width: 100%;
}
@media only screen and (max-width: 760px) {
  .block-type-tableau_a_remplir .quiz .choices .choice input[type="text"] {
    min-width: 240px;
  }
}
.block-type-tableau_a_remplir .quiz .choices .choice input[type="text"]::placeholder {
  color: rgba(65, 64, 66, 0.3);
  font-size: 20px;
  line-height: 30px;
}
@media only screen and (max-width: 760px) {
  .block-type-tableau_a_remplir .quiz .choices .choice input[type="text"]::placeholder {
    font-size: 14px;
    line-height: 21px;
  }
}
.block-type-tableau_a_remplir .quiz .choices label {
  top: -6px;
  left: 40px;
  background: white;
  padding: 0 10px;
  border-radius: 10px;
  line-height: 24px;
}
@media only screen and (max-width: 1000px) {
  .block-type-tableau_a_remplir .quiz .choices label {
    left: 20px;
  }
}
.block-type-tableau_a_remplir .quiz .choices table {
  width: 100%;
}
@media only screen and (max-width: 760px) {
  .block-type-tableau_a_remplir .quiz .choices table {
    table-layout: initial;
  }
}
.block-type-tableau_a_remplir .quiz .choices table tbody > :nth-child(1n+2) th {
  text-align: initial;
}
.block-type-tableau_a_remplir .quiz .choices table tbody tr:first-child td,
.block-type-tableau_a_remplir .quiz .choices table tbody tr:first-child th {
  font-weight: bold;
  padding: 20px 28px;
  vertical-align: middle;
}
@media only screen and (max-width: 1000px) {
  .block-type-tableau_a_remplir .quiz .choices table tbody tr:first-child td,
  .block-type-tableau_a_remplir .quiz .choices table tbody tr:first-child th {
    padding: 20px 14px;
  }
}
.block-type-tableau_a_remplir .quiz .choices table tbody tr:first-child td {
  text-align: left;
  padding-left: 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-tableau_a_remplir .quiz .choices table tbody tr:first-child td {
    padding-left: 14px;
  }
}
.block-type-tableau_a_remplir .quiz .choices table tbody tr:first-child th:last-child {
  padding: 20px 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-tableau_a_remplir .quiz .choices table tbody tr:first-child th:last-child {
    padding: 20px 14px;
  }
}
.block-type-tableau_a_remplir .quiz .choices table tbody tr th {
  font-weight: 300;
  padding: 20px 28px;
}
@media only screen and (max-width: 1000px) {
  .block-type-tableau_a_remplir .quiz .choices table tbody tr th {
    padding: 20px 14px;
  }
}
.block-type-tableau_a_remplir .quiz .choices table tbody tr td {
  vertical-align: middle;
}
.block-type-tableau_a_remplir .quiz .btnValider {
  align-self: center;
}
.block-type-text_a_trou p.text2 {
  margin-bottom: 0;
}
.block-type-text_a_trou .quiz .choices .input_text {
  opacity: 0;
  margin-right: 325px;
  line-height: 70px;
}
.block-type-text_a_trou .quiz .choices p {
  line-height: 70px;
}
@media only screen and (max-width: 1180px) {
  .block-type-text_a_trou .quiz .choices .input_text {
    margin-right: 240px;
    line-height: 65px;
  }
  .block-type-text_a_trou .quiz .choices p {
    line-height: 65px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-type-text_a_trou .quiz .choices .input_text {
    margin-right: 230px;
    line-height: 60px;
  }
  .block-type-text_a_trou .quiz .choices p {
    line-height: 60px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-text_a_trou .quiz .choices .input_text {
    margin-right: 183px;
  }
  .block-type-text_a_trou .quiz .choices p {
    line-height: 45px;
  }
}
.iframe-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.iframe-container button.transcription {
  margin-top: 20px;
  width: 800px;
  background-color: #932784;
  background-color: var(--color1);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  background: #932784 url(img/ico_plus_blanc.svg) no-repeat right 14px center;
  background: var(--color1) url(img/ico_plus_blanc.svg) no-repeat right 14px center;
  background-size: 20px;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
@media only screen and (max-width: 910px) {
  .iframe-container button.transcription {
    width: 640px;
  }
}
@media only screen and (max-width: 700px) {
  .iframe-container button.transcription {
    width: 480px;
  }
}
@media only screen and (max-width: 540px) {
  .iframe-container button.transcription {
    width: 400px;
  }
}
@media only screen and (max-width: 460px) {
  .iframe-container button.transcription {
    width: 320px;
  }
}
@media only screen and (max-width: 380px) {
  .iframe-container button.transcription {
    width: 100%;
  }
}
.iframe-container button.transcription p {
  width: 100%;
  text-align: left;
  display: inline-block;
  text-transform: capitalize;
  color: #ffffff;
  padding: 12px 25px 11px 25px;
  margin: 0px;
}
.iframe-container button.transcription.open {
  background: #932784 url(img/ico_moins_blanc.svg) no-repeat right 14px center;
  background: var(--color1) url(img/ico_moins_blanc.svg) no-repeat right 14px center;
  border-radius: 10px 10px 0px 0px;
  background-size: 20px;
}
.iframe-container .video-transcription {
  margin-top: 20px;
  margin: auto;
  width: 800px;
  border-radius: 0px 0px 14px 14px;
  background-color: #ffffff;
  border: 2px solid #932784;
  border: 2px solid var(--color1);
  padding: 14px;
}
@media only screen and (max-width: 910px) {
  .iframe-container .video-transcription {
    width: 640px;
  }
}
@media only screen and (max-width: 700px) {
  .iframe-container .video-transcription {
    width: 480px;
  }
}
@media only screen and (max-width: 540px) {
  .iframe-container .video-transcription {
    width: 400px;
  }
}
@media only screen and (max-width: 460px) {
  .iframe-container .video-transcription {
    width: 320px;
  }
}
@media only screen and (max-width: 380px) {
  .iframe-container .video-transcription {
    width: 100%;
  }
}
.iframe-container .video-transcription .panel {
  overflow-y: auto;
  padding-right: 14px;
  width: 100%;
  height: 360px;
}
@media only screen and (max-width: 700px) {
  .iframe-container .video-transcription .panel {
    height: 270px;
  }
}
@media only screen and (max-width: 540px) {
  .iframe-container .video-transcription .panel {
    height: 225px;
  }
}
@media only screen and (max-width: 460px) {
  .iframe-container .video-transcription .panel {
    height: 180px;
  }
}
.iframe-container .video-transcription .panel pre {
  text-align: left;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
@media only screen and (max-width: 760px) {
  .iframe-container .video-transcription .panel pre {
    padding: 0px;
  }
}
.block-type-true_false img {
  border-radius: 0;
}
.block-type-true_false .quiz {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-type-true_false .quiz .btnValider {
  margin-top: 42px;
}
@media only screen and (max-width: 1000px) {
  .block-type-true_false .quiz .btnValider {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-true_false .quiz .btnValider {
    margin-top: 14px;
  }
}
.block-type-true_false .quiz .choices {
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-type-true_false .quiz .choices label {
  width: 195px;
  height: 195px;
  border-radius: 50%;
  margin-bottom: 0;
  border: 1px solid #DDDDDD;
  background-position: center 55px;
  background-repeat: no-repeat;
  background-image: url("img/radio.svg");
  padding: 110px 0 0;
  align-items: flex-start;
  justify-content: center;
}
.block-type-true_false .quiz .choices label:last-child {
  margin-left: 28px;
}
.block-type-true_false .quiz .choices label.checked {
  background-image: url("img/radio_checked.svg");
}
.block-type-true_false .quiz .choices label.checked.good {
  background-image: url("img/radio_good.svg");
  border: solid 2px #00BFDF;
}
.block-type-true_false .quiz .choices label.checked.wrong {
  background-image: url("img/radio_wrong.svg");
  border: solid 2px #ED1556;
}
.block-type-true_false .quiz .choices label.checked.wrongRetry {
  background-image: url("img/radio_wrongRetry.svg");
  border: solid 2px #FFCC32;
}
.block-type-true_false .quiz .choices label.wrong {
  background-image: url("img/radio_good_no_checked.svg");
  background-size: 37px;
  border: solid 2px #00BFDF;
}
@media only screen and (max-width: 1180px) {
  .block-type-true_false .quiz .choices label {
    width: 148px;
    height: 148px;
    padding: 85px 0 0;
    background-size: 30px;
    background-position: center 40px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-true_false .quiz .choices label {
    width: 118px;
    height: 118px;
    background-size: 20px;
    background-position: center 30px;
    padding: 65px 0 0;
  }
  .block-type-true_false .quiz .choices label.wrong {
    background-size: 20px;
  }
}
.block-type-true_false .col:first-child {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 80px;
  padding-right: 56px;
}
@media only screen and (max-width: 1000px) {
  .block-type-true_false .col:first-child {
    padding-left: 40px;
    padding-right: 42px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-true_false .col:first-child {
    padding-left: 20px;
    padding-right: 21px;
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-true_false .col:first-child {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.block-type-true_false .col:last-child img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1000px) {
  .block-type-true_false .col {
    flex: 100%;
  }
  .block-type-true_false .col:first-child {
    order: 1;
    min-width: 100%;
    padding: 60px 80px;
  }
  .block-type-true_false .col:last-child {
    padding: 50px 56px 28px;
  }
}
@media only screen and (max-width: 760px) {
  .block-type-true_false .col {
    flex: 100%;
  }
  .block-type-true_false .col:first-child {
    padding: 20px 40px;
  }
  .block-type-true_false .col:last-child {
    padding: 20px 40px 14px;
  }
}
a.glossary-word {
  border-bottom: 1px dashed transparent;
  text-decoration: none;
  color: transparent;
  padding-bottom: 0px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
a.glossary-word:hover {
  color: transparent;
  border-bottom-color: transparent;
}
#glossary {
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  animation-duration: 0.4s;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 999998;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: none;
}
#glossary #glossaryOverlay {
  position: absolute;
  left: 0;
  top: 0px;
  background: #ffffff;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  z-index: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#glossary #glossaryInner {
  position: absolute;
  background-color: #ffffff;
  box-sizing: border-box;
  height: 940px;
  width: 1640px;
  top: 50%;
  left: 50%;
  margin: -510px 0 0 -820px;
  border: 2px solid #231F20;
  padding: 50px 125px;
}
#glossary #glossaryInner #glossaryBuildContainer #lettersContainer {
  width: 100%;
  height: 60px;
  background-color: transparent;
  padding-left: 37px;
}
#glossary #glossaryInner #glossaryBuildContainer #lettersContainer .letter {
  float: left;
  color: #414042;
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  padding: 0 11px;
  margin: 0 5px;
  font-size: 32px;
  cursor: default;
  -webkit-transition: all 0.33s ease;
  -moz-transition: all 0.33s ease;
  -ms-transition: all 0.33s ease;
  -o-transition: all 0.33s ease;
  transition: all 0.33s ease;
}
#glossary #glossaryInner #glossaryBuildContainer #lettersContainer .letter.active {
  cursor: pointer;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
#glossary #glossaryInner #glossaryBuildContainer #lettersContainer .letter.active.selected,
#glossary #glossaryInner #glossaryBuildContainer #lettersContainer .letter.active:hover {
  background-color: #414042;
  color: #ffffff;
}
#glossary #glossaryInner #glossaryBuildContainer #wordsContainer {
  width: 100%;
  color: transparent;
  margin-top: 10px;
}
#glossary #glossaryInner #glossaryBuildContainer #wordsContainer .word {
  height: fit-content;
  padding: 20px 20px;
}
#glossary #glossaryInner #glossaryBuildContainer #wordsContainer .word.hidden {
  display: none;
}
#glossary #glossaryInner #glossaryBuildContainer #wordsContainer .word p {
  display: inline-block;
}
#glossary #glossaryInner #glossaryBuildContainer #wordsContainer .word .title {
  width: 450px;
  float: left;
  padding-left: 35px;
  font-size: 45px;
}
#glossary #glossaryInner #glossaryBuildContainer #wordsContainer .word .description {
  padding-top: 5px;
  width: 890px;
  font-size: 25px;
}
#glossary #glossaryInner #glossaryBuildContainer #wordsContainer .word.even {
  background-color: #FAFAFA;
}
#glossary #btnCloseGlossary {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  width: 20px;
}
body[data-zoom='1'] #glossary {
  -webkit-transform: scale(0.01);
  -moz-transform: scale(0.01);
  -ms-transform: scale(0.01);
  -o-transform: scale(0.01);
  transform: scale(0.01);
}
body[data-zoom='2'] #glossary {
  -webkit-transform: scale(0.02);
  -moz-transform: scale(0.02);
  -ms-transform: scale(0.02);
  -o-transform: scale(0.02);
  transform: scale(0.02);
}
body[data-zoom='3'] #glossary {
  -webkit-transform: scale(0.03);
  -moz-transform: scale(0.03);
  -ms-transform: scale(0.03);
  -o-transform: scale(0.03);
  transform: scale(0.03);
}
body[data-zoom='4'] #glossary {
  -webkit-transform: scale(0.04);
  -moz-transform: scale(0.04);
  -ms-transform: scale(0.04);
  -o-transform: scale(0.04);
  transform: scale(0.04);
}
body[data-zoom='5'] #glossary {
  -webkit-transform: scale(0.05);
  -moz-transform: scale(0.05);
  -ms-transform: scale(0.05);
  -o-transform: scale(0.05);
  transform: scale(0.05);
}
body[data-zoom='6'] #glossary {
  -webkit-transform: scale(0.06);
  -moz-transform: scale(0.06);
  -ms-transform: scale(0.06);
  -o-transform: scale(0.06);
  transform: scale(0.06);
}
body[data-zoom='7'] #glossary {
  -webkit-transform: scale(0.07);
  -moz-transform: scale(0.07);
  -ms-transform: scale(0.07);
  -o-transform: scale(0.07);
  transform: scale(0.07);
}
body[data-zoom='8'] #glossary {
  -webkit-transform: scale(0.08);
  -moz-transform: scale(0.08);
  -ms-transform: scale(0.08);
  -o-transform: scale(0.08);
  transform: scale(0.08);
}
body[data-zoom='9'] #glossary {
  -webkit-transform: scale(0.09);
  -moz-transform: scale(0.09);
  -ms-transform: scale(0.09);
  -o-transform: scale(0.09);
  transform: scale(0.09);
}
body[data-zoom='10'] #glossary {
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
}
body[data-zoom='11'] #glossary {
  -webkit-transform: scale(0.11);
  -moz-transform: scale(0.11);
  -ms-transform: scale(0.11);
  -o-transform: scale(0.11);
  transform: scale(0.11);
}
body[data-zoom='12'] #glossary {
  -webkit-transform: scale(0.12);
  -moz-transform: scale(0.12);
  -ms-transform: scale(0.12);
  -o-transform: scale(0.12);
  transform: scale(0.12);
}
body[data-zoom='13'] #glossary {
  -webkit-transform: scale(0.13);
  -moz-transform: scale(0.13);
  -ms-transform: scale(0.13);
  -o-transform: scale(0.13);
  transform: scale(0.13);
}
body[data-zoom='14'] #glossary {
  -webkit-transform: scale(0.14);
  -moz-transform: scale(0.14);
  -ms-transform: scale(0.14);
  -o-transform: scale(0.14);
  transform: scale(0.14);
}
body[data-zoom='15'] #glossary {
  -webkit-transform: scale(0.15);
  -moz-transform: scale(0.15);
  -ms-transform: scale(0.15);
  -o-transform: scale(0.15);
  transform: scale(0.15);
}
body[data-zoom='16'] #glossary {
  -webkit-transform: scale(0.16);
  -moz-transform: scale(0.16);
  -ms-transform: scale(0.16);
  -o-transform: scale(0.16);
  transform: scale(0.16);
}
body[data-zoom='17'] #glossary {
  -webkit-transform: scale(0.17);
  -moz-transform: scale(0.17);
  -ms-transform: scale(0.17);
  -o-transform: scale(0.17);
  transform: scale(0.17);
}
body[data-zoom='18'] #glossary {
  -webkit-transform: scale(0.18);
  -moz-transform: scale(0.18);
  -ms-transform: scale(0.18);
  -o-transform: scale(0.18);
  transform: scale(0.18);
}
body[data-zoom='19'] #glossary {
  -webkit-transform: scale(0.19);
  -moz-transform: scale(0.19);
  -ms-transform: scale(0.19);
  -o-transform: scale(0.19);
  transform: scale(0.19);
}
body[data-zoom='20'] #glossary {
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
}
body[data-zoom='21'] #glossary {
  -webkit-transform: scale(0.21);
  -moz-transform: scale(0.21);
  -ms-transform: scale(0.21);
  -o-transform: scale(0.21);
  transform: scale(0.21);
}
body[data-zoom='22'] #glossary {
  -webkit-transform: scale(0.22);
  -moz-transform: scale(0.22);
  -ms-transform: scale(0.22);
  -o-transform: scale(0.22);
  transform: scale(0.22);
}
body[data-zoom='23'] #glossary {
  -webkit-transform: scale(0.23);
  -moz-transform: scale(0.23);
  -ms-transform: scale(0.23);
  -o-transform: scale(0.23);
  transform: scale(0.23);
}
body[data-zoom='24'] #glossary {
  -webkit-transform: scale(0.24);
  -moz-transform: scale(0.24);
  -ms-transform: scale(0.24);
  -o-transform: scale(0.24);
  transform: scale(0.24);
}
body[data-zoom='25'] #glossary {
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
}
body[data-zoom='26'] #glossary {
  -webkit-transform: scale(0.26);
  -moz-transform: scale(0.26);
  -ms-transform: scale(0.26);
  -o-transform: scale(0.26);
  transform: scale(0.26);
}
body[data-zoom='27'] #glossary {
  -webkit-transform: scale(0.27);
  -moz-transform: scale(0.27);
  -ms-transform: scale(0.27);
  -o-transform: scale(0.27);
  transform: scale(0.27);
}
body[data-zoom='28'] #glossary {
  -webkit-transform: scale(0.28);
  -moz-transform: scale(0.28);
  -ms-transform: scale(0.28);
  -o-transform: scale(0.28);
  transform: scale(0.28);
}
body[data-zoom='29'] #glossary {
  -webkit-transform: scale(0.29);
  -moz-transform: scale(0.29);
  -ms-transform: scale(0.29);
  -o-transform: scale(0.29);
  transform: scale(0.29);
}
body[data-zoom='30'] #glossary {
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
}
body[data-zoom='31'] #glossary {
  -webkit-transform: scale(0.31);
  -moz-transform: scale(0.31);
  -ms-transform: scale(0.31);
  -o-transform: scale(0.31);
  transform: scale(0.31);
}
body[data-zoom='32'] #glossary {
  -webkit-transform: scale(0.32);
  -moz-transform: scale(0.32);
  -ms-transform: scale(0.32);
  -o-transform: scale(0.32);
  transform: scale(0.32);
}
body[data-zoom='33'] #glossary {
  -webkit-transform: scale(0.33);
  -moz-transform: scale(0.33);
  -ms-transform: scale(0.33);
  -o-transform: scale(0.33);
  transform: scale(0.33);
}
body[data-zoom='34'] #glossary {
  -webkit-transform: scale(0.34);
  -moz-transform: scale(0.34);
  -ms-transform: scale(0.34);
  -o-transform: scale(0.34);
  transform: scale(0.34);
}
body[data-zoom='35'] #glossary {
  -webkit-transform: scale(0.35);
  -moz-transform: scale(0.35);
  -ms-transform: scale(0.35);
  -o-transform: scale(0.35);
  transform: scale(0.35);
}
body[data-zoom='36'] #glossary {
  -webkit-transform: scale(0.36);
  -moz-transform: scale(0.36);
  -ms-transform: scale(0.36);
  -o-transform: scale(0.36);
  transform: scale(0.36);
}
body[data-zoom='37'] #glossary {
  -webkit-transform: scale(0.37);
  -moz-transform: scale(0.37);
  -ms-transform: scale(0.37);
  -o-transform: scale(0.37);
  transform: scale(0.37);
}
body[data-zoom='38'] #glossary {
  -webkit-transform: scale(0.38);
  -moz-transform: scale(0.38);
  -ms-transform: scale(0.38);
  -o-transform: scale(0.38);
  transform: scale(0.38);
}
body[data-zoom='39'] #glossary {
  -webkit-transform: scale(0.39);
  -moz-transform: scale(0.39);
  -ms-transform: scale(0.39);
  -o-transform: scale(0.39);
  transform: scale(0.39);
}
body[data-zoom='40'] #glossary {
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}
body[data-zoom='41'] #glossary {
  -webkit-transform: scale(0.41);
  -moz-transform: scale(0.41);
  -ms-transform: scale(0.41);
  -o-transform: scale(0.41);
  transform: scale(0.41);
}
body[data-zoom='42'] #glossary {
  -webkit-transform: scale(0.42);
  -moz-transform: scale(0.42);
  -ms-transform: scale(0.42);
  -o-transform: scale(0.42);
  transform: scale(0.42);
}
body[data-zoom='43'] #glossary {
  -webkit-transform: scale(0.43);
  -moz-transform: scale(0.43);
  -ms-transform: scale(0.43);
  -o-transform: scale(0.43);
  transform: scale(0.43);
}
body[data-zoom='44'] #glossary {
  -webkit-transform: scale(0.44);
  -moz-transform: scale(0.44);
  -ms-transform: scale(0.44);
  -o-transform: scale(0.44);
  transform: scale(0.44);
}
body[data-zoom='45'] #glossary {
  -webkit-transform: scale(0.45);
  -moz-transform: scale(0.45);
  -ms-transform: scale(0.45);
  -o-transform: scale(0.45);
  transform: scale(0.45);
}
body[data-zoom='46'] #glossary {
  -webkit-transform: scale(0.46);
  -moz-transform: scale(0.46);
  -ms-transform: scale(0.46);
  -o-transform: scale(0.46);
  transform: scale(0.46);
}
body[data-zoom='47'] #glossary {
  -webkit-transform: scale(0.47);
  -moz-transform: scale(0.47);
  -ms-transform: scale(0.47);
  -o-transform: scale(0.47);
  transform: scale(0.47);
}
body[data-zoom='48'] #glossary {
  -webkit-transform: scale(0.48);
  -moz-transform: scale(0.48);
  -ms-transform: scale(0.48);
  -o-transform: scale(0.48);
  transform: scale(0.48);
}
body[data-zoom='49'] #glossary {
  -webkit-transform: scale(0.49);
  -moz-transform: scale(0.49);
  -ms-transform: scale(0.49);
  -o-transform: scale(0.49);
  transform: scale(0.49);
}
body[data-zoom='50'] #glossary {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
body[data-zoom='51'] #glossary {
  -webkit-transform: scale(0.51);
  -moz-transform: scale(0.51);
  -ms-transform: scale(0.51);
  -o-transform: scale(0.51);
  transform: scale(0.51);
}
body[data-zoom='52'] #glossary {
  -webkit-transform: scale(0.52);
  -moz-transform: scale(0.52);
  -ms-transform: scale(0.52);
  -o-transform: scale(0.52);
  transform: scale(0.52);
}
body[data-zoom='53'] #glossary {
  -webkit-transform: scale(0.53);
  -moz-transform: scale(0.53);
  -ms-transform: scale(0.53);
  -o-transform: scale(0.53);
  transform: scale(0.53);
}
body[data-zoom='54'] #glossary {
  -webkit-transform: scale(0.54);
  -moz-transform: scale(0.54);
  -ms-transform: scale(0.54);
  -o-transform: scale(0.54);
  transform: scale(0.54);
}
body[data-zoom='55'] #glossary {
  -webkit-transform: scale(0.55);
  -moz-transform: scale(0.55);
  -ms-transform: scale(0.55);
  -o-transform: scale(0.55);
  transform: scale(0.55);
}
body[data-zoom='56'] #glossary {
  -webkit-transform: scale(0.56);
  -moz-transform: scale(0.56);
  -ms-transform: scale(0.56);
  -o-transform: scale(0.56);
  transform: scale(0.56);
}
body[data-zoom='57'] #glossary {
  -webkit-transform: scale(0.57);
  -moz-transform: scale(0.57);
  -ms-transform: scale(0.57);
  -o-transform: scale(0.57);
  transform: scale(0.57);
}
body[data-zoom='58'] #glossary {
  -webkit-transform: scale(0.58);
  -moz-transform: scale(0.58);
  -ms-transform: scale(0.58);
  -o-transform: scale(0.58);
  transform: scale(0.58);
}
body[data-zoom='59'] #glossary {
  -webkit-transform: scale(0.59);
  -moz-transform: scale(0.59);
  -ms-transform: scale(0.59);
  -o-transform: scale(0.59);
  transform: scale(0.59);
}
body[data-zoom='60'] #glossary {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
body[data-zoom='61'] #glossary {
  -webkit-transform: scale(0.61);
  -moz-transform: scale(0.61);
  -ms-transform: scale(0.61);
  -o-transform: scale(0.61);
  transform: scale(0.61);
}
body[data-zoom='62'] #glossary {
  -webkit-transform: scale(0.62);
  -moz-transform: scale(0.62);
  -ms-transform: scale(0.62);
  -o-transform: scale(0.62);
  transform: scale(0.62);
}
body[data-zoom='63'] #glossary {
  -webkit-transform: scale(0.63);
  -moz-transform: scale(0.63);
  -ms-transform: scale(0.63);
  -o-transform: scale(0.63);
  transform: scale(0.63);
}
body[data-zoom='64'] #glossary {
  -webkit-transform: scale(0.64);
  -moz-transform: scale(0.64);
  -ms-transform: scale(0.64);
  -o-transform: scale(0.64);
  transform: scale(0.64);
}
body[data-zoom='65'] #glossary {
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
}
body[data-zoom='66'] #glossary {
  -webkit-transform: scale(0.66);
  -moz-transform: scale(0.66);
  -ms-transform: scale(0.66);
  -o-transform: scale(0.66);
  transform: scale(0.66);
}
body[data-zoom='67'] #glossary {
  -webkit-transform: scale(0.67);
  -moz-transform: scale(0.67);
  -ms-transform: scale(0.67);
  -o-transform: scale(0.67);
  transform: scale(0.67);
}
body[data-zoom='68'] #glossary {
  -webkit-transform: scale(0.68);
  -moz-transform: scale(0.68);
  -ms-transform: scale(0.68);
  -o-transform: scale(0.68);
  transform: scale(0.68);
}
body[data-zoom='69'] #glossary {
  -webkit-transform: scale(0.69);
  -moz-transform: scale(0.69);
  -ms-transform: scale(0.69);
  -o-transform: scale(0.69);
  transform: scale(0.69);
}
body[data-zoom='70'] #glossary {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
body[data-zoom='71'] #glossary {
  -webkit-transform: scale(0.71);
  -moz-transform: scale(0.71);
  -ms-transform: scale(0.71);
  -o-transform: scale(0.71);
  transform: scale(0.71);
}
body[data-zoom='72'] #glossary {
  -webkit-transform: scale(0.72);
  -moz-transform: scale(0.72);
  -ms-transform: scale(0.72);
  -o-transform: scale(0.72);
  transform: scale(0.72);
}
body[data-zoom='73'] #glossary {
  -webkit-transform: scale(0.73);
  -moz-transform: scale(0.73);
  -ms-transform: scale(0.73);
  -o-transform: scale(0.73);
  transform: scale(0.73);
}
body[data-zoom='74'] #glossary {
  -webkit-transform: scale(0.74);
  -moz-transform: scale(0.74);
  -ms-transform: scale(0.74);
  -o-transform: scale(0.74);
  transform: scale(0.74);
}
body[data-zoom='75'] #glossary {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
body[data-zoom='76'] #glossary {
  -webkit-transform: scale(0.76);
  -moz-transform: scale(0.76);
  -ms-transform: scale(0.76);
  -o-transform: scale(0.76);
  transform: scale(0.76);
}
body[data-zoom='77'] #glossary {
  -webkit-transform: scale(0.77);
  -moz-transform: scale(0.77);
  -ms-transform: scale(0.77);
  -o-transform: scale(0.77);
  transform: scale(0.77);
}
body[data-zoom='78'] #glossary {
  -webkit-transform: scale(0.78);
  -moz-transform: scale(0.78);
  -ms-transform: scale(0.78);
  -o-transform: scale(0.78);
  transform: scale(0.78);
}
body[data-zoom='79'] #glossary {
  -webkit-transform: scale(0.79);
  -moz-transform: scale(0.79);
  -ms-transform: scale(0.79);
  -o-transform: scale(0.79);
  transform: scale(0.79);
}
body[data-zoom='80'] #glossary {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
body[data-zoom='81'] #glossary {
  -webkit-transform: scale(0.81);
  -moz-transform: scale(0.81);
  -ms-transform: scale(0.81);
  -o-transform: scale(0.81);
  transform: scale(0.81);
}
body[data-zoom='82'] #glossary {
  -webkit-transform: scale(0.82);
  -moz-transform: scale(0.82);
  -ms-transform: scale(0.82);
  -o-transform: scale(0.82);
  transform: scale(0.82);
}
body[data-zoom='83'] #glossary {
  -webkit-transform: scale(0.83);
  -moz-transform: scale(0.83);
  -ms-transform: scale(0.83);
  -o-transform: scale(0.83);
  transform: scale(0.83);
}
body[data-zoom='84'] #glossary {
  -webkit-transform: scale(0.84);
  -moz-transform: scale(0.84);
  -ms-transform: scale(0.84);
  -o-transform: scale(0.84);
  transform: scale(0.84);
}
body[data-zoom='85'] #glossary {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
}
body[data-zoom='86'] #glossary {
  -webkit-transform: scale(0.86);
  -moz-transform: scale(0.86);
  -ms-transform: scale(0.86);
  -o-transform: scale(0.86);
  transform: scale(0.86);
}
body[data-zoom='87'] #glossary {
  -webkit-transform: scale(0.87);
  -moz-transform: scale(0.87);
  -ms-transform: scale(0.87);
  -o-transform: scale(0.87);
  transform: scale(0.87);
}
body[data-zoom='88'] #glossary {
  -webkit-transform: scale(0.88);
  -moz-transform: scale(0.88);
  -ms-transform: scale(0.88);
  -o-transform: scale(0.88);
  transform: scale(0.88);
}
body[data-zoom='89'] #glossary {
  -webkit-transform: scale(0.89);
  -moz-transform: scale(0.89);
  -ms-transform: scale(0.89);
  -o-transform: scale(0.89);
  transform: scale(0.89);
}
body[data-zoom='90'] #glossary {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
body[data-zoom='91'] #glossary {
  -webkit-transform: scale(0.91);
  -moz-transform: scale(0.91);
  -ms-transform: scale(0.91);
  -o-transform: scale(0.91);
  transform: scale(0.91);
}
body[data-zoom='92'] #glossary {
  -webkit-transform: scale(0.92);
  -moz-transform: scale(0.92);
  -ms-transform: scale(0.92);
  -o-transform: scale(0.92);
  transform: scale(0.92);
}
body[data-zoom='93'] #glossary {
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  -o-transform: scale(0.93);
  transform: scale(0.93);
}
body[data-zoom='94'] #glossary {
  -webkit-transform: scale(0.94);
  -moz-transform: scale(0.94);
  -ms-transform: scale(0.94);
  -o-transform: scale(0.94);
  transform: scale(0.94);
}
body[data-zoom='95'] #glossary {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
body[data-zoom='96'] #glossary {
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
}
body[data-zoom='97'] #glossary {
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -ms-transform: scale(0.97);
  -o-transform: scale(0.97);
  transform: scale(0.97);
}
body[data-zoom='98'] #glossary {
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}
body[data-zoom='99'] #glossary {
  -webkit-transform: scale(0.99);
  -moz-transform: scale(0.99);
  -ms-transform: scale(0.99);
  -o-transform: scale(0.99);
  transform: scale(0.99);
}
body[data-zoom='100'] #glossary {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.block-type-menu, .block-type-content-gris, .block-type-content {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.col,
.col-auto {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.modal-dialog {
  max-width:100% !important;
}

.modal-dialog-centered {
   position:fixed;
   top:auto;
   right:auto;
   left:auto;
   bottom:0;
   min-height:0 !important;
}

.modal-header h2 {
    font-size: 1.3rem !important;
    font-weight: 500 !important;
}

.modal-body p {
    margin-top: 0.75rem;
}


pre {
  font-family: 'Montserrat', sans-serif;
  overflow: auto;
  font-size: 1.0rem !important;
}
