/* h5P.css - MAJ le 13 janvier 2025 */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');


html.h5p-iframe, html.h5p-iframe > body {
  -webkit-text-size-adjust:100%; /* pour le bug des grosses fonts d'IOS */
  -ms-text-size-adjust:100%;
}

.h5p-content {
	font-family: 'Nunito', sans-serif;
    font-size: 1.1em !important;
    /* background: transparent !important;
    border: 0px !important; */
}

/* .h5p-container.h5p-standalone {
    background: #fefefe;
    border: 1px solid #eee;
}
*/

.h5p-embed-dialog .h5p-embed-code-container, .h5p-embed-size {
    white-space: pre-line;
    line-height: 1.3em;
    height: auto;
}

.h5p-embed-dialog .h5p-embed-code-container:focus {
  height: auto;
}

/* li.h5p-button.h5p-noselect.h5p-embed {
    display: none;
}
*/

/* tabs */


.h5p-container.h5p-standalone.h5p-tabs.tab-placement-top, .h5p-container.h5p-standalone.h5p-tabs.tab-placement-dynamic {
    border: 0px !important;
    background-color: transparent;
}

.h5p-content:has(> .h5p-tabs){
    background: transparent !important;
}

.h5p-container.h5p-standalone.h5p-tabs.tab-placement-left {
    background: var(--color-background), #fff;
    border: 0px !important;
}

.h5p-tabs .h5p-tabs-container .h5p-tabs-content {
    background: #fff;
}

.h5p-tabs-tab-content.h5p-column > div {
    margin: 1em 0 2em 0;
}

.h5p-tabs-tab-content .h5p-image-slide-image-holder.h5p-image {
    width: 100% !important;
}


/* others */

.h5p-container.h5p-standalone.h5p-fullscreen {
    border: 0px;
}

.h5p-print-dialog {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
}

.h5p-progressbar-popup, .h5p-course-presentation .h5p-footer .h5p-footer-slide-count-max, .h5p-course-presentation .h5p-footer .h5p-footer-slide-count-current {
    font-family: Sans-serif;
}

.h5p-course-presentation .h5p-presentation-wrapper {
    font-family: inherit;
}

.h5p-course-presentation .h5p-element .h5p-element-inner:not(.h5p-interactive-video) {
    overflow-y: hidden;
}

.h5p-ser-content {
  margin: 1em 1em 1.5em 1em;
}

.h5p-question-feedback-content-text {
    font-family: 'Nunito';
    font-weight: 600;
}


/* tableaux en pleine largeur */

.h5p-question-content table {
    width: 100%;
}

/* styler les HR */

hr {
    overflow: hidden;
    border: 0px;
    height: 8px;
    width: 60%;
    margin: 1.5em auto;
}

hr:after {
    content: '';
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 65%/12px;
    box-shadow: 0 0 8px rgb(0 0 0 / 70%);
}

/* Address style = quote */


address {
    display: inline-block;
    color: inherit;
    font-style: inherit;
    margin: 1em;
    color: #939393;
}

.h5p-course-presentation address {
    margin: 0em 1em 1em 1em;
}

address:before {
    font-family: 'H5PFontAwesome4';
    content: '\f005';
    padding-right: 0.5em;
    font-weight: lighter;
    font-style: initial;
    font-size: 1.5em;
    color: #e74c3c;

}

/* centrer les frames */

.h5p-iframe-wrapper {
    margin: auto;
}

/* joubel-ui.css - font sur les boutons bleus et la barre de score - OK */

.h5p-joubelui-score-numeric {
    font-size: 1.1em; /* réduire taille du score */
    line-height: 0.8;
}

/* flashcards : cacher les réponses */

.h5p-container.h5p-standalone.h5p-flashcards {
    background: #27344e;
}

.h5p-flashcards .h5p-results-answer {
    display: none;
}

.h5p-flashcards .h5p-solution > .solution-text {
    display: none;
}

.h5p-flashcards .h5p-solution > .solution-icon {
    top: 50%; /* centrer l'icone de solution */
}

/* guess the answer */

.h5p-guess-answer .solution-text {
    padding: 1em 0;
    color: #000000;
    font-weight: 600;
    font-size: 1.1em;
    background: #efefef;
    border-radius: 0.5em;
}

.h5p-guess-answer .show-solution-button {
    font-family: inherit;
    line-height: 1.25em;
    font-size: 1.1em;
    background-color: var(--color-base, #1a73d9);
    color: #fff;
}

/* joubel-speech-bubble.css - indices affichés dans les exos - OK */

.joubel-speech-bubble-inner {
    background: #606060 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0.4em 1em !important;
    line-height: 1.4em !important;
    font-size: inherit !important;
    z-index: 1 !important;
    color: #fff !important;
    text-align:justify;
}
.joubel-speech-bubble-tail {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.joubel-speech-bubble-inner-tail, .joubel-speech-bubble-tail {
   background: #606060 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
    box-shadow: none;
}

/* Tip icon */

.joubel-icon-tip-normal .h5p-icon-shadow:before {
    color: rgba(0, 0, 0, 0); /* pas d'ombre à l'icône indice */
}

.h5p-tabs .joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: var(--color-base, #3580c3);
}

.h5p-tabs .joubel-tip-container:hover .joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: var(--color-tab-background-active-hover, rgb(72, 155, 213));
}

.h5p-tabs .joubel-tip-container:active .joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: var(--color-tab-background-active, rgb(72, 155, 213));
}

.joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: var(--color-base-85, #3580c3);
}

.joubel-tip-container:hover .joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: var(--color-base-75, rgb(72, 155, 213));
}

.joubel-tip-container:active .joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: var(--color-base-85, rgb(72, 155, 213));
}

.h5p-wrong .joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: #b71c1c;
}

.h5p-correct .joubel-icon-tip-normal .h5p-icon-speech-bubble:before {
    color: #255d41;
}

.joubel-tip-container:hover:before {
  display: none;
}

/* TOOLTIP */


.h5p-tooltip {
    font-size: 0.8rem;
    background: #393737;
    border-radius: 1em;
    cursor: default;
}

/* Boutons H5P */

.h5p-question-buttons .h5p-joubelui-button,
.h5p-question-buttons .h5p-joubelui-button:first-child:last-child {
  font-family: 'Nunito';
  letter-spacing: 1px;
  white-space: nowrap;
}

.h5peditor .ui-dialog .h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5p-joubelui-button {
  font-family: 'Nunito';
  letter-spacing: 1px;
  color: #fff;
}

.h5peditor .ui-dialog .h5p-joubelui-button:hover, .h5peditor .ui-dialog .h5p-joubelui-button:focus, .h5p-joubelui-button:hover, .h5p-joubelui-button:focus {
    color: #fff;
}

/* Image pairing : agrandissement des images et icone dans la consigne */


.h5p-image-pair-desc {
    color: var(--color-base, #1a73d9);
    font-family: inherit;
    font-weight: 600;
}

.h5p-image-pair-desc:before {
    font-family: 'H5PFontAwesome4';
    content: '\f04b'; /* play */
    padding-right: 0.5em;
    font-weight: lighter;
}

.h5p-image-pair-item {
    width: 9.625em;
    height: 9.625em;
}

.h5p-image-pair-item .image-container {
    width: 9.625em;
    height: 9.625em;
}

.h5p-image-pair-images-paired .card-paired {
    width: 8.313em;
    height: 8.313em;
    top: -7.187em;
    left: 1.5em;
}

.h5p-image-pair-images-paired .pairing-mark {
    border-radius: 0.8em;
    box-sizing: border-box;
    font-size: 0.75em;
    position: absolute;
    left: 74%;
    top: 12%;
    width: 1.7em;
    height: 1.7em;
    z-index: 2;
    color: #FFFFFF;
    padding-left: 3px;
    line-height: 1.7em;
}

.h5p-image-pair .feedback-container ~ button.h5p-joubelui-button:last-child 
{
    display: none;
}

.h5p-image-pair .feedback-text {
    font-weight: 600;
}


/* Image sequencing */

.h5p-image-sequencing .h5p-task-description {
    color: var(--color-base, #1a73d9);
    font-family: inherit;
    font-weight: 600;
}

.h5p-image-sequencing .h5p-task-description:before {
    font-family: 'H5PFontAwesome4';
    content: '\f04b'; /* play */
    padding-right: 0.5em;
    font-weight: lighter;
}

.h5p-image-sequencing .feedback-element {
     display: block;
    color: #1a73d9;
    font-weight: bold;
    margin-bottom: 0.8em;
    font-weight: bold;
}

/* Matching type content */

h3.h5p-matching-title {
    font-size: inherit;
    color: var(--color-base, #1a73d9);
    font-weight:  600;
    line-height: 1em;
}

h3.h5p-matching-title:before {
    font-family: 'H5PFontAwesome4';
    content: '\f044'; /* edit */
    padding-right: 0.5em;
    font-weight: lighter;
}

.h5p-matching.h5p-matching-image .h5p-choice-lists {
    max-width: 99%;
}

.h5p-matching.h5p-matching-text .h5p-choice-lists {
    margin: 1.5em 1em;
}

.h5p-matching .h5p-choice .h5p-puzzle {
    top: -.043em;
    width: 0.52em;
}

.h5p-matching .h5p-image-choice, .h5p-matching .h5p-text-choice, .h5p-matching .h5p-choice .h5p-puzzle {
    height: 4.5em;
}

.h5p-matching .h5p-image-choice {
    width: 95%;
    padding-right: 1.8em;
}


/* Summary.css - OK */

.h5p-summary .summary-content li {
  color: inherit; /* Contents inherits the body color font */
}
.h5p-summary .summary-evaluation-content {
    font-size: 1em !important; /* me */
}
.h5p-summary .summary-content {
    margin: 1em 0em !important;
}

.h5p-summary .summary-container li, .h5p-summary .summary-options li {
  padding: 0.4em 0.9em;
}

.h5p-summary .summary-options li {
   background-color: #e4e4e4;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow:none;
}

.h5p-summary li.summary-failed > p, .h5p-summary li.summary-failed {
    font-weight: 400;
    color: #b71c1c;
    border: none;
    background: #ffd7cf;
}
.h5p-summary .summary-score {
    font-weight: inherit;
    background: #ffd7cf;
    color: #b71c1c;
    padding: 0.5em;
}
.h5p-summary .summary-progress-numeric {
    font-weight: inherit;
    background: #c7f3c8;
    color: #255c41;
    padding: 0.5em;
}

/* h5p-accordion.css - cosmetics adjustments - OK */

.h5p-accordion .h5p-panel-button:before {
    color: var(--color-base, #1a73d9); /* couleur des icônes flèches du titre */
}

.h5p-accordion .h5p-panel-title {
  color: inherit !important; /* Accordion's title inherits the body color font */
  outline: none !important; /* prevents outline */
  font-size: 1.1em !important; /* taille du titre de l'accordéon */
  font-weight: 600;
  }

.h5p-accordion .h5p-panel-button:hover, .h5p-accordion .h5p-panel-button:focus {
    color: var(--color-base, #1a73d9) !important; /* couleur du titre en hover */
}

.h5p-panel-title.h5p-panel-expanded button {
    color: var(--color-base, #1a73d9) !important; /* couleur du titre sélectionné */
}

.h5p-accordion .h5p-panel-content {
  line-height: 1.5em;
}

.h5p-accordion a:link, .h5p-accordion a:visited {
    text-decoration: none;
    color: var(--color-base, #1a73d9);  /* couleur des liens */
}
.h5p-accordion a:hover {
    text-decoration: none;
    color: #111;  /* couleur des liens en survol */
}

.h5p-accordion .h5p-panel-content.h5p-advanced-text ul li {
    margin: 0 0 0.7em 3em;
}

/* chart.css - OK */

.h5p-standalone.h5p-chart .h5p-chart-chart {
  padding: 1.5em 0 !important;  /* augmente l'espace entre le camembert et le cadre blanc */
}

.h5p-chart-chart.h5p-chart-bar {
    max-width: 95%;
    margin: auto;
}

/* documentation-tool.css */

.h5p-documentation-tool {
  font-size: 18px !important; /* taille de la police */
}
.h5p-documentation-tool .h5p-documentation-tool-page-container {
  max-width: none !important; /* pas de largeur bloquée */
  color: inherit !important; /* hérite de la couleur du body */
}

.h5p-documentation-tool-page .page-title {
    font-size: 1.5em;
    font-weight: 700;
}

.h5p-documentation-tool-nav-button.next:before, .h5p-documentation-tool-nav-button:before {
    color: #fff;
}


/* singlechoice-set.css - OK */

.h5p-sc-question {
    font-size: inherit;
}

.h5p-sc-question p:first-child {
    color: var(--color-base, #1a73d9);
    font-family: 'Nunito', Sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight:  600;
}

.h5p-sc-question p:first-child:before {
    font-family: 'H5PFontAwesome4';
    content: '\f044'; /* edit */
    padding-right: 0.5em;
    font-weight: lighter;
}

ul.h5p-sc-alternatives li.h5p-sc-alternative {
    background: #e4e4e4;
  -webkit-box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.18);;
  -moz-box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.18);;
    box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.18);
}

ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative:hover, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative:active, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative:focus, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong:hover, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong:active, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong:focus {
    background: #e4e4e4;
}

ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong.h5p-sc-selected, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong.h5p-sc-selected:hover, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong.h5p-sc-selected:active, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-wrong.h5p-sc-selected:focus, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-is-wrong.h5p-sc-selected.h5p-sc-reveal-wrong .h5p-sc-progressbar {
    background: #ffd7cf !important;
    color: #b71c1c;
}

ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:hover, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:active, ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:focus {
    background: #c7f3c8 !important;
    color: #255c41;
}

ul.h5p-sc-alternatives li.h5p-sc-alternative.h5p-sc-is-correct.h5p-sc-selected.h5p-sc-reveal-correct .h5p-sc-progressbar {
    background: #c7f3c8;
    color: #255c41;
}

li.h5p-sc-alternative .h5p-sc-progressbar {
  background: #ddd;
}

.h5p-sc-solution-question {
    font-weight: 400;
}

dt.h5p-sc-solution-question h2, dt.h5p-sc-solution-question h3, dt.h5p-sc-solution-question h4, dt.h5p-sc-solution-question h5, dt.h5p-sc-solution-question h6 {
    font-size: inherit;
    margin: inherit;
    padding: inherit;
    font-weight: 400;
}

.h5p-single-choice-set .h5p-sc-solution-view .h5p-sc-close-solution-view {
    color: var(--color-base,#1a73d9);
}

/* vrai-faux */


.h5p-question.h5p-true-false .h5p-question-introduction p:first-child {
    color: var(--color-base, #1a73d9);
    font-family: 'Nunito', Sans-serif;
    font-size: 1.05em;
    line-height: 1.4em;
    font-weight:  600;
}

.h5p-question.h5p-true-false .h5p-question-introduction p:first-child:before{
    font-family: 'H5PFontAwesome4';
    content: '\f02d'; /* book */
    padding-right: 0.5em;
    font-weight: lighter;
}

.h5p-question.h5p-true-false .h5p-question-visible .h5p-question-feedback-content.has-content {
    display: block;
    margin-bottom: 1.5em;
    padding: 1em;
    background: #efefef;
    color: #222123;
    border-radius: 0.5em;
    font-size: 1.05em;
}

.h5p-question.h5p-true-false .h5p-question-visible .h5p-question-feedback-content.has-content .h5p-question-feedback-content-text {
    font-weight: 500;
}

.h5p-tabs .h5p-true-false-answer[aria-checked=true]{
  background: var(--color-tab-background,#d3ebfb);
  border-color: var(--color-base,#6b9fde);
}

.h5p-true-false-answer[aria-checked=true]{
  background: var(--color-base-10,#d3ebfb);
  border-color: var(--color-base,#6b9fde);
}

.h5p-true-false-answer[aria-checked=true].correct {
    border-color: #239059;
    background: none;
}

.h5p-true-false-answer[aria-checked=true].wrong {
    border-color: #dd2e2e;
    background: none;
}

.h5p-tabs .h5p-true-false-answer:hover{
  background: var(--color-tab-background-hover,#d3ebfb);
  border-color: var(--color-base,#6b9fde);
}

.h5p-true-false-answer:hover {
  border-color: var(--color-base-75,#8cb9f0);
  background-color: var(--color-base-10,#1a73d917);
}

.h5p-tabs .h5p-true-false-answer:focus {
  box-shadow: 0px 0px 5px 2px var(--color-tab-background-hover,#5094e7);
}
.h5p-tabs .h5p-true-false-answer:active {
  border-color: var(--color-tab-override-shadow-light,#8cb9f0);
}

.h5p-true-false-answer:focus {
  box-shadow: 0px 0px 5px 2px var(--color-base-20,#5094e7);
}
.h5p-true-false-answer:active {
  border-color: var(--color-base-80,#8cb9f0);
}

/* multichoice.css - OK */

.h5p-multichoice .h5p-answer {
    font-size: 1.05em;
}

.h5p-multichoice .h5p-feedback-dialog {
  margin-top: 0.2em !important; /* me */
}

.h5p-multichoice .h5p-feedback-text {
    overflow-y: hidden;
}


.h5p-multichoice .h5p-answer .h5p-feedback-inner, .h5p-multichoice .h5p-answer.h5p-selected .h5p-feedback-inner {
    border-top: 1px solid #cee0f4 !important;
    background: #03a9f40d !important;
    color: #086792 !important;
}

.h5p-multichoice .h5p-alternative-container {
    background: #e4e4e4;
    -webkit-box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.18);
}

.h5p-multichoice .h5p-answer[role="radio"][aria-checked="true"] .h5p-alternative-container:before {
    color: var(--color-contrast);
}

.h5p-multichoice .h5p-answer .h5p-alternative-container:hover::before {
    color: var(--color-contrast);
}

.h5p-multichoice .h5p-answer[aria-checked="true"] .h5p-alternative-container {
	border: 2px solid transparent;
	background: var(--color-base-10, #d7eaff);
	    color: var(--color-contrast);
    -webkit-box-shadow: 0 0.1em 0 transparent;
    -moz-box-shadow: 0 0.1em 0 transparent;
    box-shadow: 0 0.1em 0 transparent;
}

.h5p-multichoice .h5p-answer[aria-checked="true"]:not(.h5p-wrong):not(.h5p-correct):not([aria-disabled="true"]):hover .h5p-alternative-container {
    background: var(--color-base-10,#d7eaff);
        color: var(--color-contrast);
    -webkit-box-shadow: 0 0.1em 0 transparent;
    -moz-box-shadow: 0 0.1em 0 transparent;
    box-shadow: 0 0.1em 0 transparent;
}

.h5p-multichoice .h5p-answer:not([aria-disabled="true"]):focus .h5p-alternative-container {
    outline-width: 0px;
    -webkit-box-shadow: 0 0.1em 0 transparent;
    -moz-box-shadow: 0 0.1em 0 transparent;
    box-shadow: 0 0.1em 0 transparent;
}

.h5p-multichoice .h5p-answer:not([aria-disabled="true"]):hover .h5p-alternative-container {
    outline-width: 0px;
    background-color: var(--color-base-10, #d7eaff);
    color: var(--color-contrast);
    -webkit-box-shadow: 0 0.1em 0 transparent;
      -moz-box-shadow: 0 0.1em 0 transparent;
    box-shadow: 0 0.1em 0 transparent;
}

.h5p-multichoice .h5p-answer.h5p-wrong .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-wrong:hover .h5p-alternative-container {
    background: #ffd7cf;
    border-color: #ffd7cf;
    -webkit-box-shadow: 0 0.1em 0 transparent;
    -moz-box-shadow: 0 0.1em 0 transparent;
    box-shadow: 0 0.1em 0 transparent;
}

.h5p-multichoice .h5p-answer.h5p-correct .h5p-alternative-container, .h5p-multichoice .h5p-answer.h5p-correct:hover .h5p-alternative-container {
    background: #c7f3c8;
    border-color: #c7f3c8;
    -webkit-box-shadow: 0 0.1em 0 transparent;
    -moz-box-shadow: 0 0.1em 0 transparent;
    box-shadow: 0 0.1em 0 transparent;
}

li.h5p-answer.h5p-should .h5p-alternative-container {
    background-color: #c7f3c8;
}



/* mark-the-words */

.h5p-mark-the-words .h5p-word-inner p {
    font-size: 1.05em;
}


.h5p-mark-the-words .h5p-word-inner p strong {
    color: #8b9aad; /* color pour faire ressortir les mots entre lesquels il faut choisir */
}

.h5p-mark-the-words [role="option"] {
    border-radius: 1em;
    padding: 0.2em 0.3em;
}

.h5p-mark-the-words .h5p-word-selectable-words:not(.h5p-disable-hover) [role="option"]:hover {
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--color-base-20, #d7eaff);
    -moz-box-shadow: inset 0px 0px 0px 2px var(--color-base-20, #d7eaff);
    box-shadow: inset 0px 0px 0px 2px var(--color-base-20, #d7eaff);
    padding: 0.2em 0.3em;
}

.h5p-mark-the-words [aria-selected="true"] {
    background: var(--color-base-20, #d7eaff);
    color: var(--color-base, #0571c7);
    padding: 0.2em 0.3em;
}

.h5p-mark-the-words [aria-describedby="h5p-description-incorrect"] {
    background-color: #ffd7cf;
    color: #b71c1c !important;
}

.h5p-mark-the-words [aria-describedby="h5p-description-correct"] {
    background-color: #c7f3c8;
    color: #255c41;
}

.h5p-mark-the-words [aria-describedby="h5p-description-missed"] {
    color: #389d6b;
    font-weight: 500;
    border: 1px #389d6b dashed;
    background-color: #fff;
    padding: 0.15em 0.5em;
    border-radius: 1em;
}


/* question.css - OK */

.h5p-question-image.h5p-question-image-fill-width {
    margin: 1em;
}

.h5p-question-image.animatable.h5p-question-image-fill-width
{
    margin: 0 0 1em;
}


.h5p-question-introduction {
  font-size: 1.1em !important;
  margin: 1.5em 1em; 
  line-height: 1.4em;
}

.h5p-question-introduction h2, .summary-evaluation-content h2, .h5p-sc-question h2 {
    color: var(--color-base, #1a73d9);
    font-family: 'Nunito', Sans-serif;
    font-size: 1.05em;
    line-height: 1.4em;
    font-weight:  600;
    padding: 0;
    margin: 1em 0;
}
.h5p-question-introduction h2:before, .summary-evaluation-content h2:before, .h5p-sc-question h2:before {
    font-family: 'H5PFontAwesome4';
    content: '\F0e7'; /* lightning bolt */
    padding-right: 0.5em;
    font-weight: lighter;
}
.h5p-question-introduction h3, .summary-evaluation-content h3, .h5p-sc-question h3 {
    color: var(--color-base, #1a73d9);
    font-family: 'Nunito', Sans-serif;
    font-size: 1.05em;
    line-height: 1.4em;
    font-weight:  600;
    padding: 0;
    margin: 1em 0;
}
.h5p-question-introduction h3:before, .summary-evaluation-content h3:before, .h5p-sc-question h3:before {
    font-family: 'H5PFontAwesome4';
    content: '\f061'; /* arrow */
    padding-right: 0.5em;
    font-weight: lighter;
}
.h5p-question-introduction h4, .summary-evaluation-content h4, .h5p-sc-question h4 {
    color: var(--color-base, #1a73d9);
    font-family: 'Nunito', Sans-serif;
    font-size: 1.05em;
    line-height: 1.4em;
    font-weight:  600;
    padding: 0;
    margin: 1em 0;
}
.h5p-question-introduction h4:before, .summary-evaluation-content h4:before, .h5p-sc-question h4:before {
    font-family: 'H5PFontAwesome4';
    content: '\f02e'; /* bookmark */
    padding-right: 0.5em;
    font-weight: lighter;
}
.h5p-question-introduction h5, .summary-evaluation-content h5, .h5p-sc-question h5 {
    color: var(--color-base, #1a73d9);
    font-family: 'Nunito', Sans-serif;
    font-size: 1.05em;
    line-height: 1.4em;
    font-weight:  600;
    padding: 0;
    margin: 1em 0;
}
.h5p-question-introduction h5:before, .summary-evaluation-content h5:before, .h5p-sc-question h5:before {
    font-family: 'H5PFontAwesome4';
    content: '\f124'; /* arrow select */
    padding-right: 0.5em;
    font-weight: lighter;
}
.h5p-question-introduction h6, .summary-evaluation-content h6, .h5p-sc-question h6 {
    color: var(--color-base, #1a73d9);
    font-family: 'Nunito', Sans-serif;
    font-size: 1.05em;
    line-height: 1.4em;
    font-weight:  600;
    padding: 0;
    margin: 1em 0;
}
.h5p-question-introduction h6:before, .summary-evaluation-content h6:before, .h5p-sc-question h6:before {
    font-family: 'H5PFontAwesome4';
    content: '\f0a4'; /* hand pointing finger */
    padding-right: 0.5em;
    font-weight: lighter;
}


/* dragquestion.css Drag and drop - OK */

.h5p-dragquestion p.h5p-dragquestion-introduction {
    color: var(--color-base, #1a73d9);
   font-family: 'Nunito', Sans-serif;
   font-size: 1em;
   font-weight: 600;
}

.h5p-dragquestion p.h5p-dragquestion-introduction:before {
    font-family: 'H5PFontAwesome4';
    content: '\f245'; /* pointer */
    padding-right: 0.5em;
    font-weight: lighter;
}

.h5p-dragquestion .h5p-dropzone.h5p-has-label .h5p-label {
    line-height: 2em;
}
.h5p-dragquestion .h5p-dropzone.h5p-has-label .h5p-label p {
    line-height: inherit;
    margin: inherit;
    font-size: 0.9em;
}

.h5p-dq-dz-label p {
    margin: 0px !important;
}

.h5p-label strong {
    font-weight: 600;
}

.h5p-dragquestion .h5p-draggable {
    /* border-radius: 1em;*/
    background: #e6e6e6;
    text-align: center;
    /* font-size: 0.95em; */
    /* padding: 0.2em 0.5em; */
    box-shadow: none;
    -webkit-box-shadow:none;
    border: 0px;
}

.h5p-dragquestion .h5p-draggable p {
    line-height: 0.9em;
}

.h5p-dragquestion .h5p-dq-highlight-dz .h5p-dropzone > .h5p-inner.h5p-active,
.h5p-dragquestion .h5p-dq-highlight-dz-always .h5p-dropzone > .h5p-inner {
  border: 1px dashed var(--color-base, #2196F3);
}

.h5p-dragquestion .h5p-draggable:not(.ui-state-disabled).h5p-draggable-hover:not(.h5p-correct):not(.h5p-wrong) {
   background-color: var(--color-base-20, #d7eaff);
   color: var(--color-base, #1a73d9);
   box-shadow: none;
   -webkit-box-shadow:none;
   border:0px;
 }

.h5p-dragquestion .h5p-draggable.ui-draggable-dragging {
  opacity: 0.7;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.h5p-dragquestion .h5p-dropzone > .h5p-inner.h5p-over {
  background: var(--color-base-5, #d7eaff);
}

.h5p-dragquestion .h5p-draggable.h5p-dropped {
    color: var(--color-contrast, #0571c7);
    background: var(--color-base-20, #d7eaff);
    border:0px;
    -webkit-box-shadow:none;
    box-shadow: none;
}

.h5p-dragquestion .h5p-dropped.h5p-correct, .h5p-dragquestion .h5p-dropzone.h5p-correct-answer {
    background: #c7f3c8;
    color: #255c41;
}

.h5p-dragquestion .h5p-dropped.h5p-wrong {
    background: #ffd7cf;
    color: #b71c1c;
}

.h5p-question-explanation-correct {
    color: #389d6b;
}

.h5p-question-explanation-wrong {
    color: #ee4446;
}


/* dialogcards.css - OK */

.h5p-dialogcards .h5p-dialogcards-card-content {
    padding: 0 0 1em 0;
}

.h5p-dialogcards .h5p-dialogcards-card-text-inner {
    padding: 0.5em 1em;
}

.h5p-dialogcards .h5p-dialogcards-card-text-inner-content {
	top: 35%;
    padding: 0 2em;
}

.h5p-dialogcards .h5p-dialogcards-card-footer {
    justify-content: space-around;
}

.h5p-dialogcards .h5p-dialogcards-card-text-area p {
    font-size: 1em;
}

.h5p-dialogcards .h5p-dialogcards-card-text-area u {
    text-decoration: none;
    color: #ffffff;
    border-bottom: 1px solid #ddd;
    background-color: #2e3339;
    display: inline-block;
    padding: 0 0.5em;
    border-radius: 1em;
}

.h5p-dialogcards .h5p-dialogcards-description {
    margin: 0 auto 1em auto !important;
    overflow: hidden;
    line-height: normal;
    padding: 1em 1em 0 1em;
    max-width: 45em;
    position: relative;
    color: gray;
    font-size: 0.7em;
}

.h5p-dialogcards-turn, .h5p-dialogcards-show-summary, .h5p-dialogcards-button-restart, .h5p-dialogcards-button-next-round {
    background: #353638;
}

.h5p-dialogcards-turn:hover, .h5p-dialogcards-show-summary:hover, .h5p-dialogcards-button-restart:hover, .h5p-dialogcards-button-next-round:hover, .h5p-dialogcards-turn:focus, .h5p-dialogcards-show-summary:focus, .h5p-dialogcards-button-restart:focus, .h5p-dialogcards-button-next-round:focus {
  background: #252424;
}

.h5p-dialogcards-turn:active, .h5p-dialogcards-show-summary:active, .h5p-dialogcards-button-restart:active, .h5p-dialogcards-button-next-round:active {
  background: #252424;
  -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.h5p-dialogcards .h5p-dialogcards-title h3 {
    color: var(--color-base, #1a73d9);
}

.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-message {
    font-size: 1.1em;
    font-weight: 600;
    color: var(--color-base, #1a73d9);
}

.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-container {
    margin-bottom: 1.5em;
}

.h5p-dialogcards-summary-screen .h5p-dialogcards-summary-footer {
    margin-top: 1em;
}


/* questionset.css - sizes of the font - OK*/

.intro-page .title > h1 {
  margin-top: 1em !important;
}
.intro-page .introduction {
  font-size: 1.1em !important; /*me*/
}
.questionset-results .result-header {
    font-size: 1.4em !important; /*me*/
}
.questionset-results .feedback-section .feedback-text {
    font-size: 1.1em;
}
.questionset-results .result-header, .questionset-results .result-text, .questionset-results .feedback-section .feedback-text {
    font-weight: 600;
    color: var(--color-base, #1a73d9);
}

.qs-progress span.progress-text {
    background: var(--color-base-10, rgba(23, 104, 196, 0.05));
    color: var(--color-base, #1768C4);
    padding: 0.5em 1.5em;
    font-weight: bold;
    display: inline-block;
    margin: 1em auto;
    border-radius: 3em;
}

.qs-progress .dots-container {
    margin: 0.75em 0;
}

.questionset .progress-dot {
    border: 1px solid var(--color-base, #1356a3);
}

.questionset .progress-dot.current {
    background: var(--color-base-80, #285585);
}

.questionset .progress-dot.current:before {
    border-color: var(--color-base, #285585);
}

.questionset .progress-dot.answered {
    border-color: var(--color-base, #73a2d5);
}

/* H5P-drag-text */

.h5p-drag-text .h5p-drag-droppable-words {
    line-height: 2em !important;
}

.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-correct {
   font-weight: 400;
}

.h5p-drag-text .h5p-drag-droppable-words {
    margin-bottom: 1.5em; /* petits écrans : sépare mots étiquettes du texte */
}

.h5p-drag-text [aria-grabbed] {
    border: none;
    background: #e4e4e4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 1em;
    padding: 0.25em 0.6em;
}

.h5p-drag-text [aria-grabbed='true'] {
  opacity: 0.75;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.h5p-drag-text [aria-dropeffect] {
    background-color: var(--color-base-10, #d7eaff);
    padding: 0.18em 1.65em 0.18em 0;
    border-radius: 1em;
}

.h5p-drag-text [aria-grabbed='true'], .h5p-drag-text [aria-grabbed]:not(.ui-state-disabled):hover, .h5p-drag-text [aria-grabbed].h5p-drag-dropped:not(.ui-state-disabled):hover {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: var(--color-base, #0571c7);
  background: var(--color-base-20, #d7eaff);
}

.h5p-drag-text [aria-grabbed].h5p-drag-dropped {
    color: var(--color-contrast, #0571c7);
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: var(--color-base-10, #d7eaff);
    font-size:inherit;
    margin: -0.18em 0 0 0;
    padding: 0.18em 0.825em;
}

.h5p-drag-text [aria-dropeffect].h5p-drag-correct-feedback {
    background: #c7f3c8 !important;
}
.h5p-drag-text [aria-dropeffect].h5p-drag-wrong-feedback {
    background: #ffd7cf !important;
}

.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-wrong {
    border: none;
    color: #b71c1c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    margin: -0.3em 0 0 0;
    padding: 0.2em 0.825em;
}

.h5p-drag-text .h5p-drag-dropped.h5p-drag-draggable-correct {
    border: none;
    color: #255c41;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    margin: -0.3em 0 0 0;
    padding: 0.2em 0.825em;
}

.h5p-drag-text .h5p-drag-show-solution-container.incorrect {
    color: #389d6b;
    font-weight: 500;
    border: 1px #389d6b dashed;
    background-color: #fff;
    padding: 0.25em 0.6em;
    border-radius: 1em;
    white-space: nowrap;
}

/* dictation.css - 0K */

.h5p-dictation .h5p-text-input {
    font-family: 'Nunito',sans-serif;
}

.h5p-dictation .h5p-solution-added, .h5p-dictation .h5p-solution-typo, .h5p-dictation .h5p-solution-wrong, .h5p-dictation .h5p-solution-missing {
    display: none;
}

.h5p-dictation .h5p-text-input {
    border: 1px solid #e7ebf4;
    background: #ecf1f4;
    padding: .4em 1em .4em .5em;
}

.h5p-dictation .h5p-text-input:disabled {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
}

.h5p-dictation .h5p-wrapper-match {
    background: #c7f3c8;
    border: 1px solid #c7f3c8;
    padding: .3em .6em;
}

.h5p-dictation .h5p-wrapper-added, .h5p-dictation .h5p-wrapper-missing, .h5p-dictation .h5p-wrapper-wrong {
    background-color: #ffd7cf;
    border: 1px solid #ffd7cf;
    padding: .3em .6em;
}

.h5p-dictation .h5p-wrapper-typo {
    background-color: #ffe3c7;
    border: 1px solid #ffe3c7;
    padding: .3em .6em;
}

.h5p-dictation .h5p-solution-inner {
    background: #fff;
    border: none;
    padding: .5em 1.25em .5em .5em;
}

.h5p-dictation .h5p-answer-added, .h5p-dictation .h5p-answer-typo, .h5p-dictation .h5p-answer-wrong {
    margin-right: .3em;
}

/* hotspot.css - OK */

button.h5p-image-hotspot:before {
    font-family: H5PFontAwesome4;
    background: #fff;
	border-radius: 1.8em;
    line-height: 0.8em;
}

button.h5p-image-hotspot {
    font-size: 1.3em;
    height: 0.8em;
    width: 0.8em;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    background: transparent;
    animation: pulsate 1.75s ease-out;
    animation-iteration-count: infinite;
}

/*
.h5p-image-hotspot-popup-body > * {
    line-height: 1.3 !important;
    font-size: 0.9em !important;
} */

.h5p-image-hotspot-popup-header {
    font-size: 1.2em; /* agrandissement taille titre */
    font-weight: 600;
}

img.h5p-image-hotspot {
	background: transparent;
    box-shadow: none;
    height: 1.6em;
    width: 1.6em;
}


@keyframes pulsate {
  0% {
    box-shadow: 0 0 0 0px rgba(225, 2250, 225, 0.8);
  }
  100% {
    box-shadow: 0 0 0 26px rgba(0, 0, 0, 0);
  }
}

.h5p-image-hotspot-question .h5p-image-hotspot-question:before {
    content: none; /* bug du carré dans interactive book */
}

.h5p-image-hotspot-popup-body-fraction.h5p-image > img {
    padding-top: 1em;
}

/* blanks.css - OK */

.h5p-blanks .h5p-question-content p {
    line-height: 2em !important;
    font-size: 1.1em;
}

.h5p-blanks .h5p-text-input {
   font-family: inherit;
   border-radius: 4em;
   border: 1px solid var(--color-base-20, #2196f345);
   background: var(--color-base-10, #2196f312);
   color: var(--color-contrast, #128ae9);
}

.h5p-blanks .h5p-text-input:focus {
  box-shadow: 0 0 0.5em 0 var(--color-base-20, #6391CA);
  border-color: var(--color-base-75, #6391CA);
  color: var(--color-base, #128ae9);
}

.h5p-blanks .h5p-correct .h5p-text-input {
    background: #c7f3c8;
    border: 1px solid #c7f3c8;
}

.h5p-blanks .h5p-wrong .h5p-text-input {
    background: #ffd7cf;
    border: 1px solid #ffd7cf;
}

.h5p-blanks .h5p-correct-answer {
    color: #389d6b;
    font-weight: 500;
    border: 1px #389d6b dashed;
    background-color: #fff;
    padding: 0.15em 0.5em;
    border-radius: 1em;
}


/* advanced fill-in-the-blanks */


.h5p-advanced-blanks .blank .h5p-text-input {
   font-family: Sans-Serif !important;
   border-radius: 4em !important;
   border: 1px solid var(--color-base-20, #2196f345) !important;
   background: var(--color-base-10, #2196f312) !important;
   color: var(--color-base, #128ae9) !important;
}

.h5p-advanced-blanks .highlighted {
    background-color: #e6e6e6 !important;
    padding: 0.3em !important;
    margin: 0em !important;
    -webkit-animation-duration: 1000ms ! important;
    animation-duration: 1000ms ! important;
    -webkit-animation-name: my-blink-background-color !important;
    animation-name:my-blink-background-color !important;
    -webkit-animation-iteration-count: 5 ! important;
    animation-iteration-count: 5 ! important;
    -webkit-animation-direction: alternate ! important;
    animation-direction: alternate ! important;
}

@-webkit-keyframes my-blink-background-color {
    from {
        background-color: initial;
    }
    to {
        background-color: rgb(226, 226, 226) ! important;
    }
}

@keyframes my-blink-background-color {
    from {
        background-color: initial;
    }
    to {
        background-color: rgb(226, 226, 226) ! important;
    }
}


.h5p-advanced-blanks .blank.error .h5p-text-input {
    background-color: #ffd7cf !important;
    border: 1px solid #ffd7cf !important;
    color : #b71c1c !important;
}

.h5p-advanced-blanks .blank.correct .h5p-text-input {
    background: #c7f3c8 !important;
    border: 1px solid #c7f3c8 !important;
    color : #255c41 !important;
}

.h5p-advanced-blanks .blank.showing-solution .h5p-text-input {
    border: 1px dashed #389d6b !important;
    color: #389d6b !important;
    font-weight: 500;
    background: #FFFFFF !important;
}

/* course-presentation */

.h5p-course-presentation .h5p-box-wrapper {
	height: 94%;
}
 
.h5p-course-presentation .h5p-cp-navigation {
	height: 2%;
}

.h5p-course-presentation .h5p-footer {
	height: 4%;
	font-size: .55em;
	align-items: center;
}

.h5p-course-presentation h1, .h5p-course-presentation h2, .h5p-course-presentation h3, .h5p-course-presentation h4, .h5p-course-presentation h5, .h5p-course-presentation h6 {
    font-family: 'Nunito', sans-serif;
}

.h5p-course-presentation {
	font-family: 'Nunito' !important;
    color: inherit !important;
}

.h5p-course-presentation .h5p-press-to-go:not(.h5p-visible) {
    cursor: pointer;
}

/* exceptions : curseur */


div[data-content-id="1599"] > .h5p-course-presentation .h5p-press-to-go:not(.h5p-visible) {
   cursor: default !important;
}


.h5p-course-presentation .h5p-popup-container {
    font-family: 'Nunito', Sans-serif;
}

.h5p-course-presentation .h5p-table table td {
    border-bottom: .003em solid #49494973;
    padding: 0.5em;
}

.h5p-course-presentation .h5p-progressbar {
    background: #e9e9e9;
}

.h5p-course-presentation .h5p-progressbar a {
    padding-top: .05em;
}

.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part .h5p-progressbar-part-has-task {
	width: .25em;
    height: .25em;
}



.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show {
    background: #0f0f0f33;
    background-image: -webkit-linear-gradient(top,#dedede,#acacac);
    background-image: -moz-linear-gradient(top,#dedede,#acacac);
    background-image: linear-gradient(180deg, #dedede, #acacac)
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dedede",endColorstr="#acacac",GradientType=0);
}

.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part.progressbar-part-summary-slide {
    background: #8b8b8b;
}

.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part.progressbar-part-summary-slide a:after {
    height: 0.4em;
    background-size: 70%;
}

.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part .h5p-progressbar-part-has-task.h5p-answered, .h5p-course-presentation .h5p-progressbar .h5p-progressbar-part.h5p-progressbar-part-show .h5p-progressbar-part-has-task.h5p-answered {
    background: #ffffff;
}

.h5p-coursepresentation-editor .h5p-progressbar-part:not(.h5p-progressbar-part-selected) {
    background: #c6c6c6;
}

.h5p-course-presentation .h5p-advanced-text p a {
    text-decoration: none;
}

.h5p-course-presentation .h5p-progressbar-popup {
    font-size: .5em;
    background: linear-gradient(180deg, #00000073, #00000073);
    margin-bottom: 0.25em;
    border-radius: 0.2em;
    padding: 0.15em .4em;
}

.h5p-course-presentation .h5p-footer .h5p-footer-toggle-keywords .current-slide-title {
    font-size: .75em;
    vertical-align: text-bottom;
}
.h5p-course-presentation .h5p-footer .h5p-footer-toggle-keywords .current-slide-title:before {
    vertical-align: middle;
}
.h5p-course-presentation .h5p-keywords-wrapper [role=menuitem]>span {
    font-size: 0.85em;
}

.h5p-course-presentation .h5p-element-button.h5p-element-button-big {
    line-height: inherit;
}

.form-manager > .tree, .form-manager > .common, .h5peditor-semi-fullscreen > .field {
    max-width: 1200px;
}

.form-manager-form {
    max-width: 1200px;
}

/* audio.css - OK */

.h5p-container.h5p-standalone.h5p-audio-wrapper {
    background: transparent;
    border: 0px;
}

.h5p-column-content.h5p-audio-wrapper {
    margin: 0 1em; /* marge droite et gauche dans column */
}

.h5p-audio-inner .h5p-audio-minimal-button {
border: 0px;
color: inherit;
background: transparent; /* Old browsers */
}

.h5p-audio-inner .h5p-audio-minimal-button.h5p-audio-disabled {
background: transparent;
}

.h5p-audio-inner .h5p-audio-minimal-play-paused,
.h5p-audio-inner .h5p-audio-minimal-pause {
background: transparent; /* Old browsers */
font-size: inherit !important;
}

.h5p-content .h5p-audio {
    height: 3.5em !important;
}

/* interactive-video.css */

.h5p-interactive-video {
    background: rgba(0, 0, 0, 0) !important; /* fond transparent c'est mieux */
}

/* Image slider */

.h5p-image-slide {
    background: #ffffff;
}


/* tout */

:focus, .progress-dot:focus {
    outline:  none !important;
}


/* personality quiz - OK */

.h5p-personality-quiz-panel.appearance-classic .h5p-personality-quiz-question {
    font-size: 1.1em;
}

.h5p-personality-quiz-answer-option.appearance-classic.has-image .h5p-personality-quiz-answer-option-button {
    border: none;
    border-radius: 0;
    padding: 0;
}

.h5p-personality-quiz-answer-option.appearance-classic.has-image .h5p-personality-quiz-answer-option-button:not([disabled]):hover {
    opacity: 0.7;
    border-style: none;
}

.h5p-personality-quiz-answer-option.appearance-classic .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-text {
    padding: 0.75em 0.5em;
}

.h5p-personality-quiz-answer-option.appearance-classic .h5p-personality-quiz-answer-option-button {
    font-family: inherit;
    font-size: 1em;
    line-height: initial;
}

.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-reset-button {
    font-size: 1.2em;
    font-family: inherit;
}

.h5p-personality-quiz-answer-option .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-image {
    max-height: 27em;
}

.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation {
    background-color: rgb(233 239 247 / 90%);
    color: #111;
}

/* SMS */

.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-question {
    padding: 0.85em 0.85em;
    line-height: initial;
}

.h5p-personality-quiz-answer-option .h5p-personality-quiz-answer-option-button {
    font-family: inherit;
}

.h5p-personality-quiz-answer-option.appearance-chat .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-text {
    padding: 0.75em 0.75em;
    line-height: initial;
}

.h5p-personality-quiz-answer-option.appearance-chat.has-image {
    width: min-content;
}

/* documentation tool */


.h5p-documentation-tool-page .page-help-text {
  color: var(--color-base,#1a73d9);
}

.h5p-documentation-tool-page .page-help-text:hover {
  color: var(--color-base-75,#1a4773);
}

.h5p-documentation-tool-page .page-header {
    border-bottom: 1px solid #eee;
}

/* link */


.h5p-column-content.h5p-link a {
    padding: 0.5em 1.25em;
    background: var(--color-base, #1a73d9);
    text-align: center;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 2em;
    font-family: inherit;
}


.h5p-column-content.h5p-link a:hover {
    background-color: var(--color-base-90, rgba(23, 104, 196, 0.9));
}

.h5p-column-content.h5p-link a:active {
    background-color: var(--color-base-75, rgba(23, 104, 196, 0.7));
}

.h5p-column-content.h5p-link a:before {
    content: "\f0c1";
    font-family: 'H5PFontAwesome4';
    padding-right: 0.5em;
}


/* Interactive-book */

.h5p-interactive-book-cover {
    font-family: 'Nunito' !important;
}

.h5p-interactive-book-cover-readbutton button {
    border-radius: 5em;
    font-family: inherit;
}

.h5p-interactive-book-navigation-maintitle .navigation-title {
    font-family: inherit;
    color: #fff;
}

.h5p-interactive-book-status-progress-marker {
    background: var(--color-base-5, rgba(23, 104, 196, 0.05));
    padding: 1em 0em 1em 1em !important;
    align-items: center;
    max-width: 1058px;
    margin: auto;
}

.h5p-interactive-book-status-progress-marker input[type=checkbox] {
	transform: scale(1.15) !important;
}

.h5p-interactive-book-status-progress-marker p {
	line-height: 20px;
    color: var(--color-base, #1a73d9);
}

.h5p-interactive-book-summary-page .h5p-interactive-box-summary-progress .h5p-interactive-book-summary-progress-container .separator {
    font-size: inherit !important;
    vertical-align: baseline !important; /* emplacement & taille du séparateur du score */
}

button.h5p-interactive-book-summary-menu-button.h5p-interactive-book-navigation-chapter-button {
    background-color: #f1f9f8;
}

.h5p-interactive-book-summary-menu-button .h5p-interactive-book-summary-icon {
    margin-right: 0.75rem;
}

.h5p-interactive-book-navigation-closed .h5p-interactive-book-navigation-chapter-button {
    background-color: var(--color-base-5, #fff);
}

.h5p-interactive-book-navigation-chapter-button:hover {
    background-color: var(--color-base-10, rgba(23, 104, 196, 0.05));
}

.h5p-interactive-book-navigation-chapter-button {
    border-bottom: 1px solid var(--color-base-20, #e9e4ed);
}

.h5p-interactive-book-navigation-sectionlist>:last-child {
    border-bottom: 1px solid var(--color-base-20, #6e0cbd);
}

.h5p-interactive-book-summary-menu-button {
    border-bottom: 1px solid #0e7c57;
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section-details .h5p-interactive-book-summary-section-title {
    color: initial;
}

.h5p-interactive-book ::-webkit-scrollbar {
    background: var(--color-base-10, rgb(160 48 64 / 35%));
}

.h5p-interactive-book ::-webkit-scrollbar-thumb {
    background: var(--color-base-20, rgba(108,121,146,.75));
}

.h5p-interactive-book ::-webkit-scrollbar-thumb:hover {
    background: var(--color-base-75, #6c7992);
}

.h5p-container.h5p-fullscreen .h5p-popup-wrapper .h5p-question-content, .h5p-container.h5p-fullscreen .h5p-column-content .h5p-question-content {
    margin: 1em; /* to fix a weird bug */
}

/* Image hotspots question */


.h5p-image-hotspot-question .h5p-question-introduction {
    color: var(--color-base, #1a73d9);
   font-weight:  600;
}

.h5p-image-hotspot-question .h5p-question-introduction:before  {
	font-family: 'H5PFontAwesome4';
	content: '\f002'; /* loupe */
	padding-right: 0.5em;
	font-weight: lighter;
}

.h5p-question.h5p-image-hotspot-question:before {
    content: '';
}


/* Video interactive */

.h5p-interactive-video .h5p-splash-wrapper .h5p-splash .h5p-splash-title, .h5p-interactive-video .h5p-splash-wrapper .h5p-splash .h5p-splash-description, .h5p-interactive-video-endscreen {
  font-family: 'Nunito', sans-serif;
}

/* Image hotspots informations dans column */

.h5p-column-content > .h5p-image-hotspots-container {
    margin: 1.5em auto; /* marges top et bas augmentées */
}

/* Column text margins + interactive book */

.h5p-column-content.h5p-advanced-text, .h5p-interactive-book-content .h5p-column-content.h5p-advanced-text {
    margin-top: 2em;
}

/* Column images */

/*.h5p-column-content.h5p-image {
    margin: 1.5em 0.5em !important; marges top et bas augmentées
} */

.h5p-column-content.h5p-image > img {
  width: auto !important;
  height: auto !important;
  max-width: 100%  !important;
  margin: auto; /*images centrées*/
}

/* Column ruler */

.h5p-column-ruler {
    border-bottom: 1px solid #eee;
    margin: 2em 0em;
}

/* Column iframe */

.h5p-column-content .h5p-iframe-content {
    padding: 1em;
    box-sizing: border-box;
}

/* Column typo */

.h5p-column-content.h5p-advanced-text h5 {
    color: var(--color-base, #1a73d9);
    font-size: 1.2em;
    font-weight:  600;
}
.h5p-column-content.h5p-advanced-text h5:before {
    font-family: 'H5PFontAwesome4';
    content: '\f124'; /* arrow select */
    padding-right: 0.5em;
    font-weight: lighter;
}
.h5p-column-content.h5p-advanced-text h6 {
    color: var(--color-base, #1a73d9);
    font-size: 1.2em;
    font-weight:  600;
    margin: 1.5em 0;
}
.h5p-column-content.h5p-advanced-text h6:before {
    font-family: 'H5PFontAwesome4';
    content: '\f0a4'; /* hand pointing finger */
    padding-right: 0.5em;
    font-weight: lighter;
}

.h5p-column-content.h5p-advanced-text ul > li, .h5p-column-content.h5p-advanced-text ol > li {
    margin: 0 0 0.5em 3em;
    padding: 0;
}


/* Image choice */

.h5p-multi-media-choice .h5p-multi-media-choice-list-item:focus .h5p-multi-media-choice-enabled {
    outline: none;
    box-shadow: 0 0 4px 1px var(--color-base-75, #1a73d9);
}

.h5p-multi-media-choice .h5p-multi-media-choice-enabled:hover:not(.h5p-multi-media-choice-selected) {
    border-color: var(--color-base-75, #1a73d9);
}

.h5p-multi-media-choice .h5p-multi-media-choice-enabled:hover:not(.h5p-multi-media-choice-selected):after {
    background-color: var(--color-base-75, #1a73d9);
}

.h5p-multi-media-choice .h5p-multi-media-choice-selected {
    border-color: var(--color-base-75, #1a73d9);
}

.h5p-multi-media-choice .h5p-multi-media-choice-selected:hover:after {
    background-color: var(--color-base-75, #1a73d9);
  
}

.h5p-multi-media-choice .h5p-multi-media-choice-option-list {
    margin-top: 0px;
}

/* Mots cachés */

.h5p-find-the-words {
    font-family: 'Nunito', Sans-serif;
}

.h5p-find-the-words .h5p-task-description {
    color: var(--color-base, #1a73d9);
    font-family: 'Nunito', Sans-serif;
    line-height: 1.4em;
    font-weight:  600;
    padding: 1em 8px;
}

.h5p-find-the-words .h5p-task-description:before {
    font-family: 'H5PFontAwesome4';
    content: '\F085'; /* cogs */
    padding-right: 0.5em;
    font-weight: lighter;
}

.h5p-find-the-words .feedback-show .feedback-element {
    font-weight: 600;
    color: #1a73d9;
}

/* Highlight the words */

.h5p-highlight-the-words .h5p-highlight-the-words-page .h5p-highlight-the-words-exercise .h5p-highlight-the-words-text-areas-container .h5p-highlight-the-words-text-container .h5p-highlight-the-words-text {
    line-height: 2em;
}
.h5p-highlight-the-words .h5p-highlight-the-words-page .h5p-highlight-the-words-exercise .h5p-highlight-the-words-text-areas-container .h5p-highlight-the-words-text-container {
    font-size: 1.1em;
}

.h5p-highlight-the-words-task-description h2, .h5p-highlight-the-words-task-description h3, .h5p-highlight-the-words-task-description h4, .h5p-highlight-the-words-task-description h5, .h5p-highlight-the-words-task-description h6 {
    color: var(--color-base, #1a73d9);
    font-size: 1.2em;
}

.h5p-highlight-the-words-task-description h2:before, .h5p-highlight-the-words-task-description h3:before, .h5p-highlight-the-words-task-description h4:before, .h5p-highlight-the-words-task-description h5:before, .h5p-highlight-the-words-task-description h6:before {
	font-family: 'H5PFontAwesome4';
	content: '\f002'; /* loupe */
	padding-right: 0.5em;
	font-weight: lighter;
}

/* Crosswords */


.h5p-crossword .h5p-crossword-grid {
    border-top: 0px !important;
    border-right: 0px !important;
}

.h5p-crossword .h5p-crossword-grid td, .h5p-crossword .h5p-crossword-grid th {
    border-left: 0px;
    border-bottom: 0px;
}

.h5p-crossword .h5p-crossword-input-fields-group-input {
    border: 1px solid #44444438;
    height: 2em;
    border-radius: 0.5em;
}

.h5p-crossword .h5p-crossword-input-fields-group-clue-id {
    font-weight: bold;
    font-style: initial;
}

span.h5p-crossword-input-fields-group-clue-id:after {
    content: '.';
}

/* .h5p-crossword .h5p-crossword-input-fields-group-clue-highlight-focus {
    background-color: #3e8de8;
    color: #fff;
    padding: 0.5em;
    border-radius: 0.3em;
}

.h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue {
    line-height: 1.25em;
    font-size: initial;
}
*/

/* Sort the paragraphs */

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph {
    border-width: 2px;
}

.h5p-sort-paragraphs .h5p-sort-paragraphs-paragraph-placeholder {
    border: .15em dashed #042cff;
}

/* Questionnaire */

.h5p-questionnaire-required-symbol {
    background: var(--color-base, #2880d0);
}

/* Essay */

.h5p-essay .h5p-essay-input-field-textfield {
    border: 1px solid var(--color-base-20, #2196f345);
    background: var(--color-base-10, #2196f312);
    color: var(--color-base, #128ae9);
    border-radius: 0.5em;
    font-size: inherit;
    font-family: inherit;
    padding: 0.5em;
}

.h5p-essay .h5p-essay-input-field-textfield:focus {
  box-shadow: 0 0 0.5em 0 var(--color-base-20, #6391CA);
  border-color: var(--color-base-75, #6391CA);
  color: var(--color-contrast, #128ae9);
  background: var(--color-base-5, #2196f312);
}

.h5p-essay .h5p-question-explanation-container {
    margin: 1em 1em 1.5em 1em;
    border-radius: 0.5em;
}

.h5p-essay .h5p-essay-solution-container {
    background: #c7f3c8a6;
    border-radius: 0.5em;
    margin: 0 1em 1em 1em;
}

.h5p-essay .h5p-question-explanation-title, .h5p-essay .h5p-essay-solution-title {
    font-weight: 600;
}

.h5p-essay .h5p-question-explanation-title {
    margin-bottom: 0.75em;
    color: #545353;
}

.h5p-essay .h5p-question-explanation-correct {
    font-size: inherit;
}

.h5p-essay .h5p-essay-solution-title {
    color: #255c41;
    margin-bottom: 0.75em;
}

.h5p-essay .h5p-essay-solution-sample {
    border: 0px;
    border-radius: 0.5em;
}

.h5p-essay .h5p-question-buttons button.h5p-question-show-solution.h5p-joubelui-button {
    display: none;
}


/* Scratchcard */

.h5p-content.h5p-no-frame:has(> .h5p-scratchcard) {
    background: transparent;
}

/* CARDS */

.h5p-content:has(> .h5p-cardblock-container){
    background: transparent !important;
    border: none !important;
}

.h5p-container.h5p-standalone.h5p-cardblock-container {
    background: none;
    border: none;
}

.card-text p {
    font-size: 0.97em;
    line-height: 1.4em;
}

.h5p-cardblock-container {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 40px;
}

.h5p-cardblock-container > .cardblock {
    grid-template-rows: 230px auto 50px;
    transition: transform ease 0.5s, box-shadow ease 0.5s;
}

.h5p-cardblock-container > .cardblock.no-action {
    grid-template-rows: 200px auto;
}

.h5p-cardblock-container > .cardblock > .card-action > a.card-action {
    display: inline;
    padding: 0.375rem 0.75rem;
    background-color: #3F51B5;
    border: 1px solid #3F51B5;
}

.h5p-cardblock-container > .cardblock > .card-action > a.card-action:hover, .card-action > a.card-action:focus {
    background-color: #111;
    border-color: #111;
}

.h5p-cardblock-container > .cardblock:hover {
    transform: translateY(5px);
    box-shadow: none;
}

/**** virtual tour 360 ****/

.h5p-three-image .nav-label-container .nav-label {
     height: auto !important;
}

/**** INFO WALL ****/

.h5p-info-wall-panel {
    padding: 2em;
    width: calc(100% - 4em);
}

.h5p-info-wall-panel .h5p-info-wall-panel-image-wrapper-outer {
    height: auto !important;
    align-items: center;
    display: flex;
    flex: 0 0 content;
    justify-content: space-around;
}

.h5p-info-wall-panel .h5p-info-wall-panel-image-wrapper-outer .h5p-info-wall-panel-image-background {
    filter: none;
    height: auto !important;
    position: relative;
    display: block;
    box-shadow: 0px 1px 3px 1px #1111113b;
}

.h5p-info-wall-panel .h5p-info-wall-panel-image-wrapper-outer .h5p-info-wall-panel-image-wrapper-inner {
    display: none;
}

.h5p-info-wall-panel .h5p-info-wall-panel-image-wrapper-outer .h5p-info-wall-panel-image-wrapper-inner .h5p-info-wall-panel-image {
    display: none;
}

.h5p-info-wall-panel .h5p-info-wall-panel-entries-wrapper .h5p-info-wall-panel-entries .h5p-info-wall-panel-entry-text p a:link, .h5p-info-wall-panel .h5p-info-wall-panel-entries-wrapper .h5p-info-wall-panel-entries .h5p-info-wall-panel-entry-text p a:visited {
    background: #3F51B5;
    padding: 0.7em 1em;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8em;
    line-height: initial;
    margin: 1em 0px;
}

.h5p-info-wall-panel .h5p-info-wall-panel-entries-wrapper .h5p-info-wall-panel-entries .h5p-info-wall-panel-entry-text p a:active, .h5p-info-wall-panel .h5p-info-wall-panel-entries-wrapper .h5p-info-wall-panel-entries .h5p-info-wall-panel-entry-text p a:hover {
    background: #111;
}

.h5p-info-wall-panel .h5p-info-wall-panel-entries-wrapper .h5p-info-wall-panel-entries {
    margin-right: 1em;
}

.h5p-info-wall-panel .h5p-info-wall-panel-entries-wrapper .h5p-info-wall-panel-entries h3 {
    margin: 0.5em 0em;
}

@media (max-width: 600px) {
    .h5p-info-wall-panel .h5p-info-wall-panel-image-wrapper-outer {
        width: 100% !important;
    }
    .h5p-info-wall-panel {
        font-size: 1.15em;
    }
}

/* Speak the Words */

.h5p-speak-the-words .h5p-question-image.h5p-question-image-fill-width {
    margin: 0;
}

.h5p-speak-the-words .h5p-question-image-fill-width .h5p-question-image-wrap {
    width: 100%;
}

/* customisation Image Choice Papi Jo*/

.h5p-multi-media-choice .h5p-multi-media-choice-legend-visible, .h5p-multi-media-choice .h5p-multi-media-choice-legend-visible-ratio 
{
    font-size: inherit;
    line-height: inherit;
}

/* randomizer */

.h5p-phrase-randomizer .h5p-phrase-randomizer-main .h5p-phrase-randomizer-introduction .h5p-phrase-randomizer-intro-content>*:first-child {
    margin-top: revert;
}

.h5p-phrase-randomizer-headline {
    color: #1a73d9;
    font-size: 1em;
    font-weight: 600;
}

.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-list {
    color: inherit;
}

.h5p-phrase-randomizer-case {
    margin: 1em;
}

/**** NDLA Category *****/

.h5p-text-grouping .category hr {
    border-bottom: 0px;
    margin-bottom: 0em;
    height: auto;
    margin-top: 0em;
    background: none;
    width: 100%;
}

.h5p-text-grouping .dropdown-select li p {
	padding: .15em 1em;
    line-height: 0.75em;
}

.h5p-text-grouping .category .header {
    padding: 0.75em .5em;
}

/***** Random Wheel ****/

.h5p-Randomwheel {
    margin-bottom: 2em;
}

.h5p-Randomwheel #instructions {
    font-size: 1.2em;
    margin: 1em;
	padding: 0em;
}


/****** Infobox *********/

.h5p-infobox .infobox-text {
    margin: 1em;
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    line-height: initial;
    text-align: left;
    width: 100%;
}

.h5p-infobox .infobox-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.h5p-infobox .h5p-infobox-container {
    padding: 1em;
    border: 0;
    box-shadow: none;
}

.h5p-infobox .infobox-fit .infobox-image-container {
    margin: auto;
    min-height: 30%;
}

.h5p-container.h5p-standalone.h5p-infobox.h5p-fullscreen {
    font-size: 4em;
}

/***** branching scenario ******/

/* customisation pour j'ai vécu la révolution */

div[data-content-id="100"] > .h5p-branching-scenario .h5p-current-screen, .h5p-branching-scenario .h5p-next-screen {
    background: #55534b;
}

div[data-content-id="100"] > .h5p-branching-scenario .h5p-result-container {
border-color: #4c4b44;
background: #3d3c38;
}

div[data-content-id="100"] > .h5p-branching-scenario .h5p-result-wrapper .h5p-score-circle {
background: #272623;
}

/****** HP5 Shortcut *******/

.h5p-shortcut {
    padding: 1em;
    font-size: 1.2em;
}

.h5p-shortcut .shortcut {
    line-height: initial;
}

.h5p-shortcut .successText {
    text-align: center;
    background: #efefef;
    border-radius: 1em;
}

.h5p-shortcut .successText p {
    font-size: 1em;
    line-height: 0.5em;
    margin: 0.25em 1em;
    padding: 1em;
}

/**** AR Scavenger Hunt ****/

.h5p-ar-scavenger-screen {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    left: 0;
    overflow-wrap: anywhere;
    padding: 1rem 0 3rem 0;
    position: relative;
    top: 0;
    z-index: 3;
}

.h5p-ar-scavenger-screen-image-wrapper {
    margin: 4.375em 0 !important;
    width: 100%;
}

.h5p-ar-scavenger-screen-image {
    min-width: 20em;
}

/**** GAME MAP ****/

.h5p-game-map-stage-label-container .h5p-game-map-stage-label .h5p-game-map-stage-label-inner {
    -webkit-line-clamp: 5;
}

.h5p-game-map-stage-label-container .h5p-game-map-stage-label {
    line-height: 1.2;
    font-size: 1.2em;
    min-width: 6em;
    max-width: 14em;
    max-height: 20.5em;
}

.h5p-game-map-stage .h5p-game-map-stage-content.h5p-game-map-stage-cleared:before {
    content: '\f00c'; /*check mark*/ 
    font-family: "H5PGameMap", "H5PFontAwesome4", sans-serif;
}

.h5p-game-map-stage .h5p-game-map-stage-content.h5p-game-map-stage-open:before {
	content: '\f09c';  /* unlocked sign */ 
    font-family: "H5PFontAwesome4", sans-serif;
    font-size: max(.75rem, var(--stage-font-size));
    line-height: max(1rem, var(--stage-line-height));
}

.h5p-game-map-stage .h5p-game-map-stage-content.extra-life.override-symbol.h5p-game-map-stage-unlocking:before, .h5p-game-map-stage .h5p-game-map-stage-content.extra-life.override-symbol.h5p-game-map-stage-cleared {
	content: '\f004'; 
    font-family: "H5PFontAwesome4", sans-serif;
}

/* design étoiles */

.h5p-game-map-stage-score-stars-container .h5p-game-map-stage-score-star.full svg #outline {
    fill: #e0aa0de8;
}
.h5p-game-map-stage-score-stars-container .h5p-game-map-stage-score-star.full #background-left, .h5p-game-map-stage-score-stars-container .h5p-game-map-stage-score-star.full #background-right {
    fill: #ffce0a;
}
.h5p-game-map-stage-score-stars-container .h5p-game-map-stage-score-star svg #outline {
    fill: #e1e1e1;
}

.status-container.status-container-stages {
    display: none;
}


/****** Grid checker ********/


.h5p-grid-checker .h5p-grid-checker-content table.h5p-grid-checker-response {
    font-size: 1em;
}

.h5p-grid-checker .h5p-grid-check-headline {
    color: var(--color-base, #1a73d9);
    font-family: inherit;
    font-weight: 600;
    margin: 0.5em 0em;
}

.h5p-grid-checker .h5p-grid-check-headline:before {
    font-family: 'H5PFontAwesome4';
    content: '\f005';
    padding-right: 0.5em;
    font-weight: lighter;
}

table.h5p-grid-checker-response input[type="text"] {
    font-size: inherit;
}

.h5p-grid-checker .h5p-grid-checker-content table.h5p-grid-checker-response tr th, .h5p-grid-checker .h5p-grid-checker-content table.h5p-grid-checker-response tr td:first-child {
	border: 1px solid #FFF;
	background: #cee0f48f;
}

.h5p-grid-checker .h5p-grid-checker-content table.h5p-grid-checker-response tr td {
    padding: 0.5em;
    text-align: center;
    border: 1px solid #cee0f4;
    position: relative;
}

.h5p-grid-checker .h5p-grid-checker-content table.h5p-grid-checker-response tr th, .h5p-grid-checker .h5p-grid-checker-content table.h5p-grid-checker-response tr td:first-child {
    font-weight: 600;
}

/*** Rubric ****/

.h5p-rubric .h5p-rubric-content table.h5p-rubric-grid > tbody > tr > td:first-child {
    min-width: 260px;
    font-weight: 600;
    background: #cee0f4;
    border: 1px solid #fff;
}

.h5p-rubric .h5p-rubric-content table.h5p-rubric-grid > thead > tr > th {
    font-weight: 600;
    background: #cee0f4;
    border: 1px solid #fff;
}

.h5p-rubric .h5p-rubric-content table.h5p-rubric-grid > tbody > tr > td {
    text-align: center;
    padding: 0.5em;
}

.h5p-rubric .h5p-rubric-content table.h5p-rubric-grid input.grid-row-evidence {
    border-bottom: 1px solid #ffffff00;
    background: transparent;
}

.h5p-rubric .h5p-rubric-content table.h5p-rubric-grid > tbody > tr > td.grid-row-column.selected {
    background-color: #cee0f48c;
}

.h5p-rubric .h5p-rubric-content table.h5p-rubric-grid > thead > tr > th:first-child {
    background: transparent;
}

/***** Advent Calendar ****/

.h5p-advent-calendar-overlay-outer-wrapper .h5p-advent-calendar-overlay-content .h5p-advent-calendar-instance-wrapper.h5p-advanced-text a {
    text-decoration: none;
    color: #1976D2;
    border-bottom: 1px solid #ddd;
}

.h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
    background-color: transparent;
    color: #ffffff;
    text-shadow: 0px 0px 4px #111111b8;
}

.h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image.h5p-advent-calendar-image-symbol::after, .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image.h5p-advent-calendar-text-symbol::after {
    visibility: hidden;
}

[data-content-id="132"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway, [data-content-id="133"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway, [data-content-id="129"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway, [data-content-id="130"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway, [data-content-id="137"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway, [data-content-id="136"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway, [data-content-id="131"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway, [data-content-id="135"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway, [data-content-id="134"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway {
    perspective: none;
}

/* Oh Joy ! */

[data-content-id="132"] .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="131"] .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
    background: #ffffff80;
}

[data-content-id="132"] .h5p-advent-calendar-sky .h5p-advent-calendar-snow span {
    background-image: url('https://clipart-library.com/images/dT9KAk88c.png');
    width: 18px;
    height: 18px;
}

[data-content-id="132"] .h5p-advent-calendar-overlay-blocker, [data-content-id="131"] .h5p-advent-calendar-overlay-blocker {
	background: rgb(255 242 236 / 80%);
}

/* Icônes derrière portes en bois */

[data-content-id="133"] .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image, [data-content-id="129"] .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image, [data-content-id="136"] .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
    text-shadow: 0px 0px 3px #000000;
}

[data-content-id="133"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway .h5p-advent-calendar-door .h5p-advent-calendar-door-number, [data-content-id="129"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway .h5p-advent-calendar-door .h5p-advent-calendar-door-number,[data-content-id="136"] .h5p-advent-calendar-square-content .h5p-advent-calendar-door-container .h5p-advent-calendar-doorway .h5p-advent-calendar-door .h5p-advent-calendar-door-number {
    top: 0.7em;
    left: 1.8em;
}

[data-content-id="133"] .h5p-advent-calendar-overlay-blocker, [data-content-id="136"] .h5p-advent-calendar-overlay-blocker {
    background: rgb(17 15 50 / 85%);
}

[data-content-id="129"] .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
    border-radius: 100%;
}

[data-content-id="129"] .h5p-advent-calendar-overlay-blocker {
    background: rgb(0 0 0 / 55%);
}

/* Icônes numérotées animées */

[data-content-id="130"] .h5p-advent-calendar-overlay-blocker {
    background: #bed0dfd6;
}

/* Cute critters in rounded doors */

[data-content-id="137"] .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
    background-color: #bfa37929;
    border-radius: 100%;
    border: 2px dotted #b7a88f;
}

[data-content-id="137"] .h5p-advent-calendar-square:nth-child(2n+1) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
}

[data-content-id="137"] .h5p-advent-calendar-square:nth-child(3n+1) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
	transform: scale(0.83);
	-webkit-transform: scale(0.83);
}

[data-content-id="137"] .h5p-advent-calendar-overlay-blocker {
    background: rgb(222 210 194 / 85%);
} 

/* Green rotating balls */


[data-content-id="134"] .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
    border-radius: 100%;
    border: none;   
    box-shadow: 0px 0px 6px 6px #1a2f2054;
}

[data-content-id="134"] .h5p-advent-calendar-square .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
	border-radius: 100%;
	background-color: #3c736b78;
	box-shadow: inset 0px 0px 20px 6px #0c0c0c57;
}

[data-content-id="134"] .h5p-advent-calendar-square:nth-child(odd) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
	animation: rotate-in ease-in-out 2.8s;
    -webkit-animation: rotate-in ease-in-out 2.8s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

[data-content-id="134"] .h5p-advent-calendar-square:nth-child(even) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
	animation: rotate-out ease-in-out 2.4s;
    -webkit-animation: rotate-out ease-in-out 2.4s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

[data-content-id="134"] .h5p-advent-calendar-square:nth-child(2n+1) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
	animation: rotate-in ease-in-out 2.5s;
    -webkit-animation: rotate-in ease-in-out 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

[data-content-id="134"] .h5p-advent-calendar-square:nth-child(5n+1) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
	animation: rotate-out ease-in-out 3s;
    -webkit-animation: rotate-out ease-in-out 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

/* Boules qui pulsent */

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(n+1) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
    -webkit-animation: heartbeat 2s ease-in-out infinite both;
	animation: heartbeat 2s ease-in-out infinite both;
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(2n+1) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
   -webkit-animation: heartbeat 4.5s ease-in-out 3s infinite both;
	animation: heartbeat 4.5s ease-in-out 3s infinite both;
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(3n+2) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
    -webkit-animation: heartbeat 3.5s ease-in-out 2s infinite both;
	animation: heartbeat 3.5s ease-in-out 2s infinite both;
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(4n+1) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
    -webkit-animation: heartbeat 4.5s ease-in-out 3.5s infinite both;
	animation: heartbeat 4.5s ease-in-out 3.5s infinite both;
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(5n+2) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
    -webkit-animation: heartbeat 3s ease-in-out 1s infinite both;
	animation: heartbeat 3s ease-in-out 1s infinite both;
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(2n+5) .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image {
    -webkit-animation: heartbeat 4.5s ease-in-out 1.5s infinite both;
	animation: heartbeat 4.5s ease-in-out 1.5s infinite both;
}

[data-content-id="135"] .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
    border: 2px solid #fff;
    border-radius: 100%;
    font-size: 3rem;
    box-shadow: 0px 0px 3px 3px #11111124;
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(odd) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
	background-color: #913636;
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(even) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
    background-color: #254159;
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(1) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="135"] .h5p-advent-calendar-square:nth-child(5) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="135"] .h5p-advent-calendar-square:nth-child(8) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="135"] .h5p-advent-calendar-square:nth-child(13) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="135"] .h5p-advent-calendar-square:nth-child(16) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="1821"] .h5p-advent-calendar-square:nth-child(20) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
    background-color: #ce960b;
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
}

[data-content-id="135"] .h5p-advent-calendar-square:nth-child(3) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="135"] .h5p-advent-calendar-square:nth-child(10) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="135"] .h5p-advent-calendar-square:nth-child(15) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="135"] .h5p-advent-calendar-square:nth-child(17) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image, [data-content-id="135"] .h5p-advent-calendar-square:nth-child(24) .h5p-advent-calendar-square-content .h5p-advent-calendar-preview-image {
    background-color: #c9c1b6;
    transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
}

[data-content-id="135"] .h5p-advent-calendar-square .h5p-advent-calendar-square-content.h5p-advent-calendar-cover-image.h5p-advent-calendar-open {
	animation: none;
	-webkit-animation: none;
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
}



/*** Instructions ***/

.h5p-instructions .step-display {
    background: #f8f8f8;
    font-family: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.h5p-instructions .title {
    padding: 0.5em 1em;
    background: #2c2c2c;
    color: #fff;
    flex: 100%;
    order: 1;
}

.h5p-instructions .image {
    flex: 65%;
    order: 2;
}

.h5p-instructions .notes {
    flex: 35%;
    order: 3;
}

.h5p-instructions .image, .h5p-instructions .notes {
    vertical-align: top;
}

.h5p-instructions li {
    font-size: 1em;
    background: none;
    padding: 0.25em 0;
    margin: 0;
}

.h5p-instructions .buttons {
    margin-top: 0;
    text-align: center;
    background: #fff;
    padding: 1em 1em 0 1em;
}

.h5p-instructions ol li.statistic:before {
    display: none;
}

.h5p-instructions .title span:nth-child(2) {
    margin-left: 0.5em;
}

.h5p-instructions li.special {
    font-weight: 800;
    color: #ff6f01;
}

.h5p-instructions ol {
  list-style: none;
  counter-reset: steps;
  padding: 1em;
  margin: 0;
}
.h5p-instructions ol li {
  counter-increment: steps;
}
.h5p-instructions ol li::before {
  content: counter(steps);
  margin-right: 0.5rem;
  background: #ff6f00;
  color: white;
  width: 1.8em;
  height: 1.8em;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  line-height: 1.1em;
  font-weight: 600;
  font-size: 1.1em;
}

@media (max-width: 1000px) {
.h5p-instructions .image, .h5p-instructions .notes {
    flex: 100%;
  }
.h5p-instructions .image {
    order: 3;
}
.h5p-instructions .notes {
    order: 2;
}  
  
}

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) {	
.media-screen .media-screen-medium, .h5p-interactive-book-cover-graphics, .h5p-ar-scavenger-screen-image-wrapper, .h5p-portfolio-cover-graphics {
    height: 25em;
}
.media-screen .media-screen-medium.h5p-image>img, .media-screen .media-screen-medium.h5p-video>video, .media-screen .media-screen-medium.h5p-video.h5p-youtube>div:not(.media-screen-bar), .h5p-interactive-book-cover-graphics.h5p-image>img, .h5p-interactive-book-cover-graphics.h5p-video>video, .h5p-interactive-book-cover-graphics.h5p-video.h5p-youtube>div:not(.h5p-interactive-book-cover-bar), .h5p-interactive-book-cover-graphics.h5p-video.h5p-echo>div:not(.h5p-interactive-book-cover-bar), .h5p-ar-scavenger-screen-image, .h5p-portfolio-cover-graphics.h5p-image>img, .h5p-portfolio-cover-graphics.h5p-video>video, .h5p-portfolio-cover-graphics.h5p-video.h5p-youtube>div:not(.h5p-portfolio-cover-bar) {
	max-height: 25em;
}
}

/* Large devices (laptops/desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
.media-screen .media-screen-medium, .h5p-interactive-book-cover-graphics; .h5p-ar-scavenger-screen-image-wrapper, .h5p-portfolio-cover-graphics {
    height: 30em;
}
.media-screen .media-screen-medium.h5p-image>img, .media-screen .media-screen-medium.h5p-video>video, .media-screen .media-screen-medium.h5p-video.h5p-youtube>div:not(.media-screen-bar), .h5p-interactive-book-cover-graphics.h5p-image>img, .h5p-interactive-book-cover-graphics.h5p-video>video, .h5p-interactive-book-cover-graphics.h5p-video.h5p-youtube>div:not(.h5p-interactive-book-cover-bar), .h5p-interactive-book-cover-graphics.h5p-video.h5p-echo>div:not(.h5p-interactive-book-cover-bar), .h5p-ar-scavenger-screen-image, .h5p-portfolio-cover-graphics.h5p-image>img, .h5p-portfolio-cover-graphics.h5p-video>video, .h5p-portfolio-cover-graphics.h5p-video.h5p-youtube>div:not(.h5p-portfolio-cover-bar) {
	max-height: 30em;
}
}

/* Extra large devices (large laptops and desktops, 1920px and up) */
@media screen and (min-width: 1920px) {	
.media-screen .media-screen-medium, .h5p-interactive-book-cover-graphics, .h5p-ar-scavenger-screen-image-wrapper, .h5p-portfolio-cover-graphics {
    height: 40em;
}
.media-screen .media-screen-medium.h5p-image>img, .media-screen .media-screen-medium.h5p-video>video, .media-screen .media-screen-medium.h5p-video.h5p-youtube>div:not(.media-screen-bar), .h5p-interactive-book-cover-graphics.h5p-image>img, .h5p-interactive-book-cover-graphics.h5p-video>video, .h5p-interactive-book-cover-graphics.h5p-video.h5p-youtube>div:not(.h5p-interactive-book-cover-bar), .h5p-interactive-book-cover-graphics.h5p-video.h5p-echo>div:not(.h5p-interactive-book-cover-bar), .h5p-ar-scavenger-screen-image, .h5p-portfolio-cover-graphics.h5p-image>img, .h5p-portfolio-cover-graphics.h5p-video>video, .h5p-portfolio-cover-graphics.h5p-video.h5p-youtube>div:not(.h5p-portfolio-cover-bar) {
    max-height: 40em;
}
}

@keyframes rotate-in {
  0% {
    transform: rotate(-15deg)
  }
  100% {
    transform: rotate(8deg)
  }
}
@keyframes rotate-out {
  0% {
    transform: rotate(10deg)
  }
  100% {
    transform: rotate(-12deg)
  }
}

@-webkit-keyframes rotate-in {
  0% {
   -webkit-transform: rotate(-15deg)
  }
  100% {
   -webkit-transform: rotate(8deg)
  }
 }
@-webkit-keyframes rotate-out {
  0% {
   -webkit-transform: rotate(10deg)
  }
  100% {
   -webkit-transform: rotate(-12deg)
  }
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}