@charset "UTF-8";
@font-face {
  font-family: 'HennyPenny';
  src: url("../fonts/HennyPenny-Regular.ttf") format("truetype");
}
body {
  background-repeat: no-repeat;
  font-family: 'Muli', sans-serif !important;
  /*
  #bg-image{
    background: transparent;
    -webkit-filter:  blur(8px) brightness(40%);
    filter: blur(8px) brightness(40%);
    transform: translateZ(0);
    will-change: transform;
      content: "";
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-size: 100% 100%;
  } */
}
body #contentRootWrapper {
  min-height: 100vh;
  background: #cde7ff;
}
body.noScroll {
  height: 100%;
  overflow: hidden;
}
body .modal {
  z-index: 99999999;
}
body a:not(.noOutline):focus, body input:not(.noOutline):focus, body button:not(.noOutline):focus, body select:not(.noOutline):focus, body textarea:not(.noOutline):focus {
  outline: 2px dotted #333;
  outline-offset: 2px;
}
body .noOutline {
  outline: none !important;
}
body #mainContainer {
  background-color: white;
  position: relative;
  padding-top: 74px;
}
@media (min-width: 1200px) {
  body #mainContainer {
    max-width: 1140px;
  }
}
body #mainContainer.noDrag {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
@media (min-width: 576px) {
  body #mainContainer {
    padding-top: 54px;
  }
}
@media (min-width: 768px) {
  body #mainContainer {
    padding-top: 95px;
  }
}
@media (min-width: 992px) {
  body #mainContainer {
    padding-top: 100px;
  }
}
@media (min-width: 1200px) {
  body #mainContainer {
    padding-top: 120px;
  }
}

.hennypenny {
  font-family: "Mali";
}

.ieuhcard {
  border: none;
}
.ieuhcard.gamecard {
  border: none;
}
.ieuhcard.gamecard .card-header {
  border-top: 2px solid #333;
  margin: auto;
  padding: 5px 20px;
}
@media (min-width: 768px) {
  .ieuhcard.gamecard .card-header {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .ieuhcard.gamecard .card-header {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .ieuhcard.gamecard .card-header {
    width: 55%;
    padding: 12px 20px;
  }
}
.ieuhcard.gamecard .card-body {
  padding: 1.25rem 0;
}
.ieuhcard .card-header {
  background: transparent;
  border-bottom: 2px solid #333;
  color: #333;
  font-weight: bold;
  font-size: 125%;
}
.ieuhcard .card-header a {
  color: white;
  text-decoration: none;
  font-size: 115%;
}

.btn.btn-ieuh, #register.register form[name="registration_form"] .btn.btn-secondary {
  background: #333;
  border: 1px solid #333;
  background: -webkit-linear-gradient(to right, #454545, #333, #454545);
  background: linear-gradient(to right, #454545, #333, #454545);
  color: white;
  display: inline-flex;
  align-items: stretch;
  transition: all 0ms;
  padding: 0;
  font-size: 1.1rem;
  font-weight: bold;
}
.btn.btn-ieuh:hover, #register.register form[name="registration_form"] .btn.btn-secondary:hover {
  background: #333;
}
.btn.btn-ieuh:focus, #register.register form[name="registration_form"] .btn.btn-secondary:focus {
  box-shadow: none;
}
.btn.btn-ieuh:not(:disabled):not(.disabled):active, #register.register form[name="registration_form"] .btn.btn-secondary:not(:disabled):not(.disabled):active {
  background: #212121;
}
.btn.btn-ieuh.btn-success, #register.register form[name="registration_form"] .btn.btn-success.btn-secondary {
  background: #28a745;
  border: 1px solid #28a745;
  background: -webkit-linear-gradient(to right, #2fc451, #28a745, #2fc451);
  background: linear-gradient(to right, #2fc451, #28a745, #2fc451);
}
.btn.btn-ieuh.btn-success:hover, #register.register form[name="registration_form"] .btn.btn-success.btn-secondary:hover {
  background: #28a745;
}
.btn.btn-ieuh.btn-success:focus, #register.register form[name="registration_form"] .btn.btn-success.btn-secondary:focus {
  box-shadow: none;
}
.btn.btn-ieuh.btn-success:not(:disabled):not(.disabled):active, #register.register form[name="registration_form"] .btn.btn-success.btn-secondary:not(:disabled):not(.disabled):active {
  background: #218a39;
}
.btn.btn-ieuh.btn-danger, #register.register form[name="registration_form"] .btn.btn-danger.btn-secondary {
  background: #dc3545;
  border: 1px solid #dc3545;
  background: -webkit-linear-gradient(to right, #e15361, #dc3545, #e15361);
  background: linear-gradient(to right, #e15361, #dc3545, #e15361);
}
.btn.btn-ieuh.btn-danger:hover, #register.register form[name="registration_form"] .btn.btn-danger.btn-secondary:hover {
  background: #dc3545;
}
.btn.btn-ieuh.btn-danger:focus, #register.register form[name="registration_form"] .btn.btn-danger.btn-secondary:focus {
  box-shadow: none;
}
.btn.btn-ieuh.btn-danger:not(:disabled):not(.disabled):active, #register.register form[name="registration_form"] .btn.btn-danger.btn-secondary:not(:disabled):not(.disabled):active {
  background: #ca2333;
}
.btn.btn-ieuh.btn-primary, #register.register form[name="registration_form"] .btn.btn-primary.btn-secondary {
  background: #007bff;
  border: 1px solid #007bff;
  background: -webkit-linear-gradient(to right, #248dff, #007bff, #248dff);
  background: linear-gradient(to right, #248dff, #007bff, #248dff);
}
.btn.btn-ieuh.btn-primary:hover, #register.register form[name="registration_form"] .btn.btn-primary.btn-secondary:hover {
  background: #007bff;
}
.btn.btn-ieuh.btn-primary:focus, #register.register form[name="registration_form"] .btn.btn-primary.btn-secondary:focus {
  box-shadow: none;
}
.btn.btn-ieuh.btn-primary:not(:disabled):not(.disabled):active, #register.register form[name="registration_form"] .btn.btn-primary.btn-secondary:not(:disabled):not(.disabled):active {
  background: #006adb;
}
.btn.btn-ieuh.btn-info, #register.register form[name="registration_form"] .btn.btn-info.btn-secondary {
  background: #117a8b;
  border: 1px solid #117a8b;
  background: -webkit-linear-gradient(to right, #1596ab, #117a8b, #1596ab);
  background: linear-gradient(to right, #1596ab, #117a8b, #1596ab);
}
.btn.btn-ieuh.btn-info:hover, #register.register form[name="registration_form"] .btn.btn-info.btn-secondary:hover {
  background: #117a8b;
}
.btn.btn-ieuh.btn-info:focus, #register.register form[name="registration_form"] .btn.btn-info.btn-secondary:focus {
  box-shadow: none;
}
.btn.btn-ieuh.btn-info:not(:disabled):not(.disabled):active, #register.register form[name="registration_form"] .btn.btn-info.btn-secondary:not(:disabled):not(.disabled):active {
  background: #0d5e6b;
}
.btn.btn-ieuh.btn-admin, #register.register form[name="registration_form"] .btn.btn-admin.btn-secondary {
  background: #495C73;
  border: 1px solid #495C73;
  background: -webkit-linear-gradient(to right, #576d89, #495C73, #576d89);
  background: linear-gradient(to right, #576d89, #495C73, #576d89);
}
.btn.btn-ieuh.btn-admin:hover, #register.register form[name="registration_form"] .btn.btn-admin.btn-secondary:hover {
  background: #495C73;
}
.btn.btn-ieuh.btn-admin:focus, #register.register form[name="registration_form"] .btn.btn-admin.btn-secondary:focus {
  box-shadow: none;
}
.btn.btn-ieuh.btn-admin:not(:disabled):not(.disabled):active, #register.register form[name="registration_form"] .btn.btn-admin.btn-secondary:not(:disabled):not(.disabled):active {
  background: #3b4b5d;
}
.btn.btn-ieuh .text, #register.register form[name="registration_form"] .btn.btn-secondary .text, .btn.btn-ieuh .icon, #register.register form[name="registration_form"] .btn.btn-secondary .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-ieuh .text, #register.register form[name="registration_form"] .btn.btn-secondary .text {
  flex-grow: 1;
  padding: .25rem 1rem;
  text-shadow: 0.045em 0.03em 0.1em black;
}
.btn.btn-ieuh .text + .icon, #register.register form[name="registration_form"] .btn.btn-secondary .text + .icon {
  border-left: 1px solid white;
}
.btn.btn-ieuh .icon + .text, #register.register form[name="registration_form"] .btn.btn-secondary .icon + .text {
  border-left: 1px solid white;
}
.btn.btn-ieuh .icon, #register.register form[name="registration_form"] .btn.btn-secondary .icon {
  padding: .25rem .5rem;
  font-size: 0.9rem;
}
.btn.btn-ieuh .icon img, #register.register form[name="registration_form"] .btn.btn-secondary .icon img, .btn.btn-ieuh .icon svg, #register.register form[name="registration_form"] .btn.btn-secondary .icon svg {
  max-width: 25px;
}
.btn.btn-ieuh .icon svg, #register.register form[name="registration_form"] .btn.btn-secondary .icon svg {
  max-height: 25px;
  fill: white;
  width: 100%;
}
.btn.btn-ieuh.btn-lg .text, #register.register form[name="registration_form"] .btn.btn-lg.btn-secondary .text {
  padding: .5rem 1rem;
}
.btn.btn-ieuh.btn-lg .icon, #register.register form[name="registration_form"] .btn.btn-lg.btn-secondary .icon {
  padding: .75rem;
  font-size: 1.1rem;
}
.btn.btn-ieuh:hover, #register.register form[name="registration_form"] .btn.btn-secondary:hover {
  color: white;
}
.btn.btn-ieuh:hover .text, #register.register form[name="registration_form"] .btn.btn-secondary:hover .text {
  border-left: none;
}
.btn.btn-ieuh:hover .icon, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon {
  border-left: none;
}
.btn.btn-ieuh:hover .icon i, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i {
  transition: all 250ms;
}
.btn.btn-ieuh:hover .icon i.fa-chevron-right, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-chevron-right {
  -webkit-animation: bounce-right .3s alternate ease infinite;
  animation: bounce-right .3s alternate ease infinite;
}
.btn.btn-ieuh:hover .icon i.fa-sync, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-sync {
  -webkit-animation: rotate 1.2s cubic-bezier(0.57, 1.69, 0.28, 0.57) infinite;
  animation: rotate 1.2s cubic-bezier(0.57, 1.69, 0.28, 0.57) infinite;
}
.btn.btn-ieuh:hover .icon i.fa-undo, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-undo {
  -webkit-animation: rotate-inv 1.2s cubic-bezier(0.57, 1.69, 0.28, 0.57) infinite;
  animation: rotate-inv 1.2s cubic-bezier(0.57, 1.69, 0.28, 0.57) infinite;
}
.btn.btn-ieuh:hover .icon i.fa-key, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-key, .btn.btn-ieuh:hover .icon i.fa-comments, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-comments {
  -webkit-animation: swing 1s ease-in-out infinite;
  animation: swing 1s ease-in-out infinite;
}
.btn.btn-ieuh:hover .icon i.fa-check, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-check, .btn.btn-ieuh:hover .icon i.fa-times, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-times, .btn.btn-ieuh:hover .icon i.fa-question, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-question, .btn.btn-ieuh:hover .icon i.fa-star, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-star {
  -webkit-animation: rotateIn 0.25s ease-in-out;
  animation: rotateIn 0.25s ease-in-out;
}
.btn.btn-ieuh:hover .icon i.fa-user-check, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-user-check, .btn.btn-ieuh:hover .icon i.fa-user, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-user, .btn.btn-ieuh:hover .icon i.fa-users, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-users, .btn.btn-ieuh:hover .icon i.fa-book, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-book, .btn.btn-ieuh:hover .icon i.fa-chalkboard-teacher, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-chalkboard-teacher, .btn.btn-ieuh:hover .icon i.fa-pen, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-pen, .btn.btn-ieuh:hover .icon i.fa-user-shield, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-user-shield {
  -webkit-animation: tada 1s ease-in-out;
  animation: tada 1s ease-in-out;
}
.btn.btn-ieuh:hover .icon i.fa-trash, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-trash {
  -webkit-animation: swing 1s ease-in-out infinite;
  animation: swing 1s ease-in-out infinite;
}
.btn.btn-ieuh:hover .icon i.fa-heart, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-heart {
  -webkit-animation: heartBeat 1s ease infinite;
  animation: heartBeat 1s ease infinite;
}
.btn.btn-ieuh:hover .icon i.fa-paper-plane, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon i.fa-paper-plane {
  -webkit-animation: fadeInUp 1s ease;
  animation: fadeInUp 1s ease;
}
.btn.btn-ieuh:hover .icon img, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon img, .btn.btn-ieuh:hover .icon svg, #register.register form[name="registration_form"] .btn.btn-secondary:hover .icon svg {
  -webkit-animation: jello 1s ease infinite;
  animation: jello 1s ease infinite;
}
.btn.btn-ieuh.btn-lg:hover .icon, #register.register form[name="registration_form"] .btn.btn-lg.btn-secondary:hover .icon {
  transform: scale(1.1) translateX(-2px);
}

.btn.btn-white {
  color: #333;
  background-color: white;
  font-size: 1.2rem;
}
.btn.btn-white:hover {
  color: #333;
}
.btn.btn-white:active {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.75);
}
.btn.btn-white:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.55);
}

#header-title {
  color: #333;
  font-size: 1.5em;
}
#header-title a {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 576px) {
  #header-title {
    font-size: 1.7em;
  }
}
@media (min-width: 768px) {
  #header-title {
    font-size: 1.9em;
  }
}
@media (min-width: 992px) {
  #header-title {
    font-size: 2.1em;
  }
}
@media (min-width: 1200px) {
  #header-title {
    font-size: 2.5em;
  }
}

.popover {
  font-family: "Muli", sans-serif;
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.2), 0 6px 20px 0 rgba(51, 51, 51, 0.19);
}
.popover .popover-header {
  text-align: center;
  color: white;
  background: #333;
  font-size: 130%;
}
.popover .popover-body {
  text-align: left;
  font-size: 115%;
}

.card {
  background-color: transparent;
}

.nav-select2 svg, .select2-container svg {
  width: 25px;
  fill: white;
}
.nav-select2 i, .select2-container i {
  font-size: 1.5rem;
  margin-right: .25rem;
  color: white;
}
.nav-select2 ul.select2-results__options li:empty, .select2-container ul.select2-results__options li:empty {
  display: none;
}

figure.shine, figure.flash, figure.circle {
  cursor: pointer;
  transition: transform;
  transition-duration: 350ms;
}
figure.shine:hover, figure.flash:hover, figure.circle:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

figure.shine {
  position: relative;
  overflow-x: hidden;
}
figure.shine:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
figure.shine:hover:before {
  -webkit-animation: shine .55s;
  animation: shine .55s;
}

figure.flash:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}

figure.circle {
  position: relative;
}
figure.circle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
figure.circle:hover:before {
  -webkit-animation: circle .55s;
  animation: circle .55s;
}

.objSound.light {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  position: relative;
  align-items: center;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  z-index: 5;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  background: #333;
  color: white;
}
.objSound.light .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: .9rem;
}
.objSound.light .icon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f04b";
}
.objSound.light::before, .objSound.light::after {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  content: "";
  z-index: 0;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
}
.objSound.light.playing .icon:before {
  content: "\f04c";
}
.objSound.light.playing::before {
  -webkit-animation: audio1 1.5s infinite ease-in-out;
  animation: audio1 1.5s infinite ease-in-out;
}
.objSound.light.playing::after {
  -webkit-animation: audio2 2.2s infinite ease-in-out;
  animation: audio2 2.2s infinite ease-in-out;
}
.objSound.light:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

h1 {
  color: #333;
  font-size: 1.2em;
}
@media (min-width: 576px) {
  h1 {
    font-size: 1.4em;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 1.6em;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 1.8em;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.0em;
  }
}

h2 {
  color: #333;
  font-size: 1em;
}
@media (min-width: 576px) {
  h2 {
    font-size: 1.2em;
  }
}
@media (min-width: 768px) {
  h2 {
    font-size: 1.4em;
  }
}
@media (min-width: 992px) {
  h2 {
    font-size: 1.6em;
  }
}
@media (min-width: 1200px) {
  h2 {
    font-size: 1.8em;
  }
}

body.modal-open {
  overflow-y: scroll;
  padding-right: 0 !important;
}

.modal-open {
  overflow-y: auto;
}

.customSelect {
  cursor: pointer;
  text-align: center;
  background: transparent;
  border-radius: 6px;
  border: 1px solid white;
  color: white;
  margin: auto;
  transition: all 250ms;
  margin-bottom: .5rem;
  font-size: 0.8em;
  height: 1.8em;
}
@media (min-width: 576px) {
  .customSelect {
    font-size: 1.2em;
  }
}
@media (min-width: 768px) {
  .customSelect {
    font-size: 1.4em;
  }
}
@media (min-width: 992px) {
  .customSelect {
    font-size: 1.6em;
  }
}
@media (min-width: 1200px) {
  .customSelect {
    font-size: 1.8em;
  }
}
.customSelect optgroup, .customSelect option {
  text-align: center;
  color: initial;
  font-size: 0.8rem;
}
@media (min-width: 576px) {
  .customSelect optgroup, .customSelect option {
    font-size: 0.8rem;
  }
}
@media (min-width: 768px) {
  .customSelect optgroup, .customSelect option {
    font-size: 0.8rem;
  }
}
@media (min-width: 992px) {
  .customSelect optgroup, .customSelect option {
    font-size: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .customSelect optgroup, .customSelect option {
    font-size: 1rem;
  }
}

.fa-twitter, .fa-twitter-square {
  color: white;
}

.fa-facebook, .fa-facebook-square, .fa-facebook-f {
  color: white;
}

.fa-rss, .fa-rss-square {
  color: #f26522;
}

.ieuh-link {
  text-decoration: none;
  color: initial;
}
.ieuh-link:hover {
  background: #333;
  text-decoration: none;
  color: white;
}

#userRating {
  position: relative;
}
#userRating h4 {
  color: #333;
}
#userRating .comment-conditions {
  margin: 10px 5px;
}
#userRating .comment-conditions a {
  text-decoration: none;
  color: #006E90;
  text-align: left;
}
#userRating .comment-conditions a:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 3px;
}
#userRating .comment-conditions a.collapsed:after {
  content: "";
}
#userRating .comment-conditions p {
  margin-bottom: 5px;
}
#userRating .error {
  display: block;
  color: red;
  font-weight: bold;
  font-size: 0.85rem;
  margin-top: .25rem;
}
#userRating .userNoteIcon {
  max-width: 45px;
  margin-left: 1.5rem;
}

.paging_extStyle input[type="number"]::-webkit-outer-spin-button, .paging_extStyle input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.paging_extStyle input[type="number"] {
  -moz-appearance: textfield;
  width: 65px;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
}
.paging_extStyle .paginate_button {
  color: #007bff;
  border: 1px solid #dee2e6;
  display: inline-block;
  padding: 6px;
  width: 36px;
  text-align: center;
}
.paging_extStyle .paginate_button:not(.disabled) {
  cursor: pointer;
}
.paging_extStyle .paginate_button.disabled {
  color: #dee2e6;
  cursor: not-allowed;
}
.paging_extStyle div {
  display: inline-block;
  position: relative;
}
.paging_extStyle .paginate_total {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  font-size: 0.65rem;
  text-align: center;
  pointer-events: none;
  color: #868e96;
}

.story-link {
  color: #333;
  text-decoration: none;
}
.story-link .illustration {
  width: 50px;
  max-height: 50px;
  transition: transform 350ms;
}
.story-link .title {
  font-family: "Mali";
  font-weight: bold;
}
.story-link:hover {
  color: #454545;
  text-decoration: none;
}

.ieuh-datatable {
  border: 1px solid rgba(255, 255, 255, 0.65);
}
.ieuh-datatable td {
  border: 1px solid rgba(255, 255, 255, 0.65);
}
.ieuh-datatable .ieuh-check {
  color: #333;
}
.ieuh-datatable th {
  background: #495C73;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.65);
}
.ieuh-datatable tbody td {
  padding: .25rem;
}

#comments-modal, #rating-modal {
  background: rgba(0, 0, 0, 0.8);
}
#comments-modal .bg, #rating-modal .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
#comments-modal .modal-body, #rating-modal .modal-body {
  background: rgba(255, 255, 255, 0.9);
}

#comments-container {
  position: relative;
}
#comments-container h2, #comments-container h3 {
  color: #333;
}
#comments-container #sg-datatables-comments_datatable_filter {
  display: none;
}
#comments-container #sg-datatables-comments_datatable tr {
  height: 40px;
  min-height: 40px;
}
#comments-container #sg-datatables-comments_datatable td {
  padding: 0.1rem;
}
#comments-container #sg-datatables-comments_datatable td {
  cursor: pointer;
}
#comments-container #sg-datatables-comments_datatable td.titleHtml, #comments-container #sg-datatables-comments_datatable td.userNick {
  cursor: default;
}
#comments-container #sg-datatables-comments_datatable td.titleHtml {
  vertical-align: middle;
}
#comments-container #sg-datatables-comments_datatable td.userNick {
  color: initial;
}
#comments-container #sg-datatables-comments_datatable td.userNick a {
  font-weight: bold;
  text-decoration: none;
  color: initial;
}
#comments-container #sg-datatables-comments_datatable th.userCommentsCount, #comments-container #sg-datatables-comments_datatable td.date, #comments-container #sg-datatables-comments_datatable td.status {
  font-size: 0.85rem;
}
#comments-container #sg-datatables-comments_datatable td.shortResponse, #comments-container #sg-datatables-comments_datatable td.shortComment {
  font-size: 0.9rem;
  word-break: break-all;
}
#comments-container #sg-datatables-comments_datatable td.select-checkbox:before {
  margin-top: -4px;
  margin-left: -5px;
}
#comments-container hr {
  margin-top: 0.35rem;
}
#comments-container .read .comment {
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.2), 0 6px 20px 0 rgba(51, 51, 51, 0.19);
  background-color: white;
}
#comments-container .read .comment .separator {
  height: 1px;
  border-radius: 10px;
  width: 100%;
  margin-top: .15rem;
  margin-left: auto;
  margin-right: auto;
}
#comments-container .read .response-label {
  color: #868e96;
}
#comments-container .read hr {
  max-width: 95%;
  margin-bottom: .25rem;
}
#comments-container .toggle-comments-mode-trigger {
  width: 100%;
}
#comments-container .write {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  #comments-container .write {
    max-width: 60%;
  }
}
#comments-container .write .error {
  color: red;
}
#comments-container .write textarea.error {
  outline: thick double red;
  color: initial;
}

#comments-bulk-actions {
  position: fixed;
  top: 4rem;
  right: 5rem;
  z-index: 99999;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 5px;
  padding: 2rem;
}
#comments-bulk-actions .title {
  margin-bottom: 1.5rem;
}

#filtersContainer #searchInput {
  font-weight: bold;
  padding: 5px;
  background: inherit;
  border-bottom: 1px solid black;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 125%;
}
#filtersContainer #removeAllFilters a {
  color: #333;
}
#filtersContainer #removeAllFilters a:hover {
  text-decoration: none;
}

.badge-ieuh {
  color: white;
  background-color: #333;
}
.badge-ieuh img {
  max-width: 15px;
}

.customScrollbar::-webkit-scrollbar {
  background-color: rgba(51, 51, 51, 0.8);
  max-width: 10px;
  height: 0px;
}

.customScrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: white;
  color: black;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6);
}

#breadcrumb {
  border-bottom: 1px solid #333;
  margin: .5rem -15px;
  padding: 0 .5rem .25rem .5rem;
  line-height: 1.1rem;
}
#breadcrumb a {
  color: #333;
  text-decoration: none;
  transition: color 200ms;
  font-size: .85rem;
}
@media (min-width: 768px) {
  #breadcrumb a {
    font-weight: bold;
  }
}
#breadcrumb a:not(:last-of-type):after {
  content: '/';
  font-weight: bold;
  margin: 0 .25rem;
}
#breadcrumb a.menu-trigger:after {
  content: '';
}
#breadcrumb a[href="/contact"]:before {
  content: "Contact";
}
#breadcrumb a[href="/politique-de-confidentialite"]:before {
  content: "Politique de confidentialité";
}

.admin-controls {
  background: #495C73;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: .25rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  color: white;
}
.admin-controls .control {
  padding-right: .5rem;
  padding-top: .25rem;
  font-size: 1rem;
  cursor: pointer;
  color: #e6e6e6;
}
.admin-controls .control:hover {
  color: white;
}
.admin-controls a {
  text-decoration: none;
  color: #e6e6e6;
}
.admin-controls a:hover {
  color: white;
  text-decoration: none;
}

#alerts-container {
  z-index: 999999999;
  position: fixed;
  top: 0;
  left: 0;
  font-weight: bold;
}
#alerts-container a.close {
  margin-left: .5rem;
}

.alert {
  background: white;
  border: none;
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.2), 0 6px 20px 0 rgba(51, 51, 51, 0.19);
  min-width: 25vw;
  max-width: 100%;
  cursor: pointer;
  padding: 0.5rem 0.25rem;
}
@media (min-width: 768px) {
  .alert {
    padding: 1rem 0.25rem;
  }
}
.alert i {
  font-size: 1.6rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.alert.alert-success {
  border-right: 7px solid #00DE51;
}
.alert.alert-success i {
  color: #00DE51;
}
.alert.alert-info {
  border-right: 7px solid #196FEE;
}
.alert.alert-info i {
  color: #196FEE;
}
.alert.alert-warning {
  border-right: 7px solid #FFC035;
}
.alert.alert-warning i {
  color: #FFC035;
}
.alert.alert-danger {
  border-right: 7px solid #D62828;
}
.alert.alert-danger i {
  color: #D62828;
}
.alert .label {
  font-weight: bold;
  color: initial;
  cursor: pointer;
}
.alert .message {
  font-weight: initial;
  color: #495057;
  word-break: break-word;
  cursor: pointer;
}
.alert a.close {
  font-size: 1.8rem;
  margin-left: 2rem;
  margin-right: 2rem;
  font-weight: initial;
  opacity: 0;
}
.alert a.close:not(:disabled):not(.disabled):hover {
  opacity: 0;
}

.ieuh-input {
  position: relative;
  width: 100%;
  margin-top: .75rem;
  margin-bottom: .75rem;
}
.ieuh-input .label {
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 16px;
  color: #9098a9;
  font-weight: 500;
  transform-origin: 0 0;
  transition: all 0.2s ease;
}
.ieuh-input .label.required:after {
  content: '*';
  color: #CE0019;
  vertical-align: super;
  padding-left: 5px;
  font-size: 14px;
}
.ieuh-input .border {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: #07f;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: all 0.15s ease;
}
.ieuh-input input {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 12px 0 0 0;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 2px solid #c8ccd4;
  background: none;
  border-radius: 0;
  color: #223254;
  transition: all 0.15s ease;
  vertical-align: text-top;
}
.ieuh-input input:focus {
  outline: none !important;
}
.ieuh-input input:hover {
  background: rgba(34, 50, 84, 0.03);
}
.ieuh-input input:not(:placeholder-shown) + span {
  color: #333;
  font-weight: bold;
  transform: translateY(-26px) scale(0.9);
}
.ieuh-input input:focus {
  background: none;
}
.ieuh-input input:focus + span {
  color: #1a1a1a;
  transform: translateY(-26px) scale(0.9);
}
.ieuh-input input:focus + span + .border {
  transform: scaleX(1);
}

form label.required:after {
  content: '*';
  color: #CE0019;
  vertical-align: super;
  padding-left: 2px;
  font-size: 14px;
}

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.25);
}

.ieuh-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  position: relative;
  z-index: 1000;
}
.ieuh-checkbox:hover {
  background: #9faab7;
}
.ieuh-checkbox:checked {
  background: #333;
}
.ieuh-checkbox:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  line-height: 20px;
}
.ieuh-checkbox:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #333;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.ieuh-checkbox.radio {
  border-radius: 50%;
}
.ieuh-checkbox.radio::after {
  border-radius: 50%;
}

#toggle-comments-mode {
  font-weight: bold;
  color: #868e96;
  transition: all 150ms;
  text-decoration: none;
  margin-left: 1rem;
  font-size: 1rem;
  display: block;
}
@media (min-width: 768px) {
  #toggle-comments-mode {
    display: inline;
  }
}
#toggle-comments-mode:hover {
  color: black;
}

.audioplayer-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .audioplayer-container {
    align-items: flex-start;
    flex-direction: row;
  }
}
.audioplayer-container .audioplayer-text {
  flex-grow: 1;
  padding-left: .5rem;
  padding-right: .5rem;
}
@media (min-width: 768px) {
  .audioplayer-container .audioplayer-text {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.audioplayer-container .audioplayer-text img {
  display: none;
}
.audioplayer-container .audioplayer-text .page {
  text-align: left;
  margin-top: .5rem !important;
  margin-bottom: 1.5rem !important;
  max-width: 100% !important;
  margin-left: 0;
}
@media (min-width: 768px) {
  .audioplayer-container .audioplayer-text .page {
    margin-left: 2rem;
  }
}
.audioplayer-container .ieuh-audioplayer {
  position: sticky;
  left: 1.5rem;
  min-width: 100%;
  top: 84px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .audioplayer-container .ieuh-audioplayer {
    top: 64px;
  }
}
@media (min-width: 768px) {
  .audioplayer-container .ieuh-audioplayer {
    margin-left: 5rem;
    top: 105px;
    min-width: 40%;
  }
}
@media (min-width: 992px) {
  .audioplayer-container .ieuh-audioplayer {
    top: 110px;
  }
}
@media (min-width: 1200px) {
  .audioplayer-container .ieuh-audioplayer {
    top: 130px;
  }
}
.audioplayer-container .ieuh-audioplayer .image-container {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  position: relative;
}
@media (min-width: 768px) {
  .audioplayer-container .ieuh-audioplayer .image-container {
    display: flex;
  }
}
.audioplayer-container .ieuh-audioplayer .image-container img {
  max-height: 400px;
}
.audioplayer-container .ieuh-audioplayer .image-container .toggle {
  position: absolute;
  top: 5px;
  left: 5px;
  background: rgba(255, 255, 255, 0.65);
}
.audioplayer-container .ieuh-audioplayer .controls {
  padding: 0rem .75rem;
  display: flex;
  align-items: center;
  width: 100%;
  background: white;
}
.audioplayer-container .ieuh-audioplayer .controls a {
  color: #333;
}
.audioplayer-container .ieuh-audioplayer .controls a:active, .audioplayer-container .ieuh-audioplayer .controls a:hover {
  color: #333;
}
.audioplayer-container .ieuh-audioplayer .controls .play-pause {
  margin-right: .5rem;
}
.audioplayer-container .ieuh-audioplayer .controls .current-time, .audioplayer-container .ieuh-audioplayer .controls .total-time {
  font-size: 0.8rem;
}
.audioplayer-container .ieuh-audioplayer .controls .current-time {
  margin-right: .25rem;
  margin-left: .3rem;
}
.audioplayer-container .ieuh-audioplayer .controls .total-time {
  margin-left: .25rem;
  margin-right: .3rem;
}
.audioplayer-container .ieuh-audioplayer .controls .mute {
  color: #333;
  margin-left: .5rem;
  margin-right: .25rem;
}
.audioplayer-container .ieuh-audioplayer .controls .mute:hover {
  color: #333;
}
.audioplayer-container .ieuh-audioplayer .controls .seekbar {
  display: flex;
  align-items: center;
  padding: 1rem .75rem;
}
.audioplayer-container .ieuh-audioplayer .controls .seekbar .cursor {
  width: .9rem;
  height: .9rem;
  border-radius: 100px;
  background: #333;
}
.audioplayer-container .ieuh-audioplayer .controls .seekbar .line {
  height: 4px;
  width: 100%;
  background: #adb5bd;
}
.audioplayer-container .ieuh-audioplayer .controls .seekbar .line.loaded {
  background: #333;
}

.resources-list div.level h2 {
  border-bottom: 1px solid #333;
  padding-bottom: .5rem;
}
.resources-list div.level h2 span {
  background: rgba(255, 255, 255, 0.55);
  border-radius: 5px;
  padding: 5px 15px;
}
.resources-list div.level ul li.content {
  border-bottom: 1px solid rgba(38, 38, 38, 0.2);
  margin-top: 30px;
}
@media (min-width: 576px) {
  .resources-list div.level ul li.content {
    margin-top: 15px;
  }
}
.resources-list div.level ul li.content a {
  text-decoration: none;
  color: #333;
  transition: transform;
  transition-duration: 450ms;
}
.resources-list div.level ul li.content a i {
  margin-right: 10px;
  transition: color 150ms;
  color: rgba(51, 51, 51, 0.75);
  font-size: 1.4rem;
}
.resources-list div.level ul li.content a i.animate {
  -webkit-animation: flash 1s linear;
  animation: flash 1s linear;
}
.resources-list div.level ul li.content a:hover i {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.resources-list div.level ul li.content:hover span {
  color: #333;
}
.resources-list div.level #pdf-preview {
  width: 100%;
  background: #e9ecef;
  text-align: center;
}
.resources-list div.level #pdf-preview iframe {
  width: 100%;
  height: 600px;
}

.login-needed {
  background: transparent !important;
  cursor: not-allowed !important;
}
.login-needed, .login-needed i, .login-needed svg {
  color: #adb5bd !important;
  fill: #adb5bd !important;
}
.login-needed:hover {
  background: transparent !important;
}
.login-needed:hover, .login-needed:hover i, .login-needed:hover svg {
  color: #adb5bd !important;
  fill: #adb5bd !important;
}
.login-needed:hover:after {
  content: none !important;
}

.story-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.story-title .title {
  font-weight: bold;
}
.story-title .id {
  font-size: 0.85rem;
  margin-left: 0.25rem;
  font-style: italic;
}
.story-title .links {
  display: flex;
  align-items: center;
  justify-content: center;
}

svg.activities-icons {
  display: none;
}

.grecaptcha-badge {
  z-index: 999;
}

.notice-cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #ff7b0e;
  z-index: 9999;
  border-top: 1px solid #CCC;
  color: white;
  font-weight: bold;
}
.notice-cookie .notice-text {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.notice-cookie a {
  color: white;
}
.notice-cookie .btn {
  margin-left: 25px;
}

.e404 img {
  max-width: 200px;
}

a.favs {
  padding: .25rem 0 0 .25rem;
}
a.favs.active .fa-heart:before {
  font-weight: 800;
}
a.favs:hover i {
  transition: all 1s;
  transform: rotateY(360deg);
}

#header-sticky {
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999998;
  transition: all 250ms;
  overflow: hidden;
}

#header {
  background: white;
  color: #333;
  z-index: 10;
  overflow: hidden;
  padding: 0;
}
#header .title-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding-left: .25rem;
}
#header .title-container .home-link {
  font-family: 'Mali';
  color: #333;
  text-decoration: none;
  /* display: inline; */
  margin-left: .25rem;
  white-space: nowrap;
  font-size: 1.4em;
}
#header .title-container .home-link:focus {
  color: #333;
}
@media (min-width: 576px) {
  #header .title-container .home-link {
    font-size: 1.7em;
  }
}
@media (min-width: 768px) {
  #header .title-container .home-link {
    font-size: 1.9em;
  }
}
@media (min-width: 992px) {
  #header .title-container .home-link {
    font-size: 2.1em;
  }
}
@media (min-width: 1200px) {
  #header .title-container .home-link {
    font-size: 2.3em;
  }
}
#header .subtitle {
  font-size: .75rem;
  text-align: center;
  margin-left: .25rem;
  margin-right: .25rem;
  color: #333;
  display: none;
}
@media (min-width: 768px) {
  #header .subtitle {
    display: block;
  }
}
#header .subtitle img.maif {
  max-height: 50px;
}
#header .subtitle img.rde {
  margin-left: .25rem;
  max-width: 130px;
}
@media (min-width: 576px) {
  #header .subtitle {
    font-size: 1rem;
  }
  #header .subtitle img.maif {
    max-height: 40px;
  }
  #header .subtitle img.rde {
    max-width: 90px;
  }
}
@media (min-width: 768px) {
  #header .subtitle {
    font-size: 1rem;
  }
  #header .subtitle img.maif {
    max-height: 40px;
  }
  #header .subtitle img.rde {
    max-width: 90px;
  }
}
@media (min-width: 1200px) {
  #header .subtitle {
    font-size: 1rem;
  }
  #header .subtitle img.maif {
    max-height: 55px;
  }
  #header .subtitle img.rde {
    max-width: 100px;
  }
}
#header .subtitle a {
  text-decoration: none;
}
#header .fa-bars {
  font-size: 1.9rem;
}
#header #account {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-size: 0.75rem;
}
@media (min-width: 576px) {
  #header #account {
    flex-direction: column;
    justify-content: center;
    font-size: 0.85rem;
  }
}
#header #account a:not(:last-child):after {
  content: '/';
  margin-right: .25rem;
}
@media (min-width: 576px) {
  #header #account a:not(:last-child):after {
    content: none;
  }
}
#header #account a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  transition: all 150ms;
  margin-right: .25rem;
}
#header #account a:hover {
  color: #333;
}
#header .menu-trigger {
  cursor: pointer;
  font-size: 1.9rem;
  transition: all 150ms;
  color: #333;
}
#header .menu-trigger:hover {
  color: #333;
}
#header #search-trigger {
  cursor: pointer;
  transition: all 250ms;
  color: #333;
  font-size: 1.3rem;
}
#header #search-trigger:hover {
  color: #333;
}
@media (min-width: 576px) {
  #header #search-trigger {
    font-size: 1.4em;
  }
}
@media (min-width: 768px) {
  #header #search-trigger {
    font-size: 1.4em;
  }
}
@media (min-width: 992px) {
  #header #search-trigger {
    font-size: 1.6em;
  }
}
@media (min-width: 1200px) {
  #header #search-trigger {
    font-size: 1.8em;
  }
}

body.isScrolled #header .subtitle {
  display: none;
}
body.isScrolled.logged #header .title-container {
  margin-top: 0;
}

#scrollSpy {
  width: 0;
  height: 3px;
  background-color: #ff7b0e;
}

footer {
  position: relative;
  background: #404040;
  color: white;
}
footer a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 150ms;
  padding-right: 15px;
}
footer a:hover {
  color: white;
  text-decoration: none;
}
footer a:not(.noOutline):focus {
  outline: 2px dotted white;
}
footer .social {
  vertical-align: bottom;
}
footer .social i {
  font-size: 1.3rem;
}
footer .social i.fa-twitter-square {
  margin-top: .2rem;
}
footer .copyright {
  margin-left: 10px;
  font-size: 0.85rem;
  white-space: nowrap;
}
footer .subtitle {
  display: block;
}
@media (min-width: 768px) {
  footer .subtitle {
    display: none;
  }
}
footer img.rde {
  max-width: 150px;
}
footer img.maif {
  max-height: 80px;
}

#document {
  min-height: 150vh;
  padding-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  #document {
    margin-top: 1.5rem;
  }
}
#document .page {
  margin-top: 30px;
  margin-bottom: 60px;
  width: fit-content;
}
@media (min-width: 992px) {
  #document .page, #document .discover, #document .source {
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  #document .page, #document .discover, #document .source {
    max-width: 60%;
  }
}
#document .page img, #document .discover img, #document .source img {
  box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#document .page .objSound, #document .discover .objSound, #document .source .objSound {
  margin-right: 10px;
}
#document .source {
  text-align: center;
  margin: -40px auto 120px auto;
  font-weight: bold;
}
@media (min-width: 1200px) {
  #document .source {
    margin: -40px auto 50px auto;
  }
}
#document audio {
  display: block;
  margin: 20px 5px;
}
#document .sound .card-header span {
  font-size: 135%;
  margin-top: 10px;
}
#document .discover {
  margin: auto;
}
#document .discover .card-header {
  padding: 0.75rem 0 0.25rem 0.15rem;
}
#document .discover .card-body h2, #document .discover .card-body h4 {
  display: none;
}
#document .exerciceContainer {
  transition-duration: 0.7s;
}
#document .exerciceContainer .correction {
  font-size: 1.4rem;
}
@media (min-width: 992px) {
  #document .exerciceContainer .correction {
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #document .exerciceContainer .correction {
    font-size: 1.8rem;
  }
}
#document .exerciceContainer .launch .text, #document .exerciceContainer .launch .icon {
  padding: 2rem;
}
#document .exerciceContainer .score {
  border-radius: 10px;
  margin: auto;
  padding-top: 10px;
}
@media (min-width: 992px) {
  #document .exerciceContainer .score {
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  #document .exerciceContainer .score {
    max-width: 60%;
  }
}
#document .exerciceContainer .score .scorePicto {
  max-width: 20%;
}
@media (min-width: 576px) {
  #document .exerciceContainer .score .scorePicto {
    max-width: 16%;
  }
}
@media (min-width: 768px) {
  #document .exerciceContainer .score .scorePicto {
    max-width: 13%;
  }
}
@media (min-width: 992px) {
  #document .exerciceContainer .score .scorePicto {
    max-width: 12%;
  }
}
@media (min-width: 1200px) {
  #document .exerciceContainer .score .scorePicto {
    max-width: 8%;
  }
}
#document .exerciceContainer .score.good {
  background-color: rgba(30, 255, 30, 0.05);
}
#document .exerciceContainer .score.bad {
  background-color: rgba(206, 0, 25, 0.05);
}
#document .exerciceContainer .finalResultPicto {
  max-width: 37%;
}
@media (min-width: 576px) {
  #document .exerciceContainer .finalResultPicto {
    max-width: 33%;
  }
}
@media (min-width: 768px) {
  #document .exerciceContainer .finalResultPicto {
    max-width: 30%;
  }
}
@media (min-width: 992px) {
  #document .exerciceContainer .finalResultPicto {
    max-width: 29%;
  }
}
@media (min-width: 1200px) {
  #document .exerciceContainer .finalResultPicto {
    max-width: 25%;
  }
}
#document .exerciceContainer #finalResultMessage {
  font-size: 1.3rem;
  font-weight: bold;
}
#document .exerciceContainer .next-question-link {
  color: initial;
  font-size: 125%;
  text-decoration: none;
  transition: tranform 250ms;
}
#document .exerciceContainer .next-question-link:hover {
  color: rgba(0, 0, 0, 0.75);
}
#document .exerciceContainer .resultLabel {
  font-family: "Mali";
  font-size: 1.8rem;
  font-weight: bold;
  text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.8);
}
#document .exerciceContainer .resultLabel.good {
  color: #1EFF1E;
}
#document .exerciceContainer .resultLabel.bad {
  color: #333;
}
#document .exerciceContainer #redo-game {
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
  margin-top: 1rem;
}
#document #document-audio {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}
#document #document-audio .audioplayer-container {
  margin-top: 2rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#document #document-video {
  margin-bottom: 2rem;
}
#document #document-video #video-container video {
  width: 80%;
}
@media (min-width: 1200px) {
  #document #document-video #video-container video {
    width: 50%;
  }
}
#document img[src*="biblidspe_001i02.png"] {
  box-shadow: none;
}
#document .content-container {
  padding: 0;
  margin-bottom: 150px;
}
@media (min-width: 992px) {
  #document .content-container {
    margin-top: .5rem;
  }
}
@media (min-width: 1200px) {
  #document .content-container {
    padding: 0.75rem;
    margin-bottom: 50px;
  }
}

#img-modal .modal-content {
  background-color: transparent;
  border: none;
  pointer-events: none;
  max-width: 100%;
}
#img-modal .modal-content img {
  width: 100%;
}

.imcdoc h1, .imcdoc h2, .imcdoc h4 {
  font-weight: bold;
  color: #333;
  background: transparent;
}
.imcdoc h2 {
  font-size: 1.1em;
}
@media (min-width: 576px) {
  .imcdoc h2 {
    font-size: 1.1em;
  }
}
@media (min-width: 768px) {
  .imcdoc h2 {
    font-size: 1.1em;
  }
}
@media (min-width: 992px) {
  .imcdoc h2 {
    font-size: 1.1em;
  }
}
@media (min-width: 1200px) {
  .imcdoc h2 {
    font-size: 1.5em;
  }
}
.imcdoc h4 {
  font-size: 1.5rem;
}
.imcdoc .imcInstructionAuto {
  font-size: 0.9rem;
  font-style: italic;
  color: #868e96;
  display: none;
}
.imcdoc .idocAnnex .idocBlock {
  margin-bottom: 30px;
}
.imcdoc .idocBlock {
  clear: both;
  padding: 10px 0px;
}
.imcdoc .idocBlock table {
  width: 100%;
  text-align: center;
}
.imcdoc .idocBlock table td {
  text-align: center;
}
.imcdoc .idocBlock table caption {
  text-align: center;
}
.imcdoc .idocBlock table.idocTabular {
  width: 100%;
  font-size: 1rem;
}
.imcdoc .idocBlock table.idocTabular td {
  padding: 10px 0 10px 0;
}
.imcdoc .page {
  margin: auto;
}
.imcdoc .page img {
  border: none;
}
.imcdoc .source {
  color: #333;
}
.imcdoc .source .idocIllusSource {
  clear: left;
}
.imcdoc .source .idocTitleSource {
  font-style: italic;
}
.imcdoc .dropcap {
  cursor: pointer;
  display: inline-block;
  color: #333;
  margin-right: 5px;
  font-size: 200%;
  font-family: "Mali";
  font-weight: bold;
  transition: all;
  transition-duration: 350ms;
}
.imcdoc .dropcap:hover {
  -webkit-transform: rotate(0.05turn) scale(1.5) translateX(-2px) skew(30deg, 20deg);
  -moz-transform: rotate(0.05turn) scale(1.5) translateX(-2px) skew(30deg, 20deg);
  -o-transform: rotate(0.05turn) scale(1.5) translateX(-2px) skew(30deg, 20deg);
  -ms-transform: rotate(0.05turn) scale(1.5) translateX(-2px) skew(30deg, 20deg);
  transform: rotate(0.05turn) scale(1.5) translateX(-2px) skew(30deg, 20deg);
}
.imcdoc .idocLegend .dropcap {
  color: inherit;
  font-family: inherit;
  font-weight: normal;
  text-transform: lowercase;
  margin-right: 0;
  font-size: 100%;
}
.imcdoc .idocRight {
  max-width: 40%;
}
.imcdoc .imcTestRight {
  max-width: 30%;
}
.imcdoc .idocXNote {
  font-weight: bold;
}

body.home {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.home.isScrolled #header .subtitle {
  display: block;
}
body.home #header-sticky {
  position: initial;
}
body.home #contentRootWrapper {
  background: transparent;
  min-height: 0;
  flex-grow: 1;
}
body.home #contentRootWrapper #mainContainer {
  background: #cde7ff;
  background-size: auto 100%;
  background-position: bottom center;
  padding-top: 1vh;
  max-width: 100%;
}
@media (min-width: 768px) {
  body.home #contentRootWrapper #mainContainer {
    background: url("../images/bkg_home-small.png") no-repeat, #cde7ff;
    background-size: auto 100%;
    background-position: bottom center;
    padding-top: 5vh;
  }
}
@media (min-width: 1200px) {
  body.home #contentRootWrapper #mainContainer {
    background: url("../images/bkg_home.jpg") no-repeat, #cde7ff;
    background-size: auto 100%;
    background-position: bottom center;
    padding-top: 7vh;
  }
}
body.home #contentRootWrapper #index h3 {
  color: #495057;
  display: block;
  text-align: center;
}
body.home #contentRootWrapper #index .card-body {
  max-height: 500px;
  overflow-y: auto;
}
body.home #contentRootWrapper #index .theme-button {
  height: 80px;
  padding: .5rem;
}
@media (min-width: 768px) {
  body.home #contentRootWrapper #index .theme-button {
    height: 100px;
  }
}
body.home #contentRootWrapper #index .theme-button .btn.btn-ieuh, body.home #contentRootWrapper #index .theme-button #register.register form[name="registration_form"] .btn.btn-secondary, #register.register form[name="registration_form"] body.home #contentRootWrapper #index .theme-button .btn.btn-secondary {
  border: 0;
}
body.home #contentRootWrapper #index .theme-button .btn.btn-ieuh .text, body.home #contentRootWrapper #index .theme-button #register.register form[name="registration_form"] .btn.btn-secondary .text, #register.register form[name="registration_form"] body.home #contentRootWrapper #index .theme-button .btn.btn-secondary .text {
  font-size: 1rem;
  font-family: 'Mali';
  text-shadow: none;
  transition: all 100ms;
}
@media (min-width: 768px) {
  body.home #contentRootWrapper #index .theme-button .btn.btn-ieuh .text, body.home #contentRootWrapper #index .theme-button #register.register form[name="registration_form"] .btn.btn-secondary .text, #register.register form[name="registration_form"] body.home #contentRootWrapper #index .theme-button .btn.btn-secondary .text {
    font-size: 1.25rem;
  }
}
body.home #contentRootWrapper #index .theme-button a {
  position: relative;
  height: 50px;
  max-width: 350px;
}
body.home #contentRootWrapper #index .theme-button a:before,
body.home #contentRootWrapper #index .theme-button a:after {
  position: absolute;
  top: -5px;
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  content: '';
  transition: all 100ms;
}
body.home #contentRootWrapper #index .theme-button a:hover:before,
body.home #contentRootWrapper #index .theme-button a:hover:after {
  width: 70px;
  height: 70px;
  background-size: 70px 70px;
}
body.home #contentRootWrapper #index .theme-button .btn.btn-ieuh:hover .text, body.home #contentRootWrapper #index .theme-button #register.register form[name="registration_form"] .btn.btn-secondary:hover .text, #register.register form[name="registration_form"] body.home #contentRootWrapper #index .theme-button .btn.btn-secondary:hover .text {
  font-size: 1.15rem;
}
body.home #contentRootWrapper #index .theme-button a:before {
  left: -40px;
}
body.home #contentRootWrapper #index .theme-button a:after {
  right: -40px;
}
@media (min-width: 768px) {
  body.home #contentRootWrapper #index .theme-button a:before,
  body.home #contentRootWrapper #index .theme-button a:after {
    position: absolute;
    top: -20px;
    width: 80px;
    height: 80px;
    background-size: 80px 80px;
    content: '';
    transition: all 100ms;
  }
  body.home #contentRootWrapper #index .theme-button a:hover:before,
  body.home #contentRootWrapper #index .theme-button a:hover:after {
    width: 90px;
    height: 90px;
    background-size: 90px 90px;
  }
  body.home #contentRootWrapper #index .theme-button .btn.btn-ieuh:hover .text, body.home #contentRootWrapper #index .theme-button #register.register form[name="registration_form"] .btn.btn-secondary:hover .text, #register.register form[name="registration_form"] body.home #contentRootWrapper #index .theme-button .btn.btn-secondary:hover .text {
    font-size: 1.30rem;
  }
  body.home #contentRootWrapper #index .theme-button a:before {
    left: -40px;
  }
  body.home #contentRootWrapper #index .theme-button a:after {
    right: -40px;
  }
}
body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants a {
  background: #FF0064;
}
body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants a:hover {
  background: #ff1a74;
}
body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants a:before {
  background-image: url("../images/icone-home-special.png");
}
@media (min-width: 768px) {
  body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants {
    transform: translateY(-20px);
  }
}
body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants .btn.btn-ieuh .text, body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants #register.register form[name="registration_form"] .btn.btn-secondary .text, #register.register form[name="registration_form"] body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants .btn.btn-secondary .text {
  font-size: 1.1rem;
  padding: .5rem .5rem .5rem 2.5rem;
}
@media (min-width: 768px) {
  body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants .btn.btn-ieuh .text, body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants #register.register form[name="registration_form"] .btn.btn-secondary .text, #register.register form[name="registration_form"] body.home #contentRootWrapper #index .theme-button.le-covid-19-explique-aux-enfants .btn.btn-secondary .text {
    font-size: 1.15rem;
  }
}
body.home #contentRootWrapper #index .theme-button.albums-et-histoires a {
  background: #0b9bc4;
}
body.home #contentRootWrapper #index .theme-button.albums-et-histoires a:hover {
  background: #0caedc;
}
body.home #contentRootWrapper #index .theme-button.albums-et-histoires a:before {
  background-image: url("../images/icone-home-albumsethistoires.png");
}
body.home #contentRootWrapper #index .theme-button.contes-et-legendes a {
  background: #ffb300;
}
body.home #contentRootWrapper #index .theme-button.contes-et-legendes a:hover {
  background: #ffbb1a;
}
body.home #contentRootWrapper #index .theme-button.contes-et-legendes a:after {
  background-image: url("../images/icone-home-contesetlegendes.png");
}
body.home #contentRootWrapper #index .theme-button.fables-et-poesies a {
  background: #0bccb7;
}
body.home #contentRootWrapper #index .theme-button.fables-et-poesies a:hover {
  background: #0ce4cd;
}
body.home #contentRootWrapper #index .theme-button.fables-et-poesies a:before {
  background-image: url("../images/icone-home-fablesetpoesies.png");
}
body.home #contentRootWrapper #index .theme-button.comptines-et-chansons a {
  background: #12ba1a;
}
body.home #contentRootWrapper #index .theme-button.comptines-et-chansons a:hover {
  background: #14d11d;
}
body.home #contentRootWrapper #index .theme-button.comptines-et-chansons a:after {
  background-image: url("../images/icone-home-comptinesetchansons.png");
}
body.home #contentRootWrapper #index .theme-button.documentaires a {
  background: #902def;
}
body.home #contentRootWrapper #index .theme-button.documentaires a:hover {
  background: #9d45f1;
}
body.home #contentRootWrapper #index .theme-button.documentaires a:before {
  background-image: url("../images/icone-home-documentaires.png");
}
body.home #contentRootWrapper #index .theme-button.anglais a {
  background: #3778f5;
}
body.home #contentRootWrapper #index .theme-button.anglais a:hover {
  background: #4f88f6;
}
body.home #contentRootWrapper #index .theme-button.anglais a:after {
  background-image: url("../images/icone-home-anglais.png");
}
body.home #breadcrumb,
body.home #scrollSpy {
  display: none;
}

.imcInstruction {
  text-align: center;
  color: #333;
  font-size: 1em;
}
@media (min-width: 1200px) {
  .imcInstruction {
    font-size: 1.25em;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.imcInstruction .idocBlock {
  display: inline;
}
.imcInstruction .objSound {
  margin-right: 10px;
}

.imcChoices {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.imcTestRight {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
.imcTestRight img {
  transition: all;
  transition-duration: 350ms;
  box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
  max-height: 200px;
}

.imcTest {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none;
  padding-bottom: 0;
}
.imcTest .imcContent {
  display: flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
}
.imcTest .idocImgLand img {
  max-height: 65px;
}
@media (min-width: 576px) {
  .imcTest .idocImgLand img {
    max-height: 80px;
  }
}
@media (min-width: 768px) {
  .imcTest .idocImgLand img {
    max-height: 100px;
  }
}
@media (min-width: 992px) {
  .imcTest .idocImgLand img {
    max-height: 100px;
  }
}
.imcTest .imcChoice {
  cursor: pointer;
}
.imcTest .imcChoice.missed, .imcTest .imcChoice.good, .imcTest .imcChoice.selected-missed, .imcTest .imcChoice.selected-good {
  border: 3px solid #1ae51f !important;
}
.imcTest .imcChoice.missed input, .imcTest .imcChoice.good input, .imcTest .imcChoice.selected-missed input, .imcTest .imcChoice.selected-good input {
  border: 3px solid #1ae51f !important;
}
.imcTest .imcChoice.missed input:before, .imcTest .imcChoice.good input:before, .imcTest .imcChoice.selected-missed input:before, .imcTest .imcChoice.selected-good input:before {
  color: #1ae51f !important;
}
.imcTest .imcChoice.bad, .imcTest .imcChoice.selected-bad {
  border: 3px solid red !important;
}
.imcTest .imcChoice.bad input, .imcTest .imcChoice.selected-bad input {
  border: 3px solid red !important;
}
.imcTest .imcChoice.bad input:before, .imcTest .imcChoice.selected-bad input:before {
  color: red;
}
.imcTest .imcChoice.text-bad {
  background: red !important;
}
.imcTest .imcChoice.text-good {
  background: #1ae51f !important;
}
.imcTest .imcChoice.selected {
  background: transparent;
}
.imcTest .imcChoice .objSound.light {
  margin-right: 10px;
}
.imcTest .imcChoiceWrapper .idocImgLand table,
.imcTest .imcChoiceWrapper .idocImgPortrait table {
  width: 100%;
}
.imcTest .imcChoiceWrapper .idocImgLand table td,
.imcTest .imcChoiceWrapper .idocImgPortrait table td {
  text-align: center;
}
.imcTest .imcCheckLine, .imcTest .imcRadioLine {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.imcTest .imcCheckLine .imcChoice, .imcTest .imcRadioLine .imcChoice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
  text-align: center;
}
.imcTest .imcCheckLine .imcChoice .table-responsive, .imcTest .imcRadioLine .imcChoice .table-responsive {
  overflow-y: hidden;
}
.imcTest .imcCheckLine .imcChoice table, .imcTest .imcRadioLine .imcChoice table {
  width: 100%;
  text-align: center;
}
.imcTest .imcCheckLine .imcChoice table td, .imcTest .imcRadioLine .imcChoice table td {
  text-align: center;
}
.imcTest .imcCheckLine .imcChoice.selectable, .imcTest .imcRadioLine .imcChoice.selectable {
  border: 1px solid lightblue;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  transition: transform;
  transition-duration: 100ms;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.imcTest .imcCheckLine .imcChoice.selectable.selected, .imcTest .imcRadioLine .imcChoice.selectable.selected {
  border: 3px solid lightblue;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.imcTest .imcCheckLine .imcChoice.selectable.selected-bad, .imcTest .imcRadioLine .imcChoice.selectable.selected-bad {
  border: 3px solid red;
}
.imcTest .imcCheckLine .imcChoice.selectable.selected-bad:after, .imcTest .imcRadioLine .imcChoice.selectable.selected-bad:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(255, 0, 0, 0.15);
}
.imcTest .imcCheckLine .imcChoice.selectable.selected-good, .imcTest .imcRadioLine .imcChoice.selectable.selected-good {
  border: 3px solid #1ae51f;
}
.imcTest .imcCheckLine .imcChoice.selectable.selected-good:after, .imcTest .imcRadioLine .imcChoice.selectable.selected-good:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(26, 229, 31, 0.15);
}
.imcTest.imcCheck .imcChoices > table tbody {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.imcTest.imcCheck .imcChoices > table tbody tr {
  margin: auto 5px;
}
.imcTest.imcRadio input, .imcTest.imcCheck input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  background-color: #f1f1f1;
  color: #666;
  top: 3px;
  height: 30px;
  width: 30px;
  border: 1px solid #86c5da;
  cursor: pointer;
  margin-right: 7px;
}
.imcTest.imcRadio input::before, .imcTest.imcCheck input::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 2rem;
  color: #86c5da;
  content: '\f00c';
  margin: -13px 0 0 0;
  opacity: 0;
  transition: opacity;
  transition-duration: 0.5s;
}
.imcTest.imcRadio input:checked, .imcTest.imcCheck input:checked {
  background-color: #f1f1f1;
  border: 3px solid #86c5da;
}
.imcTest.imcRadio input:checked::before, .imcTest.imcCheck input:checked::before {
  opacity: 1;
}
.imcTest.imcRadio .imcChoice {
  margin-top: 2px;
  margin-bottom: 2px;
}
.imcTest.imcRadio input {
  border-radius: 50px;
}
.imcTest:not(.corrected).imcRadio .imcChoice:hover input, .imcTest:not(.corrected).imcCheck .imcChoice:hover input {
  border: 3px solid #86c5da;
}
.imcTest:not(.corrected) .imcCheckLine .imcChoice.selectable:hover, .imcTest:not(.corrected) .imcRadioLine .imcChoice.selectable:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.imcCheckWithImages .imcChoice {
  margin-bottom: 10px;
  margin-right: 15px;
}
.imcCheckWithImages .imcChoice.selected {
  -webkit-box-shadow: 0px 0px 10px 0px #154e88;
  box-shadow: 0px 0px 10px 0px #154e88;
}

.imcdoc .imcDocContainer .imcDragChoice .idocImgLand {
  margin: auto;
}

.imcSolution {
  display: none;
}

.imcDrag .imcChoice {
  padding: 0;
}

.imcTextHole .imcChoice input {
  background: #FF9656;
  color: #333333;
  border: 0;
  border-radius: 5px;
  padding: 2.5px 5px;
  max-width: 96%;
  display: inline-block;
  margin-top: 2.5px;
}
.imcTextHole .imcChoice input.text-bad {
  background: #fd0505;
}
.imcTextHole .imcChoice input.text-good {
  background: #3caf08;
}
.imcTextHole .imcChoice input.text-bad, .imcTextHole .imcChoice input.text-good {
  color: white;
}

.imcPoint .imcTool1 {
  color: #B486EF;
}
.imcPoint .imcTool2 {
  color: #FF9656;
}
.imcPoint .imcTool3 {
  color: #FF9CCE;
}
.imcPoint .imcTool4 {
  color: #FDEE00;
  font-weight: bold;
}
.imcPoint .imcChoice {
  padding: 0;
}

.imcChoice[data-selected='1'] {
  background: #B486EF;
  border-color: #B486EF;
}

.imcChoice[data-selected='2'] {
  background: #FF9656;
  border-color: #FF9656;
}

.imcChoice[data-selected='3'] {
  background: #FF9CCE;
  border-color: #FF9CCE;
}

.imcChoice[data-selected='4'] {
  background: #FDEE00;
  border-color: #FDEE00;
}

.imcChoice[data-selected='1'][data-correct_answer='1'] {
  border: 3px solid #1ae51f;
}

.imcChoice[data-selected='2'][data-correct_answer='2'] {
  border: 3px solid #1ae51f;
}

.imcChoice[data-selected='3'][data-correct_answer='3'] {
  border: 3px solid #1ae51f;
}

.imcChoice[data-selected='4'][data-correct_answer='4'] {
  border: 3px solid #1ae51f;
}

.imcChoice:not([data-selected='1'])[data-correct_answer='1'] {
  border: 3px solid red;
  background: #B486EF;
}

.imcChoice:not([data-selected='2'])[data-correct_answer='2'] {
  border: 3px solid red;
  background: #FF9656;
}

.imcChoice:not([data-selected='3'])[data-correct_answer='3'] {
  border: 3px solid red;
  background: #FF9CCE;
}

.imcChoice:not([data-selected='4'])[data-correct_answer='4'] {
  border: 3px solid red;
  background: #FDEE00;
}

@keyframes audio1 {
  0%,
  100% {
    box-shadow: 0 0 0 0.4em rgba(51, 51, 51, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(51, 51, 51, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(51, 51, 51, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(51, 51, 51, 0.25);
  }
}
@-webkit-keyframes audio1 {
  0%,
  100% {
    box-shadow: 0 0 0 0.4em rgba(51, 51, 51, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(51, 51, 51, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(51, 51, 51, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(51, 51, 51, 0.25);
  }
}
@keyframes audio2 {
  0%,
  100% {
    box-shadow: 0 0 0 0.25em rgba(51, 51, 51, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(51, 51, 51, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(51, 51, 51, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(51, 51, 51, 0.45);
  }
}
@-webkit-keyframes audio2 {
  0%,
  100% {
    box-shadow: 0 0 0 0.25em rgba(51, 51, 51, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(51, 51, 51, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(51, 51, 51, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(51, 51, 51, 0.45);
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes flash {
  from,50%,to {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
@-webkit-keyframes flash {
  from,50%,to {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
@keyframes newNote {
  0% {
    transform: scale(3);
    color: white;
  }
  25% {
    color: #FBDB5C;
  }
  75% {
    color: white;
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes newNote {
  0% {
    transform: scale(3);
    color: white;
  }
  25% {
    color: #FBDB5C;
  }
  75% {
    color: white;
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes bounce-right {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(3px);
  }
}
@keyframes bounce-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(3px);
  }
}
@-webkit-keyframes bounce-up {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-3px);
  }
}
@keyframes bounce-up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-3px);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-inv {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes rotate-inv {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes click-wave {
  0% {
    height: 20px;
    width: 20px;
    opacity: 0.25;
    position: relative;
  }
  100% {
    height: 80px;
    width: 80px;
    margin-left: -30px;
    margin-top: -30px;
    opacity: 0;
  }
}
@keyframes click-wave {
  0% {
    height: 20px;
    width: 20px;
    opacity: 0.25;
    position: relative;
  }
  100% {
    height: 80px;
    width: 80px;
    margin-left: -30px;
    margin-top: -30px;
    opacity: 0;
  }
}
@keyframes ellipsis {
  to {
    width: 20px;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 20px;
  }
}
@keyframes karaoke_visible {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes karaoke_visible {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes k_line_x {
  0% {
    background-size: 0% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_line_x {
  0% {
    background-size: 0% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
/* Keys description */
/* todo...*/
@keyframes k_mkl60_ek80 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 60% 100%;
  }
  80% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mkl60_ek80 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 60% 100%;
  }
  80% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_ek70 {
  0% {
    background-size: 0% 100%;
  }
  70% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_ek70 {
  0% {
    background-size: 0% 100%;
  }
  70% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_ek80 {
  0% {
    background-size: 0% 100%;
  }
  80% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_ek80 {
  0% {
    background-size: 0% 100%;
  }
  80% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_ek90 {
  0% {
    background-size: 0% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_ek90 {
  0% {
    background-size: 0% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp10_ek90 {
  0% {
    background-size: 0% 100%;
  }
  10% {
    background-size: 10% 100%;
  }
  20% {
    background-size: 10% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp10_ek90 {
  0% {
    background-size: 0% 100%;
  }
  10% {
    background-size: 10% 100%;
  }
  20% {
    background-size: 10% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp20_ek90 {
  0% {
    background-size: 0% 100%;
  }
  20% {
    background-size: 20% 100%;
  }
  30% {
    background-size: 20% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp20_ek90 {
  0% {
    background-size: 0% 100%;
  }
  20% {
    background-size: 20% 100%;
  }
  30% {
    background-size: 20% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp30_ek90 {
  0% {
    background-size: 0% 100%;
  }
  30% {
    background-size: 30% 100%;
  }
  40% {
    background-size: 30% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp30_ek90 {
  0% {
    background-size: 0% 100%;
  }
  30% {
    background-size: 30% 100%;
  }
  40% {
    background-size: 30% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp40_ek90 {
  0% {
    background-size: 0% 100%;
  }
  40% {
    background-size: 40% 100%;
  }
  50% {
    background-size: 40% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp40_ek90 {
  0% {
    background-size: 0% 100%;
  }
  40% {
    background-size: 40% 100%;
  }
  50% {
    background-size: 40% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp50_ek90 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 50% 100%;
  }
  60% {
    background-size: 50% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp50_ek90 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 50% 100%;
  }
  60% {
    background-size: 50% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp50_ek80 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 50% 100%;
  }
  60% {
    background-size: 50% 100%;
  }
  80% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp50_ek80 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 50% 100%;
  }
  60% {
    background-size: 50% 100%;
  }
  80% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp60_ek90 {
  0% {
    background-size: 0% 100%;
  }
  60% {
    background-size: 60% 100%;
  }
  70% {
    background-size: 60% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp60_ek90 {
  0% {
    background-size: 0% 100%;
  }
  60% {
    background-size: 60% 100%;
  }
  70% {
    background-size: 60% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp70_ek90 {
  0% {
    background-size: 0% 100%;
  }
  70% {
    background-size: 70% 100%;
  }
  80% {
    background-size: 70% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp70_ek90 {
  0% {
    background-size: 0% 100%;
  }
  70% {
    background-size: 70% 100%;
  }
  80% {
    background-size: 70% 100%;
  }
  90% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mkl60 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 60% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mkl60 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 60% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mkl70 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 70% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mkl70 {
  0% {
    background-size: 0% 100%;
  }
  50% {
    background-size: 70% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp40_mkl40 {
  0% {
    background-size: 0% 100%;
  }
  40% {
    background-size: 50% 100%;
  }
  50% {
    background-size: 50% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp40_mkl40 {
  0% {
    background-size: 0% 100%;
  }
  40% {
    background-size: 40% 100%;
  }
  50% {
    background-size: 40% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp40_mkl60 {
  0% {
    background-size: 0% 100%;
  }
  40% {
    background-size: 60% 100%;
  }
  50% {
    background-size: 60% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp40_mkl60 {
  0% {
    background-size: 0% 100%;
  }
  40% {
    background-size: 60% 100%;
  }
  50% {
    background-size: 60% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp40 {
  0% {
    background-size: 0% 100%;
  }
  40% {
    background-size: 40% 100%;
  }
  50% {
    background-size: 40% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp40 {
  0% {
    background-size: 0% 100%;
  }
  40% {
    background-size: 40% 100%;
  }
  50% {
    background-size: 40% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mp30 {
  0% {
    background-size: 0% 100%;
  }
  30% {
    background-size: 30% 100%;
  }
  40% {
    background-size: 30% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mp30 {
  0% {
    background-size: 0% 100%;
  }
  30% {
    background-size: 30% 100%;
  }
  40% {
    background-size: 30% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_mk20_mkl30 {
  0% {
    background-size: 0% 100%;
  }
  20% {
    background-size: 30% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_mk20_mkl30 {
  0% {
    background-size: 0% 100%;
  }
  20% {
    background-size: 30% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes k_sp10_mp30 {
  0% {
    background-size: 0% 100%;
  }
  10% {
    background-size: 10% 100%;
  }
  20% {
    background-size: 10% 100%;
  }
  30% {
    background-size: 30% 100%;
  }
  40% {
    background-size: 30% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes k_sp10_mp30 {
  0% {
    background-size: 0% 100%;
  }
  10% {
    background-size: 10% 100%;
  }
  20% {
    background-size: 10% 100%;
  }
  30% {
    background-size: 30% 100%;
  }
  40% {
    background-size: 30% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
#teacher #teachersheets .legend i {
  color: #333;
}
#teacher #teachersheets .legend span {
  white-space: nowrap;
}
#teacher #teachersheets h1, #teacher #teachersheets h2 {
  text-align: center;
}

#drawings h1, #drawings h2, #drawings h3 {
  text-align: center;
  width: 100%;
  color: #333;
}
#drawings #canvasContainer {
  position: relative;
  border-radius: 10px;
  background: white;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.3), 0 6px 20px 0 rgba(51, 51, 51, 0.28);
}
#drawings #canvasContainer #sketchpad {
  background: white;
  border-radius: 10px;
  background-position: center;
  background-repeat: no-repeat;
}
#drawings #canvasContainer #backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 10px;
  background: #ced4da;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 999;
  transition: height, box-shadow;
  transition-duration: 750ms;
  height: 0px;
  overflow-y: hidden;
}
#drawings #canvasContainer #backgrounds.show {
  height: 100%;
}
#drawings #canvasContainer #backgrounds.show .images {
  opacity: 1;
  transition: opacity;
  transition-duration: 350ms;
  transition-delay: 750ms;
}
#drawings #canvasContainer #backgrounds h2 {
  width: 100%;
  text-align: center;
}
#drawings #canvasContainer #backgrounds #imagesContainer {
  overflow-x: auto;
}
#drawings #canvasContainer #backgrounds #imagesContainer .loader {
  color: #333;
}
#drawings #canvasContainer #backgrounds .images {
  align-items: center;
  opacity: 0;
}
#drawings #canvasContainer #backgrounds .images img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  transition: filter 750ms;
  height: 130px;
}
#drawings #canvasContainer #backgrounds .images img.selected {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border: 3px solid aliceblue;
  -webkit-filter: none;
  /* Safari 6.0 - 9.0 */
  filter: none;
}
#drawings #canvasContainer #backgrounds .images img.gray {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
#drawings #canvasContainer #backgrounds .validation {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
#drawings #canvasContainer #backgrounds .validation a {
  color: white;
  font-size: 150%;
}
#drawings #canvasContainer #sketchpad-cursor {
  position: absolute;
  top: -2000px;
  left: 0;
  pointer-events: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 30;
  width: 0;
  height: 0;
  border: 1px solid black;
}
#drawings #controls {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background: rgba(206, 212, 218, 0.35);
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.3), 0 6px 20px 0 rgba(51, 51, 51, 0.28);
  min-width: 85px;
  text-align: center;
}
#drawings #controls .label {
  width: 100%;
  text-align: center;
  font-size: 0.7rem;
  color: #333;
}
@media (min-width: 576px) {
  #drawings #controls .label {
    font-size: 0.75rem;
  }
}
#drawings #controls #pensize-control {
  max-width: 50px;
}
#drawings #controls i {
  pointer-events: all;
  font-size: 100%;
  cursor: pointer;
  padding: 5px;
  transition: padding;
  transition-duration: 250ms;
}
@media (min-width: 576px) {
  #drawings #controls i {
    font-size: 120%;
  }
}
#drawings #controls i.selectable {
  border-radius: 10px;
}
#drawings #controls i.selected {
  border: 3px solid #ced4da;
  background: rgba(206, 212, 218, 0.7);
  padding: 3px;
}
@media (min-width: 576px) {
  #drawings #controls i.selected {
    padding: 10px;
  }
}
#drawings #controls i.fa-eraser {
  color: #DB5D5B;
}
#drawings #controls i.brush, #drawings #controls i.fill, #drawings #controls i.tint {
  text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.7);
}
#drawings #controls .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#drawings #controls .bottom #screenshot-link {
  text-decoration: none;
  color: black;
}
#drawings #controls .bottom i {
  transition: all;
  transition-duration: 250ms;
  color: #006E90;
}
#drawings #controls .bottom i:hover {
  color: #0095c3;
}
#drawings #controls .bottom i.clear {
  color: #333;
}
#drawings #controls .bottom i.undo, #drawings #controls .bottom i.redo {
  font-size: 100%;
}
#drawings #controls .bottom i.disabled {
  color: #ced4da;
  cursor: default;
}
#drawings #controls .bottom i.screenshot, #drawings #controls .bottom i.download, #drawings #controls .bottom i.upload {
  font-size: 100%;
}
@media (min-width: 576px) {
  #drawings #controls .bottom i.screenshot, #drawings #controls .bottom i.download, #drawings #controls .bottom i.upload {
    font-size: 120%;
  }
}
#drawings #controls .slidecontainer {
  pointer-events: all;
  cursor: pointer;
}
#drawings #controls .slidecontainer input {
  /*    writing-mode: vertical-lr; !* IE *!
      -webkit-appearance: slider-vertical; !* WebKit *!*/
}
#drawings #controls .showHideBackground {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 0.75rem;
}
#drawings #controls .colorPicker {
  font-size: 80%;
}
#drawings #save-modal h1 {
  color: #333;
}
#drawings #save-modal #filenameInput {
  height: 2.6rem;
  margin-bottom: 5px;
}

#bonus h1 {
  width: 100%;
  color: #333;
  text-align: center;
  margin-bottom: .5rem;
}

#bonus-list h1, #bonus-list h2 {
  text-align: center;
}
#bonus-list h1 {
  width: 100%;
  color: #333;
}
#bonus-list a {
  text-decoration: none;
  display: block;
}
#bonus-list .theme {
  transition: all 250ms;
  border-radius: 5px;
  margin-top: 55px;
}
#bonus-list .theme h2 {
  color: #333;
  border-bottom: 1px solid #333;
  padding-bottom: .5rem;
  font-size: 1.2em;
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
}
#bonus-list .theme h2 span {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  padding: 5px 15px;
}
@media (min-width: 576px) {
  #bonus-list .theme h2 {
    font-size: 1.2em;
  }
}
@media (min-width: 768px) {
  #bonus-list .theme h2 {
    font-size: 1.4em;
  }
}
@media (min-width: 992px) {
  #bonus-list .theme h2 {
    font-size: 1.6em;
  }
}
@media (min-width: 1200px) {
  #bonus-list .theme h2 {
    font-size: 1.8em;
  }
}
@media (min-width: 768px) {
  #bonus-list .theme h2 {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
#bonus-list .modelContainer {
  text-align: center;
}
#bonus-list .modelContainer figure {
  overflow-y: hidden;
  transition: all 150ms;
}
#bonus-list .modelContainer figure img {
  max-width: 50%;
  max-height: 150px;
}
#bonus-list .modelContainer figure figcaption {
  color: initial;
  font-size: 1.1rem;
}
#bonus-list .modelContainer:hover figure figcaption {
  color: #333;
}

#puzzle h1, #puzzle h2, #puzzle h3 {
  text-align: center;
  width: 100%;
  font-family: "Mali";
  color: white;
}
#puzzle #reveal {
  font-size: 1.6rem;
  cursor: pointer;
  transition: color 150ms;
  position: absolute;
  top: 0rem;
  right: 0rem;
}
#puzzle #reveal:hover {
  color: #333;
}
@media (min-width: 768px) {
  #puzzle #reveal {
    position: initial;
    font-size: 2rem;
    margin-left: .5rem;
  }
}
#puzzle #levelSelect {
  font-size: 0.8em;
}
@media (min-width: 576px) {
  #puzzle #levelSelect {
    font-size: 0.8em;
  }
}
@media (min-width: 768px) {
  #puzzle #levelSelect {
    font-size: 1.0em;
  }
}
@media (min-width: 992px) {
  #puzzle #levelSelect {
    font-size: 1.2em;
  }
}
@media (min-width: 1200px) {
  #puzzle #levelSelect {
    font-size: 1.4em;
  }
}
#puzzle .canvaswrapper {
  margin-top: 10px;
  text-align: center;
  position: relative;
}
#puzzle .canvaswrapper canvas {
  border: 1px solid black;
  cursor: pointer;
  touch-action: none;
}
#puzzle .canvaswrapper #results {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: inline-block;
  pointer-events: none;
  opacity: 0;
  background: rgba(255, 255, 255, 0.25);
}
@media (min-width: 992px) {
  #puzzle .canvaswrapper #results .label, #puzzle .canvaswrapper #results img {
    margin-right: 50px;
  }
}
#puzzle .canvaswrapper #results img {
  max-height: 50%;
}
#puzzle .canvaswrapper #results .label {
  text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.8);
  font-family: "Mali";
  font-size: 1.7rem;
  color: #1EFF1E;
}

body.solved #puzzle #results {
  transition: opacity 750ms;
  opacity: 1;
  pointer-events: all;
}

#customSize {
  display: inline-block;
  font-weight: bold;
  color: white;
}
#customSize #customPiecesX, #customSize #customPiecesY {
  border: none;
}
@media (min-width: 992px) {
  #customSize #customPiecesX, #customSize #customPiecesY {
    font-size: 1.2em;
  }
}

#printable-activities h1, #printable-activities h2 {
  text-align: center;
}
#printable-activities h1 {
  color: #333;
  text-align: center;
  width: 100%;
  margin-bottom: 1.5rem;
}

#satellite-page {
  border-radius: 10px;
  padding: 10px;
  margin: 0px 0;
}
@media (min-width: 768px) {
  #satellite-page {
    padding: 20px;
    margin: 20px;
  }
}
#satellite-page h1 {
  text-align: center;
  width: 100%;
  border-radius: 10px;
}
#satellite-page h2 {
  font-size: 1.4rem;
}
@media (min-width: 576px) {
  #satellite-page h2 {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  #satellite-page h2 {
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  #satellite-page h2 {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  #satellite-page h2 {
    font-size: 2.0rem;
  }
}
#satellite-page h3 {
  font-size: 1.2rem;
}
@media (min-width: 576px) {
  #satellite-page h3 {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  #satellite-page h3 {
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) {
  #satellite-page h3 {
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #satellite-page h3 {
    font-size: 1.8rem;
  }
}

#satellite-page.faq .accordion .card-header button {
  margin: 0;
  padding: 0;
}
#satellite-page.faq .accordion .card-header button:hover {
  color: #333;
}
#satellite-page.faq .accordion .card-header button:focus {
  box-shadow: none;
}

#satellite-page.discover .site-link {
  text-decoration: none;
  color: initial;
  margin: .25rem;
  display: inline-block;
  text-align: center;
}
#satellite-page.discover .site-link .row {
  margin-top: 30px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.5);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#satellite-page.discover .site-link span.title {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  #satellite-page.discover .site-link {
    text-align: left;
  }
}
#satellite-page.discover .site-link img {
  max-width: 100%;
  height: auto;
}

.contact {
  background: white;
  border-radius: 10px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}
.contact label {
  font-weight: bold;
}
.contact .btn-primary {
  background: #333;
  border: 1px solid #333;
  background: -webkit-linear-gradient(to right, #454545, #333, #454545);
  background: linear-gradient(to right, #454545, #333, #454545);
  border: none;
}
.contact .btn-primary:hover {
  background: #333;
}
.contact .btn-primary:focus {
  box-shadow: none;
}
.contact .btn-primary:not(:disabled):not(.disabled):active {
  background: #212121;
}
.contact .btn-primary:focus {
  border: none;
}
.contact .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #333;
}
.contact .form-control:focus {
  outline: 2px dotted #333;
  outline-offset: 2px;
}

form#login {
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  width: 100%;
}
form#login h1, form#login h2, form#login h3, form#login h4 {
  text-align: center;
  color: white;
}
form#login h2 {
  display: none;
  margin-bottom: 0;
}
form#login .fa {
  color: #333;
}
form#login #passwd-lost {
  text-align: center;
  color: #333;
}
form#login .remember-me {
  margin-bottom: .25rem;
  text-align: center;
}
@media (min-width: 576px) {
  form#login .remember-me {
    text-align: left;
  }
}

.filters .filter {
  background: #333;
  padding: 3px 12px;
  color: white;
  border-radius: 30px;
  border: 0;
  cursor: pointer;
}
.filters .filter:hover {
  background: #3b3b3b;
}
.filters .filter.opened {
  background: #262626;
}
.filters .filter.opened:after {
  content: '\f077';
}
.filters .filter.active {
  background: #1a1a1a;
}
.filters .filter:after {
  content: '\f078';
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  padding-left: 5px;
  font-size: 0.75rem;
}

.filter-popover {
  width: 230px;
}
.filter-popover .popover-body {
  max-height: 150px;
  overflow-y: auto;
}
.filter-popover .popover-header {
  font-size: 0.85rem;
}
.filter-popover .popover-header .select-all-delete {
  float: right;
  font-weight: bold;
  color: white;
}
.filter-popover .popover-bottom {
  padding: 2.5px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#admin-home a {
  margin: 10px;
}
#admin-home a .fas {
  margin-right: 5px;
}

#admin-users table td {
  cursor: pointer;
}

@media (min-width: 1200px) {
  #admin-comments {
    padding: 1rem;
  }
}
#admin-comments .story-link {
  font-size: .9rem;
}
#admin-comments #edit-response-trigger, #admin-comments #edit-comment-trigger {
  cursor: pointer;
}
#admin-comments #content-modal .head {
  padding: 1rem;
  font-size: 1.3rem;
}
#admin-comments #content-modal .head .btn-ieuh, #admin-comments #content-modal .head #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #admin-comments #content-modal .head .btn-secondary {
  background: transparent;
  border: none;
  color: #333;
}
#admin-comments #content-modal .userNick {
  font-family: "Mali";
}
#admin-comments #content-modal .userNick a {
  color: #333;
  text-decoration: none;
}
#admin-comments #sg-datatables-comments_datatable td.titleHtml .btn-ieuh, #admin-comments #sg-datatables-comments_datatable td.titleHtml #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #admin-comments #sg-datatables-comments_datatable td.titleHtml .btn-secondary {
  background: transparent;
  color: #333;
  border: none;
}

#admin-user .card-body {
  padding: 0;
}
@media (min-width: 1200px) {
  #admin-user .card-body {
    padding: 1.25rem;
  }
}
#admin-user #delete-user {
  color: #333;
  margin-top: 2rem;
  font-size: 0.9rem;
}
#admin-user #admin-nav {
  transform: translateX(-300px);
  width: fit-content;
}
#admin-user #user {
  transform: translateY(-100px);
}
#admin-user #user .name {
  font-size: 1.5rem;
  font-weight: bold;
}
#admin-user #user .email {
  font-size: 1rem;
  font-weight: bold;
}
#admin-user #user .account-status {
  font-weight: bold;
  font-size: 1.1rem;
  margin-top: .5rem;
}
#admin-user #user .account-status.OK {
  color: #17ce1c;
}
#admin-user #user .account-status.KO {
  color: #CE0019;
}
#admin-user #user #user-notes #user-notes-table td.story-title .btn-ieuh, #admin-user #user #user-notes #user-notes-table td.story-title #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #admin-user #user #user-notes #user-notes-table td.story-title .btn-secondary {
  color: #333;
  background: transparent;
  border: none;
}
#admin-user #user #user-notes #user-notes-table td.story-title .btn-ieuh .icon, #admin-user #user #user-notes #user-notes-table td.story-title #register.register form[name="registration_form"] .btn-secondary .icon, #register.register form[name="registration_form"] #admin-user #user #user-notes #user-notes-table td.story-title .btn-secondary .icon {
  font-size: 1.2rem;
}
#admin-user #user #user-notes #user-notes-table td.story-title img {
  max-width: 75px;
  max-height: 50px;
}
#admin-user #user #user-notes #user-notes-table td.note {
  text-align: center;
}
#admin-user #user #user-notes #user-notes-table td.note .text {
  font-size: 0.85rem;
  font-weight: bold;
}
#admin-user #user #user-notes #user-notes-table td.note .rateYo {
  margin: auto;
}
#admin-user #user #user-notes .notesMean, #admin-user #user #user-notes .notesCount {
  font-size: 1.2rem;
  text-align: center;
  margin-top: .25rem;
}
#admin-user #user #user-notes #user-notes-loader {
  display: flex;
  flex-direction: column;
  text-align: center;
}
#admin-user #user #user-notes #user-notes-loader i {
  font-size: 1.3rem;
}
#admin-user #user .user-status .label {
  color: #CE0019;
  font-weight: bold;
  font-size: 1.1rem;
  cursor: pointer;
}
#admin-user #user .user-status.enabled .label {
  color: #1EFF1E;
}
#admin-user #user .user-status a {
  color: #333;
  margin-left: 0.5rem;
}
#admin-user #user table#comments-count {
  margin-bottom: 1.5rem;
}
#admin-user #user .label {
  margin-right: .5rem;
  text-align: center;
}
@media (min-width: 1200px) {
  #admin-user #user .label {
    font-size: 1.3rem;
  }
}
#admin-user #user #sg-datatables-comments_datatable .story-title .btn-ieuh, #admin-user #user #sg-datatables-comments_datatable .story-title #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #admin-user #user #sg-datatables-comments_datatable .story-title .btn-secondary {
  background: transparent;
  border: none;
  color: #333;
}
#admin-user .table-container {
  overflow-x: auto;
  margin-bottom: 1rem;
}
#admin-user .modal-content .story-title .btn-ieuh, #admin-user .modal-content .story-title #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #admin-user .modal-content .story-title .btn-secondary {
  background: transparent;
  border: none;
  color: #333;
}

#admin-profexpress .pe-redirect {
  min-width: 400px;
}

#admin-document {
  margin-top: .5rem;
}
#admin-document #admin-nav {
  transform: translateX(-350px);
  width: fit-content;
}
#admin-document #document {
  transform: translateY(-200px);
}
#admin-document #document #document-title {
  padding: 1rem .5rem;
}
#admin-document #document #document-title img {
  max-width: 20%;
  height: auto;
  margin-right: 1rem;
}
#admin-document #document #document-title .story-link {
  display: block;
  text-align: center;
  font-size: 1.3rem;
  margin: 1rem .25rem;
}
#admin-document #document .dataTables_info {
  font-size: 0.85rem;
}
#admin-document #document .no-story-found {
  display: flex;
  flex-direction: column;
  margin: .5rem auto;
  justify-content: center;
  align-items: center;
}
#admin-document #document .no-story-found span {
  margin-bottom: .5rem;
}
#admin-document #document .no-story-found a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}
#admin-document #document .no-story-found a:hover {
  color: #4d4d4d;
}
@media (min-width: 1200px) {
  #admin-document #document .no-story-found {
    font-size: 1.5rem;
  }
  #admin-document #document .no-story-found img {
    max-width: 40%;
  }
}
@media (min-width: 1200px) {
  #admin-document #document .ieuhcard {
    margin: auto;
  }
}
#admin-document #document .ieuhcard .card-header {
  font-size: 1.3rem;
  font-weight: bold;
  padding: .5rem .25rem;
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
  background: white;
  color: #333;
}
@media (min-width: 1200px) {
  #admin-document #document .ieuhcard #pdeBook {
    max-width: 80%;
  }
}
#admin-document #document .ieuhcard .card-body {
  padding: 0;
}
@media (min-width: 1200px) {
  #admin-document #document .ieuhcard .card-body {
    padding: 1.25rem 0.25rem;
  }
}
#admin-document #document #data-check a {
  text-decoration: none;
}
#admin-document #document #data-check .card-body {
  overflow-x: auto;
}
#admin-document #document #data-check .card-body .OK, #admin-document #document #data-check .card-body .KO {
  display: inline-block;
  border-radius: 150px;
  width: 15px;
  height: 15px;
}
#admin-document #document #data-check .card-body .KO {
  background: red;
}
#admin-document #document #data-check .card-body .OK {
  background: #1ae51f;
}
#admin-document #document #data-check .card-body .item {
  display: flex;
  flex-direction: column;
  padding: .25rem .5rem;
  margin: .25rem .5rem;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
#admin-document #document #data-check .card-body .item .head, #admin-document #document #data-check .card-body .item .body {
  white-space: nowrap;
}
#admin-document #document #data-check .card-body .item .head i {
  margin-right: .25rem;
}
#admin-document #document #stories-links .card-body {
  padding: .25rem .25rem;
}
#admin-document #document #stories-links .card-body .no-story-found {
  display: none;
}
#admin-document #document #stories-links .card-body .story-card {
  background: white;
}
#admin-document #document #notes #document-notes-mean .label {
  margin-right: .5rem;
}
@media (min-width: 1200px) {
  #admin-document #document #notes #document-notes-mean .label {
    font-size: 1.3rem;
  }
}
#admin-document #document #notes #document-notes-mean .table-container {
  overflow-x: auto;
}
#admin-document #document #notes #document-notes-mean table#notes-count {
  margin-bottom: 1.5rem;
}
#admin-document #document #notes #document-notes-mean table#notes-count .rateYo {
  margin: auto;
}
#admin-document #document #notes #sg-datatables-story_notes_datatable a {
  text-decoration: none;
  color: initial;
}
#admin-document #document #notes #sg-datatables-story_notes_datatable a:hover {
  color: #343a40;
}
#admin-document #document #notes #sg-datatables-story_notes_datatable td.date {
  font-size: 0.85rem;
}
#admin-document #document #notes #sg-datatables-story_notes_datatable td.note {
  text-align: center;
}
#admin-document #document #notes #sg-datatables-story_notes_datatable td.note .rateYo {
  margin: auto;
}
#admin-document #document #notes #sg-datatables-story_notes_datatable td.note .text {
  font-weight: bold;
  font-size: 0.85rem;
}
#admin-document #document #comments .label {
  margin-right: .5rem;
  width: 100%;
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  #admin-document #document #comments .label {
    font-size: 1.3rem;
  }
}
#admin-document #document #comments .summary {
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: 2rem;
}
#admin-document #document #comments table#comments-count {
  margin-bottom: 1.5rem;
}
#admin-document #exercices .label {
  margin-right: .5rem;
  width: 100%;
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  #admin-document #exercices .label {
    font-size: 1.3rem;
  }
}
#admin-document #content-modal .head {
  padding: 1rem;
  font-size: 1.3rem;
}
#admin-document #content-modal .head .btn-ieuh, #admin-document #content-modal .head #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #admin-document #content-modal .head .btn-secondary {
  background: transparent;
  border: none;
  color: #333;
}
#admin-document #content-modal .userNick {
  font-family: "Mali";
}
#admin-document #content-modal .userNick a {
  color: #333;
  text-decoration: none;
}

#admin-documents #admin-documents-table a {
  text-decoration: none;
  color: initial;
}
#admin-documents #admin-documents-table th {
  font-size: .9rem;
}
#admin-documents #admin-documents-table td {
  position: relative;
  vertical-align: middle;
  padding: .5rem;
}
#admin-documents #admin-documents-table td.pde {
  font-size: 0.9rem;
  vertical-align: bottom;
  text-align: center;
}
#admin-documents #admin-documents-table td.pde .fa-exclamation-triangle {
  font-size: 0.6rem;
  margin-right: .25rem;
}
#admin-documents #admin-documents-table td.title .btn-ieuh, #admin-documents #admin-documents-table td.title #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #admin-documents #admin-documents-table td.title .btn-secondary {
  background: transparent;
  color: #333;
  border: none;
}
#admin-documents #admin-documents-table td.title .btn-ieuh .icon, #admin-documents #admin-documents-table td.title #register.register form[name="registration_form"] .btn-secondary .icon, #register.register form[name="registration_form"] #admin-documents #admin-documents-table td.title .btn-secondary .icon {
  font-size: 1rem;
}
#admin-documents #admin-documents-table td.title img {
  max-width: 50px;
  max-height: 50px;
  margin-right: .25rem;
}
#admin-documents #admin-documents-table td.comments {
  font-size: 0.9rem;
  vertical-align: bottom;
  text-align: center;
  text-align: center;
}
#admin-documents #admin-documents-table td.comments span {
  white-space: nowrap;
}
#admin-documents #admin-documents-table td.mean .rateYo {
  margin: auto;
}
#admin-documents #admin-documents-table td .highlight {
  color: #CE0019;
  font-weight: bold;
}
#admin-documents #admin-documents-table .OK, #admin-documents #admin-documents-table .KO, #admin-documents #admin-documents-table .NA {
  display: inline-block;
  border-radius: 150px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: .25rem;
  margin-left: .25rem;
}
#admin-documents #admin-documents-table .KO {
  background: red;
}
#admin-documents #admin-documents-table .OK {
  background: #1ae51f;
}
#admin-documents #admin-documents-table .NA {
  background: #868e96;
}
#admin-documents .stats-last-update-container {
  background: rgba(51, 51, 51, 0.1);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

a.anchor {
  display: block;
  position: relative;
  top: -50px;
  visibility: hidden;
}

#admin-nav {
  position: sticky;
  top: 5rem;
  left: 0;
  transform: translateX(-200px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
  z-index: 999;
  border-radius: 3px;
  background: white;
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.2), 0 6px 20px 0 rgba(51, 51, 51, 0.19);
  padding: 0;
}
#admin-nav .title {
  text-align: center;
  display: flex;
  flex-direction: column;
  background: #333;
  color: white;
  padding: .25rem 1rem;
  font-weight: bold;
}
#admin-nav .content {
  padding: 1rem;
}
#admin-nav .list-group-item {
  border: none;
  color: #333;
  text-decoration: none;
  padding: .35rem;
}
#admin-nav .list-group-item:hover {
  font-weight: bold;
}
#admin-nav .list-group-item:hover span {
  font-weight: bold;
}
#admin-nav .list-group-item.active {
  background: white;
  font-weight: bold;
}
#admin-nav .list-group-item.active span {
  font-weight: bold;
}

#stories-list #hiddenSelect {
  display: none;
}
#stories-list .label {
  color: #333;
  font-weight: bold;
  font-size: 0.9rem;
}
#stories-list h1 {
  text-align: center;
  padding: .5rem;
  margin-top: .5rem;
  margin-bottom: 0;
  font-size: 1.5rem;
}
@media (min-width: 1200px) {
  #stories-list h1 {
    margin-bottom: 1.5rem;
  }
}
#stories-list h1 img {
  max-width: 35px;
}
#stories-list .main-loader {
  text-align: center;
  margin-top: 35px;
  color: #333;
}
#stories-list .main-content .no-story-found {
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
  transition: opacity 350ms;
  padding: 1.5rem;
}
#stories-list .main-content .no-story-found img {
  display: block;
  margin: auto;
}
#stories-list .main-content .no-story-found.hidden {
  transition: opacity 0ms;
  opacity: 0;
  height: 0;
  padding: 0;
}
#stories-list .main-content .no-story-found .content {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  #stories-list .main-content .no-story-found .content {
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  #stories-list .main-content .no-story-found .content {
    font-size: 1.8rem;
  }
}
@media (min-width: 992px) {
  #stories-list .main-content .no-story-found .content {
    font-size: 2.1rem;
  }
}
#stories-list #filter-title {
  display: inline-block;
  border: none;
  border-bottom: 1px solid #333;
  background: transparent;
  max-width: 30%;
}
#stories-list #filter-title::placeholder {
  font-family: "Mali";
}
#stories-list #filters-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
@media (min-width: 992px) {
  #stories-list #filters-container {
    flex-direction: row;
  }
}
#stories-list #filters-container .item {
  padding-top: .5rem;
}
@media (min-width: 992px) {
  #stories-list #filters-container .item {
    padding-top: .25rem;
  }
}
#stories-list #filters-container .item.line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  flex-grow: 1;
  width: 100%;
}
@media (min-width: 992px) {
  #stories-list #filters-container .item.line {
    width: auto;
  }
}
#stories-list #filters-container #order-container select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #333;
  font-size: 0.85rem;
}
@media (min-width: 992px) {
  #stories-list #filters-container #order-container select {
    font-size: 1.0rem;
  }
}
#stories-list #filters-container #order-container #order-direction {
  cursor: pointer;
  color: #333;
}
#stories-list #filters-container .count {
  color: #333;
  font-weight: bold;
  font-size: 0.85rem;
  text-align: center;
}
@media (min-width: 768px) {
  #stories-list #filters-container .count {
    text-align: left;
  }
}
#stories-list #filters-container #collapse-filters-link {
  font-weight: bold;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  background: #333;
  margin-top: .5rem;
  width: 100%;
  text-align: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
@media (min-width: 992px) {
  #stories-list #filters-container #collapse-filters-link {
    text-align: left;
    width: auto;
    color: #333;
    background: transparent;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
#stories-list #filters-container #collapse-filters-link:before {
  content: '\f068';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 0.8rem;
  margin-left: .25rem;
}
#stories-list #filters-container #collapse-filters-link.collapsed:before {
  content: '\f067';
}
#stories-list .add-story-link-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#stories-list .add-story-link-container .add-btn {
  border-radius: 50px;
  background-color: #495C73;
  color: white;
  padding: 1.5rem;
  transition: background-color 250ms;
  cursor: pointer;
}
#stories-list .add-story-link-container .add-btn:hover {
  background-color: #5d7592;
}
#stories-list .add-story-link-container .fa-user-shield {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: .25rem;
  margin-left: .25rem;
  color: white;
}
#stories-list .add-story-link-container .top {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .75rem;
}
#stories-list .add-story-link-container .bottom {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  margin: .5rem;
  background: #495C73;
  border-radius: 5px;
  width: 90%;
  color: white;
}
#stories-list .add-story-link-container .bottom .stories {
  max-height: 400px;
  overflow-y: scroll;
  padding: 0.25rem;
  margin-top: .5rem;
  width: 100%;
  background: white;
  color: #333;
}
#stories-list .add-story-link-container .bottom .stories .story {
  cursor: pointer;
  padding: .25rem;
}
#stories-list .add-story-link-container .bottom .stories .story img {
  max-width: 50px;
}
#stories-list .add-story-link-container .bottom .stories .story.selected {
  color: white;
  background-color: #495C73;
}
#stories-list .add-story-link-container .bottom .close-btn {
  position: absolute;
  top: .25rem;
  right: .25rem;
  font-size: 1.6rem;
  cursor: pointer;
}
#stories-list .add-story-link-container .bottom .submit-stories-links {
  margin-top: .5rem;
  color: white;
}
#stories-list .add-story-link-container .bottom .selected-only-trigger {
  width: 15px;
  height: 15px;
  margin-top: .5rem;
}
#stories-list .add-story-link-container .bottom .none-found {
  margin-bottom: .5rem;
  font-weight: bold;
}
#stories-list .my-library-no-stories {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  #stories-list .my-library-no-stories {
    max-width: 60%;
    margin: auto;
  }
}
#stories-list .my-library-no-stories .btn-ieuh, #stories-list .my-library-no-stories #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #stories-list .my-library-no-stories .btn-secondary {
  width: 100%;
}
@media (min-width: 576px) {
  #stories-list .my-library-no-stories .btn-ieuh, #stories-list .my-library-no-stories #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #stories-list .my-library-no-stories .btn-secondary {
    width: auto;
    margin-left: .5rem;
    margin-right: .5rem;
  }
}

#stories-list-modal {
  background: rgba(0, 0, 0, 0.8);
}
#stories-list-modal .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
#stories-list-modal .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  font-size: 1.6rem;
  z-index: 9999;
  cursor: pointer;
  padding: 1rem;
}
#stories-list-modal .modal-body {
  background: rgba(255, 255, 255, 0.9);
}
#stories-list-modal .illustration {
  text-align: center;
}
#stories-list-modal .illustration .modal-body {
  background: white;
}
#stories-list-modal .story-card-user-note-details img {
  max-width: 45px;
  margin-left: 1rem;
}
#stories-list-modal .story-card-user-note-details h3, #stories-list-modal .story-card-mean-details h3, #stories-list-modal .story-card-test-results-details h3, #stories-list-modal .story-card-seen-details h3 {
  color: #333;
}
#stories-list-modal .story-card-user-note-details .rateYo, #stories-list-modal .story-card-mean-details .rateYo, #stories-list-modal .story-card-test-results-details .rateYo, #stories-list-modal .story-card-seen-details .rateYo {
  margin-bottom: .5rem;
}
#stories-list-modal .story-card-user-note-details .count, #stories-list-modal .story-card-user-note-details .user-note-label, #stories-list-modal .story-card-mean-details .count, #stories-list-modal .story-card-mean-details .user-note-label, #stories-list-modal .story-card-test-results-details .count, #stories-list-modal .story-card-test-results-details .user-note-label, #stories-list-modal .story-card-seen-details .count, #stories-list-modal .story-card-seen-details .user-note-label {
  font-size: 1.3rem;
}
#stories-list-modal .story-card-user-note-details .btn-ieuh, #stories-list-modal .story-card-user-note-details #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #stories-list-modal .story-card-user-note-details .btn-secondary, #stories-list-modal .story-card-mean-details .btn-ieuh, #stories-list-modal .story-card-mean-details #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #stories-list-modal .story-card-mean-details .btn-secondary, #stories-list-modal .story-card-test-results-details .btn-ieuh, #stories-list-modal .story-card-test-results-details #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #stories-list-modal .story-card-test-results-details .btn-secondary, #stories-list-modal .story-card-seen-details .btn-ieuh, #stories-list-modal .story-card-seen-details #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #stories-list-modal .story-card-seen-details .btn-secondary {
  margin-top: 1rem;
}
#stories-list-modal .panelTitle {
  font-size: 1.5rem;
}
#stories-list-modal .panelTitle #toggle-comments-mode {
  font-size: 1rem;
}

.story-card {
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.2), 0 6px 20px 0 rgba(51, 51, 51, 0.19);
  margin-top: 20px;
  transition: all 350ms;
  position: relative;
  display: flex;
  flex-direction: column;
}
.story-card.admin {
  background: #495C73;
  color: white;
}
.story-card:hover {
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.2), 0 6px 20px 0 rgba(51, 51, 51, 0.19);
}
.story-card.white {
  background-color: white;
  border-radius: 5px;
}
.story-card .up {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: .25rem;
}
@media (min-width: 768px) {
  .story-card .up {
    flex-direction: row;
  }
}
.story-card .up .story-link {
  text-decoration: none;
}
.story-card .up .story-card-fig-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}
.story-card .up .story-card-fig-container .story-card-fig {
  margin: 0;
  vertical-align: middle;
}
.story-card .up .story-card-fig-container .story-card-fig img {
  transition: all 250ms;
  max-height: 120px;
  max-width: 100px;
}
@media (min-width: 1200px) {
  .story-card .up .story-card-fig-container .story-card-fig img {
    max-height: 150px;
    max-width: 125px;
  }
}
.story-card .up .story-card-title-desc-container {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  justify-content: center;
  flex-grow: 1;
}
.story-card .up .story-card-title-desc-container .title {
  font-family: "Mali";
  color: #333;
  transition: all 350ms;
  font-size: 1.1rem;
  margin-top: .5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .story-card .up .story-card-title-desc-container .title {
    margin-top: 0;
    font-size: 1.3rem;
    text-align: left;
  }
}
.story-card .up .story-card-title-desc-container .desc {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  color: initial;
}
.story-card .up .story-card-title-desc-container .desc h2 {
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  color: #212529;
  font-weight: normal;
  line-height: 1em;
  transition: all 350ms;
}
.story-card .up .story-card-title-desc-container .desc .idocAbstract {
  text-align: center;
}
@media (min-width: 768px) {
  .story-card .up .story-card-title-desc-container .desc .idocAbstract {
    text-align: left;
  }
}
.story-card .up .story-card-title-desc-container .themes {
  color: #333;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .story-card .up .story-card-title-desc-container .themes {
    text-align: left;
  }
}
.story-card .up .story-card-title-desc-container .themes .badge {
  font-size: 0.8rem;
}
.story-card .up .completed {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  font-size: 1.2rem;
}
.story-card .idocAbstract {
  height: 100%;
}
.story-card .stats {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: .25rem;
}
.story-card .stats .left, .story-card .stats .right {
  display: flex;
}
.story-card .stats .item {
  cursor: default;
  transition: color 450ms;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: .5rem;
  margin-right: .5rem;
}
.story-card .stats .item.highlight {
  font-weight: bold;
  color: red;
}
.story-card .stats .item.selectable {
  cursor: pointer;
}
.story-card .stats .item.selectable:hover {
  color: #333;
}
.story-card .stats .item.test-results a {
  color: initial;
  text-decoration: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 450ms;
}
.story-card .stats .item.test-results a:hover {
  color: #333;
}
.story-card .stats .item .picto {
  font-size: 0.85rem;
}
.story-card .stats .item .content {
  display: flex;
  flex-direction: row;
}
.story-card.read-only .stats .item {
  cursor: initial;
}
.story-card.read-only a.favs {
  display: none;
}

body.hasHover .story-card:hover {
  background-color: rgba(51, 51, 51, 0.05);
}
body.hasHover .story-card:hover.admin {
  background-color: #495C73;
}
body.hasHover .story-card:hover.white {
  background-color: white;
}
body.hasHover .story-card:hover figure img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media (min-width: 768px) {
  body.hasHover .story-card:hover figure img {
    -webkit-transform: scale(1.1) translate(-5px);
    -moz-transform: scale(1.1) translate(-5px);
    -ms-transform: scale(1.1) translate(-5px);
    -o-transform: scale(1.1) translate(-5px);
    transform: scale(1.1) translate(-5px);
  }
}
body.hasHover .story-card:hover .title, body.hasHover .story-card:hover .desc h2 {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
@media (min-width: 768px) {
  body.hasHover .story-card:hover .title, body.hasHover .story-card:hover .desc h2 {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.story-card-user-note-details, .story-card-mean-details, .story-card-test-results-details, .story-card-seen-details {
  text-align: center;
}
.story-card-user-note-details .rateYo, .story-card-mean-details .rateYo, .story-card-test-results-details .rateYo, .story-card-seen-details .rateYo {
  margin: auto;
}

.story-card-test-results-details img {
  max-height: 50px;
  margin-left: .5rem;
}

.clear-filters {
  color: #333;
  cursor: pointer;
  font-size: 1.1rem;
  margin-top: .25rem;
  margin-bottom: .25rem;
}
.clear-filters:before {
  content: '\f00d';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 1.0rem;
  margin-right: .25rem;
}
.clear-filters:hover {
  color: #404040;
}

#stories-links.inline .no-story-found {
  display: none;
}
#stories-links.inline #stories-cards-container {
  background: white;
  display: flex;
  overflow-x: scroll;
  margin-bottom: 0;
  padding: .5rem 0rem;
}
#stories-links.inline #stories-cards-container .story-card-container {
  display: flex;
  align-items: stretch;
  flex: 0 0 75%;
}
@media (min-width: 1200px) {
  #stories-links.inline #stories-cards-container .story-card-container {
    flex: 0 0 0%;
  }
}
#stories-links.inline #stories-cards-container .story-card-container .story-card-fig-container {
  height: 100%;
}
#stories-links.inline #stories-cards-container .story-card-container .story-card {
  margin: .25rem .5rem;
  display: flex;
  flex-direction: column;
}
#stories-links.inline #stories-cards-container .story-card-container .story-card .story-link {
  margin: 0;
}
#stories-links.inline #stories-cards-container .story-card-container .story-card .title {
  font-size: 1rem;
}
#stories-links.inline #stories-cards-container .story-card-container .story-card .idocAbstract {
  font-size: .85rem;
}
#stories-links.inline #stories-cards-container .story-card-container .story-card .up {
  flex-grow: 1;
}
#stories-links.inline #stories-cards-container .story-card-container .story-card .up .story-card-title-desc-container {
  justify-content: flex-start;
}

#left-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: white;
  box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
  width: 0;
  overflow-x: hidden;
  z-index: 99999999;
  padding: 0 0 1.5rem 0;
  visibility: hidden;
}
#left-menu .subtitle {
  font-size: .75rem;
}
#left-menu .subtitle img.maif {
  max-width: 50px;
  max-height: 50px;
}
#left-menu .subtitle img.rde {
  max-width: 90px;
  max-height: 90px;
  margin-left: .25rem;
}
#left-menu .subtitle a {
  text-decoration: none;
}
@media (min-width: 768px) {
  #left-menu .subtitle {
    font-size: 1rem;
  }
}
#left-menu.exit {
  -webkit-animation: slideOutLeft 250ms ease;
  animation: slideOutLeft 250ms ease;
}
#left-menu.deployed {
  visibility: visible;
  width: auto;
  min-width: 100%;
}
#left-menu.deployed:not(.exit) {
  -webkit-animation: slideInLeft 250ms ease;
  animation: slideInLeft 250ms ease;
}
@media (min-width: 576px) {
  #left-menu.deployed {
    min-width: 70%;
  }
}
@media (min-width: 768px) {
  #left-menu.deployed {
    min-width: 60%;
  }
}
@media (min-width: 992px) {
  #left-menu.deployed {
    min-width: 50%;
  }
}
@media (min-width: 1200px) {
  #left-menu.deployed {
    min-width: 440px;
  }
}
#left-menu .menu-head {
  padding: 1.5rem .5rem .5rem .5rem;
}
#left-menu .menu-head h1 {
  font-size: 1.6em;
}
@media (min-width: 576px) {
  #left-menu .menu-head h1 {
    font-size: 1.8em;
  }
}
@media (min-width: 768px) {
  #left-menu .menu-head h1 {
    font-size: 2.0em;
  }
}
@media (min-width: 992px) {
  #left-menu .menu-head h1 {
    font-size: 2.2em;
  }
}
@media (min-width: 1200px) {
  #left-menu .menu-head h1 {
    font-size: 2.4em;
  }
}
#left-menu .menu-head .menu-trigger {
  position: absolute;
  top: 0;
  right: 0;
  margin: .5rem;
  cursor: pointer;
  font-size: 1.9rem;
  transition: all 150ms;
  color: #333;
}
#left-menu .menu-head .menu-trigger.animate {
  -webkit-animation: pulse 250ms;
  animation: pulse 250ms;
}
#left-menu .menu-head .menu-trigger:hover {
  color: #333;
}
#left-menu .menu-body {
  overflow-y: auto;
}
#left-menu .menu-body .item {
  margin: .25rem;
  display: flex;
  flex-direction: column;
  padding: .25rem;
}
#left-menu .menu-body .item .item-head {
  border-bottom: 1px solid #333;
  text-align: center;
  margin-bottom: .5rem;
  padding: .5rem 0rem;
  font-size: 1.1rem;
}
#left-menu .menu-body .item .item-body {
  display: flex;
  flex-direction: column;
  padding: .25rem;
}
#left-menu .menu-body .item .item-body .label {
  margin-left: .5rem;
}
#left-menu .menu-body .item .item-body .svg-icon {
  width: 18px;
  height: auto;
}
#left-menu .navigation-link {
  text-decoration: none;
  color: initial;
  padding: .25rem;
  font-size: 1.1rem;
}
#left-menu .navigation-link i {
  color: #333;
}
#left-menu .navigation-link svg {
  fill: #333;
}
#left-menu .navigation-link.active {
  background: -webkit-linear-gradient(to right, #e9ecef 60%, white 100%);
  background: linear-gradient(to right, #e9ecef 60%, white 100%);
}
#left-menu .navigation-link:hover {
  background: -webkit-linear-gradient(to right, #e9ecef 60%, white 100%);
  background: linear-gradient(to right, #e9ecef 60%, white 100%);
}
#left-menu .navigation-link:hover i, #left-menu .navigation-link:hover svg {
  transform: translateX(-2px);
}
#left-menu .navigation-link:hover:after {
  content: "\F054";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  float: right;
  color: #333;
  margin-right: .25rem;
  -webkit-animation: bounce-right .3s alternate ease infinite;
  animation: bounce-right .3s alternate ease infinite;
}
#left-menu .home-link {
  color: #333;
  text-decoration: none;
}
#left-menu .pe-logo {
  max-width: 25px;
  margin-left: -5px;
}

#search-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  z-index: 99999999;
  animation-duration: 350ms;
  padding: .5rem;
}
#search-container > .container {
  padding: 0;
}
@media (min-width: 768px) {
  #search-container {
    padding: 1.5rem;
  }
}
#search-container .head {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
#search-container .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: .5rem;
  cursor: pointer;
  color: white;
  font-size: 1.8rem;
}
#search-container .fa-spinner, #search-container #search-loader {
  pointer-events: none;
}
#search-container a:not(.noOutline):focus {
  outline: 2px dotted white;
}
#search-container .ieuh-input #search-input {
  border: none;
  border-bottom: 1px solid white;
  color: white;
  background: transparent;
  min-width: 70%;
  margin-top: 1rem;
  min-height: 40px;
  font-size: 1.4rem;
}
#search-container .ieuh-input #search-input::placeholder {
  color: #ced4da;
  font-size: 1.0rem;
}
@media (min-width: 768px) {
  #search-container .ieuh-input #search-input::placeholder {
    font-size: 1.4rem;
  }
}
#search-container .ieuh-input #search-input:not(.noOutline):focus {
  outline: 2px dotted white;
  outline-offset: 4px;
}
#search-container .ieuh-input .label {
  color: #f2f2f2;
}
#search-container #search-results {
  padding: 1rem;
  color: initial;
  overflow-y: auto;
  margin-top: .5rem;
  max-height: 90vh;
}
#search-container #search-loader {
  opacity: 0;
}
#search-container #search-loader.show {
  opacity: 1;
}

#navigation {
  background: #333;
  vertical-align: middle;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
@media (min-width: 1200px) {
  #navigation {
    max-width: 1140px;
  }
}
#navigation #navigation-content {
  overflow-y: hidden;
  max-height: 0;
  transition: max-height 150ms ease-in-out;
}
#navigation #navigation-collapser {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  cursor: pointer;
  color: white;
  text-align: center;
  font-size: 1.3rem;
  border-top: 1px solid white;
  background: inherit;
}
#navigation .nav {
  margin-bottom: 0;
}
#navigation .nav-link {
  color: rgba(255, 255, 255, 0.9);
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#navigation .nav-link:not(.noOutline):focus {
  outline: 2px dotted white;
  outline-offset: 0px;
}
#navigation .nav-link span {
  font-family: "Mali";
  font-weight: bold;
}
#navigation .nav-link.active {
  box-shadow: 0 -5px 20px 0 rgba(255, 255, 255, 0.19);
}
#navigation .nav-link.active:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#navigation .nav-link img {
  max-width: 35px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  margin-right: .25rem;
}
#navigation .nav-link:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
#navigation.anchored {
  position: absolute;
}
#navigation #tmpSelect {
  display: none;
}
#navigation .document .main {
  overflow-x: hidden;
}
#navigation .document .main .nav-link i, #navigation .document .main .favs i {
  font-size: 1.2rem;
  margin-top: .5rem;
}
@media (min-width: 768px) {
  #navigation .document .main .nav-link i, #navigation .document .main .favs i {
    font-size: 1.4rem;
  }
}
#navigation .document .main .favs {
  color: white;
}
#navigation .document .main .favs i {
  margin-top: 1rem;
}
#navigation .document .main .nav-link {
  display: flex;
  cursor: pointer;
  font-family: initial;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  justify-content: flex-end;
  margin: .1rem;
}
#navigation .document .main .nav-link .title {
  white-space: nowrap;
  font-size: .85rem;
  text-align: center;
}
@media (min-width: 768px) {
  #navigation .document .main .nav-link .title {
    font-size: 1rem;
    text-align: left;
  }
}
#navigation .document .main .nav-link .userNote {
  font-size: 1.3rem;
}
#navigation .document .main .nav-link.animate {
  animation-delay: 150ms;
  animation-timing-function: ease-in-out;
  animation-duration: 350ms;
  animation-name: newNote;
}
#navigation .document .main .nav-link .animate {
  animation-delay: 150ms;
  animation-timing-function: ease-in-out;
  animation-duration: 350ms;
  animation-name: newNote;
}
#navigation .document .main .nav-select2 {
  margin-top: .1rem;
  margin-left: .25rem;
  margin-right: .25rem;
}
#navigation .document .main .nav-select2 .select2-selection {
  min-height: 30px;
  padding: 1.25rem 1rem 1.25rem 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  font-weight: bold;
  background: transparent;
  color: white;
  border: 1px solid white;
}
@media (min-width: 992px) {
  #navigation .document .main .nav-select2 .select2-selection {
    padding: 1.25rem 1rem 1.25rem 0;
    margin-top: 0rem;
  }
}
#navigation .document .main .nav-select2 .select2-selection .select2-selection__rendered {
  color: inherit;
  font-weight: bold;
}
#navigation .document .main .nav-select2 .select2-selection .select2-selection__arrow {
  top: auto;
  color: inherit;
}
#navigation .document .main .icons-container {
  display: flex;
  flex-direction: row;
  margin-left: .25rem;
  /* padding-top: .25rem; */
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  /* height: 100%; */
}
@media (min-width: 768px) {
  #navigation .document .main .icons-container {
    align-items: flex-start;
  }
}
#navigation .document .sub {
  background: white;
  height: 0;
  transition: height 150ms ease-in-out;
  overflow-y: auto;
}
#navigation .document .sub #collapse-toolbox a {
  text-decoration: none;
  font-size: 1rem;
  color: #333;
  font-weight: bold;
}
#navigation .document .sub #collapse-toolbox a img {
  max-width: 50px;
}
#navigation .document .sub #collapse-toolbox #pdf-preview {
  width: 50%;
  background: #e9ecef;
}
#navigation .document .sub #collapse-toolbox #pdf-preview embed {
  width: 100%;
  height: 600px;
}
#navigation .document .sub #collapse-toolbox #audio-preview {
  text-align: center;
  width: 50%;
  background: #e9ecef;
}
#navigation .document .sub #collapse-comments .comments-label {
  display: block;
  font-size: 1rem;
}
#navigation .document .sub #collapse-comments .panelTitle .story-name .separator {
  display: none;
}
#navigation .document .sub #collapse-comments h2 {
  color: initial;
  font-weight: bold;
}
#navigation .document .sub #collapse-comments textarea {
  min-height: 300px;
}
#navigation .document .sub #collapse-comments .read .comments-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding-left: .5rem;
  padding-right: .5rem;
}
#navigation .document .sub #collapse-comments .read .comment {
  box-shadow: 0 1px 16px 0 rgba(51, 51, 51, 0.2), 0 6px 20px 0 rgba(51, 51, 51, 0.19);
  background: white;
  margin-left: .5rem;
  margin-right: .5rem;
  flex: 0 1 100%;
  transition: all 350ms;
}
@media (min-width: 1200px) {
  #navigation .document .sub #collapse-comments .read .comment {
    flex: 0 1 45%;
  }
  #navigation .document .sub #collapse-comments .read .comment:nth-child(odd) {
    margin-right: 2rem;
  }
}
#navigation .document .sub .rating .rateYo {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  padding: 10px;
}
#navigation .document .sub #userRating h4 {
  display: none;
}
#navigation .document .sub #userRating .label {
  font-size: 1rem;
}
@media (min-width: 768px) {
  #navigation .document .sub #userRating .label {
    font-size: 1.3rem;
  }
}
#navigation .document .sub #userRating #collapseCommentConditions {
  max-width: 60%;
  margin: auto;
}
#navigation .document .sub .panelTitle {
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: .25rem;
  font-size: 1.5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-weight: bold;
}
#navigation .document .sub .panelTitle .subtitle {
  display: block;
  font-size: 1rem;
  white-space: nowrap;
}
#navigation #comments-container .toggle-comments-mode-trigger {
  width: 95%;
}
#navigation .login-needed {
  color: #868e96 !important;
}
#navigation .login-needed i {
  color: #868e96 !important;
}
#navigation.expanded .document .main .favs i {
  margin-top: 2rem;
  margin-right: 1rem;
}

.select2-container--default {
  color: white;
}
.select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background-color: rgba(51, 51, 51, 0.85);
  color: white;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(51, 51, 51, 0.75);
  color: white;
}
.select2-container--default .select2-results__option {
  background: #333;
}
.select2-container--default .select2-results__options {
  max-height: 100% !important;
  overflow: hidden !important;
  border: 1px solid white;
  margin-bottom: .1rem;
}
.select2-container--default .login-needed, .select2-container--default .login-needed:hover {
  color: #6A6F75 !important;
}
.select2-container--default .login-needed i, .select2-container--default .login-needed:hover i {
  color: #6A6F75 !important;
}
.select2-container--default .login-needed svg, .select2-container--default .login-needed:hover svg {
  fill: #6A6F75 !important;
}

#pdeBook {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  position: relative;
  box-shadow: 0 1px 16px 0 rgba(73, 92, 115, 0.2), 0 6px 20px 0 rgba(73, 92, 115, 0.19);
  margin: .25rem auto;
}
@media (min-width: 768px) {
  #pdeBook {
    max-width: 80%;
  }
}
@media (min-width: 992px) {
  #pdeBook {
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  #pdeBook {
    max-width: 60%;
  }
}
#pdeBook.blurred {
  background: rgba(0, 0, 0, 0.9);
}
#pdeBook img {
  max-width: 90px;
  margin-right: .5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  #pdeBook img {
    margin-bottom: 0;
  }
}
#pdeBook .title {
  color: #333;
  font-family: "Mali";
  margin-bottom: .5rem;
  font-size: 1.1rem;
}
#pdeBook .shortDesc {
  font-size: 0.9rem;
}
#pdeBook .extra-infos {
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  #pdeBook .extra-infos {
    flex-direction: row;
  }
}
#pdeBook .extra-infos span {
  text-align: center;
  margin-left: .5rem;
}
#pdeBook .extra-infos span:not(:last-of-type):after {
  content: "-";
  margin-left: .5rem;
}
#pdeBook .front {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: background-color 250ms;
}
#pdeBook .front.blurred {
  filter: blur(1px) brightness(10%);
}
#pdeBook .front .shortDesc {
  flex-grow: 1;
}
#pdeBook .front .shortDesc h1, #pdeBook .front .shortDesc h2, #pdeBook .front .shortDesc h3 {
  font-size: 1rem;
}
#pdeBook .back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#pdeBook .back .loader {
  color: white;
  margin-left: .5rem;
}
#pdeBook .back .results {
  color: white;
  margin-top: .5rem;
}
#pdeBook .back .results a {
  color: white;
}

#register {
  margin-top: 1rem;
}
#register h1 {
  text-align: center;
  width: 100%;
  font-weight: bold;
  margin-top: .75rem;
}
#register h2 {
  text-align: center;
  width: 100%;
  font-weight: bold;
}
#register.register-list {
  margin-bottom: 1.5rem;
}
#register.register-list h2 {
  font-size: 1.2em;
}
@media (min-width: 576px) {
  #register.register-list h2 {
    font-size: 1.2em;
  }
}
@media (min-width: 768px) {
  #register.register-list h2 {
    font-size: 1.4em;
  }
}
@media (min-width: 992px) {
  #register.register-list h2 {
    font-size: 1.6em;
  }
}
@media (min-width: 1200px) {
  #register.register-list h2 {
    font-size: 1.8em;
  }
}
#register.register-list .left, #register.register-list .right {
  padding: 0rem;
}
@media (min-width: 768px) {
  #register.register-list .left, #register.register-list .right {
    padding: 1rem;
  }
}
@media (min-width: 992px) {
  #register.register-list .left, #register.register-list .right {
    padding: 3rem;
  }
}
#register.register-list .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: white;
  margin-top: 2rem;
  border-top: 1px solid #333;
}
@media (min-width: 768px) {
  #register.register-list .left {
    margin-top: 0;
    border-top: none;
  }
}
#register.register-list .left h2 {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  #register.register-list .left h2 {
    margin-top: 0;
  }
}
#register.register-list .right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#register.register-list .right .btn-ieuh, #register.register-list .right #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #register.register-list .right .btn-secondary {
  width: 100%;
  margin-top: .5rem;
}
#register.register-list .right .btn-ieuh.large .text, #register.register-list .right #register.register form[name="registration_form"] .large.btn-secondary .text, #register.register form[name="registration_form"] #register.register-list .right .large.btn-secondary .text {
  padding: 1rem;
  font-size: 1rem;
}
@media (min-width: 768px) {
  #register.register-list .right .btn-ieuh.large .text, #register.register-list .right #register.register form[name="registration_form"] .large.btn-secondary .text, #register.register form[name="registration_form"] #register.register-list .right .large.btn-secondary .text {
    padding: 1rem 1.5rem;
  }
}
@media (min-width: 992px) {
  #register.register-list .right .btn-ieuh.large .text, #register.register-list .right #register.register form[name="registration_form"] .large.btn-secondary .text, #register.register form[name="registration_form"] #register.register-list .right .large.btn-secondary .text {
    padding: 1.5rem 2rem;
    font-size: 1.1rem;
  }
}
#register.register-list .right .btn-ieuh.large .icon, #register.register-list .right #register.register form[name="registration_form"] .large.btn-secondary .icon, #register.register form[name="registration_form"] #register.register-list .right .large.btn-secondary .icon {
  padding: 1rem;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #register.register-list .right .btn-ieuh.large .icon, #register.register-list .right #register.register form[name="registration_form"] .large.btn-secondary .icon, #register.register form[name="registration_form"] #register.register-list .right .large.btn-secondary .icon {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  #register.register-list .right .btn-ieuh.large .icon, #register.register-list .right #register.register form[name="registration_form"] .large.btn-secondary .icon, #register.register form[name="registration_form"] #register.register-list .right .large.btn-secondary .icon {
    padding: 2rem;
  }
}
#register.register-list .right .btn-ieuh i.fa-user, #register.register-list .right #register.register form[name="registration_form"] .btn-secondary i.fa-user, #register.register form[name="registration_form"] #register.register-list .right .btn-secondary i.fa-user {
  padding: .25rem;
}
#register.register-list p.subtitle {
  font-size: 0.85rem;
  text-align: center;
  margin-bottom: .25rem;
}
#register.register .title i {
  color: #333;
  font-size: 1.6rem;
  padding: .5rem 0;
}
@media (min-width: 768px) {
  #register.register .title i {
    padding: 1rem 0;
  }
}
#register.register .title span {
  color: #333;
  width: 100%;
  font-weight: bold;
  font-size: 1.0em;
}
@media (min-width: 576px) {
  #register.register .title span {
    font-size: 1.2em;
  }
}
@media (min-width: 768px) {
  #register.register .title span {
    font-size: 1.4em;
  }
}
@media (min-width: 992px) {
  #register.register .title span {
    font-size: 1.6em;
  }
}
@media (min-width: 1200px) {
  #register.register .title span {
    font-size: 1.4em;
  }
}
#register.register form.fos_user_resetting_request {
  margin: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  #register.register form.fos_user_resetting_request {
    max-width: 80%;
  }
}
@media (min-width: 992px) {
  #register.register form.fos_user_resetting_request {
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  #register.register form.fos_user_resetting_request {
    max-width: 60%;
  }
}
#register.register form[name="registration_form"] {
  margin-bottom: .75rem;
}
#register.register form[name="registration_form"] select#registration_form_schoolLevels {
  min-height: 220px;
  overflow-y: hidden;
}
#register.register form[name="registration_form"] label {
  color: #333;
  font-weight: bold;
}

#user-account {
  margin-bottom: 2rem;
}
#user-account h2 {
  color: #333;
  font-size: 1.0em;
}
@media (min-width: 768px) {
  #user-account h2 {
    font-size: 1.2em;
  }
}
@media (min-width: 992px) {
  #user-account h2 {
    font-size: 1.4em;
  }
}
@media (min-width: 1200px) {
  #user-account h2 {
    font-size: 1.6em;
  }
}
#user-account .btn-dark, #user-account .btn-ieuh, #user-account #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #user-account .btn-secondary {
  font-size: 1.0rem;
}
@media (min-width: 768px) {
  #user-account .btn-dark, #user-account .btn-ieuh, #user-account #register.register form[name="registration_form"] .btn-secondary, #register.register form[name="registration_form"] #user-account .btn-secondary {
    font-size: 1.2rem;
  }
}
#user-account form.fos_user_profile_edit #profile_form_schoolLevels {
  min-height: 220px;
}
#user-account form.fos_user_profile_edit .form-group label {
  cursor: pointer;
}
#user-account form.fos_user_profile_edit label {
  color: #333;
  font-weight: bold;
}
#user-account #nav {
  display: flex;
  overflow-x: auto;
  margin: 1.5rem 0px 1rem 0px;
}
@media (min-width: 1200px) {
  #user-account #nav {
    margin: 1.5rem 0px 2rem 0px;
  }
}
#user-account #nav div {
  flex: 0 0 33%;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid rgba(51, 51, 51, 0.1);
  cursor: pointer;
  transition: border-bottom-color 250ms;
  flex-direction: column;
}
#user-account #nav div a {
  padding: .5rem 1rem;
  text-decoration: none;
  color: #333;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
}
@media (min-width: 768px) {
  #user-account #nav div a {
    font-size: 1rem;
  }
}
#user-account #nav div a .label {
  white-space: nowrap;
  margin-top: .25rem;
}
@media (min-width: 768px) {
  #user-account #nav div {
    flex-direction: row;
  }
}
#user-account #nav div i {
  margin-right: .5rem;
  color: rgba(51, 51, 51, 0.6);
}
#user-account #nav div.active {
  border-bottom: 2px solid #333;
  font-weight: bold;
}
#user-account #nav div.active i {
  color: #333;
}
#user-account #nav div:hover:not(.active) {
  border-bottom: 2px solid rgba(51, 51, 51, 0.6);
}
#user-account .reset-progress form[name="user_progress_form"] label {
  color: #333;
  cursor: pointer;
  margin-left: .5rem;
  display: block;
}
#user-account .reset-progress form[name="user_progress_form"] label span {
  margin-left: .25rem;
}
#user-account .reset-progress form[name="user_progress_form"] .badge {
  margin-left: .5rem;
}

#karaoke {
  margin-bottom: 3rem;
}
#karaoke .frame {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}
#karaoke .frame.active {
  display: flex;
}
#karaoke .frame .frame-label {
  font-weight: bold;
}
#karaoke .frame img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  max-height: 30vh;
}
#karaoke .frame .lines .line {
  background-image: url("../images/bkg-yellow.png");
  background-repeat: no-repeat;
  background-size: 0% 110%;
  font-size: 1.2rem;
  display: inline;
}
#karaoke .frame .lines .line::after {
  display: block;
  content: "";
  clear: both;
}
#karaoke .frame span[class^='line_'], #karaoke .frame span[class*=' line_'],
#karaoke .frame p[class^='frame_'], #karaoke .frame p[class*=' frame_'] {
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
#karaoke .frame.frame_end {
  position: relative;
}
#karaoke .frame.frame_end img {
  filter: blur(8px) brightness(40%);
}
#karaoke .frame.frame_end .content {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 25%;
  color: white;
  font-weight: bold;
  text-align: center;
}
#karaoke .frame.frame_end .content .theend {
  font-weight: bold;
  font-size: 1.5rem;
}
#karaoke .frame.frame_end .content a {
  color: white;
}
#karaoke #controls {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
}
#karaoke #controls a {
  color: #333;
  font-size: 2.5rem;
}
#karaoke #controls a:hover {
  color: rgba(51, 51, 51, 0.75);
}
#karaoke #controls .play-pause {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
#karaoke #controls .auto {
  color: rgba(51, 51, 51, 0.4);
  font-size: 1rem;
  text-decoration: none;
}
#karaoke #controls .auto.activated {
  color: initial;
  font-weight: bold;
}
#karaoke #controls .auto.activated:after, #karaoke #controls .auto.activated:before {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px;
}
#karaoke #controls .auto.activated:before {
  margin-right: .25rem;
}
#karaoke #controls .auto.activated.paused:after, #karaoke #controls .auto.activated.paused:before {
  animation: none;
}

.theme-albums-histoires #header-sticky {
  background: #0b9bc4;
  color: white;
}
.theme-albums-histoires #header-sticky #header {
  background: #0b9bc4;
  color: white;
}
.theme-albums-histoires #header-sticky #header .subtitle {
  color: white;
}
.theme-albums-histoires #header-sticky #header .home-link {
  color: white;
}
.theme-albums-histoires #header-sticky #header .navigation-link {
  color: white;
}
.theme-albums-histoires #header-sticky #header .menu-trigger, .theme-albums-histoires #header-sticky #header #search-trigger {
  color: white;
}
.theme-albums-histoires #header-sticky #header .menu-trigger:hover, .theme-albums-histoires #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-albums-histoires #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-albums-histoires #breadcrumb a:hover {
  color: #0b9bc4;
}
.theme-albums-histoires #document .idocXNote, .theme-albums-histoires #document .source, .theme-albums-histoires #document .dropcap {
  color: #0b9bc4;
}
.theme-albums-histoires #document .objSound {
  background-color: #0b9bc4;
}
.theme-albums-histoires #document .objSound.playing::before {
  -webkit-animation: audio1-albums-histoires 1.5s infinite ease-in-out;
  animation: audio1-albums-histoires 1.5s infinite ease-in-out;
}
.theme-albums-histoires #document .objSound.playing::after {
  -webkit-animation: audio2-albums-histoires 2.2s infinite ease-in-out;
  animation: audio2-albums-histoires 2.2s infinite ease-in-out;
}
.theme-albums-histoires #document .decouvrir .card-header {
  border-bottom: 2px solid #0b9bc4;
}
.theme-albums-histoires #document .jouer .card-header {
  border-bottom: 2px solid #0b9bc4;
  border-top: 2px solid #0b9bc4;
}
.theme-albums-histoires #navigation .btn-ieuh:hover, .theme-albums-histoires #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-albums-histoires #navigation .btn-secondary:hover {
  color: #0b9bc4;
}
.theme-albums-histoires #navigation #navigation-collapser:hover {
  color: #0b9bc4;
}
.theme-albums-histoires #navigation .nav-link:hover {
  color: #0b9bc4;
}
.theme-albums-histoires #navigation .nav-link.active {
  color: #10c0f2;
}
.theme-albums-histoires #navigation #collapse-toolbox .tool:hover {
  color: #0b9bc4;
}
.theme-albums-histoires #navigation .document .main .nav-select2 .select2-selection:hover, .theme-albums-histoires #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #0b9bc4 !important;
}
.theme-albums-histoires #comments-container .comment .separator {
  background: #0b9bc4;
}
.theme-albums-histoires.badge-ieuh {
  background: #0b9bc4;
}
.theme-albums-histoires #redo-game:hover {
  color: #0b9bc4;
}
.theme-albums-histoires #teachersheets a:hover {
  color: #0b9bc4;
}
.theme-albums-histoires #printable-activities a:hover {
  color: #0b9bc4;
}
.theme-albums-histoires #left-menu .menu-head {
  background: #0b9bc4;
  color: white;
}
.theme-albums-histoires #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-albums-histoires #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-albums-histoires #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #0b9bc4 70%, white 100%);
  background: linear-gradient(to right, #0b9bc4 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-albums-histoires #left-menu .menu-body .navigation-link.active i, .theme-albums-histoires #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-albums-histoires #bonus-list .theme h2 {
  border-bottom: 1px solid #0b9bc4;
}
.theme-albums-histoires .resources-list div.level h2 {
  border-bottom: 2px solid #0b9bc4;
}
.theme-albums-histoires .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #0b9bc4;
}
.theme-albums-histoires .resources-list div.level ul li.content i:hover {
  color: #0b9bc4;
}
.theme-albums-histoires .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #0b9bc4;
}
.theme-albums-histoires .story-card .stats .item.highlight {
  color: #0b9bc4;
}
.theme-albums-histoires .story-card a.favs {
  color: #0b9bc4;
}
.theme-albums-histoires .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #0b9bc4;
}
.theme-albums-histoires .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #0b9bc4;
}
.theme-albums-histoires #stories-list #filters-container #collapse-filters-link {
  background: #0b9bc4;
}
@media (min-width: 992px) {
  .theme-albums-histoires #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-albums-histoires .filters .filter {
  background: #0b9bc4;
}

.background-color-albums-histoires {
  background-color: #0b9bc4 !important;
}

.left-menu-background-hover-albums-histoires:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #0b9bc4 70%, white 100%) !important;
  background: linear-gradient(to right, #0b9bc4 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-albums-histoires:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-albums-histoires:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-albums-histoires {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(11, 155, 196, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(11, 155, 196, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(11, 155, 196, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(11, 155, 196, 0.25);
  }
}
@-webkit-keyframes audio1-albums-histoires {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(11, 155, 196, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(11, 155, 196, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(11, 155, 196, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(11, 155, 196, 0.25);
  }
}
@keyframes audio2-albums-histoires {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(11, 155, 196, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(11, 155, 196, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(11, 155, 196, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(11, 155, 196, 0.45);
  }
}
@-webkit-keyframes audio2-albums-histoires {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(11, 155, 196, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(11, 155, 196, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(11, 155, 196, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(11, 155, 196, 0.45);
  }
}
.theme-albums-et-histoires #header-sticky {
  background: #0b9bc4;
  color: white;
}
.theme-albums-et-histoires #header-sticky #header {
  background: #0b9bc4;
  color: white;
}
.theme-albums-et-histoires #header-sticky #header .subtitle {
  color: white;
}
.theme-albums-et-histoires #header-sticky #header .home-link {
  color: white;
}
.theme-albums-et-histoires #header-sticky #header .navigation-link {
  color: white;
}
.theme-albums-et-histoires #header-sticky #header .menu-trigger, .theme-albums-et-histoires #header-sticky #header #search-trigger {
  color: white;
}
.theme-albums-et-histoires #header-sticky #header .menu-trigger:hover, .theme-albums-et-histoires #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-albums-et-histoires #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-albums-et-histoires #breadcrumb a:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires #document .idocXNote, .theme-albums-et-histoires #document .source, .theme-albums-et-histoires #document .dropcap {
  color: #0b9bc4;
}
.theme-albums-et-histoires #document .objSound {
  background-color: #0b9bc4;
}
.theme-albums-et-histoires #document .objSound.playing::before {
  -webkit-animation: audio1-albums-et-histoires 1.5s infinite ease-in-out;
  animation: audio1-albums-et-histoires 1.5s infinite ease-in-out;
}
.theme-albums-et-histoires #document .objSound.playing::after {
  -webkit-animation: audio2-albums-et-histoires 2.2s infinite ease-in-out;
  animation: audio2-albums-et-histoires 2.2s infinite ease-in-out;
}
.theme-albums-et-histoires #document .decouvrir .card-header {
  border-bottom: 2px solid #0b9bc4;
}
.theme-albums-et-histoires #document .jouer .card-header {
  border-bottom: 2px solid #0b9bc4;
  border-top: 2px solid #0b9bc4;
}
.theme-albums-et-histoires #navigation .btn-ieuh:hover, .theme-albums-et-histoires #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-albums-et-histoires #navigation .btn-secondary:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires #navigation #navigation-collapser:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires #navigation .nav-link:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires #navigation .nav-link.active {
  color: #10c0f2;
}
.theme-albums-et-histoires #navigation #collapse-toolbox .tool:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires #navigation .document .main .nav-select2 .select2-selection:hover, .theme-albums-et-histoires #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #0b9bc4 !important;
}
.theme-albums-et-histoires #comments-container .comment .separator {
  background: #0b9bc4;
}
.theme-albums-et-histoires.badge-ieuh {
  background: #0b9bc4;
}
.theme-albums-et-histoires #redo-game:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires #teachersheets a:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires #printable-activities a:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires #left-menu .menu-head {
  background: #0b9bc4;
  color: white;
}
.theme-albums-et-histoires #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-albums-et-histoires #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-albums-et-histoires #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #0b9bc4 70%, white 100%);
  background: linear-gradient(to right, #0b9bc4 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-albums-et-histoires #left-menu .menu-body .navigation-link.active i, .theme-albums-et-histoires #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-albums-et-histoires #bonus-list .theme h2 {
  border-bottom: 1px solid #0b9bc4;
}
.theme-albums-et-histoires .resources-list div.level h2 {
  border-bottom: 2px solid #0b9bc4;
}
.theme-albums-et-histoires .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #0b9bc4;
}
.theme-albums-et-histoires .resources-list div.level ul li.content i:hover {
  color: #0b9bc4;
}
.theme-albums-et-histoires .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #0b9bc4;
}
.theme-albums-et-histoires .story-card .stats .item.highlight {
  color: #0b9bc4;
}
.theme-albums-et-histoires .story-card a.favs {
  color: #0b9bc4;
}
.theme-albums-et-histoires .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #0b9bc4;
}
.theme-albums-et-histoires .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #0b9bc4;
}
.theme-albums-et-histoires #stories-list #filters-container #collapse-filters-link {
  background: #0b9bc4;
}
@media (min-width: 992px) {
  .theme-albums-et-histoires #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-albums-et-histoires .filters .filter {
  background: #0b9bc4;
}

.background-color-albums-et-histoires {
  background-color: #0b9bc4 !important;
}

.left-menu-background-hover-albums-et-histoires:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #0b9bc4 70%, white 100%) !important;
  background: linear-gradient(to right, #0b9bc4 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-albums-et-histoires:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-albums-et-histoires:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-albums-et-histoires {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(11, 155, 196, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(11, 155, 196, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(11, 155, 196, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(11, 155, 196, 0.25);
  }
}
@-webkit-keyframes audio1-albums-et-histoires {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(11, 155, 196, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(11, 155, 196, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(11, 155, 196, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(11, 155, 196, 0.25);
  }
}
@keyframes audio2-albums-et-histoires {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(11, 155, 196, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(11, 155, 196, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(11, 155, 196, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(11, 155, 196, 0.45);
  }
}
@-webkit-keyframes audio2-albums-et-histoires {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(11, 155, 196, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(11, 155, 196, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(11, 155, 196, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(11, 155, 196, 0.45);
  }
}
.theme-fables-et-poesies #header-sticky {
  background: #0bccb7;
  color: white;
}
.theme-fables-et-poesies #header-sticky #header {
  background: #0bccb7;
  color: white;
}
.theme-fables-et-poesies #header-sticky #header .subtitle {
  color: white;
}
.theme-fables-et-poesies #header-sticky #header .home-link {
  color: white;
}
.theme-fables-et-poesies #header-sticky #header .navigation-link {
  color: white;
}
.theme-fables-et-poesies #header-sticky #header .menu-trigger, .theme-fables-et-poesies #header-sticky #header #search-trigger {
  color: white;
}
.theme-fables-et-poesies #header-sticky #header .menu-trigger:hover, .theme-fables-et-poesies #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-fables-et-poesies #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-fables-et-poesies #breadcrumb a:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies #document .idocXNote, .theme-fables-et-poesies #document .source, .theme-fables-et-poesies #document .dropcap {
  color: #0bccb7;
}
.theme-fables-et-poesies #document .objSound {
  background-color: #0bccb7;
}
.theme-fables-et-poesies #document .objSound.playing::before {
  -webkit-animation: audio1-fables-et-poesies 1.5s infinite ease-in-out;
  animation: audio1-fables-et-poesies 1.5s infinite ease-in-out;
}
.theme-fables-et-poesies #document .objSound.playing::after {
  -webkit-animation: audio2-fables-et-poesies 2.2s infinite ease-in-out;
  animation: audio2-fables-et-poesies 2.2s infinite ease-in-out;
}
.theme-fables-et-poesies #document .decouvrir .card-header {
  border-bottom: 2px solid #0bccb7;
}
.theme-fables-et-poesies #document .jouer .card-header {
  border-bottom: 2px solid #0bccb7;
  border-top: 2px solid #0bccb7;
}
.theme-fables-et-poesies #navigation .btn-ieuh:hover, .theme-fables-et-poesies #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-fables-et-poesies #navigation .btn-secondary:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies #navigation #navigation-collapser:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies #navigation .nav-link:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies #navigation .nav-link.active {
  color: #17f3db;
}
.theme-fables-et-poesies #navigation #collapse-toolbox .tool:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies #navigation .document .main .nav-select2 .select2-selection:hover, .theme-fables-et-poesies #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #0bccb7 !important;
}
.theme-fables-et-poesies #comments-container .comment .separator {
  background: #0bccb7;
}
.theme-fables-et-poesies.badge-ieuh {
  background: #0bccb7;
}
.theme-fables-et-poesies #redo-game:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies #teachersheets a:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies #printable-activities a:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies #left-menu .menu-head {
  background: #0bccb7;
  color: white;
}
.theme-fables-et-poesies #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-fables-et-poesies #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-fables-et-poesies #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #0bccb7 70%, white 100%);
  background: linear-gradient(to right, #0bccb7 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-fables-et-poesies #left-menu .menu-body .navigation-link.active i, .theme-fables-et-poesies #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-fables-et-poesies #bonus-list .theme h2 {
  border-bottom: 1px solid #0bccb7;
}
.theme-fables-et-poesies .resources-list div.level h2 {
  border-bottom: 2px solid #0bccb7;
}
.theme-fables-et-poesies .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #0bccb7;
}
.theme-fables-et-poesies .resources-list div.level ul li.content i:hover {
  color: #0bccb7;
}
.theme-fables-et-poesies .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #0bccb7;
}
.theme-fables-et-poesies .story-card .stats .item.highlight {
  color: #0bccb7;
}
.theme-fables-et-poesies .story-card a.favs {
  color: #0bccb7;
}
.theme-fables-et-poesies .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #0bccb7;
}
.theme-fables-et-poesies .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #0bccb7;
}
.theme-fables-et-poesies #stories-list #filters-container #collapse-filters-link {
  background: #0bccb7;
}
@media (min-width: 992px) {
  .theme-fables-et-poesies #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-fables-et-poesies .filters .filter {
  background: #0bccb7;
}

.background-color-fables-et-poesies {
  background-color: #0bccb7 !important;
}

.left-menu-background-hover-fables-et-poesies:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #0bccb7 70%, white 100%) !important;
  background: linear-gradient(to right, #0bccb7 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-fables-et-poesies:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-fables-et-poesies:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-fables-et-poesies {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(11, 204, 183, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(11, 204, 183, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(11, 204, 183, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(11, 204, 183, 0.25);
  }
}
@-webkit-keyframes audio1-fables-et-poesies {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(11, 204, 183, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(11, 204, 183, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(11, 204, 183, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(11, 204, 183, 0.25);
  }
}
@keyframes audio2-fables-et-poesies {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(11, 204, 183, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(11, 204, 183, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(11, 204, 183, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(11, 204, 183, 0.45);
  }
}
@-webkit-keyframes audio2-fables-et-poesies {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(11, 204, 183, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(11, 204, 183, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(11, 204, 183, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(11, 204, 183, 0.45);
  }
}
.theme-fables-poesies #header-sticky {
  background: #0bccb7;
  color: white;
}
.theme-fables-poesies #header-sticky #header {
  background: #0bccb7;
  color: white;
}
.theme-fables-poesies #header-sticky #header .subtitle {
  color: white;
}
.theme-fables-poesies #header-sticky #header .home-link {
  color: white;
}
.theme-fables-poesies #header-sticky #header .navigation-link {
  color: white;
}
.theme-fables-poesies #header-sticky #header .menu-trigger, .theme-fables-poesies #header-sticky #header #search-trigger {
  color: white;
}
.theme-fables-poesies #header-sticky #header .menu-trigger:hover, .theme-fables-poesies #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-fables-poesies #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-fables-poesies #breadcrumb a:hover {
  color: #0bccb7;
}
.theme-fables-poesies #document .idocXNote, .theme-fables-poesies #document .source, .theme-fables-poesies #document .dropcap {
  color: #0bccb7;
}
.theme-fables-poesies #document .objSound {
  background-color: #0bccb7;
}
.theme-fables-poesies #document .objSound.playing::before {
  -webkit-animation: audio1-fables-poesies 1.5s infinite ease-in-out;
  animation: audio1-fables-poesies 1.5s infinite ease-in-out;
}
.theme-fables-poesies #document .objSound.playing::after {
  -webkit-animation: audio2-fables-poesies 2.2s infinite ease-in-out;
  animation: audio2-fables-poesies 2.2s infinite ease-in-out;
}
.theme-fables-poesies #document .decouvrir .card-header {
  border-bottom: 2px solid #0bccb7;
}
.theme-fables-poesies #document .jouer .card-header {
  border-bottom: 2px solid #0bccb7;
  border-top: 2px solid #0bccb7;
}
.theme-fables-poesies #navigation .btn-ieuh:hover, .theme-fables-poesies #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-fables-poesies #navigation .btn-secondary:hover {
  color: #0bccb7;
}
.theme-fables-poesies #navigation #navigation-collapser:hover {
  color: #0bccb7;
}
.theme-fables-poesies #navigation .nav-link:hover {
  color: #0bccb7;
}
.theme-fables-poesies #navigation .nav-link.active {
  color: #17f3db;
}
.theme-fables-poesies #navigation #collapse-toolbox .tool:hover {
  color: #0bccb7;
}
.theme-fables-poesies #navigation .document .main .nav-select2 .select2-selection:hover, .theme-fables-poesies #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #0bccb7 !important;
}
.theme-fables-poesies #comments-container .comment .separator {
  background: #0bccb7;
}
.theme-fables-poesies.badge-ieuh {
  background: #0bccb7;
}
.theme-fables-poesies #redo-game:hover {
  color: #0bccb7;
}
.theme-fables-poesies #teachersheets a:hover {
  color: #0bccb7;
}
.theme-fables-poesies #printable-activities a:hover {
  color: #0bccb7;
}
.theme-fables-poesies #left-menu .menu-head {
  background: #0bccb7;
  color: white;
}
.theme-fables-poesies #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-fables-poesies #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-fables-poesies #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #0bccb7 70%, white 100%);
  background: linear-gradient(to right, #0bccb7 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-fables-poesies #left-menu .menu-body .navigation-link.active i, .theme-fables-poesies #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-fables-poesies #bonus-list .theme h2 {
  border-bottom: 1px solid #0bccb7;
}
.theme-fables-poesies .resources-list div.level h2 {
  border-bottom: 2px solid #0bccb7;
}
.theme-fables-poesies .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #0bccb7;
}
.theme-fables-poesies .resources-list div.level ul li.content i:hover {
  color: #0bccb7;
}
.theme-fables-poesies .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #0bccb7;
}
.theme-fables-poesies .story-card .stats .item.highlight {
  color: #0bccb7;
}
.theme-fables-poesies .story-card a.favs {
  color: #0bccb7;
}
.theme-fables-poesies .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #0bccb7;
}
.theme-fables-poesies .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #0bccb7;
}
.theme-fables-poesies #stories-list #filters-container #collapse-filters-link {
  background: #0bccb7;
}
@media (min-width: 992px) {
  .theme-fables-poesies #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-fables-poesies .filters .filter {
  background: #0bccb7;
}

.background-color-fables-poesies {
  background-color: #0bccb7 !important;
}

.left-menu-background-hover-fables-poesies:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #0bccb7 70%, white 100%) !important;
  background: linear-gradient(to right, #0bccb7 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-fables-poesies:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-fables-poesies:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-fables-poesies {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(11, 204, 183, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(11, 204, 183, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(11, 204, 183, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(11, 204, 183, 0.25);
  }
}
@-webkit-keyframes audio1-fables-poesies {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(11, 204, 183, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(11, 204, 183, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(11, 204, 183, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(11, 204, 183, 0.25);
  }
}
@keyframes audio2-fables-poesies {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(11, 204, 183, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(11, 204, 183, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(11, 204, 183, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(11, 204, 183, 0.45);
  }
}
@-webkit-keyframes audio2-fables-poesies {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(11, 204, 183, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(11, 204, 183, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(11, 204, 183, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(11, 204, 183, 0.45);
  }
}
.theme-documentaires #header-sticky {
  background: #902def;
  color: white;
}
.theme-documentaires #header-sticky #header {
  background: #902def;
  color: white;
}
.theme-documentaires #header-sticky #header .subtitle {
  color: white;
}
.theme-documentaires #header-sticky #header .home-link {
  color: white;
}
.theme-documentaires #header-sticky #header .navigation-link {
  color: white;
}
.theme-documentaires #header-sticky #header .menu-trigger, .theme-documentaires #header-sticky #header #search-trigger {
  color: white;
}
.theme-documentaires #header-sticky #header .menu-trigger:hover, .theme-documentaires #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-documentaires #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-documentaires #breadcrumb a:hover {
  color: #902def;
}
.theme-documentaires #document .idocXNote, .theme-documentaires #document .source, .theme-documentaires #document .dropcap {
  color: #902def;
}
.theme-documentaires #document .objSound {
  background-color: #902def;
}
.theme-documentaires #document .objSound.playing::before {
  -webkit-animation: audio1-documentaires 1.5s infinite ease-in-out;
  animation: audio1-documentaires 1.5s infinite ease-in-out;
}
.theme-documentaires #document .objSound.playing::after {
  -webkit-animation: audio2-documentaires 2.2s infinite ease-in-out;
  animation: audio2-documentaires 2.2s infinite ease-in-out;
}
.theme-documentaires #document .decouvrir .card-header {
  border-bottom: 2px solid #902def;
}
.theme-documentaires #document .jouer .card-header {
  border-bottom: 2px solid #902def;
  border-top: 2px solid #902def;
}
.theme-documentaires #navigation .btn-ieuh:hover, .theme-documentaires #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-documentaires #navigation .btn-secondary:hover {
  color: #902def;
}
.theme-documentaires #navigation #navigation-collapser:hover {
  color: #902def;
}
.theme-documentaires #navigation .nav-link:hover {
  color: #902def;
}
.theme-documentaires #navigation .nav-link.active {
  color: #a95cf3;
}
.theme-documentaires #navigation #collapse-toolbox .tool:hover {
  color: #902def;
}
.theme-documentaires #navigation .document .main .nav-select2 .select2-selection:hover, .theme-documentaires #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #902def !important;
}
.theme-documentaires #comments-container .comment .separator {
  background: #902def;
}
.theme-documentaires.badge-ieuh {
  background: #902def;
}
.theme-documentaires #redo-game:hover {
  color: #902def;
}
.theme-documentaires #teachersheets a:hover {
  color: #902def;
}
.theme-documentaires #printable-activities a:hover {
  color: #902def;
}
.theme-documentaires #left-menu .menu-head {
  background: #902def;
  color: white;
}
.theme-documentaires #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-documentaires #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-documentaires #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #902def 70%, white 100%);
  background: linear-gradient(to right, #902def 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-documentaires #left-menu .menu-body .navigation-link.active i, .theme-documentaires #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-documentaires #bonus-list .theme h2 {
  border-bottom: 1px solid #902def;
}
.theme-documentaires .resources-list div.level h2 {
  border-bottom: 2px solid #902def;
}
.theme-documentaires .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #902def;
}
.theme-documentaires .resources-list div.level ul li.content i:hover {
  color: #902def;
}
.theme-documentaires .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #902def;
}
.theme-documentaires .story-card .stats .item.highlight {
  color: #902def;
}
.theme-documentaires .story-card a.favs {
  color: #902def;
}
.theme-documentaires .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #902def;
}
.theme-documentaires .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #902def;
}
.theme-documentaires #stories-list #filters-container #collapse-filters-link {
  background: #902def;
}
@media (min-width: 992px) {
  .theme-documentaires #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-documentaires .filters .filter {
  background: #902def;
}

.background-color-documentaires {
  background-color: #902def !important;
}

.left-menu-background-hover-documentaires:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #902def 70%, white 100%) !important;
  background: linear-gradient(to right, #902def 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-documentaires:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-documentaires:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-documentaires {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(144, 45, 239, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(144, 45, 239, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(144, 45, 239, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(144, 45, 239, 0.25);
  }
}
@-webkit-keyframes audio1-documentaires {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(144, 45, 239, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(144, 45, 239, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(144, 45, 239, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(144, 45, 239, 0.25);
  }
}
@keyframes audio2-documentaires {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(144, 45, 239, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(144, 45, 239, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(144, 45, 239, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(144, 45, 239, 0.45);
  }
}
@-webkit-keyframes audio2-documentaires {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(144, 45, 239, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(144, 45, 239, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(144, 45, 239, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(144, 45, 239, 0.45);
  }
}
.theme-contes-et-legendes #header-sticky {
  background: #ffb300;
  color: white;
}
.theme-contes-et-legendes #header-sticky #header {
  background: #ffb300;
  color: white;
}
.theme-contes-et-legendes #header-sticky #header .subtitle {
  color: white;
}
.theme-contes-et-legendes #header-sticky #header .home-link {
  color: white;
}
.theme-contes-et-legendes #header-sticky #header .navigation-link {
  color: white;
}
.theme-contes-et-legendes #header-sticky #header .menu-trigger, .theme-contes-et-legendes #header-sticky #header #search-trigger {
  color: white;
}
.theme-contes-et-legendes #header-sticky #header .menu-trigger:hover, .theme-contes-et-legendes #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-contes-et-legendes #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-contes-et-legendes #breadcrumb a:hover {
  color: #ffb300;
}
.theme-contes-et-legendes #document .idocXNote, .theme-contes-et-legendes #document .source, .theme-contes-et-legendes #document .dropcap {
  color: #ffb300;
}
.theme-contes-et-legendes #document .objSound {
  background-color: #ffb300;
}
.theme-contes-et-legendes #document .objSound.playing::before {
  -webkit-animation: audio1-contes-et-legendes 1.5s infinite ease-in-out;
  animation: audio1-contes-et-legendes 1.5s infinite ease-in-out;
}
.theme-contes-et-legendes #document .objSound.playing::after {
  -webkit-animation: audio2-contes-et-legendes 2.2s infinite ease-in-out;
  animation: audio2-contes-et-legendes 2.2s infinite ease-in-out;
}
.theme-contes-et-legendes #document .decouvrir .card-header {
  border-bottom: 2px solid #ffb300;
}
.theme-contes-et-legendes #document .jouer .card-header {
  border-bottom: 2px solid #ffb300;
  border-top: 2px solid #ffb300;
}
.theme-contes-et-legendes #navigation .btn-ieuh:hover, .theme-contes-et-legendes #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-contes-et-legendes #navigation .btn-secondary:hover {
  color: #ffb300;
}
.theme-contes-et-legendes #navigation #navigation-collapser:hover {
  color: #ffb300;
}
.theme-contes-et-legendes #navigation .nav-link:hover {
  color: #ffb300;
}
.theme-contes-et-legendes #navigation .nav-link.active {
  color: #ffc233;
}
.theme-contes-et-legendes #navigation #collapse-toolbox .tool:hover {
  color: #ffb300;
}
.theme-contes-et-legendes #navigation .document .main .nav-select2 .select2-selection:hover, .theme-contes-et-legendes #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #ffb300 !important;
}
.theme-contes-et-legendes #comments-container .comment .separator {
  background: #ffb300;
}
.theme-contes-et-legendes.badge-ieuh {
  background: #ffb300;
}
.theme-contes-et-legendes #redo-game:hover {
  color: #ffb300;
}
.theme-contes-et-legendes #teachersheets a:hover {
  color: #ffb300;
}
.theme-contes-et-legendes #printable-activities a:hover {
  color: #ffb300;
}
.theme-contes-et-legendes #left-menu .menu-head {
  background: #ffb300;
  color: white;
}
.theme-contes-et-legendes #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-contes-et-legendes #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-contes-et-legendes #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #ffb300 70%, white 100%);
  background: linear-gradient(to right, #ffb300 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-contes-et-legendes #left-menu .menu-body .navigation-link.active i, .theme-contes-et-legendes #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-contes-et-legendes #bonus-list .theme h2 {
  border-bottom: 1px solid #ffb300;
}
.theme-contes-et-legendes .resources-list div.level h2 {
  border-bottom: 2px solid #ffb300;
}
.theme-contes-et-legendes .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #ffb300;
}
.theme-contes-et-legendes .resources-list div.level ul li.content i:hover {
  color: #ffb300;
}
.theme-contes-et-legendes .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #ffb300;
}
.theme-contes-et-legendes .story-card .stats .item.highlight {
  color: #ffb300;
}
.theme-contes-et-legendes .story-card a.favs {
  color: #ffb300;
}
.theme-contes-et-legendes .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #ffb300;
}
.theme-contes-et-legendes .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #ffb300;
}
.theme-contes-et-legendes #stories-list #filters-container #collapse-filters-link {
  background: #ffb300;
}
@media (min-width: 992px) {
  .theme-contes-et-legendes #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-contes-et-legendes .filters .filter {
  background: #ffb300;
}

.background-color-contes-et-legendes {
  background-color: #ffb300 !important;
}

.left-menu-background-hover-contes-et-legendes:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #ffb300 70%, white 100%) !important;
  background: linear-gradient(to right, #ffb300 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-contes-et-legendes:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-contes-et-legendes:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-contes-et-legendes {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 179, 0, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 179, 0, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 179, 0, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 179, 0, 0.25);
  }
}
@-webkit-keyframes audio1-contes-et-legendes {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 179, 0, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 179, 0, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 179, 0, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 179, 0, 0.25);
  }
}
@keyframes audio2-contes-et-legendes {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 179, 0, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 179, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 179, 0, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 179, 0, 0.45);
  }
}
@-webkit-keyframes audio2-contes-et-legendes {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 179, 0, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 179, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 179, 0, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 179, 0, 0.45);
  }
}
.theme-contes-legendes #header-sticky {
  background: #ffb300;
  color: white;
}
.theme-contes-legendes #header-sticky #header {
  background: #ffb300;
  color: white;
}
.theme-contes-legendes #header-sticky #header .subtitle {
  color: white;
}
.theme-contes-legendes #header-sticky #header .home-link {
  color: white;
}
.theme-contes-legendes #header-sticky #header .navigation-link {
  color: white;
}
.theme-contes-legendes #header-sticky #header .menu-trigger, .theme-contes-legendes #header-sticky #header #search-trigger {
  color: white;
}
.theme-contes-legendes #header-sticky #header .menu-trigger:hover, .theme-contes-legendes #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-contes-legendes #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-contes-legendes #breadcrumb a:hover {
  color: #ffb300;
}
.theme-contes-legendes #document .idocXNote, .theme-contes-legendes #document .source, .theme-contes-legendes #document .dropcap {
  color: #ffb300;
}
.theme-contes-legendes #document .objSound {
  background-color: #ffb300;
}
.theme-contes-legendes #document .objSound.playing::before {
  -webkit-animation: audio1-contes-legendes 1.5s infinite ease-in-out;
  animation: audio1-contes-legendes 1.5s infinite ease-in-out;
}
.theme-contes-legendes #document .objSound.playing::after {
  -webkit-animation: audio2-contes-legendes 2.2s infinite ease-in-out;
  animation: audio2-contes-legendes 2.2s infinite ease-in-out;
}
.theme-contes-legendes #document .decouvrir .card-header {
  border-bottom: 2px solid #ffb300;
}
.theme-contes-legendes #document .jouer .card-header {
  border-bottom: 2px solid #ffb300;
  border-top: 2px solid #ffb300;
}
.theme-contes-legendes #navigation .btn-ieuh:hover, .theme-contes-legendes #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-contes-legendes #navigation .btn-secondary:hover {
  color: #ffb300;
}
.theme-contes-legendes #navigation #navigation-collapser:hover {
  color: #ffb300;
}
.theme-contes-legendes #navigation .nav-link:hover {
  color: #ffb300;
}
.theme-contes-legendes #navigation .nav-link.active {
  color: #ffc233;
}
.theme-contes-legendes #navigation #collapse-toolbox .tool:hover {
  color: #ffb300;
}
.theme-contes-legendes #navigation .document .main .nav-select2 .select2-selection:hover, .theme-contes-legendes #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #ffb300 !important;
}
.theme-contes-legendes #comments-container .comment .separator {
  background: #ffb300;
}
.theme-contes-legendes.badge-ieuh {
  background: #ffb300;
}
.theme-contes-legendes #redo-game:hover {
  color: #ffb300;
}
.theme-contes-legendes #teachersheets a:hover {
  color: #ffb300;
}
.theme-contes-legendes #printable-activities a:hover {
  color: #ffb300;
}
.theme-contes-legendes #left-menu .menu-head {
  background: #ffb300;
  color: white;
}
.theme-contes-legendes #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-contes-legendes #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-contes-legendes #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #ffb300 70%, white 100%);
  background: linear-gradient(to right, #ffb300 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-contes-legendes #left-menu .menu-body .navigation-link.active i, .theme-contes-legendes #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-contes-legendes #bonus-list .theme h2 {
  border-bottom: 1px solid #ffb300;
}
.theme-contes-legendes .resources-list div.level h2 {
  border-bottom: 2px solid #ffb300;
}
.theme-contes-legendes .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #ffb300;
}
.theme-contes-legendes .resources-list div.level ul li.content i:hover {
  color: #ffb300;
}
.theme-contes-legendes .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #ffb300;
}
.theme-contes-legendes .story-card .stats .item.highlight {
  color: #ffb300;
}
.theme-contes-legendes .story-card a.favs {
  color: #ffb300;
}
.theme-contes-legendes .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #ffb300;
}
.theme-contes-legendes .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #ffb300;
}
.theme-contes-legendes #stories-list #filters-container #collapse-filters-link {
  background: #ffb300;
}
@media (min-width: 992px) {
  .theme-contes-legendes #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-contes-legendes .filters .filter {
  background: #ffb300;
}

.background-color-contes-legendes {
  background-color: #ffb300 !important;
}

.left-menu-background-hover-contes-legendes:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #ffb300 70%, white 100%) !important;
  background: linear-gradient(to right, #ffb300 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-contes-legendes:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-contes-legendes:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-contes-legendes {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 179, 0, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 179, 0, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 179, 0, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 179, 0, 0.25);
  }
}
@-webkit-keyframes audio1-contes-legendes {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 179, 0, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 179, 0, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 179, 0, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 179, 0, 0.25);
  }
}
@keyframes audio2-contes-legendes {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 179, 0, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 179, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 179, 0, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 179, 0, 0.45);
  }
}
@-webkit-keyframes audio2-contes-legendes {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 179, 0, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 179, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 179, 0, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 179, 0, 0.45);
  }
}
.theme-comptines-et-chansons #header-sticky {
  background: #12ba1a;
  color: white;
}
.theme-comptines-et-chansons #header-sticky #header {
  background: #12ba1a;
  color: white;
}
.theme-comptines-et-chansons #header-sticky #header .subtitle {
  color: white;
}
.theme-comptines-et-chansons #header-sticky #header .home-link {
  color: white;
}
.theme-comptines-et-chansons #header-sticky #header .navigation-link {
  color: white;
}
.theme-comptines-et-chansons #header-sticky #header .menu-trigger, .theme-comptines-et-chansons #header-sticky #header #search-trigger {
  color: white;
}
.theme-comptines-et-chansons #header-sticky #header .menu-trigger:hover, .theme-comptines-et-chansons #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-comptines-et-chansons #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-comptines-et-chansons #breadcrumb a:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons #document .idocXNote, .theme-comptines-et-chansons #document .source, .theme-comptines-et-chansons #document .dropcap {
  color: #12ba1a;
}
.theme-comptines-et-chansons #document .objSound {
  background-color: #12ba1a;
}
.theme-comptines-et-chansons #document .objSound.playing::before {
  -webkit-animation: audio1-comptines-et-chansons 1.5s infinite ease-in-out;
  animation: audio1-comptines-et-chansons 1.5s infinite ease-in-out;
}
.theme-comptines-et-chansons #document .objSound.playing::after {
  -webkit-animation: audio2-comptines-et-chansons 2.2s infinite ease-in-out;
  animation: audio2-comptines-et-chansons 2.2s infinite ease-in-out;
}
.theme-comptines-et-chansons #document .decouvrir .card-header {
  border-bottom: 2px solid #12ba1a;
}
.theme-comptines-et-chansons #document .jouer .card-header {
  border-bottom: 2px solid #12ba1a;
  border-top: 2px solid #12ba1a;
}
.theme-comptines-et-chansons #navigation .btn-ieuh:hover, .theme-comptines-et-chansons #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-comptines-et-chansons #navigation .btn-secondary:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons #navigation #navigation-collapser:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons #navigation .nav-link:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons #navigation .nav-link.active {
  color: #17e921;
}
.theme-comptines-et-chansons #navigation #collapse-toolbox .tool:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons #navigation .document .main .nav-select2 .select2-selection:hover, .theme-comptines-et-chansons #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #12ba1a !important;
}
.theme-comptines-et-chansons #comments-container .comment .separator {
  background: #12ba1a;
}
.theme-comptines-et-chansons.badge-ieuh {
  background: #12ba1a;
}
.theme-comptines-et-chansons #redo-game:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons #teachersheets a:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons #printable-activities a:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons #left-menu .menu-head {
  background: #12ba1a;
  color: white;
}
.theme-comptines-et-chansons #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-comptines-et-chansons #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-comptines-et-chansons #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #12ba1a 70%, white 100%);
  background: linear-gradient(to right, #12ba1a 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-comptines-et-chansons #left-menu .menu-body .navigation-link.active i, .theme-comptines-et-chansons #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-comptines-et-chansons #bonus-list .theme h2 {
  border-bottom: 1px solid #12ba1a;
}
.theme-comptines-et-chansons .resources-list div.level h2 {
  border-bottom: 2px solid #12ba1a;
}
.theme-comptines-et-chansons .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #12ba1a;
}
.theme-comptines-et-chansons .resources-list div.level ul li.content i:hover {
  color: #12ba1a;
}
.theme-comptines-et-chansons .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #12ba1a;
}
.theme-comptines-et-chansons .story-card .stats .item.highlight {
  color: #12ba1a;
}
.theme-comptines-et-chansons .story-card a.favs {
  color: #12ba1a;
}
.theme-comptines-et-chansons .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #12ba1a;
}
.theme-comptines-et-chansons .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #12ba1a;
}
.theme-comptines-et-chansons #stories-list #filters-container #collapse-filters-link {
  background: #12ba1a;
}
@media (min-width: 992px) {
  .theme-comptines-et-chansons #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-comptines-et-chansons .filters .filter {
  background: #12ba1a;
}

.background-color-comptines-et-chansons {
  background-color: #12ba1a !important;
}

.left-menu-background-hover-comptines-et-chansons:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #12ba1a 70%, white 100%) !important;
  background: linear-gradient(to right, #12ba1a 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-comptines-et-chansons:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-comptines-et-chansons:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-comptines-et-chansons {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(18, 186, 26, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(18, 186, 26, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(18, 186, 26, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(18, 186, 26, 0.25);
  }
}
@-webkit-keyframes audio1-comptines-et-chansons {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(18, 186, 26, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(18, 186, 26, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(18, 186, 26, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(18, 186, 26, 0.25);
  }
}
@keyframes audio2-comptines-et-chansons {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(18, 186, 26, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(18, 186, 26, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(18, 186, 26, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(18, 186, 26, 0.45);
  }
}
@-webkit-keyframes audio2-comptines-et-chansons {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(18, 186, 26, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(18, 186, 26, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(18, 186, 26, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(18, 186, 26, 0.45);
  }
}
.theme-comptines-chansons #header-sticky {
  background: #12ba1a;
  color: white;
}
.theme-comptines-chansons #header-sticky #header {
  background: #12ba1a;
  color: white;
}
.theme-comptines-chansons #header-sticky #header .subtitle {
  color: white;
}
.theme-comptines-chansons #header-sticky #header .home-link {
  color: white;
}
.theme-comptines-chansons #header-sticky #header .navigation-link {
  color: white;
}
.theme-comptines-chansons #header-sticky #header .menu-trigger, .theme-comptines-chansons #header-sticky #header #search-trigger {
  color: white;
}
.theme-comptines-chansons #header-sticky #header .menu-trigger:hover, .theme-comptines-chansons #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-comptines-chansons #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-comptines-chansons #breadcrumb a:hover {
  color: #12ba1a;
}
.theme-comptines-chansons #document .idocXNote, .theme-comptines-chansons #document .source, .theme-comptines-chansons #document .dropcap {
  color: #12ba1a;
}
.theme-comptines-chansons #document .objSound {
  background-color: #12ba1a;
}
.theme-comptines-chansons #document .objSound.playing::before {
  -webkit-animation: audio1-comptines-chansons 1.5s infinite ease-in-out;
  animation: audio1-comptines-chansons 1.5s infinite ease-in-out;
}
.theme-comptines-chansons #document .objSound.playing::after {
  -webkit-animation: audio2-comptines-chansons 2.2s infinite ease-in-out;
  animation: audio2-comptines-chansons 2.2s infinite ease-in-out;
}
.theme-comptines-chansons #document .decouvrir .card-header {
  border-bottom: 2px solid #12ba1a;
}
.theme-comptines-chansons #document .jouer .card-header {
  border-bottom: 2px solid #12ba1a;
  border-top: 2px solid #12ba1a;
}
.theme-comptines-chansons #navigation .btn-ieuh:hover, .theme-comptines-chansons #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-comptines-chansons #navigation .btn-secondary:hover {
  color: #12ba1a;
}
.theme-comptines-chansons #navigation #navigation-collapser:hover {
  color: #12ba1a;
}
.theme-comptines-chansons #navigation .nav-link:hover {
  color: #12ba1a;
}
.theme-comptines-chansons #navigation .nav-link.active {
  color: #17e921;
}
.theme-comptines-chansons #navigation #collapse-toolbox .tool:hover {
  color: #12ba1a;
}
.theme-comptines-chansons #navigation .document .main .nav-select2 .select2-selection:hover, .theme-comptines-chansons #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #12ba1a !important;
}
.theme-comptines-chansons #comments-container .comment .separator {
  background: #12ba1a;
}
.theme-comptines-chansons.badge-ieuh {
  background: #12ba1a;
}
.theme-comptines-chansons #redo-game:hover {
  color: #12ba1a;
}
.theme-comptines-chansons #teachersheets a:hover {
  color: #12ba1a;
}
.theme-comptines-chansons #printable-activities a:hover {
  color: #12ba1a;
}
.theme-comptines-chansons #left-menu .menu-head {
  background: #12ba1a;
  color: white;
}
.theme-comptines-chansons #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-comptines-chansons #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-comptines-chansons #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #12ba1a 70%, white 100%);
  background: linear-gradient(to right, #12ba1a 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-comptines-chansons #left-menu .menu-body .navigation-link.active i, .theme-comptines-chansons #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-comptines-chansons #bonus-list .theme h2 {
  border-bottom: 1px solid #12ba1a;
}
.theme-comptines-chansons .resources-list div.level h2 {
  border-bottom: 2px solid #12ba1a;
}
.theme-comptines-chansons .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #12ba1a;
}
.theme-comptines-chansons .resources-list div.level ul li.content i:hover {
  color: #12ba1a;
}
.theme-comptines-chansons .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #12ba1a;
}
.theme-comptines-chansons .story-card .stats .item.highlight {
  color: #12ba1a;
}
.theme-comptines-chansons .story-card a.favs {
  color: #12ba1a;
}
.theme-comptines-chansons .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #12ba1a;
}
.theme-comptines-chansons .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #12ba1a;
}
.theme-comptines-chansons #stories-list #filters-container #collapse-filters-link {
  background: #12ba1a;
}
@media (min-width: 992px) {
  .theme-comptines-chansons #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-comptines-chansons .filters .filter {
  background: #12ba1a;
}

.background-color-comptines-chansons {
  background-color: #12ba1a !important;
}

.left-menu-background-hover-comptines-chansons:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #12ba1a 70%, white 100%) !important;
  background: linear-gradient(to right, #12ba1a 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-comptines-chansons:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-comptines-chansons:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-comptines-chansons {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(18, 186, 26, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(18, 186, 26, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(18, 186, 26, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(18, 186, 26, 0.25);
  }
}
@-webkit-keyframes audio1-comptines-chansons {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(18, 186, 26, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(18, 186, 26, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(18, 186, 26, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(18, 186, 26, 0.25);
  }
}
@keyframes audio2-comptines-chansons {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(18, 186, 26, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(18, 186, 26, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(18, 186, 26, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(18, 186, 26, 0.45);
  }
}
@-webkit-keyframes audio2-comptines-chansons {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(18, 186, 26, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(18, 186, 26, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(18, 186, 26, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(18, 186, 26, 0.45);
  }
}
.theme-anglais #header-sticky {
  background: #3778f5;
  color: white;
}
.theme-anglais #header-sticky #header {
  background: #3778f5;
  color: white;
}
.theme-anglais #header-sticky #header .subtitle {
  color: white;
}
.theme-anglais #header-sticky #header .home-link {
  color: white;
}
.theme-anglais #header-sticky #header .navigation-link {
  color: white;
}
.theme-anglais #header-sticky #header .menu-trigger, .theme-anglais #header-sticky #header #search-trigger {
  color: white;
}
.theme-anglais #header-sticky #header .menu-trigger:hover, .theme-anglais #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-anglais #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-anglais #breadcrumb a:hover {
  color: #3778f5;
}
.theme-anglais #document .idocXNote, .theme-anglais #document .source, .theme-anglais #document .dropcap {
  color: #3778f5;
}
.theme-anglais #document .objSound {
  background-color: #3778f5;
}
.theme-anglais #document .objSound.playing::before {
  -webkit-animation: audio1-anglais 1.5s infinite ease-in-out;
  animation: audio1-anglais 1.5s infinite ease-in-out;
}
.theme-anglais #document .objSound.playing::after {
  -webkit-animation: audio2-anglais 2.2s infinite ease-in-out;
  animation: audio2-anglais 2.2s infinite ease-in-out;
}
.theme-anglais #document .decouvrir .card-header {
  border-bottom: 2px solid #3778f5;
}
.theme-anglais #document .jouer .card-header {
  border-bottom: 2px solid #3778f5;
  border-top: 2px solid #3778f5;
}
.theme-anglais #navigation .btn-ieuh:hover, .theme-anglais #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-anglais #navigation .btn-secondary:hover {
  color: #3778f5;
}
.theme-anglais #navigation #navigation-collapser:hover {
  color: #3778f5;
}
.theme-anglais #navigation .nav-link:hover {
  color: #3778f5;
}
.theme-anglais #navigation .nav-link.active {
  color: #6899f7;
}
.theme-anglais #navigation #collapse-toolbox .tool:hover {
  color: #3778f5;
}
.theme-anglais #navigation .document .main .nav-select2 .select2-selection:hover, .theme-anglais #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #3778f5 !important;
}
.theme-anglais #comments-container .comment .separator {
  background: #3778f5;
}
.theme-anglais.badge-ieuh {
  background: #3778f5;
}
.theme-anglais #redo-game:hover {
  color: #3778f5;
}
.theme-anglais #teachersheets a:hover {
  color: #3778f5;
}
.theme-anglais #printable-activities a:hover {
  color: #3778f5;
}
.theme-anglais #left-menu .menu-head {
  background: #3778f5;
  color: white;
}
.theme-anglais #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-anglais #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-anglais #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #3778f5 70%, white 100%);
  background: linear-gradient(to right, #3778f5 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-anglais #left-menu .menu-body .navigation-link.active i, .theme-anglais #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-anglais #bonus-list .theme h2 {
  border-bottom: 1px solid #3778f5;
}
.theme-anglais .resources-list div.level h2 {
  border-bottom: 2px solid #3778f5;
}
.theme-anglais .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #3778f5;
}
.theme-anglais .resources-list div.level ul li.content i:hover {
  color: #3778f5;
}
.theme-anglais .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #3778f5;
}
.theme-anglais .story-card .stats .item.highlight {
  color: #3778f5;
}
.theme-anglais .story-card a.favs {
  color: #3778f5;
}
.theme-anglais .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #3778f5;
}
.theme-anglais .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #3778f5;
}
.theme-anglais #stories-list #filters-container #collapse-filters-link {
  background: #3778f5;
}
@media (min-width: 992px) {
  .theme-anglais #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-anglais .filters .filter {
  background: #3778f5;
}

.background-color-anglais {
  background-color: #3778f5 !important;
}

.left-menu-background-hover-anglais:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #3778f5 70%, white 100%) !important;
  background: linear-gradient(to right, #3778f5 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-anglais:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-anglais:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-anglais {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(55, 120, 245, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(55, 120, 245, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(55, 120, 245, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(55, 120, 245, 0.25);
  }
}
@-webkit-keyframes audio1-anglais {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(55, 120, 245, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(55, 120, 245, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(55, 120, 245, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(55, 120, 245, 0.25);
  }
}
@keyframes audio2-anglais {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(55, 120, 245, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(55, 120, 245, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(55, 120, 245, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(55, 120, 245, 0.45);
  }
}
@-webkit-keyframes audio2-anglais {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(55, 120, 245, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(55, 120, 245, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(55, 120, 245, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(55, 120, 245, 0.45);
  }
}
.theme-home #header-sticky {
  background: #ff7b0e;
  color: white;
}
.theme-home #header-sticky #header {
  background: #ff7b0e;
  color: white;
}
.theme-home #header-sticky #header .subtitle {
  color: white;
}
.theme-home #header-sticky #header .home-link {
  color: white;
}
.theme-home #header-sticky #header .navigation-link {
  color: white;
}
.theme-home #header-sticky #header .menu-trigger, .theme-home #header-sticky #header #search-trigger {
  color: white;
}
.theme-home #header-sticky #header .menu-trigger:hover, .theme-home #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-home #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-home #breadcrumb a:hover {
  color: #ff7b0e;
}
.theme-home #document .idocXNote, .theme-home #document .source, .theme-home #document .dropcap {
  color: #ff7b0e;
}
.theme-home #document .objSound {
  background-color: #ff7b0e;
}
.theme-home #document .objSound.playing::before {
  -webkit-animation: audio1-home 1.5s infinite ease-in-out;
  animation: audio1-home 1.5s infinite ease-in-out;
}
.theme-home #document .objSound.playing::after {
  -webkit-animation: audio2-home 2.2s infinite ease-in-out;
  animation: audio2-home 2.2s infinite ease-in-out;
}
.theme-home #document .decouvrir .card-header {
  border-bottom: 2px solid #ff7b0e;
}
.theme-home #document .jouer .card-header {
  border-bottom: 2px solid #ff7b0e;
  border-top: 2px solid #ff7b0e;
}
.theme-home #navigation .btn-ieuh:hover, .theme-home #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-home #navigation .btn-secondary:hover {
  color: #ff7b0e;
}
.theme-home #navigation #navigation-collapser:hover {
  color: #ff7b0e;
}
.theme-home #navigation .nav-link:hover {
  color: #ff7b0e;
}
.theme-home #navigation .nav-link.active {
  color: #ff9741;
}
.theme-home #navigation #collapse-toolbox .tool:hover {
  color: #ff7b0e;
}
.theme-home #navigation .document .main .nav-select2 .select2-selection:hover, .theme-home #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #ff7b0e !important;
}
.theme-home #comments-container .comment .separator {
  background: #ff7b0e;
}
.theme-home.badge-ieuh {
  background: #ff7b0e;
}
.theme-home #redo-game:hover {
  color: #ff7b0e;
}
.theme-home #teachersheets a:hover {
  color: #ff7b0e;
}
.theme-home #printable-activities a:hover {
  color: #ff7b0e;
}
.theme-home #left-menu .menu-head {
  background: #ff7b0e;
  color: white;
}
.theme-home #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-home #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-home #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #ff7b0e 70%, white 100%);
  background: linear-gradient(to right, #ff7b0e 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-home #left-menu .menu-body .navigation-link.active i, .theme-home #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-home #bonus-list .theme h2 {
  border-bottom: 1px solid #ff7b0e;
}
.theme-home .resources-list div.level h2 {
  border-bottom: 2px solid #ff7b0e;
}
.theme-home .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #ff7b0e;
}
.theme-home .resources-list div.level ul li.content i:hover {
  color: #ff7b0e;
}
.theme-home .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #ff7b0e;
}
.theme-home .story-card .stats .item.highlight {
  color: #ff7b0e;
}
.theme-home .story-card a.favs {
  color: #ff7b0e;
}
.theme-home .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #ff7b0e;
}
.theme-home .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #ff7b0e;
}
.theme-home #stories-list #filters-container #collapse-filters-link {
  background: #ff7b0e;
}
@media (min-width: 992px) {
  .theme-home #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-home .filters .filter {
  background: #ff7b0e;
}

.background-color-home {
  background-color: #ff7b0e !important;
}

.left-menu-background-hover-home:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #ff7b0e 70%, white 100%) !important;
  background: linear-gradient(to right, #ff7b0e 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-home:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-home:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-home {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 123, 14, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 123, 14, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 123, 14, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 123, 14, 0.25);
  }
}
@-webkit-keyframes audio1-home {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 123, 14, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 123, 14, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 123, 14, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 123, 14, 0.25);
  }
}
@keyframes audio2-home {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 123, 14, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 123, 14, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 123, 14, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 123, 14, 0.45);
  }
}
@-webkit-keyframes audio2-home {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 123, 14, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 123, 14, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 123, 14, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 123, 14, 0.45);
  }
}
.theme-bonus #header-sticky {
  background: #ff1760;
  color: white;
}
.theme-bonus #header-sticky #header {
  background: #ff1760;
  color: white;
}
.theme-bonus #header-sticky #header .subtitle {
  color: white;
}
.theme-bonus #header-sticky #header .home-link {
  color: white;
}
.theme-bonus #header-sticky #header .navigation-link {
  color: white;
}
.theme-bonus #header-sticky #header .menu-trigger, .theme-bonus #header-sticky #header #search-trigger {
  color: white;
}
.theme-bonus #header-sticky #header .menu-trigger:hover, .theme-bonus #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-bonus #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-bonus #breadcrumb a:hover {
  color: #ff1760;
}
.theme-bonus #document .idocXNote, .theme-bonus #document .source, .theme-bonus #document .dropcap {
  color: #ff1760;
}
.theme-bonus #document .objSound {
  background-color: #ff1760;
}
.theme-bonus #document .objSound.playing::before {
  -webkit-animation: audio1-bonus 1.5s infinite ease-in-out;
  animation: audio1-bonus 1.5s infinite ease-in-out;
}
.theme-bonus #document .objSound.playing::after {
  -webkit-animation: audio2-bonus 2.2s infinite ease-in-out;
  animation: audio2-bonus 2.2s infinite ease-in-out;
}
.theme-bonus #document .decouvrir .card-header {
  border-bottom: 2px solid #ff1760;
}
.theme-bonus #document .jouer .card-header {
  border-bottom: 2px solid #ff1760;
  border-top: 2px solid #ff1760;
}
.theme-bonus #navigation .btn-ieuh:hover, .theme-bonus #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-bonus #navigation .btn-secondary:hover {
  color: #ff1760;
}
.theme-bonus #navigation #navigation-collapser:hover {
  color: #ff1760;
}
.theme-bonus #navigation .nav-link:hover {
  color: #ff1760;
}
.theme-bonus #navigation .nav-link.active {
  color: #ff4a83;
}
.theme-bonus #navigation #collapse-toolbox .tool:hover {
  color: #ff1760;
}
.theme-bonus #navigation .document .main .nav-select2 .select2-selection:hover, .theme-bonus #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #ff1760 !important;
}
.theme-bonus #comments-container .comment .separator {
  background: #ff1760;
}
.theme-bonus.badge-ieuh {
  background: #ff1760;
}
.theme-bonus #redo-game:hover {
  color: #ff1760;
}
.theme-bonus #teachersheets a:hover {
  color: #ff1760;
}
.theme-bonus #printable-activities a:hover {
  color: #ff1760;
}
.theme-bonus #left-menu .menu-head {
  background: #ff1760;
  color: white;
}
.theme-bonus #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-bonus #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-bonus #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #ff1760 70%, white 100%);
  background: linear-gradient(to right, #ff1760 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-bonus #left-menu .menu-body .navigation-link.active i, .theme-bonus #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-bonus #bonus-list .theme h2 {
  border-bottom: 1px solid #ff1760;
}
.theme-bonus .resources-list div.level h2 {
  border-bottom: 2px solid #ff1760;
}
.theme-bonus .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #ff1760;
}
.theme-bonus .resources-list div.level ul li.content i:hover {
  color: #ff1760;
}
.theme-bonus .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #ff1760;
}
.theme-bonus .story-card .stats .item.highlight {
  color: #ff1760;
}
.theme-bonus .story-card a.favs {
  color: #ff1760;
}
.theme-bonus .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #ff1760;
}
.theme-bonus .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #ff1760;
}
.theme-bonus #stories-list #filters-container #collapse-filters-link {
  background: #ff1760;
}
@media (min-width: 992px) {
  .theme-bonus #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-bonus .filters .filter {
  background: #ff1760;
}

.background-color-bonus {
  background-color: #ff1760 !important;
}

.left-menu-background-hover-bonus:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #ff1760 70%, white 100%) !important;
  background: linear-gradient(to right, #ff1760 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-bonus:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-bonus:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-bonus {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 23, 96, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 23, 96, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 23, 96, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 23, 96, 0.25);
  }
}
@-webkit-keyframes audio1-bonus {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 23, 96, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 23, 96, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 23, 96, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 23, 96, 0.25);
  }
}
@keyframes audio2-bonus {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 23, 96, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 23, 96, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 23, 96, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 23, 96, 0.45);
  }
}
@-webkit-keyframes audio2-bonus {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 23, 96, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 23, 96, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 23, 96, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 23, 96, 0.45);
  }
}
.theme-ma-bibliotheque #header-sticky {
  background: #ff7b0e;
  color: white;
}
.theme-ma-bibliotheque #header-sticky #header {
  background: #ff7b0e;
  color: white;
}
.theme-ma-bibliotheque #header-sticky #header .subtitle {
  color: white;
}
.theme-ma-bibliotheque #header-sticky #header .home-link {
  color: white;
}
.theme-ma-bibliotheque #header-sticky #header .navigation-link {
  color: white;
}
.theme-ma-bibliotheque #header-sticky #header .menu-trigger, .theme-ma-bibliotheque #header-sticky #header #search-trigger {
  color: white;
}
.theme-ma-bibliotheque #header-sticky #header .menu-trigger:hover, .theme-ma-bibliotheque #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-ma-bibliotheque #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-ma-bibliotheque #breadcrumb a:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #document .idocXNote, .theme-ma-bibliotheque #document .source, .theme-ma-bibliotheque #document .dropcap {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #document .objSound {
  background-color: #ff7b0e;
}
.theme-ma-bibliotheque #document .objSound.playing::before {
  -webkit-animation: audio1-ma-bibliotheque 1.5s infinite ease-in-out;
  animation: audio1-ma-bibliotheque 1.5s infinite ease-in-out;
}
.theme-ma-bibliotheque #document .objSound.playing::after {
  -webkit-animation: audio2-ma-bibliotheque 2.2s infinite ease-in-out;
  animation: audio2-ma-bibliotheque 2.2s infinite ease-in-out;
}
.theme-ma-bibliotheque #document .decouvrir .card-header {
  border-bottom: 2px solid #ff7b0e;
}
.theme-ma-bibliotheque #document .jouer .card-header {
  border-bottom: 2px solid #ff7b0e;
  border-top: 2px solid #ff7b0e;
}
.theme-ma-bibliotheque #navigation .btn-ieuh:hover, .theme-ma-bibliotheque #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-ma-bibliotheque #navigation .btn-secondary:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #navigation #navigation-collapser:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #navigation .nav-link:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #navigation .nav-link.active {
  color: #ff9741;
}
.theme-ma-bibliotheque #navigation #collapse-toolbox .tool:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #navigation .document .main .nav-select2 .select2-selection:hover, .theme-ma-bibliotheque #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #ff7b0e !important;
}
.theme-ma-bibliotheque #comments-container .comment .separator {
  background: #ff7b0e;
}
.theme-ma-bibliotheque.badge-ieuh {
  background: #ff7b0e;
}
.theme-ma-bibliotheque #redo-game:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #teachersheets a:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #printable-activities a:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque #left-menu .menu-head {
  background: #ff7b0e;
  color: white;
}
.theme-ma-bibliotheque #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-ma-bibliotheque #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-ma-bibliotheque #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #ff7b0e 70%, white 100%);
  background: linear-gradient(to right, #ff7b0e 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-ma-bibliotheque #left-menu .menu-body .navigation-link.active i, .theme-ma-bibliotheque #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-ma-bibliotheque #bonus-list .theme h2 {
  border-bottom: 1px solid #ff7b0e;
}
.theme-ma-bibliotheque .resources-list div.level h2 {
  border-bottom: 2px solid #ff7b0e;
}
.theme-ma-bibliotheque .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #ff7b0e;
}
.theme-ma-bibliotheque .resources-list div.level ul li.content i:hover {
  color: #ff7b0e;
}
.theme-ma-bibliotheque .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #ff7b0e;
}
.theme-ma-bibliotheque .story-card .stats .item.highlight {
  color: #ff7b0e;
}
.theme-ma-bibliotheque .story-card a.favs {
  color: #ff7b0e;
}
.theme-ma-bibliotheque .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #ff7b0e;
}
.theme-ma-bibliotheque .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #ff7b0e;
}
.theme-ma-bibliotheque #stories-list #filters-container #collapse-filters-link {
  background: #ff7b0e;
}
@media (min-width: 992px) {
  .theme-ma-bibliotheque #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-ma-bibliotheque .filters .filter {
  background: #ff7b0e;
}

.background-color-ma-bibliotheque {
  background-color: #ff7b0e !important;
}

.left-menu-background-hover-ma-bibliotheque:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #ff7b0e 70%, white 100%) !important;
  background: linear-gradient(to right, #ff7b0e 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-ma-bibliotheque:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-ma-bibliotheque:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-ma-bibliotheque {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 123, 14, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 123, 14, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 123, 14, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 123, 14, 0.25);
  }
}
@-webkit-keyframes audio1-ma-bibliotheque {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 123, 14, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 123, 14, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 123, 14, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 123, 14, 0.25);
  }
}
@keyframes audio2-ma-bibliotheque {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 123, 14, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 123, 14, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 123, 14, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 123, 14, 0.45);
  }
}
@-webkit-keyframes audio2-ma-bibliotheque {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 123, 14, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 123, 14, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 123, 14, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 123, 14, 0.45);
  }
}
.theme-admin #header-sticky {
  background: #495C73;
  color: white;
}
.theme-admin #header-sticky #header {
  background: #495C73;
  color: white;
}
.theme-admin #header-sticky #header .subtitle {
  color: white;
}
.theme-admin #header-sticky #header .home-link {
  color: white;
}
.theme-admin #header-sticky #header .navigation-link {
  color: white;
}
.theme-admin #header-sticky #header .menu-trigger, .theme-admin #header-sticky #header #search-trigger {
  color: white;
}
.theme-admin #header-sticky #header .menu-trigger:hover, .theme-admin #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-admin #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-admin #breadcrumb a:hover {
  color: #5d7592;
}
.theme-admin #document .idocXNote, .theme-admin #document .source, .theme-admin #document .dropcap {
  color: #495C73;
}
.theme-admin #document .objSound {
  background-color: #495C73;
}
.theme-admin #document .objSound.playing::before {
  -webkit-animation: audio1-admin 1.5s infinite ease-in-out;
  animation: audio1-admin 1.5s infinite ease-in-out;
}
.theme-admin #document .objSound.playing::after {
  -webkit-animation: audio2-admin 2.2s infinite ease-in-out;
  animation: audio2-admin 2.2s infinite ease-in-out;
}
.theme-admin #document .decouvrir .card-header {
  border-bottom: 2px solid #495C73;
}
.theme-admin #document .jouer .card-header {
  border-bottom: 2px solid #495C73;
  border-top: 2px solid #495C73;
}
.theme-admin #navigation .btn-ieuh:hover, .theme-admin #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-admin #navigation .btn-secondary:hover {
  color: #495C73;
}
.theme-admin #navigation #navigation-collapser:hover {
  color: #495C73;
}
.theme-admin #navigation .nav-link:hover {
  color: #495C73;
}
.theme-admin #navigation .nav-link.active {
  color: #5d7592;
}
.theme-admin #navigation #collapse-toolbox .tool:hover {
  color: #495C73;
}
.theme-admin #navigation .document .main .nav-select2 .select2-selection:hover, .theme-admin #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #495C73 !important;
}
.theme-admin #comments-container .comment .separator {
  background: #495C73;
}
.theme-admin.badge-ieuh {
  background: #495C73;
}
.theme-admin #redo-game:hover {
  color: #495C73;
}
.theme-admin #teachersheets a:hover {
  color: #495C73;
}
.theme-admin #printable-activities a:hover {
  color: #495C73;
}
.theme-admin #left-menu .menu-head {
  background: #495C73;
  color: white;
}
.theme-admin #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-admin #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-admin #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #495C73 70%, white 100%);
  background: linear-gradient(to right, #495C73 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-admin #left-menu .menu-body .navigation-link.active i, .theme-admin #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-admin #bonus-list .theme h2 {
  border-bottom: 1px solid #495C73;
}
.theme-admin .resources-list div.level h2 {
  border-bottom: 2px solid #495C73;
}
.theme-admin .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #495C73;
}
.theme-admin .resources-list div.level ul li.content i:hover {
  color: #495C73;
}
.theme-admin .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #495C73;
}
.theme-admin .story-card .stats .item.highlight {
  color: #495C73;
}
.theme-admin .story-card a.favs {
  color: #495C73;
}
.theme-admin .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #495C73;
}
.theme-admin .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #495C73;
}
.theme-admin #stories-list #filters-container #collapse-filters-link {
  background: #495C73;
}
@media (min-width: 992px) {
  .theme-admin #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-admin .filters .filter {
  background: #495C73;
}

.background-color-admin {
  background-color: #495C73 !important;
}

.left-menu-background-hover-admin:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #495C73 70%, white 100%) !important;
  background: linear-gradient(to right, #495C73 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-admin:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-admin:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-admin {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(73, 92, 115, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(73, 92, 115, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(73, 92, 115, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(73, 92, 115, 0.25);
  }
}
@-webkit-keyframes audio1-admin {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(73, 92, 115, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(73, 92, 115, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(73, 92, 115, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(73, 92, 115, 0.25);
  }
}
@keyframes audio2-admin {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(73, 92, 115, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(73, 92, 115, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(73, 92, 115, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(73, 92, 115, 0.45);
  }
}
@-webkit-keyframes audio2-admin {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(73, 92, 115, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(73, 92, 115, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(73, 92, 115, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(73, 92, 115, 0.45);
  }
}
.theme-resources #header-sticky {
  background: #008250;
  color: white;
}
.theme-resources #header-sticky #header {
  background: #008250;
  color: white;
}
.theme-resources #header-sticky #header .subtitle {
  color: white;
}
.theme-resources #header-sticky #header .home-link {
  color: white;
}
.theme-resources #header-sticky #header .navigation-link {
  color: white;
}
.theme-resources #header-sticky #header .menu-trigger, .theme-resources #header-sticky #header #search-trigger {
  color: white;
}
.theme-resources #header-sticky #header .menu-trigger:hover, .theme-resources #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-resources #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-resources #breadcrumb a:hover {
  color: #008250;
}
.theme-resources #document .idocXNote, .theme-resources #document .source, .theme-resources #document .dropcap {
  color: #008250;
}
.theme-resources #document .objSound {
  background-color: #008250;
}
.theme-resources #document .objSound.playing::before {
  -webkit-animation: audio1-resources 1.5s infinite ease-in-out;
  animation: audio1-resources 1.5s infinite ease-in-out;
}
.theme-resources #document .objSound.playing::after {
  -webkit-animation: audio2-resources 2.2s infinite ease-in-out;
  animation: audio2-resources 2.2s infinite ease-in-out;
}
.theme-resources #document .decouvrir .card-header {
  border-bottom: 2px solid #008250;
}
.theme-resources #document .jouer .card-header {
  border-bottom: 2px solid #008250;
  border-top: 2px solid #008250;
}
.theme-resources #navigation .btn-ieuh:hover, .theme-resources #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-resources #navigation .btn-secondary:hover {
  color: #008250;
}
.theme-resources #navigation #navigation-collapser:hover {
  color: #008250;
}
.theme-resources #navigation .nav-link:hover {
  color: #008250;
}
.theme-resources #navigation .nav-link.active {
  color: #00b56f;
}
.theme-resources #navigation #collapse-toolbox .tool:hover {
  color: #008250;
}
.theme-resources #navigation .document .main .nav-select2 .select2-selection:hover, .theme-resources #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #008250 !important;
}
.theme-resources #comments-container .comment .separator {
  background: #008250;
}
.theme-resources.badge-ieuh {
  background: #008250;
}
.theme-resources #redo-game:hover {
  color: #008250;
}
.theme-resources #teachersheets a:hover {
  color: #008250;
}
.theme-resources #printable-activities a:hover {
  color: #008250;
}
.theme-resources #left-menu .menu-head {
  background: #008250;
  color: white;
}
.theme-resources #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-resources #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-resources #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #008250 70%, white 100%);
  background: linear-gradient(to right, #008250 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-resources #left-menu .menu-body .navigation-link.active i, .theme-resources #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-resources #bonus-list .theme h2 {
  border-bottom: 1px solid #008250;
}
.theme-resources .resources-list div.level h2 {
  border-bottom: 2px solid #008250;
}
.theme-resources .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #008250;
}
.theme-resources .resources-list div.level ul li.content i:hover {
  color: #008250;
}
.theme-resources .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #008250;
}
.theme-resources .story-card .stats .item.highlight {
  color: #008250;
}
.theme-resources .story-card a.favs {
  color: #008250;
}
.theme-resources .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #008250;
}
.theme-resources .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #008250;
}
.theme-resources #stories-list #filters-container #collapse-filters-link {
  background: #008250;
}
@media (min-width: 992px) {
  .theme-resources #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-resources .filters .filter {
  background: #008250;
}

.background-color-resources {
  background-color: #008250 !important;
}

.left-menu-background-hover-resources:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #008250 70%, white 100%) !important;
  background: linear-gradient(to right, #008250 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-resources:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-resources:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-resources {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(0, 130, 80, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(0, 130, 80, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(0, 130, 80, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(0, 130, 80, 0.25);
  }
}
@-webkit-keyframes audio1-resources {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(0, 130, 80, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(0, 130, 80, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(0, 130, 80, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(0, 130, 80, 0.25);
  }
}
@keyframes audio2-resources {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(0, 130, 80, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(0, 130, 80, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(0, 130, 80, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(0, 130, 80, 0.45);
  }
}
@-webkit-keyframes audio2-resources {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(0, 130, 80, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(0, 130, 80, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(0, 130, 80, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(0, 130, 80, 0.45);
  }
}
.theme-le-covid-19-explique-aux-enfants #header-sticky {
  background: #FF0064;
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #header-sticky #header {
  background: #FF0064;
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #header-sticky #header .subtitle {
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #header-sticky #header .home-link {
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #header-sticky #header .navigation-link {
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #header-sticky #header .menu-trigger, .theme-le-covid-19-explique-aux-enfants #header-sticky #header #search-trigger {
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #header-sticky #header .menu-trigger:hover, .theme-le-covid-19-explique-aux-enfants #header-sticky #header #search-trigger:hover {
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #header-sticky a:not(.noOutline):focus {
  outline: 2px dotted white;
}
.theme-le-covid-19-explique-aux-enfants #breadcrumb a:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #document .idocXNote, .theme-le-covid-19-explique-aux-enfants #document .source, .theme-le-covid-19-explique-aux-enfants #document .dropcap {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #document .objSound {
  background-color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #document .objSound.playing::before {
  -webkit-animation: audio1-le-covid-19-explique-aux-enfants 1.5s infinite ease-in-out;
  animation: audio1-le-covid-19-explique-aux-enfants 1.5s infinite ease-in-out;
}
.theme-le-covid-19-explique-aux-enfants #document .objSound.playing::after {
  -webkit-animation: audio2-le-covid-19-explique-aux-enfants 2.2s infinite ease-in-out;
  animation: audio2-le-covid-19-explique-aux-enfants 2.2s infinite ease-in-out;
}
.theme-le-covid-19-explique-aux-enfants #document .decouvrir .card-header {
  border-bottom: 2px solid #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #document .jouer .card-header {
  border-bottom: 2px solid #FF0064;
  border-top: 2px solid #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #navigation .btn-ieuh:hover, .theme-le-covid-19-explique-aux-enfants #navigation #register.register form[name="registration_form"] .btn-secondary:hover, #register.register form[name="registration_form"] .theme-le-covid-19-explique-aux-enfants #navigation .btn-secondary:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #navigation #navigation-collapser:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #navigation .nav-link:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #navigation .nav-link.active {
  color: #ff3383;
}
.theme-le-covid-19-explique-aux-enfants #navigation #collapse-toolbox .tool:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #navigation .document .main .nav-select2 .select2-selection:hover, .theme-le-covid-19-explique-aux-enfants #navigation .document .main .nav-select2 .select2-selection:focus {
  outline: none;
  border: 1px solid #FF0064 !important;
}
.theme-le-covid-19-explique-aux-enfants #comments-container .comment .separator {
  background: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants.badge-ieuh {
  background: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #redo-game:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #teachersheets a:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #printable-activities a:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #left-menu .menu-head {
  background: #FF0064;
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #left-menu .menu-head .home-link h1 {
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #left-menu .menu-head .menu-trigger {
  color: white;
}
.theme-le-covid-19-explique-aux-enfants #left-menu .menu-body .navigation-link.active {
  background: -webkit-linear-gradient(to right, #FF0064 70%, white 100%);
  background: linear-gradient(to right, #FF0064 70%, white 100%);
  color: white;
  font-weight: bold;
}
.theme-le-covid-19-explique-aux-enfants #left-menu .menu-body .navigation-link.active i, .theme-le-covid-19-explique-aux-enfants #left-menu .menu-body .navigation-link.active svg {
  color: white;
  fill: white;
}
.theme-le-covid-19-explique-aux-enfants #bonus-list .theme h2 {
  border-bottom: 1px solid #FF0064;
}
.theme-le-covid-19-explique-aux-enfants .resources-list div.level h2 {
  border-bottom: 2px solid #FF0064;
}
.theme-le-covid-19-explique-aux-enfants .resources-list div.level ul li.content a:hover i.fa-file-pdf {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants .resources-list div.level ul li.content i:hover {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants .story-card .story-card-title-desc-container .title.highlight {
  border-bottom: 1px solid #FF0064;
}
.theme-le-covid-19-explique-aux-enfants .story-card .stats .item.highlight {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants .story-card a.favs {
  color: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants .select2-container--default .select2-results__option[aria-selected=false].select2-results__option--highlighted {
  background: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants .select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #FF0064;
}
.theme-le-covid-19-explique-aux-enfants #stories-list #filters-container #collapse-filters-link {
  background: #FF0064;
}
@media (min-width: 992px) {
  .theme-le-covid-19-explique-aux-enfants #stories-list #filters-container #collapse-filters-link {
    background: transparent;
  }
}
.theme-le-covid-19-explique-aux-enfants .filters .filter {
  background: #FF0064;
}

.background-color-le-covid-19-explique-aux-enfants {
  background-color: #FF0064 !important;
}

.left-menu-background-hover-le-covid-19-explique-aux-enfants:not(.login-needed):hover {
  background: -webkit-linear-gradient(to right, #FF0064 70%, white 100%) !important;
  background: linear-gradient(to right, #FF0064 70%, white 100%) !important;
  color: white !important;
  font-weight: bold;
}
.left-menu-background-hover-le-covid-19-explique-aux-enfants:not(.login-needed):hover i {
  color: white !important;
}
.left-menu-background-hover-le-covid-19-explique-aux-enfants:not(.login-needed):hover svg {
  fill: white !important;
}

@keyframes audio1-le-covid-19-explique-aux-enfants {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 0, 100, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 0, 100, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 0, 100, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 0, 100, 0.25);
  }
}
@-webkit-keyframes audio1-le-covid-19-explique-aux-enfants {
  0%,
    100% {
    box-shadow: 0 0 0 0.4em rgba(255, 0, 100, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 0, 100, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 0, 100, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 0, 100, 0.25);
  }
}
@keyframes audio2-le-covid-19-explique-aux-enfants {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 0, 100, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 0, 100, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 0, 100, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 0, 100, 0.45);
  }
}
@-webkit-keyframes audio2-le-covid-19-explique-aux-enfants {
  0%,
    100% {
    box-shadow: 0 0 0 0.25em rgba(255, 0, 100, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 0, 100, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 0, 100, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 0, 100, 0.45);
  }
}
#newsletters a.news {
  color: initial;
}

body._partner #header-sticky #header .subtitle {
  display: block;
  margin-left: 0;
  margin-right: 0;
}
body._partner #contentRootWrapper #mainContainer {
  padding-top: 170px;
}
body._partner #contentRootWrapper #mainContainer #breadcrumb {
  display: none;
}
@media (min-width: 576px) {
  body._partner #contentRootWrapper #mainContainer {
    padding-top: 170px;
  }
}
@media (min-width: 768px) {
  body._partner #contentRootWrapper #mainContainer {
    padding-top: 146px;
  }
}
@media (min-width: 992px) {
  body._partner #contentRootWrapper #mainContainer {
    padding-top: 146px;
  }
}
@media (min-width: 1200px) {
  body._partner #contentRootWrapper #mainContainer {
    padding-top: 146px;
  }
}
body._partner #breadcrumb {
  margin: 0;
  padding: 0.5rem;
  border-bottom: none;
}
body._partner #left-menu .subtitle {
  display: none;
}
body._partner.home #breadcrumb {
  display: flex;
  align-items: center;
  padding-top: .25rem;
}
body._partner.home #contentRootWrapper #mainContainer {
  padding-top: 0;
}
@media (min-width: 768px) {
  body._partner.home .themes-container {
    padding: 3rem;
  }
}
body._partner.isScrolled #header-sticky #header .subtitle {
  display: none;
}
body._partner.noHeader #contentRootWrapper #mainContainer {
  padding-top: 25px;
}
body._partner.noHeader #contentRootWrapper #mainContainer #breadcrumb {
  display: flex;
}
@media (min-width: 1200px) {
  body._partner .partner-menu-trigger {
    margin-right: .5rem;
  }
}
body._partner .partner-menu-trigger i {
  font-size: 1.1rem !important;
}
@media (min-width: 1200px) {
  body._partner .partner-menu-trigger i {
    font-size: 1.9rem !important;
  }
}
body._partner #partner-breadcrumb-container a {
  color: white;
}

/*# sourceMappingURL=styles.css.map */