@charset "UTF-8";
/* ========================== */
/*    PROCESSOR HATIERDOC     */
/*        LYCEE 2023          */
/* ========================== */
@font-face {
  font-family: "Open sans";
  src: url(../Fonts/opensans-variablefont_wdth_wght.ttf) format("truetype"), url(../Fonts/opensans-italic-variablefont_wdth_wght.ttf) format("truetype");
}
/*
 * ============ META ===========
 */
/* --------- hdocMeta ------- */
.hdocMeta {
  width: 100%;
  margin: 0 0 30px 0;
  font-size: 1.2rem;
  font-style: normal;
  color: #3f3f3f;
  background-color: #f8f8ff;
  border: 1px solid #bbbbbb;
  border-collapse: collapse;
  border-spacing: 0;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
}
.hdocMeta thead {
  color: #ffffff;
  background-color: #3f3f3f;
}
.hdocMeta tr, .hdocMeta th, .hdocMeta td {
  line-height: 1em;
  border: 1px dotted #bbbbbb;
  vertical-align: top;
  text-align: left;
}
.hdocMeta td, .hdocMeta th {
  padding: 0.4em 0.6em;
}
.hdocMeta td {
  font-weight: normal;
}
.hdocMeta td .hdocPicto {
  max-height: 16px;
}
.hdocMeta td div {
  margin-bottom: 5px;
}
.hdocMeta td div:last-child {
  margin-bottom: 0;
}
.hdocMeta .hdocAttrs {
  display: inline-block;
  color: #7f7f7f;
  background-color: #ffffff;
  padding: 1px 5px;
  margin-right: 5px;
}

/* ---- hdocContributeurs --- */
.hdocMeta .hdocPrenom {
  margin-right: 5px;
}
.hdocMeta .hdocNom, .hdocMeta .hdocLibelle {
  margin-right: 5px;
  text-decoration: underline dotted;
}
.hdocMeta .hdocRole {
  display: inline-block;
  padding: 0 4px;
  margin-left: 5px;
  border: 1px dotted;
  border-radius: 5px;
}

/* ------- hdocClasses ------ */
.hdocMeta .hdocClasses {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocMeta .hdocClasses .hdocClasse {
  display: inline-block;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  padding: 1px 5px;
  margin-right: 5px;
}

/* --- hdocNiveauxLangue ---- */
.hdocMeta .hdocNiveauxLangue {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocMeta .hdocNiveauxLangue .hdocNiveauLangue {
  display: inline-block;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  padding: 1px 5px;
  margin-right: 5px;
}

/* ------- hdocParties ------ */
.hdocMeta .hdocParties {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocMeta .hdocParties .hdocPartie {
  display: inline-block;
  border: 1px solid #bbbbbb;
  padding: 1px 5px;
  margin-right: 5px;
}

/* ------ hdocPrerequis ----- */
.hdocMeta .hdocPrerequis {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocMeta .hdocPrerequis .hdocPrerequisRef {
  display: inline-block;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  padding: 1px 5px;
  margin-right: 5px;
}

/* ----- hdocCompetence ----- */
.hdocMeta .hdocCompetences {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocMeta .hdocCompetences .hdocCompetence {
  display: inline-block;
  background-color: #fbfff9;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  padding: 1px 5px;
  margin-right: 5px;
}

/* -------- hdocCours ------- */
.hdocMeta .hdocCours {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocMeta .hdocCours .hdocCoursRef {
  display: inline-block;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  padding: 1px 5px;
  margin-right: 5px;
}

/* ------ hdocMotsCles ------ */
.hdocMeta .hdocMotsCles {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocMeta .hdocMotsCles .hdocMotCle {
  display: inline-block;
  background-color: #eeeeff;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  padding: 1px 5px;
  margin-right: 5px;
}

/* ----- hdocCouverture ----- */
.hdocMeta .hdocMetaCouverture {
  max-width: min(100px, 100%);
  max-height: 80px;
}

/*
 * ========= TOP LEVEL =========
 */
/* --------- hatierdoc ------ */
.hatierdoc {
  font-size: 1.6rem;
  font-family: sans-serif;
}
.hatierdoc img, .hatierdoc video {
  max-width: 100%;
  max-height: 100%;
}
.hatierdoc iframe {
  border: 0;
  max-width: 100%;
}

/* ------- hdocMeta ... ----- */
.hdocMetaCopyright, .hdocMetaMatiere, .hdocMetaChapitre, .hdocMetaOrigine,
.hdocMetaRubrique, .hdocMetaThemes, .hdocMetaClasses, .hdocMetaDifficulte,
.hdocMetaInfos, .hdocMetaEditeur, .hdocMetaNiveau, .hdocMetaNiveaux-langue,
.hdocMetaObjectifs, .hdocMetaPublic, .hdocMetaCompetences, .hdocMetaPedagogie,
.hdocMetaParties, .hdocMetaTypologie {
  display: none;
}

.hdocMetaThemes.hdocMetaTheme1 {
  display: none;
}

/* ----- hdocBandeau ... ---- */
.hdocBandeau {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.hdocBandeau.hdocBandeauType1 {
  font-weight: 600;
  padding: 0 1rem 1rem 1rem;
  height: 3.5rem;
  margin-bottom: 1rem;
  white-space: nowrap;
}
.hdocBandeau.hdocBandeauType1 .hdocHbLogoExercice {
  flex-shrink: 0;
  display: inline-block;
  background-color: blue;
  padding: 0.75rem 0.5rem 0 0.5rem;
  border-radius: 1.5rem;
  height: 100%;
}
.hdocBandeau.hdocBandeauType1 .hdocHbLogoExercice img {
  height: 3rem;
}
.hdocBandeau.hdocBandeauType1 .hdocHbMatiere {
  display: inline-block;
  background-color: blue;
  padding: 0.75rem 0.5rem 0 0.5rem;
  border-radius: 1.5rem;
  color: white;
}
.hdocBandeau.hdocBandeauType1 .hdocHbAriane {
  display: inline-block;
  padding: 0.75rem 0.5rem 0 0.5rem;
  border-radius: 1.5rem;
}
.hdocBandeau.hdocBandeauType1 .hdocHbAriane .hdocHbChapitre::after {
  content: " >";
}
.hdocBandeau.hdocBandeauType1 .hdocHbOrigine {
  display: inline-block;
  background-color: blue;
  padding: 0.75rem 0.5rem 0 0.5rem;
  border-radius: 1.5rem;
  color: white;
}
.hdocBandeau.hdocBandeauType1 .hdocHbClasse {
  display: inline-block;
  background-color: blue;
  padding: 0.75rem 0.5rem 0 0.5rem;
  border-radius: 1.5rem;
  color: white;
}
.hdocBandeau.hdocBandeauType1 .hdocHbLogoEditeur {
  flex-shrink: 0;
}
.hdocBandeau.hdocBandeauType1 .hdocHbLogoEditeur img {
  max-height: 4.5rem;
}

/* -------- hdocTitres ------ */
.hdocTitres {
  font-family: sans-serif;
  font-weight: bold;
}
.hdocTitres .hdocTitre {
  display: block;
}
.hdocTitres .hdocSep {
  display: none;
}
.hdocTitres .hdocSousTitre {
  display: block;
  font-weight: normal;
}
.hdocTitres strong {
  font-weight: normal;
}

/* ------- hdocProduit ------ */
.hdocProduit {
  margin: 10px 0;
  padding: 20px;
  color: #231f20;
  background-color: #fbf8ef;
  border: 2px solid #fbe6a5;
  border-top-left-radius: 10px;
  min-height: 720px;
}
.hdocProduit > .hdocTitres {
  text-align: left;
  margin: 0 0 15px 0;
}
.hdocProduit > .hdocTitres .hdocTitre {
  color: #133766;
  font-variant: small-caps;
  font-size: 2.4rem;
}
.hdocProduit > .hdocTitres .hdocSousTitre {
  color: #7f8aac;
  font-size: 2.2rem;
}

/* ------- hdocDocument ----- */
.hdocDocument {
  padding: 20px;
  border: none;
  background-color: #fafafa;
}
.hdocDocument > .hdocTitres {
  text-align: center;
  margin: 20px 0;
}
.hdocDocument > .hdocTitres .hdocTitre {
  color: #133766;
  font-variant: small-caps;
  font-size: 2.8rem;
}
.hdocDocument > .hdocTitres .hdocSousTitre {
  color: #7f8aac;
  font-size: 2.6rem;
}

/* ------- hdocDivision ----- */
.hdocDivision {
  margin: 0 0 25px 0;
}
.hdocDivision:last-child {
  margin-bottom: 0;
}
.hdocDivision > .hdocTitres {
  text-align: left;
  margin: 15px 0;
}
.hdocDivision > .hdocTitres .hdocTitre {
  color: #133766;
  font-variant: normal;
  font-size: 2.6rem;
}
.hdocDivision > .hdocTitres .hdocSousTitre {
  color: #7f8aac;
  font-size: 2.4rem;
}

.hdocDivision .hdocDivision > .hdocTitres {
  margin: 0 0 10px 0;
}
.hdocDivision .hdocDivision > .hdocTitres .hdocTitre {
  color: #133766;
  font-variant: normal;
  font-size: 2.4rem;
}
.hdocDivision .hdocDivision > .hdocTitres .hdocSousTitre {
  color: #7f8aac;
  font-size: 2.2rem;
}

/* -------- hdocRappel ------ */
.hdocRappel {
  margin: 10px 0;
  padding: 20px;
  color: #231f20;
  background-color: #fafafa;
  border: 2px solid #dddddd;
  border-top-left-radius: 10px;
}

.hdocDocument .hdocRappel {
  margin: 0 0 30px 0;
  border: 1px solid #dddddd;
  border-top-left-radius: 10px;
}
.hdocDocument .hdocRappel:last-child {
  margin-bottom: 0;
}

.hdocRappel > .hdocTitres,
.hdocExercice > .hdocTitres {
  text-align: left;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #133766;
}
.hdocRappel > .hdocTitres .hdocTitre,
.hdocExercice > .hdocTitres .hdocTitre {
  color: #133766;
  font-variant: small-caps;
  font-size: 2.4rem;
}
.hdocRappel > .hdocTitres .hdocSousTitre,
.hdocExercice > .hdocTitres .hdocSousTitre {
  color: #7f8aac;
  font-size: 2.2rem;
}

/* ------- hdocExercice ----- */
.hdocExercice {
  margin: 10px 0;
  padding: 20px;
  color: #231f20;
  background-color: #fafafa;
  border: 2px solid #1e549e;
  border-top-left-radius: 10px;
}

.hdocDocument .hdocExercice {
  margin: 0 0 30px 0;
  border: 1px solid #1e549e;
  border-top-left-radius: 10px;
}
.hdocDocument .hdocExercice:last-child {
  margin-bottom: 0;
}

/* ------- hdocLoading ------ */
.hdocLoading {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

/* -------- hdocButton ------ */
.hdocButton {
  display: inline-block;
  border: none;
  border-radius: 3px;
  color: #231f20;
  background-color: #ff9b50;
  font-family: sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  line-height: 16px;
  padding: 8px 12px;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
}
.hdocButton:visited {
  color: #231f20;
}
.hdocButton:hover {
  background-color: #ffa850;
  text-decoration: none;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.hdocButton.disabled {
  color: #bbbbbb;
  background-color: #eeeeee;
  cursor: default;
}

/* ------- hdocButtons ------ */
.hdocButtons {
  display: -webkit-flex;
  display: flex;
  margin: 15px 0;
}
.hdocButtons .hdocButton.hdocHidden {
  display: none;
}
.hdocButtons .hdocAide .hdocButton,
.hdocButtons .hdocScript .hdocButton {
  font-size: 1.4rem;
  margin: 0 15px 2px 0;
  padding: 8px 12px;
}
.hdocButtons .hdocTimerWrapper {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
}
.hdocButtons .hdocActions {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
}
.hdocButtons .hdocActions .hdocButton {
  font-size: 1.4rem;
  margin: 0 0 2px 15px;
  padding: 8px 12px;
}
.hdocButtons .hdocTimerWrapper + .hdocActions {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* ------- hdocDialogue ----- */
.hdocDialogueFrame {
  display: none;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.hdocDialogueFrame > section {
  position: relative;
  width: 50%;
  max-width: 90%;
  margin: 0 auto;
  padding: 15px;
  border: 1px solid #231f20;
  border-radius: 5px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  top: 150px;
  -webkit-animation: hdocDialogueIn 0.8s;
  animation: hdocDialogueIn 0.8s;
}
.hdocDialogueFrame > section .hdocDialogueTitre {
  margin: 0 0 10px 0;
}
.hdocDialogueFrame > section .hdocDialogueButtons {
  margin: 10px 0 0 0;
  text-align: right;
}
.hdocDialogueFrame > section .hdocDialogueButtons .hdocButton {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 0 0 10px;
}

.hdocDialogueBascule {
  display: none;
}

.hdocDialogueBascule:checked + .hdocDialogueFrame {
  display: block;
}

.hdocDialogueBascule + .hdocDialogueFieldset {
  display: none;
}

.hdocDialogueBascule:checked + .hdocDialogueFieldset {
  display: block;
}

@keyframes hdocDialogueIn {
  from {
    top: 0;
  }
  to {
    top: 150px;
  }
}
/* -------- hdocPopin ------- */
.hdocPopin {
  display: inline-block;
  z-index: 10;
  width: 40%;
  max-width: 90%;
  margin-left: -20%;
  border-radius: 5px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  top: 200px;
  -webkit-animation: hdocPopinIn 0.8s;
  animation: hdocPopinIn 0.8s;
}
.hdocPopin.hdocHidden {
  display: none;
}
.hdocPopin label {
  display: block;
  text-align: right;
  padding: 0 5px 5px 0;
  font-size: 1.4rem;
  color: #7f7f7f;
  cursor: pointer;
}
.hdocPopin div {
  display: block;
  padding: 0 20px 20px 20px;
}

.hdocPopinClose {
  display: none;
}

.hdocPopinClose:checked ~ .hdocPopin {
  display: none;
}

@keyframes hdocPopinIn {
  from {
    top: 0;
  }
  to {
    top: 200px;
  }
}
/* ------- hdocFeatures ----- */
.hdocFeatures {
  text-align: right;
  color: #7f8aac;
  font-size: 1rem;
}

/*--------- hdocDebug ------- */
.hdocDebug {
  display: none;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  font-size: 1.2rem;
  color: #c081b1;
  background: #fbf8ef;
  border-top: 1px solid #993333;
}
.hdocDebug p {
  margin: 0;
}

/* ------ Miscellaneous ----- */
.hdocClear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
}

.hdocHidden {
  display: none;
}

.hdocRelative {
  position: relative;
}

/*
 * ======= SECTION LEVEL =======
 */
/* -------- hdocSection ------ */
.hdocSection {
  margin: 0 0 15px 0;
}
.hdocSection:last-child {
  margin-bottom: 0;
}
.hdocSection.hdocType-blog {
  background-color: #c7e0f8;
  padding: 10px;
  border-radius: 10px;
}
.hdocSection.hdocType-article {
  background-color: #eeeeee;
  padding: 10px;
  border-radius: 10px;
}

.hdocSection > .hdocTitres {
  margin: 0 0 10px 0;
  border-bottom: none;
}
.hdocSection > .hdocTitres .hdocTitre {
  color: #1e549e;
  font-variant: normal;
  font-size: 2.1rem;
}
.hdocSection > .hdocTitres .hdocSousTitre {
  color: #7f8aac;
  font-size: 1.9rem;
}

.hdocSection .hdocSection > .hdocTitres {
  margin: 0 0 8px 0;
}
.hdocSection .hdocSection > .hdocTitres .hdocTitre {
  color: #2467bf;
  font-variant: normal;
  font-size: 1.9rem;
}
.hdocSection .hdocSection > .hdocTitres .hdocSousTitre {
  color: #7f8aac;
  font-size: 1.7rem;
}

.hdocSection .hdocSection .hdocSection > .hdocTitres {
  margin: 0 0 6px 0;
}
.hdocSection .hdocSection .hdocSection > .hdocTitres .hdocTitre {
  color: #3f3f3f;
  font-variant: normal;
  font-size: 1.7rem;
}
.hdocSection .hdocSection .hdocSection > .hdocTitres .hdocSousTitre {
  color: #7f8aac;
  font-size: 1.5rem;
}

/* ------- hdocConsigne ------ */
.hdocConsigne {
  color: #231f20;
  margin: 0 0 15px 0;
  font-weight: bold;
}
.hdocConsigne:last-child {
  margin-bottom: 0;
}
.hdocConsigne.hdocFixe {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  background-color: #ffffff;
  border: 1px solid #959595;
  z-index: 10;
}
.hdocConsigne .hdocP {
  font-weight: bold;
}
.hdocConsigne .hdocListe li > span {
  font-weight: bold;
}
.hdocConsigne .hdocTable {
  font-weight: bold;
}
.hdocConsigne .hdocMedia {
  font-weight: bold;
}

/* --- hdocOrientation-xxx -- */
.hdocOrientation-ouest, .hdocOrientation-est {
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  display: flex;
  align-items: flex-start;
}
.hdocOrientation-ouest > div:first-child, .hdocOrientation-est > div:first-child {
  margin-right: 20px;
}
.hdocOrientation-ouest > div, .hdocOrientation-ouest > ul, .hdocOrientation-est > div, .hdocOrientation-est > ul {
  margin-top: 0;
  min-width: 10%;
}

/* -------- hdocItems ------- */
.hdocItems,
.hdocCategoriesItems,
.hdocCategoriesLegendItems {
  display: inline-block;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #fafafa;
  border: 1px solid #7f7f7f;
  border-radius: 10px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  min-width: 20px;
  min-height: 20px;
  overflow: hidden;
}

.hdocOrientation-sud .hdocItems,
.hdocOrientation-sud .hdocCategoriesItems,
.hdocOrientation-sud .hdocCategoriesLegendItems {
  margin-top: 15px;
  margin-bottom: 0;
}

/* ----- hdocCategories ----- */
.hdocCategories {
  margin: 10px 0 20px 0;
}
.hdocCategories .hdocCategory {
  padding: 10px;
  border: none;
  border-radius: 10px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}

/* ------- hdocKeyboard ------ */
.hdocKeyboard ul {
  display: -webkit-inline-flex;
  -webkit-flex-wrap: wrap;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% - 20px);
  border-radius: 10px;
  margin: 10px 0;
  padding: 5px 10px;
  background-color: #efefef;
}
.hdocKeyboard ul li {
  display: inline-block;
  position: relative;
  list-style-type: none;
  margin: 5px 5px 5px 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #fcfcfc;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
}
.hdocKeyboard ul li:last-child {
  margin-right: 0;
}
.hdocKeyboard ul li:hover {
  box-shadow: 0px 0px 10px #0086cb;
}
.hdocKeyboard ul li button {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  color: #231f20;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/* -------- hdocTimer ------- */
.hdocTimer {
  display: inline-block;
  margin: -3px 0 0 15px;
  width: 4em;
  font-size: 2rem;
  color: #000000;
  background-color: #fcfcfc;
  border: 3px solid #eeeeee;
  border-radius: 5px;
  vertical-align: middle;
}
.hdocTimer.hdocHidden {
  display: none;
}

.hdocTimer.hdocCountdown {
  position: relative;
  height: 1.5em;
  text-align: left;
}
.hdocTimer.hdocCountdown .hdocBar {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #c7e0f8;
  transition: all 0.3s ease-in-out;
}
.hdocTimer.hdocCountdown .hdocTime {
  position: absolute;
  display: inline-block;
  top: calc(50% - 0.6em);
  left: 0;
  width: 100%;
  text-align: center;
}

.hdocTimer.hdocChrono {
  padding: 3px 10px;
  text-align: center;
}

/* -------- hdocScore ------- */
.hdocScore {
  margin: 0 0 0 15px;
  padding: 0;
  border: none;
  color: #231f20;
  font-weight: bold;
}

/* ---- hdocAide/Script ----- */
.hdocButtons .hdocButtonLabel {
  display: inline;
}
.hdocButtons .hdocButtonIcon {
  display: none;
}
.hdocButtons .hdocButtonIcon:before {
  display: inline-block;
  width: 44px;
  height: 44px;
}

.hdocAide.hdocButton {
  color: #ffffff;
  background-color: #679b33;
}
.hdocAide.hdocButton:visited {
  color: #ffffff;
}
.hdocAide.hdocButton .hdocButtonIcon:before {
  content: url("../Images/picto_aide.png");
}
.hdocAide.hdocDialogueFrame > section {
  border: 1px solid #679b33;
}
.hdocAide.hdocDialogueFrame .hdocDialogueTitre {
  color: #679b33;
}
.hdocAide.hdocDialogueFrame .hdocButton {
  background-color: #679b33;
}
.hdocAide.hdocDialogueFieldset {
  border: 1px solid #679b33;
  margin-bottom: 10px;
}
.hdocAide.hdocDialogueFieldset legend {
  color: #679b33;
  background-color: #ffffff;
  border-radius: 10px;
}

.hdocExplication.hdocButton {
  color: #ffffff;
  background-color: #f0480e;
}
.hdocExplication.hdocButton:visited {
  color: #ffffff;
}
.hdocExplication.hdocButton .hdocButtonIcon:before {
  content: url("../Images/picto_explication.png");
}
.hdocExplication.hdocDialogueFrame > section {
  border: 1px solid #f0480e;
}
.hdocExplication.hdocDialogueFrame .hdocDialogueTitre {
  color: #f0480e;
}
.hdocExplication.hdocDialogueFrame .hdocButton {
  background-color: #f0480e;
}
.hdocExplication.hdocDialogueFieldset {
  border: 1px solid #f0480e;
  margin-bottom: 10px;
}
.hdocExplication.hdocDialogueFieldset legend {
  color: #f0480e;
  background-color: #ffffff;
  border-radius: 10px;
}

.hdocStrategie.hdocButton {
  color: #ffffff;
  background-color: #8a8a8a;
}
.hdocStrategie.hdocButton:visited {
  color: #ffffff;
}
.hdocStrategie.hdocButton .hdocButtonIcon:before {
  content: url("../Images/picto_strategie.png");
}
.hdocStrategie.hdocDialogueFrame > section {
  border: 1px solid #8a8a8a;
}
.hdocStrategie.hdocDialogueFrame .hdocDialogueTitre {
  color: #8a8a8a;
}
.hdocStrategie.hdocDialogueFrame .hdocButton {
  background-color: #8a8a8a;
}
.hdocStrategie.hdocDialogueFieldset {
  border: 1px solid #8a8a8a;
  margin-bottom: 10px;
}
.hdocStrategie.hdocDialogueFieldset legend {
  color: #8a8a8a;
  background-color: #ffffff;
  border-radius: 10px;
}

.hdocScript.hdocButton {
  color: #ffffff;
  background-color: #421d75;
}
.hdocScript.hdocButton:visited {
  color: #ffffff;
}
.hdocScript.hdocButton .hdocButtonIcon:before {
  content: url("../Images/picto_script.png");
}
.hdocScript.hdocDialogueFrame > section {
  border: 1px solid #421d75;
}
.hdocScript.hdocDialogueFrame .hdocDialogueTitre {
  color: #421d75;
}
.hdocScript.hdocDialogueFrame .hdocButton {
  background-color: #421d75;
}
.hdocScript.hdocDialogueFieldset {
  border: 1px solid #421d75;
  margin-bottom: 10px;
}
.hdocScript.hdocDialogueFieldset legend {
  color: #421d75;
  background-color: #ffffff;
  border-radius: 10px;
}

/* -------- hdocAction ------- */
.hdocActions .hdocButton.hdocSubmit {
  color: #231f20;
  background-color: #ff9b50;
}
.hdocActions .hdocButton.hdocSubmit:hover {
  background-color: #ffa850;
}
.hdocActions .hdocButton.hdocRedo {
  color: #231f20;
  background-color: #ff9b50;
}
.hdocActions .hdocButton.hdocRedo:hover {
  background-color: #ffa850;
}
.hdocActions .hdocButton.hdocRightAnswer {
  color: #231f20;
  background-color: #ff9b50;
}
.hdocActions .hdocButton.hdocRightAnswer:hover {
  background-color: #ffa850;
}
.hdocActions .hdocButton.hdocUserAnswer {
  color: #231f20;
  background-color: #ff9b50;
}
.hdocActions .hdocButton.hdocUserAnswer:hover {
  background-color: #ffa850;
}
.hdocActions .hdocButton.hdocVerifyUserAnswer {
  color: #231f20;
  background-color: #ff9b50;
}
.hdocActions .hdocButton.hdocVerifyUserAnswer:hover {
  background-color: #ffa850;
}
.hdocActions .hdocButton.hdocRetry {
  color: #231f20;
  background-color: #ff9b50;
}
.hdocActions .hdocButton.hdocRetry:hover {
  background-color: #ffa850;
}
.hdocActions .hdocButton.hdocNext {
  color: #231f20;
  background-color: #ff9b50;
}
.hdocActions .hdocButton.hdocNext:hover {
  background-color: #ffa850;
}

/* ------- hdocCorrige ------- */
.hdocCorrige {
  display: none;
  border: 1px solid #4298b0;
  margin-bottom: 10px;
}
.hdocCorrige legend {
  color: #4298b0;
  background-color: #ffffff;
  border-radius: 10px;
}

/* ------- hdocFeedback ------ */
.hdocFeedback {
  text-align: center;
  font-weight: bold;
}
.hdocFeedback.hdocFeedback1 {
  color: #339933;
}
.hdocFeedback.hdocFeedback2 {
  color: #339933;
}
.hdocFeedback.hdocFeedback3 {
  color: #231f20;
}
.hdocFeedback.hdocFeedback4 {
  color: #e66b00;
}
.hdocFeedback.hdocFeedback5 {
  color: #993333;
}
.hdocFeedback.hdocFeedback6 {
  color: #993333;
}

/* ------- hdocEncourage ----- */
.hdocEncourage {
  text-align: center;
  font-weight: bold;
}
.hdocEncourage.hdocEncourage1 {
  color: #339933;
}
.hdocEncourage.hdocEncourage2 {
  color: #339933;
}
.hdocEncourage.hdocEncourage3 {
  color: #231f20;
}
.hdocEncourage.hdocEncourage4 {
  color: #e66b00;
}
.hdocEncourage.hdocEncourage5 {
  color: #993333;
}
.hdocEncourage.hdocEncourage6 {
  color: #993333;
}

/*
 * ========== QCU-QCM =========
 */
/* -------- hdocChoices ----- */
.hdocChoices {
  margin: 0.3em 0;
  padding-left: 0;
}
.hdocChoices li {
  list-style: none inside;
  margin-bottom: 6px;
}
.hdocChoices img {
  vertical-align: sub;
}
.hdocChoices td {
  font-weight: bold;
  text-align: center;
}
.hdocChoices td:first-child {
  font-weight: normal;
  text-align: justify;
}
.hdocChoices td:hover label {
  color: #0086cb;
}
.hdocChoices th {
  padding: 5px;
}
.hdocChoices.hdocDisposition-horizontal {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocChoices.hdocDisposition-horizontal li {
  margin-right: 12px;
  max-width: calc(33% - 12px);
}

/* ------ hdocVraiFaux ------ */
.hdocVraiFaux {
  display: -webkit-flex;
  -webkit-justify-content: space-evenly;
  display: flex;
  justify-content: space-evenly;
}
.hdocVraiFaux div {
  padding: 5px 10px 10px 10px;
  margin: 10px;
  background-color: #fcfcfc;
  border: 2px solid #bbbbbb;
  font-weight: bold;
}
.hdocVraiFaux div span {
  font-family: monospace;
}
.hdocVraiFaux div:hover label {
  color: #0086cb;
}
.hdocVraiFaux input {
  margin: 0;
}

/*
 * ========= TROUS-XXX =========
 */
/* --------- hdocText ------- */
.hdocText {
  line-height: 1.7em;
}
.hdocText .hdocP {
  line-height: 1.7em;
}
.hdocText input[type=text], .hdocText select, .hdocText textarea {
  font-size: 1.6rem;
  padding: 0;
  background-color: #fcfcfc;
  border: 1px solid #bbbbbb;
  outline: 0;
}
.hdocText input:disabled, .hdocText select:disabled, .hdocText textarea:disabled {
  opacity: 1;
  color: #231f20;
}
.hdocText input.answerOk, .hdocText select.answerOk, .hdocText textarea.answerOk {
  border-bottom: 3px solid #54eb5a;
}
.hdocText input.answerKo, .hdocText select.answerKo, .hdocText textarea.answerKo {
  border-bottom: 3px solid #ffa858;
}
.hdocText .hdocChoiceLetter {
  text-align: center;
}
.hdocText input[type=text] + span.hdocChoiceDots,
.hdocText select + span.hdocChoiceDots {
  display: none;
}

/*
 * ========== POINTAGE =========
 */
.hdocPointageCategories {
  margin: 10px 0 20px 0;
}
.hdocPointageCategories .hdocCategory {
  padding: 0;
  border: none;
  background-color: transparent;
}
.hdocPointageCategories .hdocCategoryColor {
  display: inline-block;
  margin: 0;
  padding: 5px;
  border: 3px solid transparent;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}
.hdocPointageCategories .selected .hdocCategoryColor {
  color: #231f20;
  border-color: #0086cb;
}

.hdocPointMedia {
  display: inline-block;
  padding: 2px;
  line-height: initial;
}

.hdocSansIndice .hdocPoint {
  background-color: transparent;
}
.hdocSansIndice .hdocPoint:hover {
  background-color: transparent;
}
.hdocSansIndice .hdocPoint.selected {
  background-color: #0086cb;
}
.hdocSansIndice .hdocPoint.hdocColor1 {
  color: #fff693;
}
.hdocSansIndice .hdocPoint.hdocBgColor1, .hdocSansIndice .hdocPoint.hdocBgColor1:hover {
  background-color: #fff693;
}
.hdocSansIndice .hdocPoint.hdocColor2 {
  color: #c0ffc0;
}
.hdocSansIndice .hdocPoint.hdocBgColor2, .hdocSansIndice .hdocPoint.hdocBgColor2:hover {
  background-color: #c0ffc0;
}
.hdocSansIndice .hdocPoint.hdocColor3 {
  color: #e2aaff;
}
.hdocSansIndice .hdocPoint.hdocBgColor3, .hdocSansIndice .hdocPoint.hdocBgColor3:hover {
  background-color: #e2aaff;
}
.hdocSansIndice .hdocPoint.hdocColor4 {
  color: #ffcfb7;
}
.hdocSansIndice .hdocPoint.hdocBgColor4, .hdocSansIndice .hdocPoint.hdocBgColor4:hover {
  background-color: #ffcfb7;
}
.hdocSansIndice .hdocPoint.hdocColor5 {
  color: #ddddcc;
}
.hdocSansIndice .hdocPoint.hdocBgColor5, .hdocSansIndice .hdocPoint.hdocBgColor5:hover {
  background-color: #ddddcc;
}

/*
 * ========= MATCHING ==========
 */
/* ------- hdocMatching ------ */
.hdocMatching {
  margin-right: -10px;
}
.hdocMatching.hdocDisposition-horizontal {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.hdocMatching.hdocDisposition-horizontal .hdocMatch {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.hdocMatching .hdocMatch {
  text-align: center;
}
.hdocMatching .hdocMatch > div {
  margin: 0 10px 20px 0;
  padding: 10px;
  border: 1px solid #c7e0f8;
}
.hdocMatching .hdocMatch > div > div:first-child {
  margin-bottom: 10px;
}
.hdocMatching .hdocImage.hdocType-vignette {
  vertical-align: middle;
  border-radius: 5px;
  max-height: 120px;
}

/* -- hdocMatchingLinkItems - */
.hdocMatchingLinkItems {
  display: inline-block;
  min-width: 30%;
  max-width: 33%;
  vertical-align: top;
}
.hdocMatchingLinkItems .hdocMatchingLinkItem {
  display: block;
  padding: 5px;
  margin-bottom: 10px;
  color: inherit;
  background-color: #f0f8ff;
  border-radius: 5px;
  border: 1px solid #7f7f7f;
}
.hdocMatchingLinkItems .hdocMatchingLinkItem .hdocImage.hdocType-vignette {
  vertical-align: middle;
  border-radius: 5px;
  max-height: 120px;
}
.hdocMatchingLinkItems.hdocMatchingLinkItemsLeft .hdocMatchingLinkItem {
  text-align: right;
}

@media screen and (max-width: 640px) {
  .hdocMatchingLinkItems {
    min-width: 25%;
  }
}
@media screen and (max-width: 480px) {
  .hdocMatchingLinkItems {
    min-width: 20%;
  }
}
/*
 * ======== CATEGORIES =========
 */
/* -- hdocCategoriesBasket -- */
.hdocCategoriesBasket {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
}

.hdocCategoryBasket {
  flex: 1 1 auto;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  display: flex;
  flex-direction: column;
  margin: 0 10px 10px 0;
  border: 1px solid #1d1c5e;
  border-radius: 5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  background-color: #fafafa;
  text-align: center;
  font-size: 1.4rem;
}
.hdocCategoryBasket .legend {
  padding: 5px 10px;
  color: #ffffff;
  background-color: #1d1c5e;
  font-size: 1.4rem;
}
.hdocCategoryBasket .hdocCategoryDrop {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 8em;
  min-height: 5em;
  padding: 5px;
  border-radius: 5px;
  touch-action: none;
}
.hdocCategoryBasket .hdocCategoryDrop.dragOver {
  color: inherit;
  background-color: #d7edff;
}
.hdocCategoryBasket .hdocCategoryItemDropped,
.hdocCategoryBasket .hdocCategoryLegendItemDropped {
  display: block;
  margin: 0 0 5px 0;
}
.hdocCategoryBasket .hdocCategoryItemDropped.answerOk,
.hdocCategoryBasket .hdocCategoryLegendItemDropped.answerOk {
  border-bottom: 3px solid #54eb5a;
}
.hdocCategoryBasket .hdocCategoryItemDropped.answerKo,
.hdocCategoryBasket .hdocCategoryLegendItemDropped.answerKo {
  border-bottom: 3px solid #ffa858;
}

/* -- hdocCategoriesColors -- */
.hdocCategoriesColor.hdocNoMultiple {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-right: -10px;
}
.hdocCategoriesColor.hdocNoMultiple li {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  text-align: center;
  padding: 0 10px 10px 0;
  list-style-type: none;
}
.hdocCategoriesColor.hdocNoMultiple li.hdocChoice {
  background-color: transparent;
}
.hdocCategoriesColor.hdocNoMultiple li > div {
  padding: 10px;
  border: 1px solid #c7e0f8;
}
.hdocCategoriesColor.hdocNoMultiple li.hdocBgColor1 > div {
  background-color: #fff693;
}
.hdocCategoriesColor.hdocNoMultiple li.hdocBgColor2 > div {
  background-color: #c0ffc0;
}
.hdocCategoriesColor.hdocNoMultiple li.hdocBgColor3 > div {
  background-color: #e2aaff;
}
.hdocCategoriesColor.hdocNoMultiple li.hdocBgColor4 > div {
  background-color: #ffcfb7;
}
.hdocCategoriesColor.hdocNoMultiple li.hdocBgColor5 > div {
  background-color: #ddddcc;
}
.hdocCategoriesColor.hdocNoMultiple li.hdocBgColor6 > div {
  background-color: #96e1ea;
}
.hdocCategoriesColor.hdocNoMultiple li.hdocBgColor7 > div {
  background-color: #f4c0d0;
}
.hdocCategoriesColor.hdocNoMultiple li.answerOk > div {
  border-bottom: 3px solid #54eb5a;
}
.hdocCategoriesColor.hdocNoMultiple li.answerKo > div {
  border-bottom: 3px solid #ffa858;
}
.hdocCategoriesColor.hdocNoMultiple .hdocImage-thumbnail {
  vertical-align: middle;
}

.hdocCategoriesColor.hdocMultiple li {
  display: block;
  border: 1px solid #c7e0f8;
  margin-bottom: 10px;
  padding: 10px;
}

/* --- hdocCategoriesGrid --- */
.hdocTableau.hdocCategoriesGrid td {
  border: 1px solid #c7e0f8;
  text-align: center;
  vertical-align: middle;
}
.hdocTableau.hdocCategoriesGrid tr:last-child td {
  border-bottom-color: #7f8aac;
}
.hdocTableau.hdocCategoriesGrid td:last-child {
  border-right-color: #7f8aac;
}
.hdocTableau.hdocCategoriesGrid th {
  vertical-align: middle;
}
.hdocTableau.hdocCategoriesGrid thead th {
  color: #ffffff;
  background-color: #1d1c5e;
  font-variant: normal;
}
.hdocTableau.hdocCategoriesGrid thead th:first-child {
  background-color: transparent;
  border-top: none;
  border-left: none;
}
.hdocTableau.hdocCategoriesGrid th:first-child {
  background-color: #f0f8ff;
}

/* --- hdocCategoriesFloat -- */
.hdocCategoriesFloat {
  display: -webkit-flex;
  display: flex;
}
.hdocCategoriesFloat > div:first-child {
  margin-right: 20px;
}
.hdocCategoriesFloat .hdocCategoriesBasket {
  -wbekit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.hdocCategoriesFloat .hdocCategoriesLegendItems {
  padding: 10px;
  background-color: #fafafa;
  border: 1px solid #7f7f7f;
  border-radius: 10px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  min-width: 30px;
  min-height: 20px;
  overflow: hidden;
}
.hdocCategoriesFloat .hdocCategoryLegendItem {
  display: block;
  padding: 0.2em;
  margin: 0 5px 10px 5px;
  color: inherit;
  background-color: #f0f8ff;
  border-radius: 5px;
  border: 1px solid #c7e0f8;
  text-align: center;
  cursor: grab;
  touch-action: none;
}
.hdocCategoriesFloat .hdocCategoryLegendItem:last-child {
  margin-bottom: 0;
}
.hdocCategoriesFloat .hdocCategoryLegendItemDropped {
  cursor: pointer;
}
.hdocCategoriesFloat .hdocDots.dragOver:before {
  color: #231f20;
  background-color: #d7edff;
}
.hdocCategoriesFloat .hdocCategoryLegendItem {
  color: #231f20;
}

/*
 * ========= WORDSEARCH ========
 */
/* ------ hdocMotsMeles ----- */
.hdocMotsMeles {
  display: -webkit-flex;
  display: flex;
}
.hdocMotsMeles > div:first-child {
  margin-left: 0;
}
.hdocMotsMeles > div:last-child {
  margin-right: 0;
}

/* -- hdocMotsMelesPanneau -- */
.hdocMotsMelesPanneau {
  margin: 0 20px;
}
.hdocMotsMelesPanneau ul {
  padding: 0;
  margin: 0;
  list-style-type: square;
  list-style-position: inside;
}
.hdocMotsMelesPanneau li {
  margin-bottom: 6px;
  font-weight: bold;
  color: #7f7f7f;
}
.hdocMotsMelesPanneau .hdocWordsearchTools {
  margin-bottom: 15px;
}
.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchHighlighter,
.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchEraser {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  padding: 5px;
  border: 1px solid #7f7f7f;
  border-radius: 5px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchHighlighter {
  background: transparent url("../Images/highlighter.png") no-repeat center;
  background-size: contain;
}
.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchEraser {
  background: transparent url("../Images/eraser.png") no-repeat center;
  background-size: contain;
}
.hdocMotsMelesPanneau .hdocWordsearchTools .hdocActive {
  background-color: #0086cb;
}

/* --- hdocWordsearchGrid ---- */
.hdocWordsearchGrid {
  margin: 0 20px;
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}
.hdocWordsearchGrid table {
  border: 1px solid #7f7f7f;
  padding: 10px;
}
.hdocWordsearchGrid table td {
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  padding: 0;
  cursor: pointer;
}
.hdocWordsearchGrid .hdocWordsearchOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hdocWordsearchGrid .hdocWordsearchHighlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  height: 1.8em;
  transform-origin: 1em 1em;
  transform: rotate(0deg);
}
.hdocWordsearchGrid .hdocWordsearchHighlight::before {
  position: absolute;
  width: calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  margin: 0.25em;
  background-color: rgba(190, 240, 255, 0.5);
  border-radius: 50px;
  content: "";
}
.hdocWordsearchGrid .hdocWordsearchHighlight.hdocWordsearchHighlightDrawing::before {
  background-color: #bef0ff;
}
.hdocWordsearchGrid .hdocWordsearchHighlight.hdocWordsearchHighlightEraser::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.hdocWordsearchGrid .hdocWordsearchHighlight.answerOk::before {
  background-color: rgba(150, 255, 150, 0.5);
}
.hdocWordsearchGrid .hdocWordsearchHighlight.answerKo::before {
  background-color: rgba(255, 150, 150, 0.5);
}

/*
 * ========= FLASHCARD ========
 */
/* ----- hdocFlashcard ------ */
.hdocQuestion .hdocFlashcard {
  position: relative;
  width: 30em;
  height: 30em;
  margin: 20px auto;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.hdocQuestion .hdocFlashcard .hdocFlashcardSide {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: transform 0.6s;
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #7f7f7f;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  overflow: hidden;
}
.hdocQuestion .hdocFlashcard .hdocFlashcardSide > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 20px);
  padding: 10px;
}
.hdocQuestion .hdocFlashcard .hdocFlashcardSide .hdocMedia {
  text-align: center;
}
.hdocQuestion .hdocFlashcard .hdocFlashcardSide img {
  margin: 0 auto;
  max-height: 25em;
}
.hdocQuestion .hdocFlashcard .hdocFlashcardSide.hdocSide1 {
  top: 0;
  z-index: 2;
}
.hdocQuestion .hdocFlashcard.hdocFlipped .hdocFlashcardSide.hdocSide1 {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.hdocQuestion .hdocFlashcard .hdocFlashcardSide.hdocSide2 {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.hdocQuestion .hdocFlashcard.hdocFlipped .hdocFlashcardSide.hdocSide2 {
  z-index: 3;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* - hdocFlashcardTurnOver - */
.hdocFlashcardTurnOver {
  margin-bottom: 20px;
  text-align: center;
}
.hdocFlashcardTurnOver .hdocButton {
  color: #231f20;
  background-color: #ff9b50;
}
.hdocFlashcardTurnOver .hdocButton:hover {
  background-color: #ffa850;
}
.hdocFlashcardTurnOver .hdocButton.disabled {
  color: #bbbbbb;
  background-color: #eeeeee;
  cursor: default;
}

/* -------- hdocPopin ------- */
.hdocFlashcard .hdocPopin {
  width: 90%;
  margin-left: -45%;
  top: 50px;
  animation: hdocFlashcardPopinIn 0.4s;
}

@keyframes hdocFlashcardPopinIn {
  from {
    top: 0;
  }
  to {
    top: 50px;
  }
}
/*
 * ========== COLORING =========
 */
.hdocColorPalette .hdocColoringTool,
.hdocColorPalette .hdocColoringColor {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 3px solid #bbbbbb;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  cursor: pointer;
}
.hdocColorPalette .selected {
  border: 3px solid #0086cb;
}
.hdocColorPalette .hdocColoringEraser {
  width: 32px;
  height: 32px;
  margin: 8px;
  background: transparent url("../Images/eraser.png") no-repeat center;
  background-size: contain;
}

.hdocColoringCanvas {
  max-width: 100%;
}

.hdocOrientation-nord .hdocColorPalette {
  margin-bottom: 10px;
}

.hdocOrientation-sud .hdocColorPalette {
  margin-top: 10px;
}

.hdocOrientation-ouest .hdocColorPalette {
  margin-right: 10px;
}
.hdocOrientation-ouest .hdocColorPalette .hdocColoringTool,
.hdocOrientation-ouest .hdocColorPalette .hdocColoringColor {
  display: block;
  margin: 0 0 10px 0;
}

.hdocOrientation-est .hdocColorPalette {
  margin-left: 10px;
}
.hdocOrientation-est .hdocColorPalette .hdocColoringTool,
.hdocOrientation-est .hdocColorPalette .hdocColoringColor {
  display: block;
  margin: 0 0 10px 0;
}

.hdocOrientation-ouest .hdocColoringZone,
.hdocOrientation-est .hdocColoringZone {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

/*
 * ========== MEMORY ===========
 */
/* -------- hdocMemory ------ */
.hdocMemory {
  box-sizing: border-box;
  position: relative;
  height: 100%;
}
.hdocMemory .pdocImage-thumbnail,
.hdocMemory img.pdocImage-thumbnail,
.hdocMemory .pdocImage-thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.hdocMemory .hdocImage, .hdocMemory img.hdocImage, .hdocMemory .hdocImage img {
  max-width: 100%;
  max-height: 100%;
}
.hdocMemory .hdocActions .hdocButton.hdocRedo.hdocHidden {
  visibility: hidden;
  display: inline-block;
}

.hdocMemory .pdocMedia {
  padding: 0;
  margin: 0;
}

/* --- hdocMemoryContainer -- */
.hdocMemoryContainer {
  box-sizing: border-box;
  position: relative;
  height: 100%;
}

/* ----- hdocMemoryBoard ---- */
.hdocMemoryBoard {
  box-sizing: border-box;
  display: flex;
  position: relative;
  background-repeat: repeat;
  overflow: hidden;
  text-align: center;
  height: 100%;
}

/* - hdocMemoryStateDisabled  */
.hdocMemoryStateDisabled {
  background: white;
  opacity: 0.4;
}

/* ----- hdocMemoryPick ----- */
.hdocMemoryPick {
  margin: auto;
}

/* ----- hdocMemoryItem ----- */
.hdocMemoryItem {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  margin: 10px;
}
.hdocMemoryItem .front,
.hdocMemoryItem .back {
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  border-radius: 10px;
  overflow: hidden;
}
.hdocMemoryItem .front {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.hdocMemoryItem.flipped .front {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
}
.hdocMemoryItem.flipped .back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.hdocMemoryItem.item-visibility {
  visibility: hidden;
}

/* - hdocMemoryCardNumber -- */
.hdocMemoryCardNumber {
  display: none;
  bottom: 0;
  right: 0;
  padding: 10px;
}

/* ---------- rows ---------- */
.hdocMemory .rows {
  margin: auto;
}
.hdocMemory .row {
  line-height: 0px;
}

/* --------- answer --------- */
.hdocMemoryAnswerBox {
  cursor: pointer;
  line-height: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hdocMemoryAnswerBox .container {
  position: relative;
  text-align: center;
}

.hdocMemoryAnswerBox .container .itemAnswer:first-child {
  display: inline-block;
  margin-right: 10px;
  margin-left: 150px;
}

.hdocMemoryAnswerBox .container .itemAnswer:last-child {
  display: inline-block;
  margin-right: 150px;
  margin-left: 10px;
  position: relative;
}

.hdocMemoryAnswerBox .container .itemAnswer:last-child:after {
  position: absolute;
  content: "✕";
  font-size: 2.5rem;
  font-weight: bold;
  top: -1rem;
  right: -2.5rem;
  color: #000000;
}

/* ------ congratulate ------ */
.hdocMemoryCongratulateBox {
  cursor: pointer;
  line-height: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hdocMemoryCongratulateBox .container {
  position: relative;
  text-align: center;
  height: 100%;
}

.hdocMemoryCongratulateBox .container .itemAnswer {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}

/* - hdocMemoryCorrectAnswer  */
.hdocMemoryCorrectAnswer {
  margin: auto;
}

.hdocMemoryItemCorrect {
  display: inline-block;
  margin: 10px;
  white-space: nowrap;
}

.hdocMemoryItemCorrect img {
  display: inline-block;
  max-width: 50%;
}

/* ------- hdocTimer ------- */
.hdocMemory .hdocTimer {
  display: inline-block;
  padding: 5px;
  background-color: white;
  font-size: 1.2em;
  font-family: monospace;
  border: 5px solid lightgrey;
  border-radius: 4px;
}

/* --- hdocEndCountdown ---- */
.hdocMemory .hdocEndCountdown {
  border-color: red;
  -webkit-animation: animblink linear 10 alternate 500ms;
  -moz-animation: animblink linear 10 alternate 500ms;
  animation: animblink linear 10 alternate 500ms;
}

@-webkit-keyframes animblink {
  1% {
    border-color: transparent;
  }
  100% {
    border-color: red;
  }
}
@-moz-keyframes animblink {
  1% {
    border-color: transparent;
  }
  100% {
    border-color: red;
  }
}
@keyframes animblink {
  1% {
    border-color: transparent;
  }
  100% {
    border-color: red;
  }
}
/* ------- hdocScore ------- */
.hdocMemory .hdocScore:before {
  content: "Score : ";
}

/* ----- publiquizAction ---- */
.hdocMemory .publiquizAction {
  height: 74px;
  max-height: 74px;
}

/* ------- pdocNavBar ------- */
.hdocMemory .pdocNavBar:after {
  content: "";
  clear: both;
  display: block;
}

/* ---------- Misc ---------- */
.hdocMemory .hdocHidden {
  display: none;
}

/* --------- answer --------- */
.hdocMemoryAnswerBox {
  background-color: rgba(255, 255, 255, 0.8);
}

/* ------ congratulate ------ */
.hdocMemoryCongratulateBox {
  background-color: rgba(128, 128, 128, 0.8);
}

/*
 * ========== DICTATION ========
 */
.hdocDictationMedia .hdocMedia.hdocMediaAudio {
  max-width: 100%;
}
.hdocDictationMedia .hdocAudio {
  width: 100%;
}

.hdocDictationText {
  display: -webkit-flex;
  display: flex;
  margin: 2em 0;
}
.hdocDictationText > div, .hdocDictationText > section {
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
}
.hdocDictationText .hdocDictationUser {
  font-size: 1.6rem;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #7f7f7f;
  width: 100%;
}
.hdocDictationText .hdocDictationUserAnswer {
  display: none;
  padding: 10px;
}
.hdocDictationText .hdocDictationAnswer {
  padding: 10px;
}
.hdocDictationText h3 {
  margin: 0 0 10px 0;
}
.hdocDictationText del {
  color: #d7810a;
  text-decoration: none;
}
.hdocDictationText ins {
  color: #0c72ec;
  text-decoration: none;
  text-decoration: line-through;
}
.hdocDictationText .hdocDictationAnswer del {
  font-weight: bold;
}
.hdocDictationText .hdocDictationAnswer del.hdocHint {
  position: relative;
  display: inline-block;
  text-decoration: underline;
}
.hdocDictationText .hdocDictationAnswer del.hdocHint span {
  position: absolute;
  visibility: hidden;
  font-size: 1.2rem;
  font-weight: normal;
  background-color: #feeac0;
  color: #000000;
  text-align: center;
  width: 16em;
  border-radius: 5px;
  padding: 5px;
  z-index: 1;
  bottom: 120%;
  right: 0;
}
.hdocDictationText .hdocDictationAnswer del.hdocHint span::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 20px;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #feeac0 transparent transparent transparent;
}
.hdocDictationText .hdocDictationAnswer del.hdocHint:hover span {
  visibility: visible;
}

/*
 * ======== PRODUCTION =========
 */
.hdocProduction {
  margin-top: 1em;
  padding: 5px;
  width: calc(100% - 10px);
  height: 12em;
  font-size: initial;
}

/*
 * ========= COMPOSITE =========
 */
.hdocCompositeElements {
  padding-left: 1.4em;
}
.hdocCompositeElements.hdocSansNumerotation, .hdocCompositeElements.hdocCompositeMultipage {
  padding-left: 0;
}
.hdocCompositeElements.hdocSansNumerotation > li, .hdocCompositeElements.hdocCompositeMultipage > li {
  list-style-type: none;
}
.hdocCompositeElements li::marker {
  font-weight: bold;
}
.hdocCompositeElements .hdocCompositeNumber {
  float: right;
  color: #7f7f7f;
  font-size: 1.2rem;
  margin: 0 0 10px 10px;
}
.hdocCompositeElements .hdocCompositeElement {
  margin-bottom: 20px;
}
.hdocCompositeElements .hdocItems,
.hdocCompositeElements .hdocCategoriesItems {
  vertical-align: text-top;
}
.hdocCompositeElements .hdocMatchingLinkWrapper {
  display: inline;
  vertical-align: top;
}

.hdocCompositeNavigation {
  display: -webkit-flex;
  display: flex;
}
.hdocCompositeNavigation > span:first-child {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.hdocCompositeNavigation .hdocButton {
  color: #231f20;
  background-color: #c7e0f8;
  border-radius: inherit;
}
.hdocCompositeNavigation .hdocButton:hover {
  background-color: #d7edff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.hdocCompositeNavigation .hdocButton.disabled {
  display: none;
}

/*
 * =========== BLOCK ===========
 */
/* ----- hdocBlocTitres ----- */
.hdocBlocTitres {
  font-family: sans-serif;
  font-weight: bold;
  margin: 0;
}
.hdocBlocTitres .hdocTitre {
  color: #4f4f4f;
  font-size: 1.4rem;
}
.hdocBlocTitres .hdocSep {
  color: #4f4f4f;
}
.hdocBlocTitres .hdocSousTitre {
  color: #4f4f4f;
  font-size: 1.4rem;
}

/* ---------- hdocP --------- */
p.hdocP {
  margin: 0 0 6px 0;
  text-align: justify;
  font-weight: normal;
}
p.hdocP:last-child {
  margin-bottom: 0;
}

.hdocTableau th p.hdocP {
  text-align: inherit;
  font-weight: inherit;
}

.hdocLegende p.hdocP,
.hdocAide p.hdocP,
.hdocScript p.hdocP,
.hdocCorrige p.hdocP {
  text-align: inherit;
  font-weight: normal;
}

span.hdocP {
  display: block;
  margin: 0 0 6px 0;
  text-align: justify;
  font-weight: normal;
}

/* -------- hdocListe ------- */
.hdocListe {
  margin: 0 0 6px 0;
}
.hdocListe:last-child {
  margin-bottom: 0;
}
.hdocListe li {
  margin-bottom: 5px;
  text-align: justify;
  color: #231f20;
}
.hdocListe li > span {
  font-weight: normal;
}
.hdocListe p {
  margin: 0 0 5px 0;
}
.hdocListe p:last-child {
  margin-bottom: 0;
}

ul.hdocListe {
  padding-left: 1.5rem;
  list-style-type: "– ";
}

ol.hdocListe {
  padding-left: 2.4rem;
}
ol.hdocListe.hdocListeAlphaLower {
  list-style-type: lower-alpha;
  padding-left: 1.9rem;
}
ol.hdocListe.hdocListeAlphaUpper {
  list-style-type: upper-alpha;
  padding-left: 1.9rem;
}

/* ------- hdocCitation ----- */
.hdocCitation {
  margin: 0 0 6px 0;
  padding-left: 5px;
  border-left: 2px solid #7f8aac;
  text-align: justify;
  font-weight: normal;
}
.hdocCitation:last-child {
  margin-bottom: 0;
}
.hdocCitation .hdocAttribution {
  display: block;
  font-size: 1.4rem;
  font-style: normal;
  text-align: right;
}

/* ------ hdocTableau ------- */
.hdocTableau {
  margin: 0 0 6px 0;
}
.hdocTableau:last-child {
  margin-bottom: 0;
}
.hdocTableau table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.hdocTableau table textarea {
  width: 100%;
}
.hdocTableau thead th:nth-child(n) {
  color: #1e549e;
  background-color: inherit;
}
.hdocTableau th, .hdocTableau td {
  vertical-align: text-top;
  padding: 8px;
  border: 1px solid #7f8aac;
}
.hdocTableau th p, .hdocTableau td p {
  text-align: inherit;
}
.hdocTableau td {
  text-align: left;
}
.hdocTableau tr[align=center] .hdocP, .hdocTableau td[align=center] .hdocP, .hdocTableau th[align=center] .hdocP {
  text-align: center;
}
.hdocTableau tr[align=right] .hdocP, .hdocTableau td[align=right] .hdocP, .hdocTableau th[align=right] .hdocP {
  text-align: right;
}
.hdocTableau tr[align=justify] .hdocP, .hdocTableau td[align=justify] .hdocP, .hdocTableau th[align=justify] .hdocP {
  text-align: justify;
}
.hdocTableau thead td, .hdocTableau thead th {
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
}
.hdocTableau.hdocType-sans-bord th, .hdocTableau.hdocType-sans-bord td, .hdocTableau.hdocType-sans-bords th, .hdocTableau.hdocType-sans-bords td, .hdocTableau.hdocType-sans-bord-non-etendu th, .hdocTableau.hdocType-sans-bord-non-etendu td {
  border: none;
}
.hdocTableau.hdocType-addition table, .hdocTableau.hdocType-soustraction table {
  width: auto;
  line-height: 1.5em;
}
.hdocTableau.hdocType-addition th, .hdocTableau.hdocType-addition td, .hdocTableau.hdocType-soustraction th, .hdocTableau.hdocType-soustraction td {
  border: none;
  text-align: right;
  padding: 0 0.5em 0 0.5em;
}
.hdocTableau.hdocType-addition th, .hdocTableau.hdocType-soustraction th {
  border-top: 1px solid black;
}
.hdocTableau.hdocType-addition input[type=text], .hdocTableau.hdocType-soustraction input[type=text] {
  width: 2em;
}
.hdocTableau.hdocType-addition tr:first-child {
  line-height: 1em;
}
.hdocTableau.hdocType-addition tr:first-child td {
  font-size: 85%;
  color: gray;
  top: 0.3em;
  left: 0.3em;
  position: relative;
}
.hdocTableau.hdocType-addition tr:nth-child(2), .hdocTableau.hdocType-addition tr:nth-child(4) {
  line-height: 1em;
}
.hdocTableau.hdocType-soustraction tr:nth-child(2) td,
.hdocTableau.hdocType-soustraction tr:nth-child(4) td {
  font-size: 85%;
  color: gray;
  top: -0.3em;
  left: -0.5em;
  position: relative;
}
.hdocTableau.hdocType-soustraction tr:nth-child(4) td {
  left: 0.5em;
}
.hdocTableau.hdocType-fraction table {
  width: auto;
}
.hdocTableau.hdocType-fraction td, .hdocTableau.hdocType-fraction th {
  border: none;
}
.hdocTableau.hdocType-fraction td {
  text-align: center;
}
.hdocTableau.hdocType-fraction th {
  border-bottom: solid 2px;
  font-weight: normal;
}
.hdocTableau.hdocType-non-etendu table, .hdocTableau.hdocType-sans-bord-non-etendu table {
  width: inherit;
  clear: none;
}

/* ----- hdocMediaGroupe ----- */
.hdocMediaGroupe {
  margin-bottom: 0 0 6px 0;
}
.hdocMediaGroupe:last-child {
  margin-bottom: 0;
}
.hdocMediaGroupe .hdocMediaGroupeWrapper {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.hdocMediaGroupe .hdocMedia {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 10px 6px 0;
  text-align: center;
}
.hdocMediaGroupe .hdocMedia:last-child {
  margin-right: 0;
  margin-bottom: 6px;
}
.hdocMediaGroupe .hdocMedia .hdocBlocTitres .hdocTitre {
  font-weight: normal;
}
.hdocMediaGroupe .hdocImage, .hdocMediaGroupe .hdocAudio, .hdocMediaGroupe .hdocVideo {
  margin: 0 auto;
}

/* -------- hdocMedia ------- */
.hdocMedia {
  margin: 0 0 6px 0;
}
.hdocMedia:first-child {
  margin-top: 0;
}
.hdocMedia:last-child {
  margin-bottom: 0;
}
.hdocMedia.hdocMediaImage {
  max-width: min(935px, 100%);
}
.hdocMedia.hdocMediaImage img {
  display: block;
}
.hdocMedia.hdocZoomable .hdocImageWrapper {
  position: relative;
}
.hdocMedia.hdocMediaAudio {
  max-width: 100%;
}
.hdocMedia.hdocMediaVideo {
  max-width: min(640px, 100%);
}
.hdocMedia.hdocAvecMasque {
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  display: flex;
  align-items: flex-start;
}
.hdocMedia.hdocAvecMasque .hdocMediaWrapper {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.hdocMedia.hdocAvecMasque .hdocMediaWrapper .hdocAudio {
  width: 100%;
}
.hdocMedia.hdocAvecMasque.hdocMediaCustom .hdocMediaWrapper {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.hdocMedia.hdocType-insert {
  float: left;
  margin: 0 0.8em 0 0;
}

/* -------- hdocMasque ------ */
.hdocMasque {
  display: none;
  border: 2px solid #ff9b50;
  padding: 10px 10px 5px 10px;
  margin-bottom: 6px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.hdocMasque .hdocP, .hdocMasque .hdocList {
  font-weight: normal;
}

.hdocMasqueBouton {
  min-width: 10%;
}
.hdocMasqueBouton span {
  cursor: pointer;
  color: #231f20;
  background-color: #ff9b50;
  font-weight: normal;
  margin-left: 5px;
  padding: 0 10px 10px 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.hdocMasqueBouton span span:hover {
  background-color: #ffa850;
}

.hdocMasqueBascule {
  display: none;
}

.hdocMasqueBascule:checked + .hdocMasqueBouton {
  min-width: 0;
}
.hdocMasqueBascule:checked + .hdocMasqueBouton span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hdocMasqueBascule:checked ~ .hdocMasque {
  display: block;
}

/* -------- hdocImage ------- */
img.hdocImage {
  max-width: min(935px, 100%);
  max-height: 480px;
}
img.hdocImage.hdocType-vignette {
  max-width: min(512px, 100%);
  max-height: 360px;
}
img.hdocImage.hdocType-icone {
  max-height: 32px;
}

.hdocMagnifier {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  background: transparent url("../Images/magnifier.png") no-repeat right center;
  cursor: pointer;
}

/* ------ hdocDropzone ------ */
.hdocImageDropzone {
  position: relative;
  display: inline-block;
}

.hdocText .hdocDropzone .hdocImage {
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}

/* -------- hdocAudio ------- */
.hdocAudio {
  width: 90%;
}

/* ----- hdocAudioPlayer ---- */
.hdocAudioPlayer {
  position: relative;
  display: inline-block;
  height: 38px;
}
.hdocAudioPlayer [data-player=button-play] {
  cursor: pointer;
  width: 38px;
  height: inherit;
  margin-right: 5px;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.hdocAudioPlayer div[data-player=button-play] {
  float: left;
}
.hdocAudioPlayer span[data-player=button-play] {
  display: inline-block;
  margin: 0;
}
.hdocAudioPlayer span[data-player=button-play].hdocPlay,
.hdocAudioPlayer div[data-player=button-play].hdocPlay {
  background-image: url("../Images/audio_play.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.hdocAudioPlayer span[data-player=button-play].hdocPause,
.hdocAudioPlayer div[data-player=button-play].hdocPause {
  background-image: url("../Images/audio_pause.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.hdocAudioPlayer [data-player=player-info] {
  display: inline-block;
}
.hdocAudioPlayer [data-player=duration] {
  font-family: inherit;
  white-space: nowrap;
  text-align: right;
  margin: 0 5px 0 0;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000000;
}
.hdocAudioPlayer [data-player=timeline] {
  width: 320px;
  border-radius: 15px;
  background: -webkit-linear-gradient(top, #cdcacd, #f3f3f3);
  background: linear-gradient(#cdcacd, #f3f3f3);
  cursor: pointer;
}
.hdocAudioPlayer [data-player=cursor] {
  margin-top: 4px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000000;
  cursor: pointer;
}
.hdocAudioPlayer.audioBlock {
  z-index: 1;
}

/* ------- hdocPlaylist ----- */
.hdocPlayList span[data-player=button-previous],
.hdocPlayList span[data-player=button-next] {
  display: inline-block;
  cursor: pointer;
  width: 34px;
  height: 34px;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.hdocPlayList span[data-player=button-previous] {
  background-image: url("../Images/audio_previous.png");
  vertical-align: middle;
  margin-right: 5px;
}
.hdocPlayList span[data-player=button-next] {
  background-image: url("../Images/audio_next.png");
  vertical-align: middle;
  margin-left: 5px;
}

/* -------- hdocVideo ------- */
.hdocVideo {
  max-width: 100%;
}

/* --- hdocMediaCopyright --- */
.hdocMediaCopyright {
  font-style: italic;
  font-weight: normal;
  font-size: 1.1rem;
  color: #7f7f7f;
  text-align: left;
}

/* ------- hdocLegende -------- */
.hdocLegende {
  font-size: 1.3rem;
  font-weight: normal;
  color: #4f4f4f;
  text-align: justify;
}

/* ------- hdocPoids -------- */
.hdocPoids {
  text-align: right;
  padding: 5px 10px;
  margin-bottom: 0.8em;
  background-color: transparent;
}

/*
 * ========== ANIMATION ========
 */
/* -- hdocAnimationPalette -- */
.hdocAnimationPalette .hdocAnimationTool,
.hdocAnimationPalette .hdocAnimationColor {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 3px solid #bbbbbb;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  cursor: pointer;
}
.hdocAnimationPalette .selected {
  border: 3px solid #0086cb;
}
.hdocAnimationPalette .hdocAnimationTool.hdocHidden {
  display: none;
}
.hdocAnimationPalette .hdocAnimationBrush {
  width: 32px;
  height: 32px;
  margin: 8px;
  background: transparent url("../Images/paintbrush.png") no-repeat center;
  background-size: contain;
}
.hdocAnimationPalette .hdocAnimationHighlighter {
  width: 36px;
  height: 36px;
  margin: 7px;
  background: transparent url("../Images/highlighter.png") no-repeat center;
  background-size: contain;
}
.hdocAnimationPalette .hdocAnimationEraser {
  width: 32px;
  height: 32px;
  margin: 8px;
  background: transparent url("../Images/eraser.png") no-repeat center;
  background-size: contain;
}
.hdocAnimationPalette .hdocAnimationReset {
  width: 36px;
  height: 36px;
  margin: 7px 6px;
  background: transparent url("../Images/reset.png") no-repeat center;
  background-size: contain;
}
.hdocAnimationPalette .hdocAnimationSample {
  height: 100%;
}

.hdocOrientation-nord .hdocAnimationPalette {
  margin-bottom: 10px;
}

.hdocOrientation-sud .hdocAnimationPalette {
  margin-top: 10px;
}

.hdocOrientation-ouest .hdocAnimationPalette {
  margin-right: 10px;
}
.hdocOrientation-ouest .hdocAnimationPalette .hdocAnimationTool,
.hdocOrientation-ouest .hdocAnimationPalette .hdocAnimationColor {
  display: block;
  margin: 0 0 10px 0;
}
.hdocOrientation-ouest .hdocAnimationPalette .hdocAnimationTool.hdocHidden {
  display: none;
}

.hdocOrientation-est .hdocAnimationPalette {
  margin-left: 10px;
}
.hdocOrientation-est .hdocAnimationPalette .hdocAnimationTool,
.hdocOrientation-est .hdocAnimationPalette .hdocAnimationColor {
  display: block;
  margin: 0 0 10px 0;
}
.hdocOrientation-est .hdocAnimationPalette .hdocAnimationTool.hdocHidden {
  display: none;
}

.hdocOrientation-ouest .hdocAnimationZone,
.hdocOrientation-est .hdocAnimationZone {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* -- hdocAnimationWrapper -- */
.hdocAnimationWrapper {
  display: inline-block;
  position: relative;
}
.hdocAnimationWrapper .hdocAnimationBackground {
  display: block;
}

/* --- hdocAnimationCanvas -- */
.hdocAnimationCanvas {
  top: 0;
  left: 0;
}
.hdocEffectDraw .hdocAnimationCanvas {
  width: 100%;
  height: 100%;
}

/*
 * ======== INLINE LEVEL =======
 */
/* --------- sub, sup ------- */
sup, sub {
  font-variant: normal;
}

/* -------- hdocRomain ------ */
.hdocRomain {
  font-variant: small-caps;
}

/* ------ hdocImportant ----- */
.hdocImportant.hdocRendu-souligne {
  text-decoration: underline;
}
.hdocImportant.hdocRendu-couleur {
  color: #8bd3fb;
}
.hdocImportant.hdocRendu-couleur1 {
  color: #00BE00;
}
.hdocImportant.hdocRendu-couleur2 {
  color: #B70101;
}
.hdocImportant.hdocRendu-couleur3 {
  color: #4D4DFF;
}
.hdocImportant.hdocRendu-couleur4 {
  color: #ff00ff;
}
.hdocImportant.hdocRendu-couleur5 {
  color: #aa55ff;
}
.hdocImportant.hdocRendu-couleur6 {
  color: #ddddcc;
}
.hdocImportant.hdocRendu-couleur7 {
  color: #00b159;
}
.hdocImportant.hdocRendu-couleur8 {
  color: #c79dd7;
}
.hdocImportant.hdocRendu-couleur9 {
  color: #946b2d;
}
.hdocImportant.hdocRendu-couleur10 {
  color: #ffc425;
}
.hdocImportant.hdocRendu-couleur11 {
  color: #4682B4;
}
.hdocImportant.hdocRendu-couleur12 {
  color: #771414;
}
.hdocImportant.hdocRendu-couleur13 {
  background-color: #ffed00;
}
.hdocImportant.hdocRendu-couleur14 {
  background-color: #c8dfae;
}
.hdocImportant.hdocRendu-couleur15 {
  background-color: #fadce9;
}
.hdocImportant.hdocRendu-couleur16 {
  background-color: #bce4f6;
}
.hdocImportant.hdocRendu-couleur17 {
  background-color: #f2c288;
}

.hdocTitres .hdocImportant {
  font-weight: normal;
}

/* ------- hdocFragment ----- */
.hdocFragment {
  font-style: normal;
  font-weight: inherit;
  border: 1px dotted;
}

/* ------ hdocEncadre ------- */
.hdocEncadre {
  display: inline-block;
  padding: 2px 4px 1px 4px;
  color: #ffffff;
  background-color: #a6d71c;
  text-align: center;
  border-radius: inherit;
}

/* ------ hdocAcronyme ------ */
.hdocAcronyme {
  font-variant: small-caps;
}

/* --------- hdocNom -------- */
.hdocNom {
  font-variant: small-caps;
}

/* -------- hdocCite -------- */
.hdocCite:before {
  content: "« ";
}
.hdocCite:after {
  content: " »";
}

/* --------- hdocInsecable -------- */
.hdocInsecable {
  white-space: nowrap;
}

/* --------- hdocMath -------- */
.hdocVar {
  font-family: serif;
}

.hdocMath {
  font-family: serif;
  font-size: 1.7rem;
}

.hdocMathDisplay,
.cioLatexDisplay {
  display: block;
  text-align: center;
  margin: 1em 0;
}

.katex {
  font-size: 1.31em;
  line-height: 1.3;
}

/* ---------- hdocNote ------- */
.hdocNote {
  position: relative;
  color: #993333;
}
.hdocNote .hdocNoteAppel {
  font-weight: bold;
}
.hdocNote .hdocNoteContenu {
  position: absolute;
  visibility: hidden;
  font-size: 1.2rem;
  line-height: 1.3em;
  text-align: left;
  background-color: #feeac0;
  color: #3f3f3f;
  width: 200px;
  padding: 5px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  bottom: 2.7em;
  left: -100px;
  opacity: 0;
  transition: opacity 0.8s;
  z-index: 100;
}
.hdocNote .hdocNoteContenu::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 90px;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #feeac0 transparent transparent transparent;
  z-index: 100;
}

.hdocNote:hover .hdocNoteContenu {
  visibility: visible;
  opacity: 1;
}

/* --------- hdocLien ------- */
.hdocLien {
  color: #0277bd;
}
.hdocLien:visited {
  color: #0277bd;
}

.hdocAncre:hover {
  background-color: #f0f8ff;
}

/* -------- hdocAudio ------- */
.hdocAudio.hdocInline {
  width: min(150px, 100%);
  max-width: min(150px, 100%);
  max-height: 22px;
  vertical-align: sub;
}

/* --------- hdocChoice ------- */
.hdocChoice input {
  display: none;
}
.hdocChoice label {
  cursor: pointer;
}
.hdocChoice label:before {
  font-family: monospace;
  font-size: 2.4rem;
}
.hdocChoice.hdocChoiceRadio label:before {
  content: "⭘";
}
.hdocChoice.hdocChoiceRadio input:checked + label:before {
  content: "⭗";
}
.hdocChoice.hdocChoiceCheckbox label:before {
  content: "☐";
}
.hdocChoice.hdocChoiceCheckbox input:checked + label:before {
  content: "☑";
}
.hdocChoice.answerOk label {
  color: #54eb5a;
}
.hdocChoice.answerKo label {
  color: #ffa858;
}
.hdocChoice.hdocChoiceCheckbox.answerKo input:checked + label:before {
  content: "☒";
}

/* --------- hdocItem -------- */
.hdocItem,
.hdocCategory,
.hdocCategoryItem {
  display: inline-block;
  margin: 4px 10px 4px 0;
  padding: 5px 5px 4px 5px;
  color: inherit;
  background-color: #f0f8ff;
  border: 1px solid #c7e0f8;
  border-radius: 5px;
  touch-action: none;
}
.hdocItem:last-child,
.hdocCategory:last-child,
.hdocCategoryItem:last-child {
  margin-right: 0;
}
.hdocItem .hdocImage.hdocType-vignette,
.hdocCategory .hdocImage.hdocType-vignette,
.hdocCategoryItem .hdocImage.hdocType-vignette {
  vertical-align: middle;
  max-width: 100%;
  max-height: 120px;
  border-radius: 5px;
}
.hdocItem .hdocImage.hdocType-icone,
.hdocCategory .hdocImage.hdocType-icone,
.hdocCategoryItem .hdocImage.hdocType-icone {
  vertical-align: middle;
  max-width: 100%;
  max-height: 32px;
}
.hdocItem.cat1,
.hdocCategory.cat1,
.hdocCategoryItem.cat1 {
  background-color: #e7a8ff;
}
.hdocItem.cat2,
.hdocCategory.cat2,
.hdocCategoryItem.cat2 {
  background-color: #c4ffc8;
}
.hdocItem.cat3,
.hdocCategory.cat3,
.hdocCategoryItem.cat3 {
  background-color: #ffd6ac;
}
.hdocItem.cat4,
.hdocCategory.cat4,
.hdocCategoryItem.cat4 {
  background-color: #ffadac;
}
.hdocItem.cat5,
.hdocCategory.cat5,
.hdocCategoryItem.cat5 {
  background-color: #00bdff;
}
.hdocItem.cat6,
.hdocCategory.cat6,
.hdocCategoryItem.cat6 {
  background-color: #fff693;
}

.hdocItemWrap .hdocItem,
.hdocItemWrap .hdocCategory,
.hdocItemWrap .hdocCategoryItem {
  white-space: normal;
}

.hdocItem,
.hdocCategoryItem {
  cursor: grab;
  z-index: 2;
}

.hdocCategory {
  cursor: pointer;
}

.hdocOrientation-ouest .hdocItem,
.hdocOrientation-ouest .hdocCategory,
.hdocOrientation-est .hdocItem,
.hdocOrientation-est .hdocCategory {
  display: block;
  text-align: center;
  margin: 0 5px 10px 5px;
}
.hdocOrientation-ouest .hdocItem:last-child,
.hdocOrientation-ouest .hdocCategory:last-child,
.hdocOrientation-est .hdocItem:last-child,
.hdocOrientation-est .hdocCategory:last-child {
  margin-bottom: 0;
}
.hdocOrientation-ouest .hdocItem.hdocItemDropped,
.hdocOrientation-ouest .hdocCategory.hdocItemDropped,
.hdocOrientation-est .hdocItem.hdocItemDropped,
.hdocOrientation-est .hdocCategory.hdocItemDropped {
  display: inline-block;
  margin: 0;
}

.hdocItemDropped {
  margin: 0;
  padding: 0 2px;
  border: none;
  border-radius: 0;
  white-space: nowrap;
  cursor: pointer;
}

.hdocItemImage.hdocItemDropped,
.hdocItemImageDropped {
  padding: 0 2px;
  background-color: transparent;
}
.hdocItemImage.hdocItemDropped .hdocImage.hdocType-vignette,
.hdocItemImageDropped .hdocImage.hdocType-vignette {
  border-radius: 0;
}

.hdocExercice .hdocItem.hdocItemAudio:before,
.hdocExercice .hdocCategoryItem.hdocItemAudio:before,
.hdocExercice .hdocCategoryItem.hdocCategoryItemAudio:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 2px;
  background-image: url("../Images/drag.png");
  content: " ";
}

/* -------- hdocDrop -------- */
.hdocDrop {
  display: inline-block;
  touch-action: none;
  line-height: 1.2em;
  min-width: 1em;
  background-color: #f0f8ff;
  border: none;
  text-align: center;
}
.hdocDrop.hdocDots {
  color: inherit;
}
.hdocDrop.dragOver {
  background-color: #d7edff;
}
.hdocDrop.answerOk .hdocItem {
  border-bottom: 3px solid #54eb5a;
}
.hdocDrop.answerKo .hdocItem {
  border-bottom: 3px solid #ffa858;
}

.hdocDropzone {
  text-align: center;
  background-color: transparent;
  border: none;
}
.hdocDropzone.hdocDropzone-visible {
  background-color: rgba(215, 237, 255, 0.5);
  border: none;
}
.hdocDropzone.dragOver {
  background-color: rgba(215, 237, 255, 0.8);
}
.hdocDropzone .hdocItemDropped {
  border: none;
}

/* --------- hdocDots ------- */
.hdocDots::before {
  content: ".................";
}

/* -------- hdocPoint ------- */
.hdocPoint {
  cursor: pointer;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  background-color: rgba(215, 237, 255, 0.5);
}
.hdocQuestionStatic .hdocPoint {
  cursor: text;
}
.hdocPoint:hover {
  background-color: rgba(215, 237, 255, 0.8);
}
.hdocPoint.selected {
  color: #ffffff;
  background-color: #0086cb;
}
.hdocPoint.answerOk {
  border-bottom: 3px solid #54eb5a;
}
.hdocPoint.answerKo {
  border-bottom: 3px solid #ffa858;
}

/* ------- hdocCategory ------ */
.hdocCategory.selected {
  color: #ffffff;
  background-color: #0086cb;
}

.hdocItemColor,
.hdocCategoryColor {
  padding: 0 1em;
  margin-left: 0.5em;
  border-radius: 5px;
  border: 1px solid #7f7f7f;
  white-space: nowrap;
  cursor: pointer;
}

/* -------- hdocColor ------- */
.hdocColor1 {
  color: #fff693;
}

.hdocBgColor1, .hdocBgColor1:hover {
  background-color: #fff693;
}

.hdocColor2 {
  color: #c0ffc0;
}

.hdocBgColor2, .hdocBgColor2:hover {
  background-color: #c0ffc0;
}

.hdocColor3 {
  color: #e2aaff;
}

.hdocBgColor3, .hdocBgColor3:hover {
  background-color: #e2aaff;
}

.hdocColor4 {
  color: #ffcfb7;
}

.hdocBgColor4, .hdocBgColor4:hover {
  background-color: #ffcfb7;
}

.hdocColor5 {
  color: #ddddcc;
}

.hdocBgColor5, .hdocBgColor5:hover {
  background-color: #ddddcc;
}

.hdocColor6 {
  color: #96e1ea;
}

.hdocBgColor6, .hdocBgColor6:hover {
  background-color: #96e1ea;
}

.hdocColor7 {
  color: #f4c0d0;
}

.hdocBgColor7, .hdocBgColor7:hover {
  background-color: #f4c0d0;
}

/* ------ hdocSansScore ----- */
.hdocSansScore .hdocDrop.answer.answerOk {
  border-bottom: 2px solid inherit;
}
.hdocSansScore .hdocDrop.hdocDots.answerOk {
  border-bottom: 2px solid inherit;
}
.hdocSansScore input.answerOk,
.hdocSansScore input.answerKo,
.hdocSansScore textarea.answerOk,
.hdocSansScore textarea.answerKo,
.hdocSansScore .hdocText input.answerOk,
.hdocSansScore .hdocText input.answerKo,
.hdocSansScore .hdocText textarea.answerOk,
.hdocSansScore .hdocText textarea.answerKo,
.hdocSansScore .hdocDrop.answerOk .hdocItem,
.hdocSansScore .hdocDrop.answerKo .hdocItem,
.hdocSansScore .hdocItem.answerOk,
.hdocSansScore .hdocItem.answerKo {
  border-bottom: 2px solid #7f7f7f;
}
.hdocSansScore .hdocDrop.answerOk .hdocItem .hdocItemImageDropped,
.hdocSansScore .hdocDropImage.answerOk .hdocItem,
.hdocSansScore .hdocDrop.answerKo .hdocItem .hdocItemImageDropped,
.hdocSansScore .hdocDropImage.answerKo .hdocItem {
  border-bottom: none;
}
.hdocSansScore .hdocCategoryBasket .hdocCategoryItemDropped.answerOk,
.hdocSansScore .hdocCategoryBasket .hdocCategoryItemDropped.answerKo {
  border-bottom: 1px solid #c7e0f8;
}
.hdocSansScore .hdocRightAnswer,
.hdocSansScore .hdocUserAnswer,
.hdocSansScore .hdocVerifyUserAnswer {
  display: none;
}

/* ------- hdocDragging ----- */
.hdocDragging {
  border-color: #0086cb;
  cursor: grabbing;
}

/*
 * ========= TOP LEVEL =========
 */
/* -------- hdocTitres ------- */
.hdocExercice > .hdocTitres {
  margin-top: 1.5rem;
}

/* -------- hdocType-memocartes ------- */
/* .hdocType-memocartes::before{
   content: "";
   width: 15rem;
   height: 4.7rem;
   display: inline-block;
   border-radius: 0 0 1.5rem 1.5rem;
   background: url("../Images/logo_flashcards.png") no-repeat center, #172B91;
   background-size: 70%;
   margin-right: .5rem;
}
.hdocType-memocartes .hdocMetaChapitre{
   margin-right: 0;
   vertical-align: top;
   color: #172B91;
   height: 4.7rem;
   box-sizing: border-box;
}
.hdocType-memocartes .hdocMetaOrigine{
   display: inline-block;
   position: absolute;
   padding: 1.2rem 2rem;
   font-size: 1.9rem;
   font-weight: 400;
}
.hdocType-memocartes .hdocMetaMatiere{
   background-color: #fff;
   color: #172B91 ;
}*/
/* -------- hdocMeta ------- */
.hdocMetaChapitre, .hdocMetaRubrique, .hdocMetaMatiere, .hdocMetaClasses, .hdocMetaOrigine, .hdocMetaEditeur {
  display: none;
}

/*.hdocMetaCopyright, .hdocMetaInfos{
    display: none;
 }
 .hdocMetaChapitre, .hdocMetaRubrique, .hdocMetaMatiere, .hdocMetaClasses, .hdocMetaOrigine, .hdocMetaEditeur {
    display: inline-block;
    padding: 1.2rem 2rem;
    font-size: 1.7rem;
    font-weight: 600;
    margin-right: 1.5rem;
    color: #172B91;
    vertical-align: top;
 }
 .hdocMetaMatiere{
    background-color: #172B91;
    color: #fff;
    margin-right: 0;
    border-radius: 0 0 1.5rem 1.5rem;
    vertical-align: top;
}
 .hdocMetaClasses{
    background-color: #172B91;
    color: #fff;
    position: absolute;
    right: 10rem;
    border-radius: 0 0 1.5rem 1.2rem;
}
 .hdocMetaChapitre{
    position: relative;
 }
.hdocMetaChapitre::after{
    content: url("../Images/fleche-menu.svg");
    color: #172B91;
    position: absolute;
    right: -1rem;
    top: 1.3rem;
}
.hdocMetaOrigine {
   display: inline-block;
   position: absolute;
   font-weight: normal;
   right: 20rem;
   color: #A7A7A7;
   background-color: #fff;
   border-radius: 0 0 1.5rem 1.2rem;
 }
 .hdocMetaEditeur {
   pointer-events: none;
   clip: rect(1px, 1px, 1px, 1px);
   width: 1px;
   height: 1px;
   overflow: hidden;
   padding: 0;
 }
 .hdocMetaEditeur::after {
   content: "";
   width: 4.7rem;
   height: 4.7rem;
   background-size: 100%;
   position: absolute;
   right: 3rem;
   top: 2rem;
 }
 .hdocMetaEditeur-Hatier::after,
 .hdocMetaEditeur-Editions_Hatier::after {
   background: url("../Images/logo-editeur-hatier.png") no-repeat center;
   background-size: contain;
 }
 .hdocMetaEditeur-Foucher::after,
 .hdocMetaEditeur-Editions_Foucher::after {
   background: url("../Images/logo-editeur-foucher.png") no-repeat center;
   background-size: contain;
 }*/
.hdocBandeau {
  align-items: center;
  justify-content: start;
  padding: 0 !important;
}

.hdocHbChapitre, .hdocHbRubrique, .hdocHbMatiere, .hdocHbClasse, .hdocHbOrigine, .hdocHbEditeur, .hdocHbLogoExercice {
  padding: 1rem !important;
  font-size: 1.7rem;
  font-weight: 600;
  margin-right: 1rem;
}

.hdocType-memocartes .hdocBandeau.hdocBandeauType1 .hdocHbMatiere {
  background-color: #fff;
  color: #172B91;
}

.hdocBandeau.hdocBandeauType1 .hdocHbMatiere {
  background-color: #172B91;
  color: #fff;
  margin-right: 0;
  border-radius: 0 0 1.5rem 1.5rem;
}

.hdocBandeau.hdocBandeauType1 .hdocHbAriane {
  padding: 0;
  border-radius: 0;
}

.hdocBandeau.hdocBandeauType1 .hdocHbChapitre {
  margin-right: 0;
  padding-right: 0 !important;
}

.hdocBandeau.hdocBandeauType1 .hdocHbChapitre, .hdocBandeau.hdocBandeauType1 .hdocHbRubrique {
  color: #172B91;
}

.hdocBandeau.hdocBandeauType1 .hdocHbAriane .hdocHbChapitre::after {
  content: url("../Images/fleche-menu.svg");
  color: #000;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}

.hdocBandeau.hdocBandeauType1 .hdocHbOrigine {
  font-weight: normal;
  background-color: #fff;
  border-radius: 0 0 1.5rem 1.2rem;
  color: #A7A7A7;
  margin-left: auto;
  margin-right: 0;
}

.hdocBandeau.hdocBandeauType1 .hdocHbClasse {
  border-radius: 0 0 1.5rem 1.2rem;
  padding: 1rem 1.5rem !important;
  margin-left: 2.5rem;
  margin-right: 0;
  background-color: #172B91;
}

.hdocBandeau.hdocBandeauType1 .hdocHbLogoEditeur {
  margin-left: 2.5rem;
}

.hdocBandeau.hdocBandeauType1 .hdocHbLogoEditeur img {
  max-height: 4.3rem;
  vertical-align: middle;
}

.hdocBandeau.hdocBandeauType1 .hdocHbLogoExercice {
  border-radius: 0 0 1.5rem 1.5rem;
  padding: 0.4rem 1rem !important;
  background-color: #172B91;
}

/*
 * ======= SECTION LEVEL =======
 */
/* -------- hdocConsigne ------ */
.hdocConsigne.hdocFixe {
  background-color: #E5D7ED;
  border: none;
}

/* -------- hdocSection ------ */
.hdocAide .hdocDialogueFieldset,
.hdocScript .hdocDialogueFieldset {
  padding: 2rem 3rem;
  border: 2px dotted #303F8D;
  background-color: #fff;
  border-radius: 2.5rem;
}

.hdocAide .hdocDialogueFieldset legend,
.hdocScript .hdocDialogueFieldset legend {
  padding: 0.4rem 1.4rem;
  border-radius: 2.5rem;
  background-color: #303F8D;
  color: #fff;
  display: flex;
  align-items: center;
}

.hdocAide .hdocDialogueFieldset legend::before,
.hdocScript .hdocDialogueFieldset legend::before {
  content: "";
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-left: -0.8rem;
  margin-right: 1rem;
}

.hdocAide .hdocDialogueFieldset.hdocAide legend::before {
  background: url("../Images/icon_aide.png") no-repeat, #fff5;
  background-size: 50%;
  background-position: center;
}

.hdocAide .hdocDialogueFieldset.hdocExplication legend::before {
  background: url("../Images/informations.png") no-repeat, #fff5;
  background-size: 40%;
  background-position: center;
}

.hdocAide .hdocDialogueFieldset.hdocStrategie legend::before {
  background: url("../Images/icon_strategie.png") no-repeat, #fff5;
  background-size: 50%;
  background-position: center;
}

.hdocScript .hdocDialogueFieldset legend::before {
  background: url("../Images/icon_transcription.png") no-repeat, #fff5;
  background-size: 50%;
  background-position: center;
}

/*
 * ========== QCU-QCM =========
 */
/* -------- hdocChoices ------- */
#qcu .hdocChoices li {
  width: max-content;
}

.hdocChoices li {
  /*display: flex;
  align-items: center;*/
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

.hdocVraiFaux {
  justify-content: start;
}

.hdocChoices li > div:first-child {
  width: 45%;
  padding-right: 2rem;
  float: left;
  margin-top: 1.5rem;
}

.hdocChoices .hdocVraiFaux .hdocChoice {
  display: flex;
  align-items: center;
  border: none;
}

.hdocChoice label {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
}

.hdocChoices .hdocChoiceRadio, .hdocChoices .hdocChoiceCheckbox {
  /* width: max-content; Lm 04/10/2023 */
}

.hdocChoice.hdocChoiceRadio label::before,
.hdocChoice.hdocChoiceRadio input:checked + label::before {
  content: " " !important;
  width: 1.8rem;
  height: 1.8rem;
  border: 2px solid #848DBB;
  border-radius: 50%;
}

.hdocChoice.hdocChoiceRadio input:checked + label::after {
  content: " ";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #8094E2;
  position: absolute;
  left: 0.5rem;
}

/*.hdocChoices li.selected.answerKo{
  border-bottom: 3px solid #EA566C;
}*/
.hdocChoice.hdocChoiceRadio.answerKo input:checked + label::before {
  border: 2px solid #EA566C;
}

.hdocChoice.hdocChoiceRadio.answerKo input:checked + label::after {
  background-color: #EA566C;
}

.hdocChoice.hdocChoiceRadio.answerOk input:checked + label::before {
  border: 2px solid #00B270;
}

.hdocChoice.hdocChoiceRadio.answerOk input:checked + label::after {
  background-color: #00B270;
}

.hdocChoice.hdocChoiceCheckbox label::before {
  content: " ";
  width: 2.5rem;
  height: 2.5rem;
  background: url(../Images/checkbox_unchecked.png) no-repeat;
  background-size: contain;
}

.hdocChoice.hdocChoiceCheckbox input:checked + label::before {
  content: " ";
  width: 2.5rem;
  height: 2.5rem;
  background: url(../Images/checkbox_checked.png) no-repeat;
  background-size: contain;
}

.hdocChoice.hdocChoiceCheckbox.answerOk input:checked + label::before {
  content: " ";
  width: 2.5rem;
  height: 2.5rem;
  background: url(../Images/checkbox_right.png) no-repeat;
  background-size: contain;
}

.hdocChoice.hdocChoiceCheckbox.answerKo input:checked + label::before {
  content: " ";
  width: 2.5rem;
  height: 2.5rem;
  background: url(../Images/checkbox_wrong.png) no-repeat;
  background-size: contain;
}

/*
 * ========= TROUS-XXX =========
 */
/* -------- hdocText ------- */
.hdocText .hdocP {
  margin-bottom: 2rem;
  line-height: 4rem;
}

.hdocText .hdocP input[type=text] {
  border: 2px solid transparent;
  box-shadow: inset 0px 0px 0px 1px #172B91;
  background-color: #F4F8FB;
  width: 12rem;
  padding: 0.4rem !important;
  margin: 0 0.5rem;
  border-radius: 0.3rem;
}

.hdocText .hdocP input.answerKo {
  box-shadow: inset 0px 0px 0px 1px #EA566C;
  background-color: #FFEAED;
}

.hdocText .hdocP input.answerOk {
  border: 2px solid #00B270;
  box-shadow: inset 0px 0px 0px 1px #00B270;
  background-color: #E0F7EF;
}

/* -------- hdocItem ------- */
.hdocItems, .hdocCategoriesItems, .hdocCategoriesLegendItems {
  border: none;
  box-shadow: none;
  padding: 10px 10px 10px 0;
}

.hdocItem,
.hdocItemImage.hdocItemDropped, .hdocItemImageDropped, .hdocText select,
.hdocCategoryItem {
  border: 2px solid transparent;
  box-shadow: inset 0px 0px 0px 1px #172B91;
  background-color: #F4F8FB;
  border-radius: 0.3rem;
  padding: 0.4rem;
  margin: 0.3rem 0.5rem;
}

.hdocItemImageDropped {
  background-color: transparent !important;
  padding: 0.2rem !important;
  margin: 0 !important;
}

.hdocItemImageDropped:hover {
  background-color: #fff6 !important;
}

/*.hdocItem:hover, .hdocCategoryItem:hover{
  border: none !important;
}*/
.hdocDrop.answerKo .hdocItem {
  box-shadow: inset 0px 0px 0px 1px #EA566C;
  background-color: #FFEAED;
  border-bottom: none;
}

.hdocDrop.answerOk .hdocItem {
  border: 2px solid #00B270;
  box-shadow: inset 0px 0px 0px 1px #00B270;
  background-color: #E0F7EF;
}

.hdocMatching .hdocMatch > div {
  border: 1px solid #172B91;
}

/* -------- input ------- */
.hdocText input[type=text].hdocChoiceLetter {
  padding: 0;
}

.hdocText input[type=text] {
  border: 2px solid transparent;
  box-shadow: inset 0px 0px 0px 1px #172B91;
  background-color: #F4F8FB;
  padding: 0 0.2rem;
  border-radius: 0.3rem;
}

.hdocText input.answerOk, .hdocText select.answerOk {
  box-shadow: inset 0px 0px 0px 1px #00B270;
  border: 2px solid #00B270;
  background-color: #E0F7EF;
}

.hdocText input.answerKo, .hdocText select.answerKo {
  box-shadow: inset 0px 0px 0px 1px #EA566C;
  border-bottom: none;
  background-color: #FFEAED;
}

/*
 * ========== POINTAGE =========
 */
/* -------- hdocPoint ------- */
.hdocPoint {
  cursor: pointer;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  background-color: rgba(215, 237, 255, 0.5);
  padding: 0.1rem 0.5rem;
  margin: 0 5px;
}

.hdocQuestionStatic .hdocPoint {
  cursor: text;
}

.hdocPoint:hover {
  background-color: rgba(215, 237, 255, 0.8);
}

.hdocPoint.selected {
  color: #ffffff;
  background-color: #172B91;
}

.hdocSansIndice .hdocPoint:hover {
  background-color: #F4F8FB;
  border: 3px solid #172B91;
}

.hdocSansIndice .hdocPoint.selected {
  background-color: #172B91;
  border: 2px solid #172B91;
  box-shadow: inset 0px 0px 0px 1px #172B91;
}

.hdocPoint.answerOk {
  box-shadow: inset 0px 0px 0px 1px #00B270 !important;
  border: 2px solid #00B270 !important;
  background-color: #00B270 !important;
  color: #231f20;
}

.hdocPoint.answerKo {
  box-shadow: inset 0px 0px 0px 1px #EA566C !important;
  border: none !important;
  background-color: #FFEAED !important;
  color: #231f20;
}

.hdocSansIndice .hdocPoint {
  border: none;
  padding: 0.1rem 0.5rem;
  border: 3px solid transparent;
  border-radius: 0.3rem;
}

.hdocPoint.hdocBgColor7, .hdocPoint.hdocBgColor7:hover {
  background-color: #f4c0d0 !important;
}

.hdocPoint.hdocBgColor6, .hdocPoint.hdocBgColor6:hover {
  background-color: #96e1ea !important;
}

.hdocPoint.hdocBgColor5, .hdocPoint.hdocBgColor5:hover {
  background-color: #ddddcc !important;
}

.hdocPoint.hdocBgColor4, .hdocPoint.hdocBgColor4:hover {
  background-color: #ffcfb7 !important;
}

.hdocPoint.hdocBgColor3, .hdocPoint.hdocBgColor3:hover {
  background-color: #e2aaff !important;
}

.hdocPoint.hdocBgColor2, .hdocPoint.hdocBgColor2:hover {
  background-color: #c0ffc0 !important;
}

.hdocPoint.hdocBgColor1, .hdocPoint.hdocBgColor1:hover {
  background-color: #fff693 !important;
}

/* -------- .hdocListe ------- */
.hdocListe li {
  margin-bottom: 1rem;
}

/* -------- hdocPointageCategories ------- */
.hdocPointageCategories .hdocCategoryColor {
  border-radius: 0.3rem;
}

.hdocPointageCategories .selected .hdocCategoryColor {
  border-color: #172B91;
}

.hdocCategory.selected {
  background-color: transparent;
}

/*
 * ======== CATEGORIES =========
 */
/* -------- hdocCategoriesBasket ------- */
.hdocCategoriesBasket {
  column-gap: 5rem;
}

.hdocCategoryBasket {
  border-radius: 1.6rem;
  box-shadow: none;
  background-color: #E5F2F0;
  border: none;
}

.hdocCategoryBasket .legend {
  color: #fff;
  background-color: #303F8D;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1rem;
  border-radius: 1.6rem 1.6rem 0 0;
}

.hdocCategoryBasket .hdocCategoryItemDropped {
  box-shadow: inset 0px 0px 0px 1px #172B914A;
  margin: 0 2rem 1rem;
  /* width: max-content; Lm 12/10/2023 */
}

.hdocCategoryBasket .hdocCategoryItemDropped.answerOk {
  box-shadow: inset 0px 0px 0px 1px #00B270;
  border: 2px solid #00B270;
  background-color: #E0F7EF;
}

.hdocCategoryBasket .hdocCategoryItemDropped.answerKo {
  box-shadow: inset 0px 0px 0px 1px #EA566C;
  border-bottom: none;
  background-color: #FFEAED;
}

/*
 * ========= WORDSEARCH ========
 */
/* ------ hdocMotsMeles ----- */
.hdocMotsMeles {
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-top: 30px;
}

.hdocMotsMeles > div:first-child {
  margin-left: 12rem;
}

.hdocMotsMeles > div:last-child {
  margin-right: 0;
}

/* -- hdocMotsMelesPanneau -- */
.hdocMotsMelesPanneau {
  margin: 0 20px;
}

.hdocMotsMelesPanneau ul {
  padding: 0;
  margin: 0;
  list-style-type: square;
  list-style-position: inside;
}

.hdocMotsMelesPanneau li {
  margin-bottom: 6px;
  font-weight: normal;
  color: #707070;
  list-style-type: disc;
}

.hdocMotsMelesPanneau li::marker {
  color: #8094E2;
}

.hdocMotsMelesPanneau .hdocWordsearchTools {
  margin-bottom: 15px;
}

.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchHighlighter,
.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchEraser {
  display: inline-block;
  position: relative;
  width: 102px;
  height: 102px;
  margin-right: 20px;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  box-shadow: none;
  padding: 0;
}

.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchHighlighter {
  background: transparent url("../Images/outil_surligneur-unselected.png") no-repeat center;
  background-size: contain;
}

.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchEraser {
  background: transparent url("../Images/outil_gomme-unselected.png") no-repeat center;
  background-size: contain;
}

.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchEraser.hdocActive {
  background: transparent url("../Images/outil_gomme-selected.png") no-repeat center;
}

.hdocMotsMelesPanneau .hdocWordsearchTools .hdocWordsearchHighlighter.hdocActive {
  background: transparent url("../Images/outil_surligneur-selected.png") no-repeat center;
}

/* --- hdocWordsearchGrid ---- */
.hdocWordsearchGrid {
  margin: 0 20px;
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}

.hdocWordsearchGrid table {
  padding: 10px;
  border-radius: 2rem;
  box-shadow: 0px 2px 15px 2px #dbdbdb;
  border: none;
}

.hdocWordsearchGrid table td {
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  padding: 0;
  cursor: pointer;
}

.hdocWordsearchGrid .hdocWordsearchOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hdocWordsearchGrid .hdocWordsearchHighlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  height: 1.8em;
  transform-origin: 1em 1em;
  transform: rotate(0deg);
}

.hdocWordsearchGrid .hdocWordsearchHighlight::before {
  position: absolute;
  width: calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  margin: 0.25em;
  background-color: #e6eaf8;
  border-radius: 50px;
  content: "";
}

.hdocWordsearchGrid .hdocWordsearchHighlight.hdocWordsearchHighlightDrawing::before {
  background-color: #c2ccee;
}

.hdocWordsearchGrid .hdocWordsearchHighlight.hdocWordsearchHighlightEraser::before {
  background-color: rgba(255, 255, 255, 0.5);
}

.hdocWordsearchGrid .hdocWordsearchHighlight.answerOk::before {
  background-color: #a6eb58;
}

.hdocWordsearchGrid .hdocWordsearchHighlight.answerKo::before {
  background-color: #f56688;
}

/*
 * ========= FLASHCARD ========
 */
/* -------- hdocFlashcard, hdocFlashcardSide ------- */
.hdocQuestion .hdocFlashcard {
  width: 100%;
  margin: 0;
  padding: 2rem 0;
  background-color: #fff;
  border-radius: 0 0 2rem 2rem;
}

@media screen and (max-width: 640px) {
  /* Lm 23/10/2023 */
  .hdocQuestion .hdocFlashcard {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
  }
}
.hdocQuestion .hdocFlashcard .hdocFlashcardSide {
  width: 28em;
  height: 28em;
  margin: auto;
  border: none;
  border-radius: 2rem;
  box-shadow: 0px 2px 5px 2px #dbdbdb;
}

.hdocQuestion .hdocCompositeElement .hdocFlashcard .hdocFlashcardSide img {
  max-height: 24rem;
}

.hdocQuestion .hdocCompositeElement .hdocFlashcard .hdocFlashcardSide {
  width: 35rem;
  height: 25rem;
}

.hdocFlashcardSide .hdocPractice.hdocText p:first-child {
  color: #000;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  /*margin-bottom: 5rem;*/
}

.hdocFlashcardSide .hdocPractice.hdocText p:nth-child(2) {
  text-align: center;
}

/* -------- hdocFlashcardTurnOver ------- */
.hdocFlashcardTurnOver {
  margin-top: 5rem;
}

.hdocFlashcardTurnOver .hdocButton {
  display: inline-block;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  margin-left: -2.5rem;
}

.hdocFlashcardTurnOver .hdocButton::before {
  content: "";
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: linear-gradient(to right, #00C29B, #0BBECB);
  position: absolute;
  border: 3px solid transparent;
  transition: 0.3s;
}

.hdocFlashcardTurnOver .hdocButton::after {
  content: "";
  width: 4rem;
  height: 4rem;
  background: url("../Images/icon_retourner.png"), no-repeat;
  background-position: center;
  position: absolute;
  margin-left: -6.3rem;
  margin-top: 0.8rem;
  transition: 0.3s;
}

.hdocFlashcardTurnOver .hdocButton:hover::before {
  border: 3px solid #6CD8DE;
}

.hdocFlashcardTurnOver .hdocButton:hover::after {
  transform: scale(1.05);
}

.hdocFlashcardTurnOver .hdocButton.disabled::before {
  border: 3px solid transparent;
}

.hdocFlashcardTurnOver .hdocButton.disabled::after {
  transform: scale(1);
}

.hdocFlashcard .hdocFlashcardSide .hdocConsigne {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.hdocFlashcard .hdocFlashcardSide .hdocEngine {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  padding-top: 0;
}

.hdocQuestion .hdocFlashcard .hdocFlashcardSide .hdocPopin {
  transform: translate(0);
}

.hdocFlashcard.hdocFree p {
  font-size: 2rem;
  font-weight: 600;
  color: #172B91 !important;
  margin-bottom: 1rem;
}

.hdocFlashcardTurnOver.hdocFree {
  margin-top: 1rem;
  margin-bottom: 9rem;
}

.hdocCompositeElement .hdocFlashcard.hdocFree {
  width: 35rem;
  height: 25rem;
  margin: auto;
  margin-top: 2rem;
}

.hdocCompositeElement .hdocFree .hdocFree.hdocFlashcardTurnOver .hdocButton::after {
  margin-left: -20px;
}

.hdocFree.hdocFlashcard .hdocSection p.hdocP {
  text-align: center;
}

.hdocFree.hdocFlashcard .hdocSection .hdocPlay {
  margin-left: 0 !important;
}

/*.hdocType-memocartes .hdocMetaOrigine {
  right: 140px;
}*/
.hdocCompositeElement .hdocFlashcardTurnOver .hdocButton::after {
  margin-left: -63px;
}

.hdocQuestion .hdocFlashcard {
  padding: 0;
  padding-top: 20px;
}

.hdocQuestion .hdocCompositeElement .hdocFlashcard {
  padding-top: 0;
}

.hdocFlashcardTurnOver .hdocButton {
  margin-left: -45px;
}

/*
 * ========== COLORING =========
 */
.hdocColorPalette .hdocColoringTool,
.hdocColorPalette .hdocColoringColor {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 3px solid #e6eaf8;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  cursor: pointer;
}

.hdocColorPalette .hdocColoringTool {
  width: 80px;
  height: 80px;
  border: none;
}

.hdocColorPalette .selected {
  border: 3px solid #172B91;
}

.hdocColorPalette .hdocColoringEraser {
  width: 100%;
  height: 100%;
  background: transparent url("../Images/outil_gomme-unselected.png") no-repeat center;
  background-size: contain;
  margin: 0;
}

.hdocColoringCanvas {
  max-width: 100%;
  border-radius: 2rem;
  box-shadow: 0px 2px 25px 0px #dbdbdb;
  background-color: #fafafa;
}

.hdocOrientation-nord .hdocColorPalette {
  margin-bottom: 10px;
}

.hdocOrientation-sud .hdocColorPalette {
  margin-top: 10px;
}

.hdocOrientation-ouest .hdocColorPalette {
  margin-right: 10px;
}

.hdocOrientation-ouest .hdocColorPalette .hdocColoringTool,
.hdocOrientation-ouest .hdocColorPalette .hdocColoringColor {
  display: block;
  margin: 0 auto 10px;
}

.hdocOrientation-est .hdocColorPalette {
  margin-left: 10px;
}

.hdocOrientation-est .hdocColorPalette .hdocColoringTool,
.hdocOrientation-est .hdocColorPalette .hdocColoringColor {
  display: block;
  margin: 0 0 10px 0;
}

.hdocOrientation-ouest .hdocColoringZone,
.hdocOrientation-est .hdocColoringZone {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.hdocOrientation-ouest > div:first-child,
.hdocOrientation-est > div:first-child {
  margin-right: 15rem;
}

/*
 * ========== MEMORY ===========
 */
/* -------- hdocMemory ------ */
.hdocMemory {
  box-sizing: border-box;
  position: relative;
  height: 100%;
}

.hdocMemory .pdocImage-thumbnail,
.hdocMemory img.pdocImage-thumbnail,
.hdocMemory .pdocImage-thumbnail img {
  max-width: 100%;
  max-height: 100%;
}

.hdocMemory .hdocImage, .hdocMemory img.hdocImage, .hdocMemory .hdocImage img {
  max-width: 100%;
  max-height: 100%;
}

.hdocMemory .hdocActions .hdocButton.hdocRedo.hdocHidden {
  visibility: hidden;
  display: inline-block;
}

.hdocMemory .pdocMedia {
  padding: 0;
  margin: 0;
}

/* --- hdocMemoryContainer -- */
.hdocMemoryContainer {
  box-sizing: border-box;
  position: relative;
  height: 100%;
}

/* ----- hdocMemoryBoard ---- */
.hdocMemoryBoard {
  background-color: #fff;
  border-radius: 0 0 2rem 2rem;
  box-sizing: border-box;
  display: flex;
  position: relative;
  background-repeat: repeat;
  overflow: hidden;
  text-align: center;
  height: auto;
}

/* - hdocMemoryStateDisabled  */
.hdocMemoryStateDisabled {
  background: white;
  opacity: 0.4;
}

/* ----- hdocMemoryPick ----- */
.hdocMemoryPick {
  margin: auto;
}

/* ----- hdocMemoryItem ----- */
.hdocMemoryItem {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  margin: 10px;
  max-width: 200px;
  max-height: 200px;
}

.hdocMemoryItem .front,
.hdocMemoryItem .back {
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  box-shadow: 0px 2px 5px 2px #dbdbdb;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.hdocMemoryItem .front {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.hdocMemoryItem.flipped .front {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
}

.hdocMemoryItem.flipped .back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.hdocMemoryItem.item-visibility {
  visibility: hidden;
}

/* - hdocMemoryCardNumber -- */
.hdocMemoryCardNumber {
  display: none;
  bottom: 0;
  right: 0;
  padding: 10px;
}

/* ---------- rows ---------- */
.hdocMemory .rows {
  margin: auto;
}

.hdocMemory .row {
  line-height: 0px;
}

/* --------- answer --------- */
.hdocMemoryAnswerBox {
  cursor: pointer;
  line-height: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hdocMemoryAnswerBox .container {
  position: relative;
  text-align: center;
}

.hdocMemoryAnswerBox .container .itemAnswer:first-child {
  display: inline-block;
  margin-right: 10px;
  margin-left: 150px;
}

.hdocMemoryAnswerBox .container .itemAnswer:last-child {
  display: inline-block;
  margin-right: 150px;
  margin-left: 10px;
  position: relative;
}

.hdocMemoryAnswerBox .container .itemAnswer:last-child:after {
  position: absolute;
  content: "✕";
  font-size: 2.5rem;
  font-weight: bold;
  top: -1rem;
  right: -2.5rem;
  color: #000000;
}

/* ------ congratulate ------ */
.hdocMemoryCongratulateBox {
  cursor: pointer;
  line-height: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hdocMemoryCongratulateBox .container {
  position: relative;
  text-align: center;
  height: 100%;
}

.hdocMemoryCongratulateBox .container .itemAnswer {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}

/* - hdocMemoryCorrectAnswer  */
.hdocMemoryCorrectAnswer {
  margin: auto;
}

.hdocMemoryItemCorrect {
  display: inline-block;
  margin: 10px;
  white-space: nowrap;
}

.hdocMemoryItemCorrect img {
  display: inline-block;
  max-width: 50%;
}

/* ------- hdocTimer ------- */
.hdocMemory .hdocTimer {
  display: inline-block;
  padding: 5px;
  background-color: white;
  font-size: 1.2em;
  font-family: monospace;
  border: 5px solid lightgrey;
  border-radius: 4px;
}

/* --- hdocEndCountdown ---- */
.hdocMemory .hdocEndCountdown {
  border-color: red;
  -webkit-animation: animblink linear 10 alternate 500ms;
  -moz-animation: animblink linear 10 alternate 500ms;
  animation: animblink linear 10 alternate 500ms;
}

@-webkit-keyframes animblink {
  1% {
    border-color: transparent;
  }
  100% {
    border-color: red;
  }
}
@-moz-keyframes animblink {
  1% {
    border-color: transparent;
  }
  100% {
    border-color: red;
  }
}
@keyframes animblink {
  1% {
    border-color: transparent;
  }
  100% {
    border-color: red;
  }
}
/* ------- hdocScore ------- */
.hdocMemory .hdocScore:before {
  content: "Score : ";
}

/* ----- publiquizAction ---- */
.hdocMemory .publiquizAction {
  height: 74px;
  max-height: 74px;
}

/* ------- pdocNavBar ------- */
.hdocMemory .pdocNavBar:after {
  content: "";
  clear: both;
  display: block;
}

/* ---------- Misc ---------- */
.hdocMemory .hdocHidden {
  display: none;
}

/* --------- answer --------- */
.hdocMemoryAnswerBox {
  background-color: rgba(255, 255, 255, 0.8);
}

/* ------ congratulate ------ */
.hdocMemoryCongratulateBox {
  background-color: rgba(128, 128, 128, 0.8);
}

.hdocProduction {
  border: 2px solid #8194e1;
  border-radius: 2rem;
  padding: 15px;
}

/*
 * ========= COMPOSITE =========
 */
/* -------- hdocCompositeElements ------- */
.hdocCompositeElements {
  background-color: #fff;
  border-radius: 0 0 2rem 2rem;
  box-shadow: 0px 0px 15px 2px #04040414;
  padding: 2rem 0 0 2rem;
  /* padding: 2rem 0; correctif Lm 05/10/2023 */
  margin-top: 0;
}

@media screen and (max-width: 640px) {
  /* Lm 23/10/2023 */
  .hdocCompositeElements {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
  }
}
.hdocCompositeElements .hdocConsigne {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 1rem 0 0 1rem;
  box-shadow: none;
  margin-top: 0;
}

.hdocCompositeElements .hdocConsigne > .hdocP {
  font-size: 1.8rem;
  font-weight: bold;
}

.hdocCompositeElements .hdocEngine {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 1rem 2rem;
  box-shadow: none;
}

/* -------- hdocCompositeElement ------- */
.hdocCompositeElements .hdocCompositeElement {
  margin-left: 1rem;
  margin-bottom: 0;
  padding: 0 2rem;
}

/* -------- hdocCompositeNavigation ------- */
.hdocCompositeNavigation {
  max-width: 110rem;
  margin: 6rem auto 0;
  justify-content: space-between;
}

.hdocCompositeNavigation > span {
  position: relative;
}

.hdocCompositeNavigation > span:first-child {
  flex: 0;
}

.hdocCompositeNavigation .hdocButton {
  display: inline-block;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
}

.hdocCompositeNavigation .hdocButton::before {
  content: " ";
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  position: absolute;
  background: linear-gradient(to right, #F47C2C, #F99A3B);
  z-index: 1;
  left: -2rem;
  box-shadow: 0 0 0 3px transparent inset;
  transition: 0.5s;
}

.hdocCompositeNavigation .hdocButton::after {
  content: url(../Images/icon_fleche.png);
  position: absolute;
  z-index: 2;
  transition: 0.5s;
  left: -0.5rem;
  top: 2.4rem;
}

.hdocCompositeNavigation .hdocButton.hdocCompositeNext:after {
  transform: rotate(-180deg);
  left: -0.3rem;
  top: 2rem;
}

.hdocCompositeNavigation .hdocButton:hover::before {
  box-shadow: 0 0 0 3px #F7A26D inset;
}

.hdocCompositeNavigation .hdocCompositePrevious:hover::after {
  left: -0.9rem;
}

.hdocCompositeNavigation .hdocCompositeNext:hover::after {
  left: 0.2rem;
}

/* -------- hdocCompositeNumber ------- */
.hdocCompositeElements .hdocCompositeNumber {
  font-size: 1.8rem;
  color: #000;
  font-weight: 600;
  margin-right: 1rem;
}

.hatierdoc * {
  font-family: "Open sans", sans-serif;
}

/* -------- hdocExercice ------- */
.hdocExercice {
  max-width: 120rem;
  margin: 0 auto !important;
  background-color: #E9F1F8;
  padding: 20px 30px;
  position: relative;
}

@media screen and (max-width: 640px) {
  /* Lm 23/10/2023 */
  .hdocExercice {
    padding: 0;
  }
}
/* -------- hdocTitres ------- */
.hdocExercice > .hdocTitres {
  border-bottom: none;
}

.hdocExercice > .hdocTitres .hdocTitre {
  color: #172B91;
  font-variant: normal;
  font-size: 2.4rem;
  text-align: center;
}

/* -------- hdocConsigne ------- */
.hdocConsigne {
  padding: 3rem 4rem;
  background-color: #E5D7ED;
  border: 3px solid #fff;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  margin-bottom: 0;
  margin-top: 5rem;
  box-shadow: 0px 0px 15px 2px #04040414;
}

.hdocConsigne .hdocP, .hdocConsigne ul.hdocListe li span {
  font-weight: normal;
  font-size: 2rem;
}

.hdocConsigne .hdocSection:first-child .hdocP {
  font-size: 18px;
}

/* -------- demo_css-e1_engine ------- */
.hdocEngine {
  padding: 3rem 5rem;
  background-color: #fff;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  box-shadow: 0px 2px 15px 2px #04040414;
}

@media screen and (max-width: 640px) {
  /* Lm 23/10/2023 */
  .hdocEngine {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
  }
}
/* -------- hdocScore ------- */
.hdocScore {
  font-size: 1.8rem;
  margin-right: 4rem;
}

/* -------- hdocAide / hdocScript ------- */
.hdocButtons {
  margin-top: 5rem;
  align-items: center;
  flex-wrap: wrap;
}

.hdocButtons > .hdocAide {
  display: flex;
  align-items: center;
}

.hdocButtons .hdocButton.hdocScript,
.hdocButtons > .hdocAide .hdocButton {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  padding: 0 1rem;
  border-radius: 3rem;
  color: #303F8D;
  background-color: #F4F8FB;
  margin-bottom: 1rem;
}

.hdocButtons .hdocButton.hdocScript::before,
.hdocButtons > .hdocAide .hdocButton::before {
  content: "";
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  margin-left: -1rem;
  margin-right: 1rem;
}

.hdocButtons .hdocButton.hdocScript::before {
  background: url("../Images/icon_transcription.png") no-repeat, #303F8D;
  background-size: 50%;
  background-position: center;
}

.hdocButtons .hdocButton.hdocAide::before {
  background: url("../Images/icon_aide.png") no-repeat, #303F8D;
  background-size: 50%;
  background-position: center;
}

.hdocButtons .hdocButton.hdocExplication::before {
  background: url("../Images/informations.png") no-repeat, #303F8D;
  background-size: 40%;
  background-position: center;
}

.hdocButtons .hdocButton.hdocStrategie::before {
  background: url("../Images/icon_strategie.png") no-repeat, #303F8D;
  background-size: 50%;
  background-position: center;
}

.hdocButtons .hdocButton .hdocButtonLabel {
  font-weight: 600;
}

/* -------- hdocActions ------- */
.hdocActions {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: wrap;
}

.hdocActions .hdocButton {
  color: #fff !important;
  font-size: 1.6rem !important;
  position: relative;
  box-shadow: none !important;
  padding: 0.5rem 2rem !important;
  border-radius: 5rem;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  border: 3px solid transparent;
}

@media screen and (max-width: 768px) {
  .hdocButtons {
    flex-wrap: wrap;
  }

  .hdocButtons .hdocActions .hdocButton {
    margin: 10px 0 2px 15px;
  }
}
.hdocActions .hdocButton::before {
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  margin-left: -1.4rem;
  margin-right: 2rem;
  transition: 0.5s;
}

.hdocActions .hdocButton:hover::before {
  transform: scale(1.1);
}

.hdocActions .hdocButton.hdocSubmit,
.hdocActions .hdocButton.hdocSubmit:hover {
  background: linear-gradient(to right, #00C29D, #0ABEC9);
}

.hdocActions .hdocButton.hdocSubmit:hover {
  border: 3px solid #67DAC9;
}

.hdocActions .hdocButton.hdocSubmit::before {
  background: url("../Images/icon_check.png") no-repeat, #4ED4C0;
  background-size: 60%;
  background-position: center;
}

.hdocActions .hdocButton.hdocRedo,
.hdocActions .hdocButton.hdocRedo:hover {
  background: linear-gradient(to right, #6872D5, #4F90F3);
}

.hdocActions .hdocButton.hdocRedo:hover {
  border: 3px solid #A4AAE6;
}

.hdocActions .hdocButton.hdocRedo::before {
  background: url("../Images/icon_recommencer.png") no-repeat, #949FE4;
  background-size: 70%;
  background-position: center;
}

.hdocActions .hdocButton.hdocRightAnswer,
.hdocActions .hdocButton.hdocRightAnswer:hover {
  background: linear-gradient(to right, #F47C2C, #F9993A);
}

.hdocActions .hdocButton.hdocRightAnswer:hover {
  border: 3px solid #F8B080;
}

.hdocActions .hdocButton.hdocRightAnswer::before {
  background: url("../Images/icon_correction.png") no-repeat, #F8A76D;
  background-size: 60%;
  background-position: center;
}

.hdocActions .hdocButton.hdocUserAnswer,
.hdocActions .hdocButton.hdocUserAnswer:hover {
  background: linear-gradient(to right, #F47C2C, #F9993A);
}

.hdocActions .hdocButton.hdocUserAnswer:hover {
  border: 3px solid #F8B080;
}

.hdocActions .hdocButton.hdocUserAnswer::before {
  background: url("../Images/icon_mes-reponses.png") no-repeat, #F8A76D;
  background-size: 60%;
  background-position: center;
}

.hdocActions .hdocButton.hdocRetry,
.hdocActions .hdocButton.hdocRetry:hover {
  background: linear-gradient(to right, #F47C2C, #F9993A);
}

.hdocActions .hdocButton.hdocRetry:hover {
  border: 3px solid #F8B080;
}

.hdocActions .hdocButton.hdocRetry::before {
  background: url("../Images/icon_recommencer.png") no-repeat, #F8A76D;
  background-size: 60%;
  background-position: center;
}

/* -------- hdocCorrige ------- */
.hdocCorrige {
  margin: 8rem 0 0 0;
  padding: 2rem 3rem;
  border: 2px dotted #F58C46;
  background-color: #fff;
  border-radius: 2.5rem;
}

.hdocCorrige p.hdocP {
  font-size: 1.5rem;
}

.hdocCorrige legend {
  color: #fff;
  background: linear-gradient(to right, #F47C2C, #F9993A);
  font-weight: 700;
  font-size: 1.8rem;
  border-radius: 2.5rem;
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
}

.hdocCorrige legend::before {
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  margin-left: -0.9rem;
  margin-right: 1rem;
  background: url("../Images/icon_correction.png") no-repeat, #F8A76D;
  background-size: 60%;
  background-position: center;
  border: 1px solid #ea6556;
}

.hdocCorrige .hdocListe {
  padding-left: 0;
}

.hdocCorrige .hdocListe li {
  list-style-type: none;
  display: flex;
  margin-bottom: 1rem;
}

.hdocCorrige .hdocListe li::before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: linear-gradient(to right, #F47C2C, #F9993A);
  border-radius: 50%;
  margin-top: 0.4rem;
  margin-right: 1.5rem;
  position: absolute;
}

.hdocCorrige .hdocListe li span {
  margin-left: 3rem;
}

/* -------- hdocFeedback ------- */
.hdocPopin {
  border: 3px solid #fff;
  background-color: #E9F1F8;
  border-radius: 2rem;
  box-shadow: 0 5px 100px 0px rgba(0, 0, 0, 0.2);
  width: max-content;
  right: 50%;
  transform: translate(-50%);
  left: 50%;
  margin-left: 0;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}

.hdocPopin label {
  color: #fff;
  font-size: 3rem;
  background-color: #303F8D;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 2rem 2rem 0 auto;
}

.hdocPopin label + div {
  font-size: 1.8rem;
  padding: 8rem 8rem 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  min-width: 30rem;
}

.hdocPopin div {
  color: #000;
  font-weight: normal;
}

.hdocPopin label + div::before {
  content: " ";
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin: auto;
  position: absolute;
  top: -11rem;
}

.hdocFeedback.hdocFeedback1 .hdocPopin div::before,
.hdocEncourage.hdocEncourage1 .hdocPopin div::before {
  background: url(../Images/illu-anime_1.gif) no-repeat;
  background-size: contain;
}

.hdocFeedback.hdocFeedback2 .hdocPopin div::before,
.hdocEncourage.hdocEncourage2 .hdocPopin div::before {
  background: url(../Images/illu-anime_2.gif) no-repeat;
  background-size: contain;
}

.hdocFeedback.hdocFeedback3 .hdocPopin div::before,
.hdocEncourage.hdocEncourage3 .hdocPopin div::before {
  background: url(../Images/illu-anime_3.gif) no-repeat;
  background-size: contain;
}

.hdocFeedback.hdocFeedback4 .hdocPopin div::before,
.hdocEncourage.hdocEncourage4 .hdocPopin div::before {
  background: url(../Images/illu-anime_4.gif) no-repeat;
  background-size: contain;
}

.hdocFeedback.hdocFeedback5 .hdocPopin div::before,
.hdocEncourage.hdocEncourage5 .hdocPopin div::before {
  background: url(../Images/illu-anime_4.gif) no-repeat;
  background-size: contain;
}

.hdocDialogueFrame > section {
  max-width: 50rem;
  border: 3px solid #303F8D !important;
  border-radius: 2rem;
}

.hdocDialogueFrame > section {
  max-width: 50rem;
  border: 3px solid #303F8D !important;
  border-radius: 2rem;
}

.hdocDialogueFrame .hdocDialogueTitre {
  color: #303F8D !important;
  margin-bottom: 2rem !important;
  margin-top: 1rem !important;
}

.hdocDialogueFrame .hdocButton {
  font-size: 1.8rem;
  text-transform: uppercase !important;
  box-shadow: none !important;
  padding: 2rem 3rem !important;
  border-radius: 3rem;
  margin-bottom: 1.5rem !important;
  background: linear-gradient(to right, #F9993A, #F47C2C);
}

/* ------- hdocKeyboard ------ */
.hdocKeyboard ul {
  display: -webkit-inline-flex;
  -webkit-flex-wrap: wrap;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% - 20px);
  border-radius: 10px;
  margin: 10px 0;
  padding: 5px 10px;
  background: transparent;
}

.hdocKeyboard ul li {
  display: inline-block;
  position: relative;
  list-style-type: none;
  margin: 5px 20px 5px 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #e8f1f8;
  border: 2px solid #5563a7;
  overflow: hidden;
  text-align: center;
  border-radius: 1rem;
}

.hdocKeyboard ul li:last-child {
  margin-right: 0;
}

.hdocKeyboard ul li:hover {
  background-color: #8194e1;
  box-shadow: none;
}

.hdocKeyboard ul li button {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  color: #231f20;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.hdocKeyboard ul li:hover button {
  color: #ffffff;
}

/* -------- hdocType-article ------- */
.hdocSection.hdocType-article {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

/* -------- hdocMediaImage, hdocMedia ------- */
.hdocConsigne.hdocFixe .hdocMedia.hdocMediaImage {
  margin: 0 auto;
}

.hdocConsigne.hdocFixe .hdocMedia.hdocMediaImage img {
  margin: 0 auto;
}

/* -------- hdocAudioPlayer ------- */
.hdocAudioPlayer span[data-player=button-play].hdocPlay {
  margin-left: 1rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background: url("../Images/icon_play.png") no-repeat, linear-gradient(to bottom, #F7A16E, #EB5A51) !important;
  background-size: 50% !important;
  background-position: center !important;
}

.hdocAudioPlayer span[data-player=button-play].hdocPause {
  margin-left: 1rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background: url("../Images/icon_pause.png") no-repeat, linear-gradient(to bottom, #F7A16E, #EB5A51) !important;
  background-size: 50% !important;
  background-position: center !important;
}

/* -------- hdocAudioPlayer ------- */
.hdocMediaWrapper .hdocAudioPlayer {
  display: flex;
  align-items: center;
  padding: 2rem 0.5rem;
  width: max-content;
}

.hdocMediaWrapper .hdocAudioPlayer > div:nth-child(3) {
  position: relative;
  top: -1.4rem;
}

.hdocMediaWrapper .hdocAudioPlayer [data-player=duration] {
  color: #888;
  font-weight: 600;
}

.hdocMediaWrapper .hdocAudioPlayer [data-player=button-play] {
  margin-right: 1rem;
}

.hdocMediaWrapper .hdocAudioPlayer div[data-player=button-play].hdocPlay::before,
.hdocMediaWrapper .hdocAudioPlayer div[data-player=button-play].hdocPause::before {
  content: "";
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: linear-gradient(to right, #F47C2C, #F99A3B);
  display: inline-block;
  position: relative;
  z-index: 0;
}

.hdocMediaWrapper .hdocAudioPlayer div[data-player=button-play].hdocPlay::after {
  content: "";
  width: 4rem;
  height: 4rem;
  background: url(../Images/icon_play.png) no-repeat center;
  background-size: 40%;
  position: absolute;
  z-index: 1;
  top: 2rem;
  left: 0.7rem;
}

.hdocMediaWrapper .hdocAudioPlayer div[data-player=button-play].hdocPause::after {
  content: "";
  width: 4rem;
  height: 4rem;
  background: url(../Images/icon_pause.png) no-repeat center;
  background-size: 40%;
  position: absolute;
  z-index: 1;
  top: 2rem;
  left: 0.7rem;
}

.hdocMediaWrapper .hdocAudioPlayer [data-player=timeline] {
  border-radius: 0;
  background: #172B91;
  height: 0.9rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  border-radius: 5rem;
}

.hdocMediaWrapper .hdocAudioPlayer [data-player=cursor] {
  margin-top: 0;
  border: 3px solid #fff;
  background: linear-gradient(to right, #F47C2C, #F99A3B);
  box-shadow: 0px 0px 15px 2px #0404043d;
}

div[data-engine-options="nomark multipage"] button {
  display: none !important;
}

/*
 * ============ NAV ============
 */
.hdocNav {
  margin: 40px;
}
.hdocNav ul, .hdocNav ol {
  padding: 0;
  margin: 0;
}
.hdocNav ul ul, .hdocNav ul ol, .hdocNav ol ul, .hdocNav ol ol {
  margin-left: 20px;
}
.hdocNav ul ul ul, .hdocNav ul ul ol, .hdocNav ul ol ul, .hdocNav ul ol ol, .hdocNav ol ul ul, .hdocNav ol ul ol, .hdocNav ol ol ul, .hdocNav ol ol ol {
  margin-left: 30px;
}
.hdocNav li {
  list-style-type: none;
  margin: 30px 0 50px 0;
  padding: 0;
}
.hdocNav li li {
  margin: 20px 0 30px 0;
}
.hdocNav li li li {
  margin: 10px 0 20px 0;
}
.hdocNav li li li li {
  margin: 5px 0 10px 0;
}

/* ------- hdocTitres ------- */
.hdocNav .hdocTitres {
  margin-bottom: 10px;
  color: #3f3f3f;
  padding: 0;
}
.hdocNav .hdocTitres.hdocNiv1 .hdocTitre {
  color: #3f3f3f;
}
.hdocNav > .hdocTitres {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 80px;
}
.hdocNav > .hdocTitres .hdocSousTitre {
  font-size: 2.2rem;
}
.hdocNav nav .hdocTitres.hdocNiv2 {
  border-bottom: 2px solid #cccccc;
  margin-bottom: 20px;
}
.hdocNav .hdocNumero {
  display: inline;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.hdocNav .hdocNumero:after {
  content: ".";
}

/* -------- hdocEntry ------- */
.hdocNav .hdocEntry {
  font-size: 1.8rem;
  margin: 5px 0 10px 0;
}
.hdocNav .hdocEntry a, .hdocNav .hdocEntry a:visited {
  text-decoration: none;
  color: #4f4f4f;
}
.hdocNav .hdocEntry a:hover {
  text-decoration: underline;
}

/* ------- hdocNavbar ------- */
.hdocNavbar {
  display: -webkit-flex;
  display: flex;
  position: sticky;
  top: 0;
  min-height: 32px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  z-index: 100;
}
.hdocNavbar .hdocNavbarPrevious {
  text-align: left;
  padding: 0 10px;
}
.hdocNavbar .hdocNavbarHome {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}
.hdocNavbar .hdocNavbarNext {
  text-align: right;
  padding: 0 10px;
}

/*
 * ============ NAV ============
 */
/* -------- hdocNavbar ------- */
.hdocNavbar {
  padding: 1rem;
  box-shadow: none;
  justify-content: space-between;
  background-color: #e9f1f8;
  height: 50px;
}

.hdocNavbar .hdocNavbarHome {
  flex: none;
}

.hdocNavbar img {
  display: none;
}

.hdocNavbar span a {
  position: relative;
}

.hdocNavbar .hdocNavbarPrevious {
  margin-left: 10%;
}

.hdocNavbar .hdocNavbarNext {
  margin-right: 10%;
}

.hdocNavbar .hdocNavbarPrevious a::before,
.hdocNavbar .hdocNavbarNext a::before {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  background: linear-gradient(to right, #F9993A, #F47C2C);
  border-radius: 50%;
  box-shadow: 0 0 0 3px transparent inset;
  transition: 0.5s;
}

.hdocNavbar .hdocNavbarHome a::before {
  content: "";
  width: 5rem;
  height: 5rem;
  padding: 0 0.5rem;
  position: absolute;
  background: linear-gradient(to right, #F9993A, #F47C2C);
  border-radius: 0 0 1.5rem 1.5rem;
  transition: 0.5s;
}

.hdocNavbar .hdocNavbarNext a::before {
  right: 0;
}

.hdocNavbar span a::after {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  transition: 0.5s;
}

.hdocNavbar .hdocNavbarPrevious a::after {
  background: url("../Images/icon_fleche.png") no-repeat center;
}

.hdocNavbar .hdocNavbarNext a::after {
  background: url("../Images/icon_fleche.png") no-repeat center;
  transform: rotate(180deg);
  right: 0;
}

.hdocNavbar .hdocNavbarHome a::after {
  background: url("../Images/icon_home.png") no-repeat center;
  padding: 0 0.5rem;
  background-size: 40%;
}

.hdocNavbar span:hover a::before {
  box-shadow: 0 0 0 3px #F8B080 inset;
}

.hdocNavbar .hdocNavbarPrevious:hover a::after {
  margin-left: -0.4rem;
}

.hdocNavbar .hdocNavbarNext a:hover::after {
  margin-right: -0.4rem;
}

/*
 * ============ HTML ===========
 */
html {
  font-size: 10px;
}

body {
  margin: 0;
  background-color: #E9F1F8;
}

/*
 * ============ TOP ============
 */
/* ------ hdocDocument ------ */
.hdocDocument {
  margin: 0;
  border: none;
  border-top-left-radius: 0;
}

/* -------- hdocRappel ------ */
.hdocRappel {
  margin: 0;
  border: none;
  border-top-left-radius: 0;
}

/* ------- hdocExercice ----- */
.hdocExercice {
  margin: 0;
  border: none;
  border-top-left-radius: 0;
}

/*
 * =========== BLOCK ===========
 */
/* -------- hdocImage ------- */
.hdocMagnifier {
  display: none;
}

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