@charset "UTF-8";
/* Rules - Important */
@import url("https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playwrite+DE+LA:wght@100..400&display=swap");
@import url("https://fonts.cdnfonts.com/css/collectionfree");
@font-face {
  font-family: "UniversUltraCondensed";
  src: url("https://fcm.teluq.ca/theme/crc_tspt/fonts/Univers.woff2") format("woff2"), url("https://fcm.teluq.ca/theme/crc_tspt/fonts/Univers.woff") format("woff"), url("https://fcm.teluq.ca/theme/crc_tspt/fonts/Univers.ttf") format("truetype");
}
@font-face {
  font-family: "UniversUltraCondensedLight";
  src: url("https://fcm.teluq.ca/theme/crc_tspt/fonts/Univers_47_Light_Condensed.woff2") format("woff2"), url("https://fcm.teluq.ca/theme/crc_tspt/fonts/Univers_47_Light_Condensed.woff") format("woff"), url("https://fcm.teluq.ca/theme/crc_tspt/fonts/Univers_47_Light_Condensed.ttf") format("truetype");
}
@font-face {
  font-family: "Univers LT Std 67 Bold condensed";
  src: url("https://fcm.teluq.ca/theme/crc_tspt/fonts/Univers_67_Bold_Condensed.ttf") format("truetype");
}
@font-face {
  font-family: "Univers LT Std 57condensed";
  src: url("https://fcm.teluq.ca/theme/crc_tspt/fonts/Univers_57_Condensed.ttf") format("truetype");
}
@font-face {
  font-family: "PlaywriteDELA-VariableFont_wght";
  font-style: normal;
  font-weight: 400;
  src: url("https://fcm.teluq.ca/theme/crc_tspt/fonts/PlaywriteDELA-VariableFont_wght.ttf") format("truetype");
}
:root {
  --font-family-roboto: "Roboto", sans-serif;
  --font-family-playwrite: "Playwrite DE LA", sans-serif;
  --font-family-module-number: "UniversUltraCondensed";
  --font-family-module-title: "UniversUltraCondensed";
  --font-family-module-subtitle: "UniversUltraCondensedLight";
  --font-size-base: 16px;
  --font-size-bulle-title: 18px;
  --font-weight-light: 300;
  --color-white: #fff;
  --color-black: #000;
  --color-gray-light: #f5f5f5;
  --color-primary: #2d6b94;
  --color-secondary: #bfd4dd;
  --color-evaluer: #e8f0f4;
  --color-apaiser: #f5f7f0;
  --max-width: 800px;
  --header-height: 60px;
  --navbar-height: 0px;
  --scroll-margin: calc(var(--navbar-height) + 20px);
  --quiz-content-max-width: 1200px;
  --spacing-xs: 10px;
  --spacing-sm: 20px;
  --spacing-md: 35px;
  --spacing-lg: 45px;
  --spacing-xl: 80px;
  --spacing-gap: 20px;
  --spacing-margin-bottom: 30px;
  --spacing-small: 10px;
  --spacing-medium: 20px;
  --spacing-large: 30px;
  --icon-size: 25px;
  --icon-size-large: 30px;
  --plr-color-main: var(--color-primary);
  --plyr-range-fill-background: var(--color-primary);
  --plyr-audio-controls-background: black;
  --plyr-control-radius: 24px;
  --plyr-control-icon-size: 18px;
  --plyr-audio-control-color: white;
  --plyr-audio-control-color-hover: white;
  --plyr-audio-control-background-hover: var(--color-primary);
  --module-number-font-size: 200px;
  --module-title-font-size: 80px;
  --module-subtitle-font-size: 40px;
  --module-number-color: #bfd4dd;
  --module-title-color: #2d6b94;
  --module-subtitle-color: var(--color-gray-dark);
  --bulles-pointe-width: 28px;
  --bulles-pointe-height: 34px;
  --bulle-border-radius: 40px;
  --bulle-icon-size: 80px;
  --bulle-icon-border-width: 3px;
  --bulle-border-width: 2px;
  --vimeo-button-background-color: #c3d3dc;
  --vimeo-button-color: #333333;
  --vimeo-titre-font-family: "UniversUltraCondensed";
  --vimeo-placeholder-dimensions: 450px;
  --btn-transcription-border: #707070;
  --transition-duration: 0.35s;
  --header-padding: 12px;
}

/* Base shared styles */
.shared-width {
  max-width: var(--max-width);
  margin-inline: auto;
  width: 100%;
}

/* Couleurs */
/* Couleurs par étape */
/* Ajustements globaux */
#page {
  margin-top: 0;
  padding: 0;
}

#page-wrapper {
  padding-top: 50px;
}

.no-break {
  white-space: nowrap;
}

/* Cacher des éléments admin */
.activity-information,
.automatic-completion-conditions,
.modified {
  display: none !important;
}

.example {
  padding: 0.625rem;
  padding: 0.9375rem;
  padding: 1.25rem;
  padding: 1.5625rem;
  font-size: 1.125rem;
  margin: 0.3125rem;
  margin: auto;
}

.font-size-example {
  font-size: 1.5rem;
}

/* Fichiers du thème */
/* Accordion component */
.accordion {
  position: relative;
  z-index: 1;
  max-width: var(--max-width);
  margin-inline: auto;
  width: 100%;
  margin-top: var(--spacing-large);
  padding-bottom: calc(var(--spacing-large) * 2);
}

.accordion .card + .card {
  margin-top: 2px;
}

/* Card component */
.card {
  max-width: var(--max-width);
  margin-inline: auto;
  width: 100%;
  position: relative;
  overflow: visible;
}

/* Card header */
.card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  scroll-margin-top: var(--scroll-margin);
  scroll-behavior: smooth;
  position: sticky;
  top: var(--navbar-height);
  z-index: 2;
  background-color: var(--color-primary);
  color: white;
  font-weight: bold;
  padding: var(--header-padding) var(--spacing-large);
  font-size: 16px;
  cursor: pointer;
  min-height: var(--header-height);
  transition: all var(--transition-duration) ease-in-out;
}

.card .card-header:hover {
  background-color: color-mix(in srgb, var(--color-primary), black 10%);
}

/* Indicator icon */
.card .card-header::after {
  font-family: "Bootstrap-icons";
  content: "\f4fe"; /* Default closed icon */
  flex-shrink: 0;
  background-color: white;
  color: black;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  height: var(--icon-size);
  width: var(--icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--spacing-large);
  transition: all var(--transition-duration) ease-in-out;
}

.card .card-header[aria-expanded=true]::after {
  content: "\f2ea"; /* Open icon */
  transform: rotate(180deg);
}

/* Collapse container */
.card .collapse {
  position: relative;
  z-index: 1;
  background-color: white;
}

/* Card body */
.card .card-body {
  padding: var(--spacing-large);
  border: 1px solid rgba(var(--color-primary-rgb, 0, 0, 90), 0.1);
  border-top: none;
}

.card .card-body .card-intro,
.card .card-body .question__intro {
  display: flex;
  gap: var(--spacing-large);
  align-items: flex-start;
  margin: 20px 0 var(--spacing-large);
}
.card .card-body .card-intro .question__textes,
.card .card-body .question__intro .question__textes {
  flex-basis: 100%;
}

.card .card-body .boite-quiz {
  border-top: 1px solid var(--quiz-border-color);
  padding: var(--spacing-large) 0;
  margin: var(--spacing-large) 0;
}

/* Responsive design */
@media (max-width: 768px) {
  .card .card-header {
    padding: var(--header-padding);
    font-size: 14px;
  }
  .card .card-header::after {
    margin-left: calc(var(--spacing-large) / 2);
  }
  .card .card-body {
    padding: calc(var(--spacing-large) / 1.5);
  }
  .card .card-body .card-intro,
  .card .card-body .question__intro {
    flex-direction: column;
    gap: var(--spacing-large);
  }
  .card .card-body .question__image {
    max-width: 100%;
  }
}
/* Common layout components */
.autoevaluation__fonctionnement,
.autoevaluation__presentation,
.autoevaluation__bouton,
.autoevaluation__table,
.quizattemptsummary,
.quizgradefeedback {
  margin-inline: auto;
  max-width: var(--max-width);
  margin-bottom: var(--spacing-xl);
}

.autoevaluation__fonctionnement .emphase,
.autoevaluation__presentation .emphase,
.autoevaluation__bouton .emphase,
.autoevaluation__table .emphase {
  margin-block: var(--spacing-xl);
}

/* Table styles */
.autoevaluation__table th,
.autoevaluation__table td {
  border: none;
  border-bottom: 1px solid var(--color-gray-light);
  padding: var(--spacing-small);
}

.autoevaluation__table tr td:first-of-type {
  border-right: 1px solid var(--color-gray-light);
}

/* Quiz module view page */
#page-mod-quiz-view .quizattemptcounts {
  display: none;
}

#page-mod-quiz-view h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-block: 100px 30px;
  font-family: var(--font-family-roboto);
  color: var(--color-black);
}

#page-mod-quiz-view table.quizattemptsummary th {
  border-bottom: none;
  padding: 4px;
}

#page-mod-quiz-view table.quizattemptsummary .autoevaluation-retroaction__texte {
  padding: 0;
}

/* Quiz review, summary and attempt pages */
#page-mod-quiz-review #page-content,
#page-mod-quiz-summary #page-content,
#page-mod-quiz-attempt #page-content {
  max-width: var(--quiz-content-max-width);
  margin-block: var(--spacing-xl);
  margin-inline: auto;
}

#page-mod-quiz-review .quizreviewsummary,
#page-mod-quiz-summary .quizreviewsummary,
#page-mod-quiz-attempt .quizreviewsummary {
  border: none;
}

#page-mod-quiz-review .quizreviewsummary tbody,
#page-mod-quiz-summary .quizreviewsummary tbody,
#page-mod-quiz-attempt .quizreviewsummary tbody {
  border: none;
}

/* Quiz preflight form */
#mod_quiz_preflight_form {
  max-width: var(--max-width);
  margin-inline: auto;
}

/* Feedback styling */
.autoevaluation-retroaction {
  margin-bottom: var(--spacing-xl);
}

.autoevaluation-retroaction th {
  display: none;
}

.autoevaluation-retroaction .cell {
  border: none;
}

.autoevaluation-retroaction__texte {
  padding: var(--spacing-medium);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: var(--spacing-medium);
  border: none;
  gap: var(--spacing-large);
}
.autoevaluation-retroaction__texte p {
  margin-bottom: 0;
}

.autoevaluation-retroaction__texte::before {
  font-family: "FontAwesome";
  font-size: var(--icon-size-large);
  font-weight: bold;
  text-align: center;
  flex-basis: 50px;
}

.autoevaluation-retroaction__texte.succes::before {
  color: green;
  content: "\f05d";
}

.autoevaluation-retroaction__texte.echec::before {
  color: darkorange;
  content: "\f071";
}

/* Grade feedback */
.quizgradefeedback {
  padding: var(--spacing-medium);
  border: 1px solid var(--color-gray-light);
  border-radius: 10px;
}

/* Advice box */
.autoevaluation__conseil {
  border: 1px solid var(--color-gray-light);
  border-radius: 10px;
}

.autoevaluation__conseil p {
  margin-block: var(--spacing-small);
}

/* Answer key */
.answer-key {
  background: transparent;
}
.answer-key .section--icone {
  background: white;
  outline: 30px solid white;
  border: 10px solid #edf3f6;
}
.answer-key .personne img {
  outline: 2px solid #edf3f6;
  border: 4px solid #edf3f6;
}

:root {
  --font-family-module-number: "UniversUltraCondensed";
  --font-family-module-title: "Univers LT Std 67 Bold condensed";
  --font-family-module-subtitle-bandeau: "Univers LT Std 57condensed";
  --module-number-font-size: 200px;
  --module-title-font-size: 80px;
  --module-subtitle-font-size: 40px;
  --module-number-color: #bfd4dd;
  --module-title-color: #2d6b94;
  --module-subtitle-color: var(--gris-fonce);
}

.bloc-titre {
  margin-top: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}
.bloc-titre .container-bloc-titre {
  margin-inline: auto;
  max-width: var(--max-width);
  display: flex;
  justify-content: start;
  align-items: center;
  min-height: 300px;
}
@media (max-width: 991px) {
  .bloc-titre .container-bloc-titre {
    min-height: 150px;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    background: none !important;
  }
}
@media (max-width: 767px) {
  .bloc-titre .container-bloc-titre {
    min-height: 120px;
    padding: 0.75rem;
  }
}
.bloc-titre .module-container {
  padding-left: 20px;
  display: grid;
  min-width: fit-content;
}
@media (max-width: 991px) {
  .bloc-titre .module-container {
    padding-left: 0;
    width: 100%;
  }
}
.bloc-titre .module-container--home {
  padding-left: 0;
  display: grid;
  min-width: fit-content;
}
@media (max-width: 991px) {
  .bloc-titre .module-container--home {
    width: 100%;
  }
}
.bloc-titre .module-number {
  font-size: var(--module-number-font-size);
  font-family: var(--font-family-module-number);
  font-weight: 600;
  color: var(--module-number-color);
}
@media (max-width: 991px) {
  .bloc-titre .module-number {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .bloc-titre .module-number {
    font-size: 48px;
  }
}
@media (max-width: 480px) {
  .bloc-titre .module-number {
    font-size: 36px;
  }
}
.bloc-titre .module-title {
  font-size: var(--module-title-font-size);
  font-family: var(--font-family-module-title);
  color: var(--module-title-color);
  margin: 0;
  line-height: 1.15;
}
.bloc-titre .module-title--home {
  font-size: 3rem;
  font-family: var(--font-family-module-title);
  color: var(--module-title-color);
  margin: 0;
  line-height: 1.15;
}
@media (max-width: 991px) {
  .bloc-titre .module-title {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .bloc-titre .module-title {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .bloc-titre .module-title {
    font-size: 24px;
  }
}
.bloc-titre .module-subtitle {
  font-size: var(--module-subtitle-font-size);
  font-family: var(--font-family-module-subtitle-bandeau);
  font-weight: lighter;
  color: var(--module-subtitle-color);
  margin: 0;
  line-height: 1.15;
}
@media (max-width: 991px) {
  .bloc-titre .module-subtitle {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .bloc-titre .module-subtitle {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .bloc-titre .module-subtitle {
    font-size: 16px;
  }
}

.section0 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M00_Bandeau_photo.png");
}

.section1 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M01_Bandeau_photo.png");
}

.section2 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M02_Bandeau_photo.png");
}

.section3 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M03_Bandeau_photo.png");
}

.section4 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M04_Bandeau_photo.png");
}

.section5 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M05_Bandeau_photo.png");
}

.section6 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M06_Bandeau_photo.png");
}

.section7 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M07_Bandeau_photo.png");
}

.section8 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M08_Bandeau_photo.png");
}

.section9 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M09_Bandeau_photo.png");
}

.section10 .bloc-titre {
  background-image: linear-gradient(to right, white, white 20%, transparent 50%), url("../img/structure/bandeaux/CRC_TSPT_M10_Bandeau_photo.png");
}

/* Chat bubbles row container */
.row--bulles {
  margin: var(--spacing-xs) auto var(--spacing-margin-bottom);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-gap);
  width: 100%;
}

/* Reversed direction for left animation */
.row--bulles.animation-scroll--left {
  flex-direction: row-reverse;
}

/* Base bubble styles */
.bulle {
  background-color: white;
  padding: var(--spacing-md) var(--spacing-lg);
  margin-bottom: calc(var(--spacer) * 0.5);
  position: relative;
  list-style: none;
  border-radius: var(--bulle-border-radius);
  width: 100%;
  flex-grow: 3;
  display: flex;
  flex-direction: column;
  height: fit-content;
  border: var(--bulle-border-width) solid var(--color-evaluer);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Remove margin from last bubble */
.bulle:last-of-type {
  margin-bottom: 0;
}

/* Hover effect for better interactivity */
.bulle:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Bubble icon styling */
.bulle .bulleicone {
  border: var(--bulle-icon-border-width) solid var(--couleur-primaire);
  border-radius: 50%;
  width: var(--bulle-icon-size);
  height: var(--bulle-icon-size);
  position: relative;
  margin: 0 0 var(--spacing-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
}

/* Bubble title styling */
.bulle h3:not(.capsule__titre) {
  margin: 0 0 var(--spacing-xs);
  text-align: left;
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-bulle-title);
  color: var(--gris-fonce);
  font-family: var(--font-family-roboto);
  line-height: 1.4;
}

/* Remove default after pseudo-element */
.bulle h3:not(.capsule__titre)::after {
  content: none;
}

/* Right animation specifics - pointy left corner */
.animation-scroll--right .bulle {
  border-top-left-radius: 0;
}

/* Left animation specifics - pointy right corner */
.animation-scroll--left .bulle {
  border-top-right-radius: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .row--bulles {
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  .row--bulles.animation-scroll--left {
    flex-direction: column;
  }
  .bulle {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .bulle .bulleicone {
    width: calc(var(--bulle-icon-size) * 0.75);
    height: calc(var(--bulle-icon-size) * 0.75);
    margin: 0 auto var(--spacing-sm);
  }
}
.dialogues ul.documents--boite {
  margin-top: var(--spacing-sm);
}

:root {
  --capsule-background: white;
  --capsule-player-background: #f8f9fa;
}

.capsule__liste {
  display: grid;
  grid-template-columns: 140px auto;
  margin-inline: auto;
  margin-top: 0;
  margin-bottom: 60px;
  max-width: 800px;
  padding-block: 20px;
  padding-left: 30px;
  background-color: var(--capsule-background);
}
.capsule__liste .capsule__personne {
  padding-top: 15px;
}

.capsule__liste-titre {
  margin-top: 60px;
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  margin-inline: auto;
  color: var(--color-primary);
}
.capsule__liste-titre::after {
  display: none;
}

.capsule--wrapper {
  padding-block: 20px;
  padding-inline: 30px;
  display: flex;
  gap: 20px;
  margin: 0 auto 24px;
  background-color: var(--capsule-background);
  border-radius: 0.25rem;
  overflow: hidden;
  width: 100%;
}

.capsule__capsules {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.capsule--large,
.capsule {
  background-color: var(--capsule-player-background);
  width: 100%;
  padding-inline: 30px;
  padding-top: 30px;
  padding-bottom: 0px;
}

.capsule__titre {
  font-size: 18px;
  margin-bottom: 1rem;
  font-weight: bold;
  color: #333;
}

.capsule__lecteur,
.capsule__source {
  padding-block: 6px;
}

.audioPlayerWrapper {
  background: transparent;
}

.plyr--audio {
  background: transparent;
  border-radius: 24px;
}

.plyr__control {
  color: #fff;
  transition: all 0.2s ease;
}
.plyr__control:hover {
  transform: scale(1.1);
  background-color: rgba(255, 255, 255, 0.2);
}
.plyr__control--pressed {
  background-color: rgba(255, 255, 255, 0.4);
}

.plyr__time {
  color: #fff;
}

.plyr--full-ui input[type=range] {
  color: #fff;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-image: linear-gradient(to right, white, white);
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background-color: #fff;
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background-color: #fff;
}
.plyr--full-ui input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background-color: #fff;
}

.plyr__controls {
  background: var(--plyr-audio-controls-background);
  color: #fff;
  padding: 8px;
  border-radius: var(--plyr-control-radius);
}

audio.audioPlayer {
  background: #000;
  border-radius: 24px;
  width: 540px;
}

audio::-webkit-media-controls-panel, audio::-webkit-media-controls-timeline-container, audio::-webkit-media-controls-timeline {
  background: #000;
}
audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-mute-button, audio::-webkit-media-controls-volume-slider-container, audio::-webkit-media-controls-volume-slider, audio::-webkit-media-controls-current-time-display, audio::-webkit-media-controls-time-remaining-display, audio::-webkit-media-controls-fullscreen-button, audio::-webkit-media-controls-rewind-button, audio::-webkit-media-controls-return-to-realtime-button, audio::-webkit-media-controls-toggle-closed-captions-button {
  color: #fff;
  filter: brightness(0) invert(1);
}

@-moz-document url-prefix() {
  audio {
    background: #000;
  }
  audio::-moz-range-thumb,
  audio::-moz-range-track,
  audio::-moz-range-progress {
    background-color: #fff;
  }
}
.sound-wave {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 100%;
  gap: 1px;
  margin-bottom: 10px;
}
.sound-wave .bar {
  display: block;
  border-radius: 30px;
  width: 11px;
  background: #c1d8dd;
  height: 30px;
  transition: height 0.2s ease-in-out;
  animation: sound-blue 0.8s linear infinite alternate;
  animation-play-state: paused;
}
.sound-wave .bar2 {
  height: 20px;
  background: #bfd4dd;
}
.sound-wave .bar.playing {
  animation-play-state: running;
  animation-name: sound-blue;
}
.sound-wave .bar:nth-child(7),
.sound-wave .bar:nth-child(8),
.sound-wave .bar:nth-child(9),
.sound-wave .bar:nth-child(20),
.sound-wave .bar:nth-child(21),
.sound-wave .bar:nth-child(22) {
  background: #6a96aa;
}
.sound-wave .bar:nth-child(1) {
  animation-delay: 0.1s;
}
.sound-wave .bar:nth-child(2) {
  animation-delay: 0.2s;
}
.sound-wave .bar:nth-child(3) {
  animation-delay: 0.3s;
}
.sound-wave .bar:nth-child(4) {
  animation-delay: 0.4s;
}
.sound-wave .bar:nth-child(5) {
  animation-delay: 0.5s;
}
.sound-wave .bar:nth-child(6) {
  animation-delay: 0.6s;
}
.sound-wave .bar:nth-child(7) {
  animation-delay: 0.7s;
}
.sound-wave .bar:nth-child(8) {
  animation-delay: 0.8s;
}
.sound-wave .bar:nth-child(9) {
  animation-delay: 0.9s;
}
.sound-wave .bar:nth-child(10) {
  animation-delay: 0s;
}
.sound-wave .bar:nth-child(11) {
  animation-delay: 0.1s;
}
.sound-wave .bar:nth-child(12) {
  animation-delay: 0.2s;
}
.sound-wave .bar:nth-child(13) {
  animation-delay: 0.3s;
}
.sound-wave .bar:nth-child(14) {
  animation-delay: 0.4s;
}
.sound-wave .bar:nth-child(15) {
  animation-delay: 0.5s;
}
.sound-wave .bar:nth-child(16) {
  animation-delay: 0.6s;
}
.sound-wave .bar:nth-child(17) {
  animation-delay: 0.7s;
}
.sound-wave .bar:nth-child(18) {
  animation-delay: 0.8s;
}
.sound-wave .bar:nth-child(19) {
  animation-delay: 0.9s;
}
.sound-wave .bar:nth-child(20) {
  animation-delay: 0s;
}
.sound-wave .bar:nth-child(21) {
  animation-delay: 0.1s;
}
.sound-wave .bar:nth-child(22) {
  animation-delay: 0.2s;
}
.sound-wave .bar:nth-child(23) {
  animation-delay: 0.3s;
}
.sound-wave .bar:nth-child(24) {
  animation-delay: 0.4s;
}
.sound-wave .bar:nth-child(25) {
  animation-delay: 0.5s;
}
.sound-wave .bar:nth-child(26) {
  animation-delay: 0.6s;
}
.sound-wave .bar:nth-child(27) {
  animation-delay: 0.7s;
}
.sound-wave .bar:nth-child(28) {
  animation-delay: 0.8s;
}
.sound-wave .bar:nth-child(29) {
  animation-delay: 0.9s;
}
.sound-wave .bar:nth-child(30) {
  animation-delay: 0s;
}
.sound-wave .bar:nth-child(31) {
  animation-delay: 0.1s;
}
.sound-wave .bar:nth-child(32) {
  animation-delay: 0.2s;
}
.sound-wave .bar:nth-child(33) {
  animation-delay: 0.3s;
}
.sound-wave .bar:nth-child(34) {
  animation-delay: 0.4s;
}
.sound-wave .bar:nth-child(35) {
  animation-delay: 0.5s;
}
.sound-wave .bar:nth-child(36) {
  animation-delay: 0.6s;
}
.sound-wave .bar:nth-child(37) {
  animation-delay: 0.7s;
}
.sound-wave .bar:nth-child(38) {
  animation-delay: 0.8s;
}
.sound-wave .bar:nth-child(39) {
  animation-delay: 0.9s;
}
.sound-wave .bar:nth-child(40) {
  animation-delay: 0s;
}

@keyframes sound-blue {
  0% {
    height: 15px;
    background: #c1d8dd;
  }
  50% {
    height: 25px;
    background: #8bb5c5;
  }
  100% {
    height: 35px;
    background: #6a96aa;
  }
}
.transcription {
  padding: 10px 0;
}

details summary {
  color: #333;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
details summary::after {
  content: "+";
  font-size: 1.2rem;
  font-weight: bold;
}
details[open] summary::after {
  content: "−";
}

div.consignes {
  max-width: var(--max-width);
  width: 100%;
  margin-inline: auto;
  margin-block: 1.5rem;
  padding-block: 1rem;
  border-top: 1px solid #2d6b94;
  border-bottom: 1px solid #2d6b94;
}
div.consignes p {
  margin-bottom: 0;
}
div.consignes ol,
div.consignes ul {
  max-width: var(--max-width);
  margin-inline: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
div.consignes li {
  padding-bottom: 0;
}

:root {
  /* Colors */
  --details-border-color: #707070;
  --details-text-color: #333333;
  --details-open-bg-color: #f0f0f0;
  --details-hover-bg-color: #ebebeb; /* Calculated from lighten(border-color, 40%) */
  /* Borders */
  --details-border-width: 1px;
  --details-border-style: solid;
  /* Spacing */
  --details-spacing-xs: 4px;
  --details-spacing-sm: 10px;
  --details-spacing-md: 20px;
  --details-spacing-lg: 30px;
  /* Icons */
  --details-icon-size: 25px;
  --details-icon-font-size: 20px;
  /* Animation */
  --details-transition-duration: 0.3s;
  --details-transition-easing: ease-in-out;
}

/* Details component */
details {
  max-width: var(--max-width);
  width: 100%;
  margin-bottom: var(--details-spacing-md);
  position: relative;
  color: var(--details-text-color);
}

/* Transcription content */
details .transcription {
  padding: var(--details-spacing-sm) var(--details-spacing-xs) var(--details-spacing-md);
  line-height: 1.5;
  border-bottom: 1px solid var(--details-border-color);
}

/* Summary (toggle) styling */
details > summary {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: var(--max-width);
  color: var(--details-text-color);
  margin-block: var(--details-spacing-lg);
  padding-block: var(--details-spacing-sm);
  padding-inline: var(--details-spacing-xs);
  width: 100%;
  border-top: var(--details-border-width) var(--details-border-style) var(--details-border-color);
  border-bottom: var(--details-border-width) var(--details-border-style) var(--details-border-color);
  cursor: pointer;
  list-style: none;
  transition: background-color var(--details-transition-duration) var(--details-transition-easing);
  font-weight: 500;
  position: relative;
}

/* Remove default marker in Firefox */
details > summary::-webkit-details-marker {
  display: none;
}

/* Hover state */
details > summary:hover {
  background-color: var(--details-hover-bg-color);
}

/* Plus icon */
details > summary::after {
  content: "+";
  font-size: var(--details-icon-font-size);
  color: var(--details-border-color);
  width: var(--details-icon-size);
  height: var(--details-icon-size);
  display: grid;
  padding-bottom: 3px;
  place-content: center;
  transition: transform var(--details-transition-duration) var(--details-transition-easing);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}

/* Open state styling */
details[open] > summary {
  background-color: var(--details-open-bg-color);
  border-bottom-color: transparent;
  margin-bottom: 0;
}

/* Minus icon when open */
details[open] > summary::after {
  content: "−"; /* Using proper minus sign for better alignment */
  transform: rotate(180deg);
}

/* Animation for content */
details[open] .transcription {
  animation: details-show var(--details-transition-duration) var(--details-transition-easing);
}

/* Animation keyframes */
@keyframes details-show {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Responsive adjustments */
@media (max-width: 768px) {
  details > summary {
    padding-inline: var(--details-spacing-sm);
    margin-block: var(--details-spacing-md);
  }
  details .transcription {
    padding: var(--details-spacing-sm);
  }
}
ul.documents,
ul.documents--boite {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 40px;
  background-color: white;
  border: solid 2px #2d6b94;
  max-width: var(--max-width);
  margin-inline: auto;
}
ul.documents li,
ul.documents--boite li {
  list-style: none;
  width: auto;
  padding: 0;
}
ul.documents li a,
ul.documents--boite li a {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 10px 40px;
  width: 100%;
  transition: all 0.3s;
  color: inherit;
}
ul.documents li a:before,
ul.documents--boite li a:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  margin-right: 10px;
}
ul.documents li a:hover,
ul.documents--boite li a:hover {
  text-decoration: none;
  background-color: #2d6b94;
  color: white;
}
ul.documents li a:focus,
ul.documents--boite li a:focus {
  outline: none;
}
ul.documents li.zip a:before,
ul.documents--boite li.zip a:before {
  background-image: url(../img/icones/ico_zip.svg);
}
ul.documents li.pdf a:before,
ul.documents--boite li.pdf a:before {
  background-image: url(../img/icones/ico_pdf.svg);
}
ul.documents li.glossaire a:before, ul.documents li.histoire a:before,
ul.documents--boite li.glossaire a:before,
ul.documents--boite li.histoire a:before {
  background-image: url(../img/icones/ico_glossaire.svg);
}
.dialogue ul.documents,
.dialogue ul.documents--boite {
  margin: 30px;
}

.bulle .document {
  margin: 20px auto;
}

.boite--icone {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-block: 25px;
  padding: 20px;
  padding-bottom: 20px !important;
  background-color: #efefee;
  max-width: var(--max-width);
  margin-inline: auto;
}
.boite--icone img {
  width: 100px;
  border-radius: 100%;
  background-color: white;
  padding: 8px;
}
.boite--icone p {
  text-align: left;
  margin-inline: auto;
  margin-block: 0;
}

.boite--rappel {
  margin-block: 25px;
  padding: 20px;
  background-color: #efefee;
  display: flex;
  gap: 20px;
}
.boite--rappel p {
  text-align: left;
  margin-inline: auto;
}

.emphase {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  background-color: #efefee;
  max-width: var(--max-width);
  margin-inline: auto;
  padding: 20px;
  margin-bottom: 25px;
}
.emphase__container {
  flex-direction: column;
}
.emphase__titre {
  color: #333333;
}

.boite--icone {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-block: 25px;
  padding: 20px;
  padding-bottom: 20px !important;
  background-color: #efefee;
  max-width: var(--max-width);
  margin-inline: auto;
}
.boite--icone img {
  width: 100px;
  border-radius: 100%;
  background-color: white;
  padding: 8px;
}
.boite--icone p {
  text-align: left;
  margin-inline: auto;
  margin-block: 0;
}

.boite--rappel {
  margin-block: 25px;
  padding: 20px;
  background-color: #efefee;
  display: flex;
  gap: 20px;
}
.boite--rappel p {
  text-align: left;
  margin-inline: auto;
}

.emphase {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  background-color: #efefee;
  max-width: var(--max-width);
  margin-inline: auto;
  padding: 20px;
  margin-bottom: 25px;
}
.emphase__container {
  flex-direction: column;
}
.emphase__titre {
  color: #333333;
}

.mobile-footer-nav {
  display: none;
}
@media (max-width: 991px) {
  .mobile-footer-nav {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: var(--color-white);
    border-top: 2px solid var(--color-primary);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  }
  .mobile-footer-nav__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    max-width: 100%;
  }
}

.mobile-user-menu {
  flex: 0 0 auto;
}
.mobile-user-menu .mobile-user-toggle {
  background: transparent;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  min-height: 44px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-user-menu .mobile-user-toggle:hover, .mobile-user-menu .mobile-user-toggle:focus {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.mobile-user-menu .mobile-user-toggle img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.mobile-language {
  flex: 0 0 auto;
}
.mobile-language .mobile-lang-btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  min-height: 44px;
  min-width: 80px;
  background-color: var(--color-primary);
  color: var(--color-white);
  text-decoration: none;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.5;
  transition: opacity 0.2s ease;
}
.mobile-language .mobile-lang-btn:hover, .mobile-language .mobile-lang-btn:focus {
  opacity: 0.9;
  color: var(--color-white);
  text-decoration: none;
}

@media (max-width: 991px) {
  body {
    padding-bottom: 60px;
  }
}
footer {
  display: grid;
  place-content: stretch;
}
footer .logo--croix-rouge {
  margin: auto;
  max-width: 200px;
  padding: 20px;
}
footer .logo--teluq {
  margin: auto;
  padding: 20px;
}
footer .footer__liens {
  padding-block: 30px;
  background: black;
  color: white;
  display: grid;
  place-content: center;
}
footer .meta-copyright {
  text-align: center;
  padding: 20px;
}
footer .menu-footer {
  text-align: center;
}
footer .menu-footer img {
  padding: 20px;
}

.grille--titre {
  font-size: 20px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 25px;
}

.grille {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding-block: 25px;
}
.grille td {
  min-width: 50px;
}
.grille tr,
.grille th {
  padding: 7px;
}
.grille th {
  text-align: center;
}
.grille input {
  display: block;
  margin: auto;
}

iframe {
  max-width: var(--max-width);
  width: 100%;
  margin-inline: auto;
  margin-top: 0 !important;
}

.language-switcher {
  padding: 10px;
  text-align: right;
  list-style: none;
}

.tableau--specifique ul,
section ul {
  list-style-type: square;
}
.tableau--specifique ul li::marker,
section ul li::marker {
  color: var(--color-primary);
}
.tableau--specifique ul li ul,
section ul li ul {
  list-style-type: "- ";
}
.tableau--specifique ul li ul li::marker,
section ul li ul li::marker {
  color: var(--color-primary);
}

ul.documents {
  list-style-type: none;
  padding-left: 0;
}
ul.documents li::marker {
  display: none;
}

ul.liste {
  margin-left: 8px;
}

ol.liste {
  padding-left: 20px;
  list-style-type: decimal;
  padding-bottom: 1rem;
}

.level--0 > li {
  padding-bottom: 10px;
}
.level--0 .level--1 {
  padding-bottom: 0;
}
.level--0 .level--1 li {
  padding-bottom: spacing(0.5);
}

ol > li::marker {
  color: #333333 !important;
}

ul.alphabetical {
  list-style-type: upper-latin;
}
ul.alphabetical.lowercase {
  list-style-type: lower-latin;
}

.textes__liste .documents--boite {
  margin-bottom: 0 !important;
}

.textes__liste .level--1 li > span {
  padding: 0;
}

.textes__liste .level--2 {
  margin-top: 0;
}

.textes__liste li ul {
  margin-top: 0;
}
.textes__liste li ul li::marker {
  color: var(--color-primary) !important;
}

ol.nostyle,
ul.nostyle {
  list-style-type: none;
}
ol.nostyle li::marker,
ul.nostyle li::marker {
  display: none;
}

.manuscrit {
  font-family: "CollectionFree", sans-serif;
  font-size: 150px;
  color: #2d6b94;
  opacity: 0.5;
}
.manuscrit p {
  position: relative;
  top: 10px;
  right: 100px;
}

.lettre {
  display: inline-block;
  font-size: 1.2rem;
  font-family: "responder-p", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.lettre-1 {
  display: inline-block;
  font-size: 1.3rem;
  font-family: "Shadows Into Light Two", cursive;
  font-weight: 400;
  font-style: normal;
}

.lettre-2 {
  display: inline-block;
  font-size: 1.2rem;
  font-family: "Playwrite DE LA", cursive;
  font-optical-sizing: auto;
}

.course {
  margin-block: 40px;
}

.course-title {
  text-align: center;
  padding: 1.5rem 1rem;
  background-color: var(--color-white);
}
.course-title__main {
  display: block;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
  color: black;
  margin-bottom: 0.5rem;
}
.course-title__sub {
  display: block;
  font-size: 1.125rem;
  line-height: 1.4;
  color: black;
}
@media (max-width: 991px) {
  .course-title {
    display: none !important;
  }
}

.navbar {
  padding-bottom: 0;
  width: 100%;
  margin: 0;
  max-width: 100%;
  display: block;
}
@media (min-width: 992px) {
  .navbar {
    display: flex;
  }
}
.navbar .navbar-nav {
  position: static;
}
@media (max-width: 991px) {
  .navbar {
    background-color: #2d6b94;
    padding: 0;
  }
}

.navbar-toggler {
  display: none;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid var(--color-white);
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  color: var(--color-white);
}
.navbar-toggler:hover, .navbar-toggler:focus {
  background-color: rgba(255, 255, 255, 0.2);
  outline: none;
  border-color: var(--color-white);
}
.navbar-toggler:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: 2px;
}
.navbar-toggler:active {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-toggler .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media (max-width: 991px) {
  .navbar-toggler {
    display: block;
    margin: 1rem;
    width: calc(100% - 2rem);
    text-align: left;
  }
  .navbar-toggler::before {
    content: "Menu ";
    margin-right: 0.5rem;
    font-weight: 600;
  }
}

.navbar-nav {
  justify-content: stretch;
  flex-basis: 100%;
}

#menu-principal {
  width: 100%;
  padding: 0;
  display: block;
}
@media (max-width: 991px) {
  #menu-principal {
    padding: 0;
    background-color: #2d6b94;
  }
}

#primaryNavbarContent {
  flex-direction: column;
  background-color: #2d6b94;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  #primaryNavbarContent {
    display: flex !important;
  }
}
@media (max-width: 991px) {
  #primaryNavbarContent {
    display: none;
  }
  #primaryNavbarContent.show {
    display: block !important;
  }
  #primaryNavbarContent.collapse:not(.show) {
    display: none;
  }
}
#primaryNavbarContent .navbar-nav {
  width: 100%;
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
#primaryNavbarContent .navbar-nav li.nav-item {
  padding: 0;
}
#primaryNavbarContent .navbar-nav a.nav-link {
  min-width: 100%;
  padding-block: 14px;
  text-wrap: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  #primaryNavbarContent .navbar-nav {
    grid-template-columns: 1fr;
  }
}

.nav-link.dropdown-toggle {
  color: var(--color-white);
}

.home--link {
  color: var(--color-white);
}

#action-menu-2-menu,
#action-menu-4-menu {
  z-index: 1002;
}

.zone-menu {
  position: relative;
  z-index: 11;
  width: 100%;
  display: block;
}
@media (max-width: 991px) {
  .zone-menu {
    background-color: #2d6b94;
  }
}

.modulegroupe {
  flex-basis: var(--nav-item-dropdown-width);
}

.modulegroupes {
  display: grid;
  grid-template-columns: 1fr 4fr 3fr 3fr;
  width: 100%;
  background-color: var(--color-white);
  color: black;
  font-size: 18px;
  font-weight: bold;
  font-family: "Univers LT Std", sans-serif;
}
.modulegroupes .evaluer,
.modulegroupes .apaiser,
.modulegroupes .traiter {
  text-align: center;
  padding-block: 10px;
  border: 2px solid var(--color-white);
}
.modulegroupes .evaluer {
  flex-basis: calc(var(--nav-item-dropdown-width) * 4);
  background-color: #bfd4dd;
}
.modulegroupes .apaiser {
  flex-basis: calc(var(--nav-item-dropdown-width) * 3);
  background-color: #dce3ce;
}
.modulegroupes .traiter {
  flex-basis: calc(var(--nav-item-dropdown-width) * 3);
  background-color: #f3e3bb;
}
@media (max-width: 991px) {
  .modulegroupes {
    display: none;
  }
}
@media (min-width: 650px) and (max-width: 991px) {
  .modulegroupes {
    font-size: 14px;
  }
}

.dropdown-toggle {
  cursor: pointer;
}
.dropdown-toggle.show {
  color: var(--color-white);
}
.dropdown-toggle::after {
  display: none;
}
.dropdown-toggle:focus {
  outline: 2px solid var(--color-white);
  outline-offset: -2px;
}
.dropdown-toggle:focus:not(:focus-visible) {
  outline: none;
}
.dropdown-toggle:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: -2px;
}

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 10;
  border: none;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-menu.home {
  background-color: var(--color-primary);
  color: var(--color-white);
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  width: calc(var(--nav-item-dropdown-width) * 3);
}
.dropdown-menu.home .nav-item.dropdown .module-type--quiz,
.dropdown-menu.home .nav-item.dropdown .module-type--page {
  color: var(--color-white);
}
.dropdown-menu.home .s0-menu-level1 .module-type--page {
  color: var(--color-white);
}
.dropdown-menu ol,
.dropdown-menu ul {
  list-style: none;
  padding-left: 20px;
}
.dropdown-menu ol {
  margin-block: 7px;
}
@media (min-width: 992px) {
  .dropdown-menu.module-1, .dropdown-menu.module-2, .dropdown-menu.module-3, .dropdown-menu.module-4 {
    border: 2px solid white;
    width: calc(var(--nav-item-dropdown-width) * 4);
    margin: 0;
    padding: 0;
    background-color: #bfd4dd;
  }
  .dropdown-menu.module-1 a, .dropdown-menu.module-2 a, .dropdown-menu.module-3 a, .dropdown-menu.module-4 a {
    color: black;
  }
  .dropdown-menu.module-1 .sousmenu, .dropdown-menu.module-2 .sousmenu, .dropdown-menu.module-3 .sousmenu, .dropdown-menu.module-4 .sousmenu {
    background-color: #bfd4dd;
  }
  .dropdown-menu.module-5, .dropdown-menu.module-6, .dropdown-menu.module-7 {
    border: 2px solid white;
    width: calc(var(--nav-item-dropdown-width) * 3);
    background-color: #dce3ce;
  }
  .dropdown-menu.module-5 a, .dropdown-menu.module-6 a, .dropdown-menu.module-7 a {
    color: black;
  }
  .dropdown-menu.module-5 .sousmenu, .dropdown-menu.module-6 .sousmenu, .dropdown-menu.module-7 .sousmenu {
    background-color: #dce3ce;
  }
  .dropdown-menu.module-8, .dropdown-menu.module-9, .dropdown-menu.module-10 {
    border: 2px solid white;
    width: calc(var(--nav-item-dropdown-width) * 3);
    background-color: #f3e3bb;
  }
  .dropdown-menu.module-8 a, .dropdown-menu.module-9 a, .dropdown-menu.module-10 a {
    color: black;
  }
  .dropdown-menu.module-8 .sousmenu, .dropdown-menu.module-9 .sousmenu, .dropdown-menu.module-10 .sousmenu {
    background-color: #f3e3bb;
  }
  .dropdown-menu.module-2, .dropdown-menu.module-6 {
    transform: translateX(calc(-1 * var(--nav-item-dropdown-width)));
  }
  .dropdown-menu.module-3, .dropdown-menu.module-7, .dropdown-menu.module-10 {
    transform: translateX(calc(-2 * var(--nav-item-dropdown-width)));
  }
  .dropdown-menu.module-4 {
    transform: translateX(calc(-3 * var(--nav-item-dropdown-width)));
  }
  .dropdown-menu.module-8 {
    transform: translateX(0);
  }
  .dropdown-menu.module-9 {
    transform: translateX(calc(-1 * var(--nav-item-dropdown-width)));
  }
}
.dropdown-menu .progress-wrapper {
  max-width: 700px;
  width: 100%;
  margin-block: 10px;
}
.dropdown-menu .progress {
  height: 18px;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 4px;
}
.dropdown-menu .progress-bar {
  transition: width 0.3s ease;
  background-color: var(--color-primary);
}
.dropdown-menu .completion {
  display: flex;
  position: relative;
  padding-left: 20px;
}
.dropdown-menu .completion::before {
  font-family: "Bootstrap-icons";
  margin-right: 10px;
  display: flex;
  width: 14px;
  height: 14px;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 35%;
  transform: translateY(-50%);
}
.dropdown-menu .completion--complete::before {
  content: "\f270";
  color: #2d6b94;
  font-weight: bold;
}
.dropdown-menu .completion--incomplete::before {
  content: "\f287";
  color: var(--color-white);
}

.nav-item.dropdown {
  flex-basis: var(--nav-item-dropdown-width);
  display: flex;
  justify-content: center;
  flex-direction: row;
  padding-block: 7px;
  border: 2px solid var(--color-white);
  text-align: center;
  background-color: var(--color-primary);
  position: relative;
}
.nav-item.dropdown a {
  color: var(--color-white);
}
.nav-item.dropdown ol,
.nav-item.dropdown ul {
  list-style: none;
  padding-left: 20px;
}
.nav-item.dropdown.module-1, .nav-item.dropdown.module-2, .nav-item.dropdown.module-3, .nav-item.dropdown.module-4 {
  background-color: #bfd4dd;
}
.nav-item.dropdown.module-1 a, .nav-item.dropdown.module-2 a, .nav-item.dropdown.module-3 a, .nav-item.dropdown.module-4 a {
  color: black;
}
.nav-item.dropdown.module-1 .sousmenu, .nav-item.dropdown.module-2 .sousmenu, .nav-item.dropdown.module-3 .sousmenu, .nav-item.dropdown.module-4 .sousmenu {
  background-color: #bfd4dd;
}
.nav-item.dropdown.module-5, .nav-item.dropdown.module-6, .nav-item.dropdown.module-7 {
  background-color: #dce3ce;
}
.nav-item.dropdown.module-5 a, .nav-item.dropdown.module-6 a, .nav-item.dropdown.module-7 a {
  color: black;
}
.nav-item.dropdown.module-5 .sousmenu, .nav-item.dropdown.module-6 .sousmenu, .nav-item.dropdown.module-7 .sousmenu {
  background-color: #dce3ce;
}
.nav-item.dropdown.module-8, .nav-item.dropdown.module-9, .nav-item.dropdown.module-10 {
  background-color: #f3e3bb;
}
.nav-item.dropdown.module-8 a, .nav-item.dropdown.module-9 a, .nav-item.dropdown.module-10 a {
  color: black;
}
.nav-item.dropdown.module-8 .sousmenu, .nav-item.dropdown.module-9 .sousmenu, .nav-item.dropdown.module-10 .sousmenu {
  background-color: #f3e3bb;
}
.nav-item.dropdown .section-titre__bloc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px 20px 10px 20px;
  border-bottom: 1px solid var(--color-white);
  width: 100%;
}
.nav-item.dropdown .section-titre__module {
  color: black;
  font-family: "Univers LT Std", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.nav-item.dropdown .section-titre__progression {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.nav-item.dropdown .module-nom.module-type--label {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-top: 6px;
}
.nav-item.dropdown .module-type--quiz,
.nav-item.dropdown .module-type--page {
  display: flex;
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
.nav-item.dropdown .module-type--quiz > li.completion,
.nav-item.dropdown .module-type--page > li.completion {
  flex-direction: row;
}

.sousmenu__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sousmenu__item a {
  color: black;
}
.sousmenu__item .modalbtn {
  background-color: transparent;
  border: none;
  padding: 0;
  text-align: left;
  width: 100%;
}
.sousmenu__item .modalbtn:hover {
  text-decoration: underline;
}
.sousmenu__item.a-sousmenu > .module-nom {
  font-weight: bold;
  font-family: "Univers LT Std", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}
.sousmenu__item.active > .sousmenu__link {
  font-weight: bold;
}

.sousmenu__link {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 4px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.sousmenu__link:hover {
  text-decoration: underline;
  color: inherit;
}

.module-nom {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.module-nom.module-type--label {
  display: block;
}

.section-titre__module {
  display: block;
}
.section-titre__bloc {
  margin-bottom: 20px;
}

.modal-header {
  flex-direction: row-reverse;
}
.modal-header .modal-title {
  font-family: var(--font-family-module-number);
}

@media screen and (min-width: 650px) {
  .navbar-nav {
    display: flex;
    max-width: 1500px;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .navbar-collapse {
    position: relative;
    z-index: 11;
    background-color: #2d6b94;
    padding: 0;
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
  }
  .navbar-collapse.show {
    max-height: 100vh;
    overflow-y: auto;
    padding: 0;
  }
  .nav-item.dropdown {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .nav-item.dropdown:last-child {
    border-bottom: none;
  }
  .nav-item.dropdown a.nav-link {
    padding: 1rem 1.5rem;
    text-align: left;
    justify-content: space-between;
    align-items: center;
    display: flex;
    cursor: pointer;
  }
  .nav-item.dropdown a.nav-link::after {
    content: attr(data-progression);
    font-size: 0.85rem;
    opacity: 0.8;
    margin-left: auto;
    padding-left: 1rem;
  }
  .nav-item.dropdown a.nav-link.dropdown-toggle::after {
    display: none;
  }
  .dropdown-menu {
    display: none !important;
  }
}
@media screen and (max-width: 649px) {
  .navbar {
    padding: 0;
  }
  .navbar-toggler {
    margin: 0.5rem;
    width: calc(100% - 1rem);
  }
  .nav-item.dropdown a.nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
  }
  .dropdown-menu {
    padding: 0;
  }
  .sousmenu {
    padding: 0.75rem;
  }
  .sousmenu__items--level1 > .sousmenu__item {
    padding: 0.4rem 0.75rem;
  }
  .sousmenu__items--level1 > .sousmenu__item > .module-nom.module-type--label {
    font-size: 0.95rem;
    padding: 0.5rem 0;
  }
  .menu-level2 .sousmenu__items--level2 {
    margin-left: 0.75rem;
  }
  .menu-level2 .sousmenu__items--level2 > .sousmenu__item {
    padding: 0.2rem 0;
  }
  .menu-level2 .sousmenu__items--level2 > .sousmenu__item .module-nom {
    font-size: 0.85rem;
  }
  .section-titre__bloc {
    padding: 0.75rem;
  }
  .section-titre__module {
    font-size: 1rem;
  }
  .completion::before {
    font-size: 12px;
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 480px) {
  .section-titre__module {
    font-size: 16px;
  }
  .section-titre__progression {
    font-size: 11px;
  }
  .sousmenu__items {
    font-size: 0.85rem;
  }
}
@media (hover: none) and (pointer: coarse) {
  .nav-link.dropdown-toggle,
  .sousmenu__link {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  .dropdown-toggle:hover {
    background-color: transparent;
  }
}
body:not(.user-is-admin) #top-menu [data-region=drawer-toggle] {
  display: none !important;
}
body:not(.user-is-admin) .zone-admin [data-region=drawer-toggle] {
  display: none !important;
}
body:not(.user-is-admin) #nav-drawer[data-region=drawer] {
  display: none !important;
}
body:not(.user-is-admin).drawer-open-left {
  margin-left: 0 !important;
}

body.user-is-admin #top-menu [data-region=drawer-toggle] {
  display: inline-block !important;
}
body.user-is-admin .zone-admin [data-region=drawer-toggle] {
  display: none !important;
}

#top-menu .navbar-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 991px) {
  #top-menu {
    display: none !important;
  }
}

.nav-sequentielle {
  padding: 30px 0 20px;
  max-width: var(--max-width);
  width: 100%;
  margin: 50px auto;
}
.nav-sequentielle__liste {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding-left: 0rem;
}
.nav-sequentielle__liste li {
  flex: 1 0 auto;
  flex-basis: 200px;
}
.nav-sequentielle__liste li a {
  padding: 10px;
  min-width: 100px;
}
.nav-sequentielle__liste li a:hover .nav-sequentielle__label {
  color: #2d6b94;
  text-decoration: none;
}
.nav-sequentielle__haut .nav-sequentielle__label, .nav-sequentielle__prec .nav-sequentielle__label, .nav-sequentielle__suiv .nav-sequentielle__label {
  font-size: 14px;
  font-weight: bold;
  color: #66625e;
  text-transform: uppercase;
}
.nav-sequentielle__haut {
  text-align: center;
}
.nav-sequentielle__prec {
  text-align: left;
}
.nav-sequentielle__prec a:before {
  background-image: url(../img/icones/ico_fleche-prev.svg);
  margin-right: 0.5rem;
  content: "";
  display: inline-block;
  width: 30px;
  height: 18px;
  vertical-align: middle;
  background-size: contain;
  margin-bottom: 2px;
}
.nav-sequentielle__suiv {
  text-align: right;
}
.nav-sequentielle__suiv a:after {
  background-image: url(../img/icones/ico_fleche-suiv.svg);
  margin-left: 0.5rem;
  content: "";
  display: inline-block;
  width: 30px;
  height: 18px;
  vertical-align: middle;
  background-size: contain;
  margin-bottom: 2px;
}

.personne {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 140px;
}
.personne p,
.personne span {
  margin: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.personne span {
  font-weight: 300;
  line-height: 1.2;
}
.personne strong {
  font-weight: 700;
}
.personne img {
  height: 126px;
  width: 126px;
  border-radius: 100%;
}
@media (max-width: 767px) {
  .personne {
    max-width: 100%;
    gap: 8px;
  }
  .personne img {
    height: 100px;
    width: 100px;
  }
  .personne p {
    font-size: 0.9rem;
  }
  .personne span.role {
    font-size: 0.85rem;
  }
}

.dialogues--wrapper {
  background-color: transparent;
  padding-bottom: 40px;
  max-width: var(--max-width);
}

.dialogues p:last-of-type {
  margin-bottom: 0;
}

.intro-personne {
  background-color: #efefee;
  max-width: 100%;
  margin-inline: auto;
  margin-top: 50px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
}
.intro-personne div.textes {
  display: grid;
  place-items: center;
  max-width: 530px;
}
.intro-personne .personne {
  position: relative;
  top: -30px;
  left: 0;
}
.intro-personne .personne p {
  max-width: 150px;
}
.intro-personne .personne img {
  border-radius: 100%;
  border: 4px solid #bfd4dd !important;
  outline: 4px solid #bfd4dd !important;
  height: 200px;
  width: 200px;
}
@media (max-width: 767px) {
  .intro-personne {
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 1rem;
  }
  .intro-personne .personne {
    position: static;
    top: 0;
    left: 0;
    margin: 0 auto 1rem;
  }
  .intro-personne .personne p {
    max-width: 100%;
  }
  .intro-personne .personne img {
    height: 120px;
    width: 120px;
    border: 3px solid #bfd4dd !important;
    outline: 3px solid #bfd4dd !important;
  }
  .intro-personne div.textes {
    max-width: 100%;
    padding: 0 0.5rem;
  }
  .intro-personne div.textes .dialogues {
    padding: 0;
  }
  .intro-personne div.textes .dialogues p {
    font-size: 0.95rem;
    line-height: 1.5;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .intro-personne {
    padding: 0.75rem;
  }
  .intro-personne .personne img {
    height: 100px;
    width: 100px;
  }
  .intro-personne div.textes .dialogues p {
    font-size: 0.9rem;
  }
}

img.survivant {
  border-radius: 0;
}

.histoire-survivant {
  text-decoration: underline;
  color: #2d6b94;
}

.popover {
  max-width: 400px;
  padding: 10px;
  background: white;
  border: 1px solid #2d6b94;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.popover-header {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.boite-quiz {
  margin-bottom: 50px;
  padding-bottom: 50px;
}

#section25594-4 .boite-quiz {
  background-color: #f5f7f0;
}

.formulation {
  background-color: transparent !important;
}

.quiz-item {
  margin-bottom: 40px;
}

.quiz-carousel {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
.quiz-carousel .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: white;
  max-width: var(--max-width);
  margin-inline: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: height 0.5s ease-in-out;
  perspective: 1000px;
}
.quiz-carousel .carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  will-change: opacity, visibility;
}
.quiz-carousel .carousel-item.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}
.quiz-carousel .carousel-item.slide-out {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.quiz-carousel .carousel-item.slide-in {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.quiz-carousel .carousel-item .question.form-container {
  padding: 20px;
}
.quiz-carousel .quiz-progress {
  max-width: var(--max-width);
  margin-inline: auto;
  margin-bottom: 1rem;
  display: flex !important;
  flex-direction: column-reverse !important;
  padding: 20px;
}
.quiz-carousel .quiz-progress .progress-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  display: block;
  padding: 10px;
}
.quiz-carousel .quiz-progress .progress {
  height: 20px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  overflow: hidden;
  font-size: 0.75rem;
}
.quiz-carousel .quiz-progress .progress .progress-bar {
  background-color: var(--color-primary);
  transition: width 0.3s ease-in-out;
  font-size: 1rem;
  line-height: 20px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.quiz-carousel .carousel-navigation {
  background-color: white;
  max-width: var(--max-width);
  margin-inline: auto;
  padding: 20px;
  display: grid;
  grid-template-areas: "prev next";
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.quiz-carousel .carousel-navigation button {
  transition: opacity 0.3s ease;
}
.quiz-carousel .carousel-navigation button[disabled] {
  cursor: not-allowed;
}
.quiz-carousel .carousel-navigation .prev-button {
  grid-area: prev;
  justify-self: start;
}
.quiz-carousel .carousel-navigation .next-button {
  grid-area: next;
  justify-self: end;
}
.quiz-carousel .carousel-navigation .btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #2d6b94;
  color: white;
  padding-block: 6px;
  padding-inline: 10px;
  transition: all 0.3s ease;
  border-radius: 4px;
}
.quiz-carousel .carousel-navigation .btn:hover {
  background-color: rgb(33.1088082902, 78.725388601, 108.8911917098);
  transform: translateY(-2px);
}
.quiz-carousel .carousel-navigation .btn[aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
  transform: none;
}
.quiz-carousel .carousel-navigation .btn i {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  transition: transform 0.3s ease;
}
.quiz-carousel .carousel-navigation .btn:hover i.fa-chevron-left {
  transform: translateX(-3px);
}
.quiz-carousel .carousel-navigation .btn:hover i.fa-chevron-right {
  transform: translateX(3px);
}
.quiz-carousel .carousel-navigation .fa-chevron-left:before,
.quiz-carousel .carousel-navigation .fa-chevron-right:before {
  color: white;
}
@media (max-width: 768px) {
  .quiz-carousel .carousel-navigation {
    grid-template-columns: 1fr;
    grid-template-areas: "prev" "next";
  }
  .quiz-carousel .carousel-navigation .next-button {
    justify-self: start;
  }
}

@media print {
  .quiz-carousel .carousel-navigation,
  .quiz-carousel .quiz-progress {
    display: none !important;
  }
  .quiz-carousel .carousel-item {
    display: block !important;
    opacity: 1 !important;
    page-break-inside: avoid;
  }
}
.section--recherche .recherche__header {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  gap: 40px;
  grid-template-columns: 160px 300px;
  margin-left: -100px;
}
.section--recherche .recherche__header h3 {
  margin-bottom: 0;
}
.section--recherche .recherche__icone {
  display: grid;
  place-items: center;
  width: 160px;
  height: 160px;
  outline: 15px solid white;
  border: 10px solid #edf3f6;
  border-radius: 100%;
  background-color: white;
}
.section--recherche .recherche__icone img {
  height: 80px;
  width: 80px;
}

.recherche {
  margin-top: -220px;
  margin-bottom: 100px;
  display: grid;
  grid-template-columns: 350px auto;
  background-color: #efefee;
}
.recherche__wrapper {
  display: grid;
  padding-top: 220px;
  padding-bottom: 40px;
  gap: 20px;
  justify-content: center;
}
.recherche__texte {
  padding-inline: 40px;
  padding-bottom: 20px;
}
.recherche__background--livres {
  background-image: url(../img/structure/bg_recherche.png);
  background-repeat: no-repeat;
  width: 100%;
  background-position-x: right;
  background-size: cover;
}
.recherche__expert {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  align-items: center;
  flex-basis: auto;
  padding-left: 40px;
  z-index: 1;
}
.recherche__expert div {
  background-color: var(--color-primary);
  margin-left: -10px;
  padding-inline: 35px 25px;
  padding-block: 10px;
}
.recherche__expert p {
  font-weight: bold;
  color: white;
  margin-bottom: 5px;
}
.recherche__expert span {
  display: block;
  color: white;
  font-weight: 300;
  line-height: 1.15;
}
.recherche__expert img {
  z-index: 2;
  height: 126px;
  width: 126px;
  border-radius: 100%;
  outline: 2px solid white;
  border: 4px solid white;
}

.personne__expert {
  display: flex;
  flex-direction: row;
  max-width: 800px;
  align-items: center;
  flex-basis: auto;
  margin-inline: auto;
  margin-bottom: 20px;
  z-index: 1;
}
.personne__expert div {
  background-color: var(--color-primary);
  margin-left: -10px;
  padding-inline: 35px 25px;
  padding-block: 10px;
}
.personne__expert p {
  font-weight: bold;
  color: white;
}
.personne__expert span {
  display: block;
  color: white;
  font-weight: 300;
  line-height: 1.15;
}
.personne__expert img {
  z-index: 2;
  height: 126px;
  width: 126px;
  border-radius: 100%;
  outline: 2px solid white;
  border: 4px solid white;
}

.section--recherche--livres h3 {
  top: -20px;
}
.section--recherche--livres .section--icone {
  border: 10px solid white !important;
  outline: 30px solid #efefee !important;
  background: #efefee !important;
}

#retour-haut {
  position: fixed;
  bottom: -40px;
  right: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: #2d6b94;
  transition: bottom 0.2s ease-in-out;
}
#retour-haut:after {
  content: "";
  display: inline-block;
  margin-top: 18px;
  width: 10px;
  height: 10px;
  border-top: 2px solid white;
  border-right: 2px solid white;
}
@media print {
  #retour-haut {
    display: none;
  }
}
#retour-haut.show {
  bottom: 40px;
}

div.revision__wrapper {
  display: flex;
  justify-content: space-between;
}
div.revision__wrapper .revision {
  max-width: 200px;
  text-align: center;
}
div.revision__wrapper .revision p {
  font-weight: bold;
}
div.revision__wrapper .revision img {
  width: 126px;
  height: 126px;
}

figure.schema {
  padding-block: 20px;
  padding-inline: 30px;
  max-width: var(--max-width);
  margin-inline: auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
figure.schema.schema--full-width {
  max-width: 100%;
  margin-inline: 0;
}
figure.schema.schema--small {
  max-width: 200px;
  margin-inline: auto;
  padding: 0;
}
figure.schema figcaption {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
figure.schema img {
  width: 100%;
  height: auto;
}

section {
  padding-bottom: 30px;
}
section.section--sans-titre, section.sans-titre {
  padding-top: 50px;
}
section.section--grand-titre {
  padding-top: 20px;
  padding-bottom: 100px;
}
section.section--grand-titre:first-of-type {
  padding-top: 0;
}

.no-overflow > .section--sans-titre:first-of-type {
  padding-top: 0;
}

.section--soustitre {
  font-size: 2rem;
  font-weight: 500;
  margin-block: 25px;
}

.section--titre {
  font-family: "UniversUltraCondensed";
  color: var(--color-primary);
  font-weight: 400;
  font-size: 2.25rem;
  text-align: center;
}

.titre--avecicone {
  position: relative;
  top: -40px;
}

.section--icone {
  position: relative;
  top: -70px;
  width: 160px;
  height: 160px;
  outline: 15px solid white;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  background-color: white;
}
.section--icone img {
  height: 80px;
  width: 80px;
}

.section1 section,
.section1 .section--grand-titre {
  background-color: transparent;
}
.section1 section .personne img,
.section1 .section--grand-titre .personne img {
  outline: 2px solid #e8f0f4;
  border: 4px solid #e8f0f4;
}
.section1 section .personne .bulle,
.section1 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section1 .section--avec-titre {
  background-color: #e8f0f4;
}
.section1 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section1 .section--icone {
  border: 10px solid white;
  outline: 30px solid #e8f0f4;
  background: #e8f0f4;
}

.section2 section,
.section2 .section--grand-titre {
  background-color: transparent;
}
.section2 section .personne img,
.section2 .section--grand-titre .personne img {
  outline: 2px solid #e8f0f4;
  border: 4px solid #e8f0f4;
}
.section2 section .personne .bulle,
.section2 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section2 .section--avec-titre {
  background-color: #e8f0f4;
}
.section2 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section2 .section--icone {
  border: 10px solid white;
  outline: 30px solid #e8f0f4;
  background: #e8f0f4;
}

.section3 section,
.section3 .section--grand-titre {
  background-color: transparent;
}
.section3 section .personne img,
.section3 .section--grand-titre .personne img {
  outline: 2px solid #e8f0f4;
  border: 4px solid #e8f0f4;
}
.section3 section .personne .bulle,
.section3 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section3 .section--avec-titre {
  background-color: #e8f0f4;
}
.section3 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section3 .section--icone {
  border: 10px solid white;
  outline: 30px solid #e8f0f4;
  background: #e8f0f4;
}

.section4 section,
.section4 .section--grand-titre {
  background-color: transparent;
}
.section4 section .personne img,
.section4 .section--grand-titre .personne img {
  outline: 2px solid #e8f0f4;
  border: 4px solid #e8f0f4;
}
.section4 section .personne .bulle,
.section4 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section4 .section--avec-titre {
  background-color: #e8f0f4;
}
.section4 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section4 .section--icone {
  border: 10px solid white;
  outline: 30px solid #e8f0f4;
  background: #e8f0f4;
}

.section5 section,
.section5 .section--grand-titre {
  background-color: transparent;
}
.section5 section .personne img,
.section5 .section--grand-titre .personne img {
  outline: 2px solid #f5f7f0;
  border: 4px solid #f5f7f0;
}
.section5 section .personne .bulle,
.section5 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section5 .section--avec-titre {
  background-color: #f5f7f0;
}
.section5 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section5 .section--icone {
  border: 10px solid white;
  outline: 30px solid #f5f7f0;
  background: #f5f7f0;
}

.section6 section,
.section6 .section--grand-titre {
  background-color: transparent;
}
.section6 section .personne img,
.section6 .section--grand-titre .personne img {
  outline: 2px solid #f5f7f0;
  border: 4px solid #f5f7f0;
}
.section6 section .personne .bulle,
.section6 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section6 .section--avec-titre {
  background-color: #f5f7f0;
}
.section6 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section6 .section--icone {
  border: 10px solid white;
  outline: 30px solid #f5f7f0;
  background: #f5f7f0;
}

.section7 section,
.section7 .section--grand-titre {
  background-color: transparent;
}
.section7 section .personne img,
.section7 .section--grand-titre .personne img {
  outline: 2px solid #f5f7f0;
  border: 4px solid #f5f7f0;
}
.section7 section .personne .bulle,
.section7 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section7 .section--avec-titre {
  background-color: #f5f7f0;
}
.section7 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section7 .section--icone {
  border: 10px solid white;
  outline: 30px solid #f5f7f0;
  background: #f5f7f0;
}

.section8 section,
.section8 .section--grand-titre {
  background-color: transparent;
}
.section8 section .personne img,
.section8 .section--grand-titre .personne img {
  outline: 2px solid #fcf7ea;
  border: 4px solid #fcf7ea;
}
.section8 section .personne .bulle,
.section8 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section8 .section--avec-titre {
  background-color: #fcf7ea;
}
.section8 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section8 .section--icone {
  border: 10px solid white;
  outline: 30px solid #fcf7ea;
  background: #fcf7ea;
}

.section9 section,
.section9 .section--grand-titre {
  background-color: transparent;
}
.section9 section .personne img,
.section9 .section--grand-titre .personne img {
  outline: 2px solid #fcf7ea;
  border: 4px solid #fcf7ea;
}
.section9 section .personne .bulle,
.section9 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section9 .section--avec-titre {
  background-color: #fcf7ea;
}
.section9 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section9 .section--icone {
  border: 10px solid white;
  outline: 30px solid #fcf7ea;
  background: #fcf7ea;
}

.section10 section,
.section10 .section--grand-titre {
  background-color: transparent;
}
.section10 section .personne img,
.section10 .section--grand-titre .personne img {
  outline: 2px solid #fcf7ea;
  border: 4px solid #fcf7ea;
}
.section10 section .personne .bulle,
.section10 .section--grand-titre .personne .bulle {
  border: 2px solid #bfd4dd;
}
.section10 .section--avec-titre {
  background-color: #fcf7ea;
}
.section10 .section--avec-titre .personne img {
  outline: 2px solid white;
  border: 4px solid white;
}
.section10 .section--icone {
  border: 10px solid white;
  outline: 30px solid #fcf7ea;
  background: #fcf7ea;
}

.section--recherche .recherche__header {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  gap: 40px;
  grid-template-columns: 160px;
  margin-left: -100px;
}
.section--recherche .recherche__header h3 {
  margin-bottom: 0;
}
.section--recherche .recherche__icone {
  display: grid;
  place-items: center;
  width: 160px;
  height: 160px;
  outline: 15px solid white;
  border: 10px solid #edf3f6;
  border-radius: 100%;
  background-color: white;
}
.section--recherche .recherche__icone img {
  height: 80px;
  width: 80px;
}

section.section--resume {
  background: white !important;
  margin-top: 50px;
}
section.section--resume .section--icone {
  background-color: white !important;
  outline: 20px solid white;
  border: 4px solid #e8f0f4;
}

section.section--faisons-le-point {
  background-color: #efefee !important;
}
section.section--faisons-le-point .section--icone {
  background-color: white !important;
  outline: 20px solid #efefee !important;
  border: 4px solid #e8f0f4 !important;
}

div.section-intro {
  padding-bottom: 30px;
}

#section26240-2 {
  background: transparent;
}
#section26240-2 .section--icone {
  background-color: transparent;
  outline: none;
  border: 10px solid #2d6b94;
}

#section25552-8 {
  margin-top: 0;
  padding-top: 0;
}

#section25552-7 {
  padding-bottom: 0;
}

#section25483-2,
#section23013-9 {
  padding-bottom: 130px;
}

#section25552-7 .section--recherche--livres {
  padding-top: 100px;
}

#section25552-6,
#section25483-0 {
  padding-bottom: 0;
}

#section25684-10,
#section24193-0,
#section24190-0,
#section24187-0,
#section24184-0,
#section24110-0,
#section24095-0,
#section24092-0,
#section24071-0,
#section22965-1,
#section23022-13,
#section23190-7,
#section23187-8,
#section22947-5,
#section26116-7,
#section26113-15,
#section26110-14,
#section24227-0,
#section24227-1,
#section23022-27,
#section23016-7,
#section25480-6,
#section23190-4,
#section25858-0,
#section24124-0,
#section24104-0,
#section24119-0,
#section24059-0,
#section25495-4,
#section25483-11,
#section25483-4,
#section24056-0,
#section22728-2,
#section23168-0,
#section22913-1,
#section25681-4,
#section25558-3,
#section25477-9,
#section0-0,
#section24101-0,
#section25552-11,
#section23072-0,
#section25498-4,
#section24001-0,
#section25465-13,
#section25558-10,
#section25555-7,
#section25501-11,
#section25498-9,
#section25492-1,
#section25483-12,
#section25480-12,
#section25468-7,
#section25501-4,
#section25498-9,
#section25492-1,
#section25480-12,
#section25471-17,
#section25468-10,
#section25468-7,
#section25555-10,
#section25552-7,
#section25552-10,
#section26113-11,
#section25480-10,
#section25477-10,
#section25471-3,
#section25396-3,
#section25468-4,
#section22740-3,
#section25471-6,
#section25465-14,
#section25396-8,
#section22731-4,
#section22728-4,
#section22725-7,
#section22725-1,
#section22722-7,
#section22719-8,
#section22719-7,
#section22719-5,
#section22716-5,
#section23013-10,
#section23016-13,
#section23190-6,
#section23187-7,
#section23022-26,
#section23022-5,
#section22959-4,
#section22956-4,
#section22947-4,
#section26116-6,
#section26116-4,
#section26113-14,
#section23013-4,
#section26110-9,
#section26110-13,
#section224227-0,
#section224227-1,
#section22734-1 {
  background: transparent;
}
#section25684-10 .section--icone,
#section24193-0 .section--icone,
#section24190-0 .section--icone,
#section24187-0 .section--icone,
#section24184-0 .section--icone,
#section24110-0 .section--icone,
#section24095-0 .section--icone,
#section24092-0 .section--icone,
#section24071-0 .section--icone,
#section22965-1 .section--icone,
#section23022-13 .section--icone,
#section23190-7 .section--icone,
#section23187-8 .section--icone,
#section22947-5 .section--icone,
#section26116-7 .section--icone,
#section26113-15 .section--icone,
#section26110-14 .section--icone,
#section24227-0 .section--icone,
#section24227-1 .section--icone,
#section23022-27 .section--icone,
#section23016-7 .section--icone,
#section25480-6 .section--icone,
#section23190-4 .section--icone,
#section25858-0 .section--icone,
#section24124-0 .section--icone,
#section24104-0 .section--icone,
#section24119-0 .section--icone,
#section24059-0 .section--icone,
#section25495-4 .section--icone,
#section25483-11 .section--icone,
#section25483-4 .section--icone,
#section24056-0 .section--icone,
#section22728-2 .section--icone,
#section23168-0 .section--icone,
#section22913-1 .section--icone,
#section25681-4 .section--icone,
#section25558-3 .section--icone,
#section25477-9 .section--icone,
#section0-0 .section--icone,
#section24101-0 .section--icone,
#section25552-11 .section--icone,
#section23072-0 .section--icone,
#section25498-4 .section--icone,
#section24001-0 .section--icone,
#section25465-13 .section--icone,
#section25558-10 .section--icone,
#section25555-7 .section--icone,
#section25501-11 .section--icone,
#section25498-9 .section--icone,
#section25492-1 .section--icone,
#section25483-12 .section--icone,
#section25480-12 .section--icone,
#section25468-7 .section--icone,
#section25501-4 .section--icone,
#section25498-9 .section--icone,
#section25492-1 .section--icone,
#section25480-12 .section--icone,
#section25471-17 .section--icone,
#section25468-10 .section--icone,
#section25468-7 .section--icone,
#section25555-10 .section--icone,
#section25552-7 .section--icone,
#section25552-10 .section--icone,
#section26113-11 .section--icone,
#section25480-10 .section--icone,
#section25477-10 .section--icone,
#section25471-3 .section--icone,
#section25396-3 .section--icone,
#section25468-4 .section--icone,
#section22740-3 .section--icone,
#section25471-6 .section--icone,
#section25465-14 .section--icone,
#section25396-8 .section--icone,
#section22731-4 .section--icone,
#section22728-4 .section--icone,
#section22725-7 .section--icone,
#section22725-1 .section--icone,
#section22722-7 .section--icone,
#section22719-8 .section--icone,
#section22719-7 .section--icone,
#section22719-5 .section--icone,
#section22716-5 .section--icone,
#section23013-10 .section--icone,
#section23016-13 .section--icone,
#section23190-6 .section--icone,
#section23187-7 .section--icone,
#section23022-26 .section--icone,
#section23022-5 .section--icone,
#section22959-4 .section--icone,
#section22956-4 .section--icone,
#section22947-4 .section--icone,
#section26116-6 .section--icone,
#section26116-4 .section--icone,
#section26113-14 .section--icone,
#section23013-4 .section--icone,
#section26110-9 .section--icone,
#section26110-13 .section--icone,
#section224227-0 .section--icone,
#section224227-1 .section--icone,
#section22734-1 .section--icone {
  background: white;
  outline: 30px solid white;
  border: 10px solid #edf3f6;
}
#section25684-10 .personne img,
#section24193-0 .personne img,
#section24190-0 .personne img,
#section24187-0 .personne img,
#section24184-0 .personne img,
#section24110-0 .personne img,
#section24095-0 .personne img,
#section24092-0 .personne img,
#section24071-0 .personne img,
#section22965-1 .personne img,
#section23022-13 .personne img,
#section23190-7 .personne img,
#section23187-8 .personne img,
#section22947-5 .personne img,
#section26116-7 .personne img,
#section26113-15 .personne img,
#section26110-14 .personne img,
#section24227-0 .personne img,
#section24227-1 .personne img,
#section23022-27 .personne img,
#section23016-7 .personne img,
#section25480-6 .personne img,
#section23190-4 .personne img,
#section25858-0 .personne img,
#section24124-0 .personne img,
#section24104-0 .personne img,
#section24119-0 .personne img,
#section24059-0 .personne img,
#section25495-4 .personne img,
#section25483-11 .personne img,
#section25483-4 .personne img,
#section24056-0 .personne img,
#section22728-2 .personne img,
#section23168-0 .personne img,
#section22913-1 .personne img,
#section25681-4 .personne img,
#section25558-3 .personne img,
#section25477-9 .personne img,
#section0-0 .personne img,
#section24101-0 .personne img,
#section25552-11 .personne img,
#section23072-0 .personne img,
#section25498-4 .personne img,
#section24001-0 .personne img,
#section25465-13 .personne img,
#section25558-10 .personne img,
#section25555-7 .personne img,
#section25501-11 .personne img,
#section25498-9 .personne img,
#section25492-1 .personne img,
#section25483-12 .personne img,
#section25480-12 .personne img,
#section25468-7 .personne img,
#section25501-4 .personne img,
#section25498-9 .personne img,
#section25492-1 .personne img,
#section25480-12 .personne img,
#section25471-17 .personne img,
#section25468-10 .personne img,
#section25468-7 .personne img,
#section25555-10 .personne img,
#section25552-7 .personne img,
#section25552-10 .personne img,
#section26113-11 .personne img,
#section25480-10 .personne img,
#section25477-10 .personne img,
#section25471-3 .personne img,
#section25396-3 .personne img,
#section25468-4 .personne img,
#section22740-3 .personne img,
#section25471-6 .personne img,
#section25465-14 .personne img,
#section25396-8 .personne img,
#section22731-4 .personne img,
#section22728-4 .personne img,
#section22725-7 .personne img,
#section22725-1 .personne img,
#section22722-7 .personne img,
#section22719-8 .personne img,
#section22719-7 .personne img,
#section22719-5 .personne img,
#section22716-5 .personne img,
#section23013-10 .personne img,
#section23016-13 .personne img,
#section23190-6 .personne img,
#section23187-7 .personne img,
#section23022-26 .personne img,
#section23022-5 .personne img,
#section22959-4 .personne img,
#section22956-4 .personne img,
#section22947-4 .personne img,
#section26116-6 .personne img,
#section26116-4 .personne img,
#section26113-14 .personne img,
#section23013-4 .personne img,
#section26110-9 .personne img,
#section26110-13 .personne img,
#section224227-0 .personne img,
#section224227-1 .personne img,
#section22734-1 .personne img {
  outline: 2px solid #edf3f6;
  border: 4px solid #edf3f6;
}

.section--faisons-le-point {
  margin-top: 100px;
}

#section26345-0,
#section26191-9,
#section25678-2,
#section26191-8,
#section26191-4,
#section26188-5,
#section26185-4,
#section26167-6,
#section25684-12,
#section25669-4,
#section25663-2,
#section25591-11,
#section25618-0,
#section25600-7,
#section25600-7,
#section25597-9,
#section25591-8,
#section25591-4,
#section25594-8,
#section25594-4,
#section25579-6,
#section25576-0,
#ection25579-6,
#section25579-4 {
  background: transparent;
}
#section26345-0 .section--icone,
#section26191-9 .section--icone,
#section25678-2 .section--icone,
#section26191-8 .section--icone,
#section26191-4 .section--icone,
#section26188-5 .section--icone,
#section26185-4 .section--icone,
#section26167-6 .section--icone,
#section25684-12 .section--icone,
#section25669-4 .section--icone,
#section25663-2 .section--icone,
#section25591-11 .section--icone,
#section25618-0 .section--icone,
#section25600-7 .section--icone,
#section25600-7 .section--icone,
#section25597-9 .section--icone,
#section25591-8 .section--icone,
#section25591-4 .section--icone,
#section25594-8 .section--icone,
#section25594-4 .section--icone,
#section25579-6 .section--icone,
#section25576-0 .section--icone,
#ection25579-6 .section--icone,
#section25579-4 .section--icone {
  background: white;
  outline: 30px solid white;
  border: 10px solid #f5f7f0;
}
#section26345-0 .personne img,
#section26191-9 .personne img,
#section25678-2 .personne img,
#section26191-8 .personne img,
#section26191-4 .personne img,
#section26188-5 .personne img,
#section26185-4 .personne img,
#section26167-6 .personne img,
#section25684-12 .personne img,
#section25669-4 .personne img,
#section25663-2 .personne img,
#section25591-11 .personne img,
#section25618-0 .personne img,
#section25600-7 .personne img,
#section25600-7 .personne img,
#section25597-9 .personne img,
#section25591-8 .personne img,
#section25591-4 .personne img,
#section25594-8 .personne img,
#section25594-4 .personne img,
#section25579-6 .personne img,
#section25576-0 .personne img,
#ection25579-6 .personne img,
#section25579-4 .personne img {
  outline: 2px solid #f5f7f0;
  border: 4px solid #f5f7f0;
}

#section25897-8,
#section25876-4,
#section25873-8,
#section26369-4,
#section25909-4,
#section25885-6,
#section25885-3,
#section25879-5,
#section25873-4,
#section25864-16,
#section25864-4,
#section26246-4,
#section26270-6,
#section26258-10,
#section26258-5,
#section26255-10,
#section26252-7,
#section26249-18 {
  background: transparent;
}
#section25897-8 .section--icone,
#section25876-4 .section--icone,
#section25873-8 .section--icone,
#section26369-4 .section--icone,
#section25909-4 .section--icone,
#section25885-6 .section--icone,
#section25885-3 .section--icone,
#section25879-5 .section--icone,
#section25873-4 .section--icone,
#section25864-16 .section--icone,
#section25864-4 .section--icone,
#section26246-4 .section--icone,
#section26270-6 .section--icone,
#section26258-10 .section--icone,
#section26258-5 .section--icone,
#section26255-10 .section--icone,
#section26252-7 .section--icone,
#section26249-18 .section--icone {
  background: white;
  outline: 30px solid white;
  border: 10px solid #fcf7ea;
}
#section25897-8 .bulle,
#section25876-4 .bulle,
#section25873-8 .bulle,
#section26369-4 .bulle,
#section25909-4 .bulle,
#section25885-6 .bulle,
#section25885-3 .bulle,
#section25879-5 .bulle,
#section25873-4 .bulle,
#section25864-16 .bulle,
#section25864-4 .bulle,
#section26246-4 .bulle,
#section26270-6 .bulle,
#section26258-10 .bulle,
#section26258-5 .bulle,
#section26255-10 .bulle,
#section26252-7 .bulle,
#section26249-18 .bulle {
  border: 2px solid #bfd4dd;
}
#section25897-8 .personne img,
#section25876-4 .personne img,
#section25873-8 .personne img,
#section26369-4 .personne img,
#section25909-4 .personne img,
#section25885-6 .personne img,
#section25885-3 .personne img,
#section25879-5 .personne img,
#section25873-4 .personne img,
#section25864-16 .personne img,
#section25864-4 .personne img,
#section26246-4 .personne img,
#section26270-6 .personne img,
#section26258-10 .personne img,
#section26258-5 .personne img,
#section26255-10 .personne img,
#section26252-7 .personne img,
#section26249-18 .personne img {
  outline: 2px solid #fcf7ea;
  border: 4px solid #fcf7ea;
}

#section25915-0,
#section23016-0 {
  padding-bottom: 0;
}

#section25678-1,
#section23016-5,
#section23016-1 {
  padding-bottom: 110px;
}

#section22716-0 {
  padding-bottom: 0;
}

#section22716-1 {
  padding-bottom: 100px;
}

#section22725-3 {
  padding: 0;
}

#section22740-4 {
  padding-top: 0;
}

#section23022-13,
#section23013-3,
#section23022-14,
#section23022-14,
#section23190-3,
#section26191-8,
#section26185-3,
#section26191-3,
#section26185-4,
#section25672-4,
#section25555-10,
#section25759-0,
#section25492-1,
#section25483-11,
#section25483-4,
#section25480-12,
#section22722-7,
#section25876-3,
#section25864-3,
#section22716-5,
#section25558-3,
#section25471-17,
#section26246-4,
#section26249-18,
#section26249-17,
#section25909-4,
#section25888-4,
#section25885-6,
#section25885-3,
#section25873-3,
#section26291-0,
#section25468-9,
#section22740-4,
#section22725-4,
#section25552-7 {
  padding-bottom: 100px;
}

#section26104-0 {
  padding-bottom: 0;
}

#section23013-11 {
  padding-bottom: 0;
}

#section26345-0,
#section26116-7,
#section26110-14,
#section22851-0,
#section25864-17,
#section25558-11,
#section25558-10,
#section25552-9,
#section26372-0,
#section26258-11,
#section26258-6,
#section26345-0,
#section25684-13,
#section25666-7,
#section25756-0,
#section25594-9,
#section22758-0,
#section25618-0,
#section25765-0,
#section25759-0 {
  margin-top: 100px;
}

#section25501-10,
#section22758-0 {
  margin-bottom: 100px;
}

.section--autoevaluation {
  padding-bottom: 0;
}

.quizattempt {
  margin-inline: auto;
  display: block;
  max-width: var(--max-width);
  text-align: center;
}

#section26270-1 .tableau--check,
#section26267-1 .tableau--check,
#section26264-1 .tableau--check {
  margin-bottom: 60px;
}

#section25558-10 .activite_optionnelle,
#section26270-6 .activite_optionnelle {
  margin-bottom: 60px !important;
}

#section25765-0 .schema {
  margin-bottom: 100px !important;
}

.tableau--specifique {
  padding-inline: 20px;
  padding-block: 30px;
  margin-block: 30px;
}
.tableau--specifique .section {
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.tableau--specifique h4 {
  margin-bottom: 20px;
}
.tableau--specifique .section-header {
  font-size: 16px;
  display: grid;
  grid-template-columns: 3fr 1fr;
  font-weight: bold;
}
.tableau--specifique .section-header__title {
  padding: 10px;
  background-color: #006699;
  color: #fff;
}
.tableau--specifique .section-header__time {
  color: #333;
  background-color: #e6e6e6;
  padding: 10px;
  text-align: center;
}
.tableau--specifique .section-content {
  padding: 30px;
  background-color: white;
}

table {
  width: 100%;
  border-collapse: collapse;
}

.tableau th,
.tableau td {
  vertical-align: middle;
  max-width: 400px;
}

.td-centered {
  text-align: center !important;
}

.tableau--check,
.tableau--simple {
  max-width: var(--max-width);
  width: 100%;
  margin-inline: auto;
  margin-block: 40px;
}

.tableau--check table {
  border: 1px solid #2d6b94;
}
.tableau--check th {
  background-color: #e1e1df;
  padding: 10px;
  text-align: center;
  min-width: 100px;
}
.tableau--check td {
  background-color: white;
  padding: 10px;
  text-align: center;
  min-width: 100px;
}
.tableau--check td:first-of-type {
  background-color: white;
  padding: 10px;
  text-align: left;
  min-width: 100px;
}
.tableau--check th:first-of-type {
  background-color: #2d6b94;
  padding: 10px;
  text-align: left;
  min-width: 100px;
  color: white;
}
.tableau--check input {
  border-radius: 0;
}
.tableau--check td:has(> input:checked) {
  background-color: #bfd4dd;
}
.tableau--check img {
  width: 200px;
}

.tableau--check__question .textes__liste,
.tableau--check__question p {
  text-align: left;
  padding-bottom: 0;
  margin: inherit;
}
.tableau--check__question div {
  display: flex;
  align-items: center;
  gap: 30px;
}

.tableau--simple thead {
  background-color: #2d6b94;
  color: white;
}
.tableau--simple td {
  align-content: center;
}
.tableau--simple .img-thumbnail {
  display: block;
  max-width: 200px;
  margin: auto;
}

.td-on,
.td-off {
  text-align: center;
}

.td-on {
  background-color: #e8f0f4;
}

.td-notes {
  max-width: 100px;
}

.tableau--check__pleinelargeur {
  color: white;
  background-color: #2d6b94 !important;
}
.tableau--check__pleinelargeur p {
  margin-bottom: 0;
}

.textes {
  max-width: var(--max-width);
  margin-inline: auto;
  width: 100%;
  margin-block: 25px;
}

.textes__titre {
  font-size: 1rem;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
}

ol.level--0,
ul.level--0,
ol.level--1,
ul.level--1,
.textes__liste {
  margin-block: 10px;
  max-width: var(--max-width);
  margin-inline: auto;
  padding-left: 30px;
}
ol.level--0 span,
ul.level--0 span,
ol.level--1 span,
ul.level--1 span,
.textes__liste span {
  display: block;
}

ol.level--0 span,
ul.level--0 span {
  padding-bottom: 10px;
}

.consignes ul {
  margin: 0;
}

h1,
.h1 {
  font-size: 3.75rem;
  font-weight: 400;
  margin-inline: auto;
  max-width: var(--max-width);
  width: 100%;
  margin-block: 50px;
  border-bottom: 4px solid #c3d3dc;
  padding-bottom: 10px;
  font-family: "UniversUltraCondensed";
  line-height: 1;
  color: var(--color-primary);
}

h2,
.h2,
.popover-title {
  font-size: 2.8125rem;
  font-weight: 400;
  margin-inline: auto;
  max-width: var(--max-width);
  width: 100%;
  font-family: "UniversUltraCondensed";
  margin-inline: auto;
  margin-block: 30px;
  line-height: 1;
  color: var(--color-primary);
}
h2:after,
.h2:after,
.popover-title:after {
  content: "";
  display: block;
  position: relative;
  top: 20px;
  width: 60px;
  height: 4px;
  background-color: #c3d3dc;
}
h2:after span,
.h2:after span,
.popover-title:after span {
  margin-top: 30px;
  color: white;
}

h3:not(.tableau--titre,
.visionneuse--onglets__titre,
.textes__liste,
.textes__titre),
.h3 {
  font-size: 2.25rem;
  font-weight: 400;
  margin-inline: auto;
  max-width: var(--max-width);
  width: 100%;
  font-family: "UniversUltraCondensed";
  margin-bottom: 25px;
  color: var(--color-primary);
}

h4,
.h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-inline: auto;
  max-width: var(--max-width);
  width: 100%;
  color: #333333;
  font-family: "Roboto", sans-serif;
}

h5,
.h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-inline: auto;
  max-width: var(--max-width);
  width: 100%;
  color: #333333;
  font-family: "Roboto", sans-serif;
}

.titre-cours {
  font-family: "Univers LT Std";
  display: grid;
  place-items: center;
  color: #333333;
  text-decoration: none;
  line-height: 1.25;
}
.titre-cours__titre {
  font-size: 1.5rem;
  font-weight: bold;
}
.titre-cours__sous-titre {
  font-size: 1.125rem;
}
.titre-cours:hover {
  text-decoration: none;
}

.titre--secondaire, .visionneuse--onglets__titre, h3.tableau--titre {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
}

h3.tableau--titre {
  margin-bottom: 15px;
}

.vimeo__wrapper h3,
.vimeos__wrapper h3 {
  font-family: var(--vimeo-titre-font-family);
  text-align: center;
  font-size: 1.875rem;
  margin-block: 20px;
  width: 100%;
}
.vimeo__wrapper h4,
.vimeos__wrapper h4 {
  margin-block: 20px;
}

.vimeo__duration-container {
  display: flex;
  place-self: flex-start;
  margin-bottom: 10px;
  align-items: center;
}
.vimeo__duration-container img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.vimeo__duration-container p {
  margin: 0;
}
.vimeo__wrapper {
  max-width: var(--max-width);
  display: grid;
  place-items: center;
  margin: 0 auto;
  padding-bottom: 60x;
  width: 100%;
}
.vimeo__wrapper:last-child {
  padding-bottom: 100px;
}
.vimeo__player {
  margin: 0 auto;
  width: 100%;
  height: var(--vimeo-placeholder-dimensions);
}
.vimeo__placeholder {
  border: 1px solid #333333;
  display: grid;
  place-items: center;
  padding: 30px;
  height: var(--vimeo-placeholder-dimensions);
  width: 100%;
  max-width: var(--max-width);
}
.vimeo__transcription {
  padding-top: 20px;
  max-width: var(--max-width);
  width: 100%;
  margin: 0 auto;
}
.vimeo__transcription .btn, .vimeo__transcription--button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid var(--btn-transcription-border);
  border-bottom: 1px solid var(--btn-transcription-border);
}
.vimeo__transcription--plus {
  color: var(--btn-transcription-border);
  width: 30px;
  height: 30px;
  font-weight: bold;
}

.vimeos__wrapper {
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.visionneuse--onglets {
  padding-block: 50px;
  max-width: var(--max-width);
  margin-inline: auto;
  background-color: transparent;
}
.visionneuse--onglets__titre {
  color: black;
  margin-bottom: 25px;
}
.visionneuse--onglets__contenu {
  padding: 25px;
  outline: 1px solid #2d6b94;
  background: white;
  outline-offset: -2px;
  position: relative;
  margin-top: -1px;
}
.visionneuse--onglets__contenu img {
  max-width: 200px;
  height: 200px;
  object-fit: cover;
}
@media screen and (max-width: 576px) {
  .visionneuse--onglets__contenu img {
    width: 150px;
    height: 150px;
  }
}
.visionneuse--onglets__echange {
  display: flex;
  padding-block: 25px;
  gap: 10px;
  border-bottom: 1px solid #2d6b94;
}
@media screen and (max-width: 576px) {
  .visionneuse--onglets__echange {
    flex-direction: column !important;
    align-items: center;
    text-align: center;
  }
}
.visionneuse--onglets__echange div {
  padding: 10px;
  flex: 1;
}
.visionneuse--onglets__echange:nth-of-type(even) {
  flex-direction: row-reverse;
}
.visionneuse--onglets__echange:last-child {
  border-bottom: none;
}
.visionneuse--onglets__echange .didascalie {
  color: #2d6b94;
  font-style: italic;
  display: block;
  margin-top: spacing(0.5);
}
.visionneuse--onglets__echange span:not(:first-of-type) {
  display: block;
  margin-top: spacing(0.5);
}
.visionneuse--onglets__echange p {
  margin-bottom: 10px;
}
.visionneuse--onglets__echange p:last-child {
  margin-bottom: 0;
}
.visionneuse--onglets__navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  padding: 10px 0;
  gap: 10px;
  width: 100%;
}
.visionneuse--onglets__navigation::before, .visionneuse--onglets__navigation::after {
  content: "";
  width: 0;
}
.visionneuse--onglets__navigation a.btn {
  background-color: #2d6b94;
  color: white;
  transition: all 0.3s ease-in-out;
}
.visionneuse--onglets__navigation a.btn:hover {
  background-color: rgb(33.1088082902, 78.725388601, 108.8911917098);
}
.visionneuse--onglets__navigation a.btn {
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: spacing(0.5);
  min-width: 120px;
  border: none;
}
.visionneuse--onglets__navigation a.btn[style*="display: none"] {
  display: none !important;
}
.visionneuse--onglets__navigation a.btn[aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.visionneuse--onglets__navigation a.btn i {
  transition: transform 0.3s ease;
  transform: translateY(1px);
}
.visionneuse--onglets__navigation a.btn#nextTab:hover i {
  transform: translate(3px, 1px);
}
.visionneuse--onglets__navigation a.btn#prevTab:hover i {
  transform: translate(-3px, 1px);
}
.visionneuse--onglets__navigation #prevTab {
  margin-right: auto;
  order: 1;
}
.visionneuse--onglets__navigation #prevTab:hover i {
  transform: translateX(-3px);
}
.visionneuse--onglets__navigation #nextTab {
  margin-left: auto;
  order: 3;
}
.visionneuse--onglets__navigation #nextTab:hover i {
  transform: translateX(3px);
}
.visionneuse--onglets__onglets {
  display: flex;
  margin: 0;
  justify-content: space-around;
  gap: spacing(0.4);
  border: none;
}
@media screen and (max-width: 768px) {
  .visionneuse--onglets__onglets {
    flex-wrap: wrap;
  }
}
.visionneuse--onglets__onglets.nav-tabs {
  border: none;
  margin-bottom: -1px;
}
.visionneuse--onglets__onglets .nav-item {
  border: none;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.visionneuse--onglets__onglets button.nav-link {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.visionneuse--onglets__onglets button.nav-link.active {
  background: transparent;
}
.visionneuse--onglets__onglets button.nav-link:hover {
  transform: translateY(-2px);
}
.visionneuse--onglets__onglets button.nav-link:focus-visible {
  outline: 1px solid #2d6b94;
  outline-offset: 2px;
}
.visionneuse--onglets__onglets .demi-cercle {
  position: relative;
  z-index: 1;
}
.visionneuse--onglets__onglets .tablist__numero {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 47px;
  border: 1px solid #2d6b94;
  border-radius: 100%;
  z-index: 3;
  transition: all 0.3s ease;
}
.visionneuse--onglets__onglets .tablist__tab__txt {
  padding: 20px;
  border: 1px solid #2d6b94;
  margin-top: -25px;
  background: white;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  transition: all 0.3s ease;
}
@media screen and (max-width: 576px) {
  .visionneuse--onglets__onglets .tablist__tab__txt {
    min-height: 80px;
    padding: 10px;
    font-size: 0.9em;
  }
}
.visionneuse--onglets__onglets .active .tablist__numero {
  background-color: #2d6b94;
  color: white;
  transition: all 0.3s ease-in-out;
}
.visionneuse--onglets__onglets .active .tablist__numero:hover {
  background-color: rgb(33.1088082902, 78.725388601, 108.8911917098);
}
.visionneuse--onglets__onglets .active .tablist__numero {
  border: 1px solid #2d6b94;
  border-radius: 100%;
  height: 50px;
}
.visionneuse--onglets__onglets .active .tablist__tab__txt {
  background-color: #2d6b94;
  color: white;
  transition: all 0.3s ease-in-out;
}
.visionneuse--onglets__onglets .active .tablist__tab__txt:hover {
  background-color: rgb(33.1088082902, 78.725388601, 108.8911917098);
}

.onglets--3 li.nav-item {
  flex-basis: 32.5%;
}
@media screen and (max-width: 768px) {
  .onglets--3 li.nav-item {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 576px) {
  .onglets--3 li.nav-item {
    flex-basis: 100%;
  }
}

.onglets--4 li.nav-item {
  flex-basis: 24.5%;
}
@media screen and (max-width: 768px) {
  .onglets--4 li.nav-item {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 576px) {
  .onglets--4 li.nav-item {
    flex-basis: 100%;
  }
}

.onglets--5 li.nav-item {
  flex-basis: 19%;
}
@media screen and (max-width: 768px) {
  .onglets--5 li.nav-item {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 576px) {
  .onglets--5 li.nav-item {
    flex-basis: 100%;
  }
}

.visionneuse--onglets .tab-pane {
  transition: opacity 0.3s ease-in-out;
  display: none;
  opacity: 0;
}
.visionneuse--onglets .tab-pane.active, .visionneuse--onglets .tab-pane.show {
  display: block;
  opacity: 1;
  position: relative;
}
.visionneuse--onglets .tab-pane:not(.show) {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.btn:focus-visible {
  outline: 2px solid #2d6b94;
  outline-offset: 2px;
}

@media print {
  .visionneuse--onglets__navigation, .visionneuse--onglets__onglets {
    display: none !important;
  }
  .visionneuse--onglets__contenu {
    outline: none;
    padding: 0;
  }
  .visionneuse--onglets .tab-pane {
    display: block !important;
    opacity: 1 !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    break-inside: avoid;
  }
  .visionneuse--onglets img {
    max-width: 150px;
    height: auto;
  }
}
.custom-popover {
  position: absolute;
  z-index: 1000;
  max-width: 400px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 12px;
  font-size: 14px;
  line-height: 1.5;
  animation: popover-fade-in 0.2s ease-out;
}

.custom-popover-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.custom-popover::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
}

.custom-popover[data-position=top]::before {
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: #fff;
}

.custom-popover[data-position=bottom]::before {
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: #fff;
}

.custom-popover[data-position=left]::before {
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #fff;
}

.custom-popover[data-position=right]::before {
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: #fff;
}

.popover-title {
  background-color: #efefee;
}
.popover-title::after {
  display: none;
}
.popover-title {
  padding: 0.5rem;
}

.popover-content {
  color: #666;
}

.custom-popover .close-button {
  align-self: flex-end;
  border: 1px solid #efefee;
  background-color: transparent;
}

@keyframes popover-fade-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* Style pour les déclencheurs */
[data-popover] {
  cursor: pointer;
  text-decoration: underline dotted;
  color: inherit;
}

[data-popover]:hover {
  text-decoration: underline;
}

[data-popover]:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

/* Theme sombre */
.custom-popover.theme-dark {
  background: #333;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.custom-popover.theme-dark .popover-title {
  border-bottom-color: #555;
}

.custom-popover.theme-dark .popover-content {
  color: #ccc;
}

.custom-popover.theme-dark[data-position=top]::before {
  border-top-color: #333;
}

.custom-popover.theme-dark[data-position=bottom]::before {
  border-bottom-color: #333;
}

.custom-popover.theme-dark[data-position=left]::before {
  border-left-color: #333;
}

.custom-popover.theme-dark[data-position=right]::before {
  border-right-color: #333;
}

/* Common layout components */
.autoevaluation__fonctionnement,
.autoevaluation__presentation,
.autoevaluation__bouton,
.autoevaluation__table,
.quizattemptsummary,
.quizgradefeedback {
  margin-inline: auto;
  max-width: var(--max-width);
  margin-bottom: var(--spacing-xl);
}

.autoevaluation__fonctionnement .emphase,
.autoevaluation__presentation .emphase,
.autoevaluation__bouton .emphase,
.autoevaluation__table .emphase {
  margin-block: var(--spacing-xl);
}

/* Table styles */
.autoevaluation__table th,
.autoevaluation__table td {
  border: none;
  border-bottom: 1px solid var(--color-gray-light);
  padding: var(--spacing-small);
}

.autoevaluation__table tr td:first-of-type {
  border-right: 1px solid var(--color-gray-light);
}

/* Quiz module view page */
#page-mod-quiz-view .quizattemptcounts {
  display: none;
}

#page-mod-quiz-view h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-block: 100px 30px;
  font-family: var(--font-family-roboto);
  color: var(--color-black);
}

#page-mod-quiz-view table.quizattemptsummary th {
  border-bottom: none;
  padding: 4px;
}

#page-mod-quiz-view table.quizattemptsummary .autoevaluation-retroaction__texte {
  padding: 0;
}

/* Quiz review, summary and attempt pages */
#page-mod-quiz-review #page-content,
#page-mod-quiz-summary #page-content,
#page-mod-quiz-attempt #page-content {
  max-width: var(--quiz-content-max-width);
  margin-block: var(--spacing-xl);
  margin-inline: auto;
}

#page-mod-quiz-review .quizreviewsummary,
#page-mod-quiz-summary .quizreviewsummary,
#page-mod-quiz-attempt .quizreviewsummary {
  border: none;
}

#page-mod-quiz-review .quizreviewsummary tbody,
#page-mod-quiz-summary .quizreviewsummary tbody,
#page-mod-quiz-attempt .quizreviewsummary tbody {
  border: none;
}

/* Quiz preflight form */
#mod_quiz_preflight_form {
  max-width: var(--max-width);
  margin-inline: auto;
}

/* Feedback styling */
.autoevaluation-retroaction {
  margin-bottom: var(--spacing-xl);
}

.autoevaluation-retroaction th {
  display: none;
}

.autoevaluation-retroaction .cell {
  border: none;
}

.autoevaluation-retroaction__texte {
  padding: var(--spacing-medium);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: var(--spacing-medium);
  border: none;
  gap: var(--spacing-large);
}
.autoevaluation-retroaction__texte p {
  margin-bottom: 0;
}

.autoevaluation-retroaction__texte::before {
  font-family: "FontAwesome";
  font-size: var(--icon-size-large);
  font-weight: bold;
  text-align: center;
  flex-basis: 50px;
}

.autoevaluation-retroaction__texte.succes::before {
  color: green;
  content: "\f05d";
}

.autoevaluation-retroaction__texte.echec::before {
  color: darkorange;
  content: "\f071";
}

/* Grade feedback */
.quizgradefeedback {
  padding: var(--spacing-medium);
  border: 1px solid var(--color-gray-light);
  border-radius: 10px;
}

/* Advice box */
.autoevaluation__conseil {
  border: 1px solid var(--color-gray-light);
  border-radius: 10px;
}

.autoevaluation__conseil p {
  margin-block: var(--spacing-small);
}

/* Answer key */
.answer-key {
  background: transparent;
}
.answer-key .section--icone {
  background: white;
  outline: 30px solid white;
  border: 10px solid #edf3f6;
}
.answer-key .personne img {
  outline: 2px solid #edf3f6;
  border: 4px solid #edf3f6;
}

#textes_cites,
#ressources {
  max-width: var(--max-width);
  margin-inline: auto;
}
#textes_cites h2,
#ressources h2 {
  margin-bottom: 3rem;
}
#textes_cites h3,
#ressources h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-inline: auto;
  max-width: var(--max-width);
  width: 100%;
  font-family: var(--font-family-roboto);
  margin-bottom: 15px;
  color: var(--color-black);
}
#textes_cites ul,
#ressources ul {
  padding: 0;
  list-style: none;
  margin-block: 1rem;
}
#textes_cites li,
#ressources li {
  margin-bottom: 1rem;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--color-primary);
  color: var(--color-white);
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  font-weight: 600;
  z-index: 10000;
  transition: top 0.2s ease;
}
.skip-link:focus {
  top: 0;
  outline: 3px solid var(--color-white);
  outline-offset: -3px;
}
.skip-link:hover {
  color: var(--color-white);
  text-decoration: underline;
}

*:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}

*:focus:not(:focus-visible) {
  outline: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}

.nav-link:focus-visible,
.sousmenu__link:focus-visible,
.mobile-lang-btn:focus-visible {
  outline: 3px solid var(--color-white);
  outline-offset: -3px;
  background-color: rgba(255, 255, 255, 0.1);
}

.mobile-footer-nav a:focus-visible,
.mobile-footer-nav button:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-contrast: high) {
  .nav-link,
  .sousmenu__link,
  button {
    border: 2px solid currentColor;
  }
  :focus-visible {
    outline-width: 4px;
  }
}
.sr-only-focusable {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

@media (max-width: 991px) {
  a,
  button,
  input[type=button],
  input[type=submit],
  .nav-link,
  .dropdown-item {
    min-height: 44px;
    min-width: 44px;
  }
  a:not(.icon-only),
  button:not(.icon-only),
  input[type=button]:not(.icon-only),
  input[type=submit]:not(.icon-only),
  .nav-link:not(.icon-only),
  .dropdown-item:not(.icon-only) {
    padding: 0.5rem 1rem;
  }
}
body.using-keyboard *:focus {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}

.text-on-light {
  color: #000000;
}

.text-on-dark {
  color: #ffffff;
}

.progress-bar {
  color: #ffffff;
  font-weight: 600;
}

html {
  scroll-behavior: smooth;
}

body {
  background: transparent;
}

#region-main {
  border: none;
}

#contenu-principal {
  width: 100%;
}

.capsule--wrapper,
div.row--bulles,
div.document,
.dialogues--wrapper,
h3,
h4,
p,
.textes,
.boite-quiz {
  max-width: var(--max-width);
  margin-inline: auto;
}

.competences--titre {
  font-family: "Roboto", sans-serif;
  color: #333333;
  font-size: 1.25rem;
  margin-block: 25px;
  font-weight: 600;
}

.question--ouverte {
  max-width: var(--max-width);
  width: 100%;
  padding: 25px;
}

.warning-message,
.retroaction-message,
.question-form {
  max-width: var(--max-width);
  width: 100%;
  margin-inline: auto;
}

div.activite_optionnelle,
div.temps {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-inline: auto;
  margin-bottom: 0 !important;
  max-width: var(--max-width);
}
div.activite_optionnelle img,
div.temps img {
  width: 30px;
}
div.activite_optionnelle p,
div.temps p {
  margin: 0;
}

section .activite_optionnelle {
  border-top: 1px solid #2d6b94;
  border-bottom: 1px solid #2d6b94;
  padding-block: 1rem;
  margin-bottom: 20px;
}

.question-form {
  max-width: var(--max-width);
  margin-inline: auto;
  margin-bottom: 25px;
}

.dialogue__icone {
  max-width: 40px;
  position: absolute;
  right: -20px;
  background: white;
  border-radius: 100%;
  border: 1px solid #2d6b94;
  padding: 3px;
}

.animation-scroll--left .dialogue__icone {
  right: 0;
  left: -20px;
}

.no-overflow {
  overflow: initial;
}

a.disabled {
  pointer-events: none;
  cursor: default;
  color: #333333;
}

.filter_embedquestion-iframe {
  background-color: white;
  margin-block: 0;
  padding-inline: 20px;
  padding-top: 20px;
  height: 600px;
}
.filter_embedquestion-iframe .que .content {
  margin: 0 !important;
}
.filter_embedquestion-iframe .formulation {
  padding: 0 !important;
  background-color: transparent !important;
}

.que .info {
  display: none !important;
}

.filter_embedquestion-fill-link {
  display: none !important;
}

.que h3.no {
  font-size: 1rem;
  font-family: "UniversUltraCondensed";
}

.embedded-main {
  padding: 0;
}

.formulation {
  padding: 0 !important;
  background-color: transparent !important;
}

.chooserdialoguebody,
.choosertitle {
  display: block !important;
}

.que .formulation {
  padding: 0 !important;
  background-color: transparent !important;
}

.menubar .dropdown-menu {
  z-index: 20001;
}

.recherche__livres {
  background-image: url("/theme/crc_tspt/img/structure/bg_recherche.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}

.recherche__livres__personne {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  max-width: var(--max-width);
  margin-inline: auto;
  background-color: white;
  padding: 20px;
}

.question__image {
  max-width: 200px;
  height: auto;
  margin-inline: auto;
  display: grid;
  place-items: center;
  margin-block: 20px;
}
.question__image img {
  outline: 2px solid white;
  border: 4px solid white;
  max-width: 100%;
  height: auto;
}

#section25597-7 .card-intro,
#section26366-3 .card-intro,
#section22719-5 .card-intro {
  justify-content: center;
}

#section26366-3 img {
  max-width: 200px;
  height: auto;
  margin-inline: auto;
  display: grid;
  place-items: center;
}

.btn-question {
  background-color: #2d6b94;
  margin-block: 10px;
}

.consentement__bouton {
  margin-inline: auto;
  display: flex;
  justify-content: center;
}

.formulation img {
  width: 100%;
}

.course-title {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 60px;
  text-align: center;
}
.course-title__main {
  color: var(--color-primary);
  font-family: "UniversUltraCondensed";
  font-size: 36px;
  font-weight: 400;
}
.course-title__sub {
  font-family: var(--font-family-roboto);
  font-size: 20px;
  font-weight: 400;
}

@media print {
  body {
    background-color: white !important;
    font-size: 11pt !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    color: black !important;
  }
  nav.navbar,
  #nav-drawer,
  .toast-wrapper,
  .fixed-top,
  .nav-link,
  footer,
  .d-print-none,
  #goto-top-link,
  .action-menu,
  .activity-navigation,
  #drawer-67f524e1980e267f524e151d3c44,
  .bloc-titre,
  .region_main_settings_menu_proxy,
  .btn,
  button,
  .nav,
  .section--icone,
  .action-menu,
  .personne {
    display: none !important;
  }
  .intro-personne {
    display: block !important;
  }
  header[role=banner] {
    padding: 1cm 1.5cm 0.5cm !important;
    border-bottom: 1pt solid #ddd !important;
    margin-bottom: 0.8cm !important;
  }
  header[role=banner] .zone-admin,
  header[role=banner] .menu--admin,
  header[role=banner] .zone-menu {
    display: none !important;
  }
  header[role=banner] .course-title {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }
  .course-title__main {
    font-size: 18pt !important;
    display: block !important;
    margin-bottom: 0.2cm !important;
    font-weight: bold !important;
  }
  .course-title__sub {
    font-size: 14pt !important;
    display: block !important;
    font-style: italic !important;
  }
  #page-wrapper,
  #page,
  #page-content,
  #region-main-box {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    box-shadow: none !important;
  }
  #main,
  #region-main {
    padding: 0 1.5cm !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
  }
  #textes_cites,
  #ressources {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #textes_cites h1,
  #ressources h1 {
    font-size: 18pt !important;
    margin: 0 !important;
    padding: 0 !important;
    page-break-after: avoid !important;
  }
  #textes_cites h2,
  #ressources h2 {
    font-size: 18pt !important;
    margin: 1cm 0 15pt !important;
    page-break-after: avoid !important;
  }
  #textes_cites h3,
  #ressources h3 {
    font-size: 14pt !important;
    margin: 0.5cm 0 8pt !important;
    page-break-after: avoid !important;
  }
  #textes_cites ul,
  #ressources ul {
    margin-block: 8pt !important;
    padding-left: 0 !important;
  }
  #textes_cites li,
  #ressources li {
    margin-bottom: 10pt !important;
    page-break-inside: avoid !important;
    font-size: 10pt !important;
    line-height: 1.3 !important;
  }
  #textes_cites a,
  #ressources a {
    text-decoration: none !important;
    color: black !important;
    word-break: break-all !important;
  }
  #textes_cites .citation-link,
  #textes_cites .doi-link,
  #textes_cites .site-link,
  #ressources .citation-link,
  #ressources .doi-link,
  #ressources .site-link {
    display: block !important;
    margin: 3pt 0 0 20pt !important;
  }
  #textes_cites .citation-item,
  #textes_cites .resource-item,
  #ressources .citation-item,
  #ressources .resource-item {
    padding-left: 20pt !important;
    text-indent: -20pt !important;
    margin-bottom: 12pt !important;
    page-break-inside: avoid !important;
  }
  #textes_cites .authors,
  #textes_cites .year,
  #textes_cites .title,
  #textes_cites .edition,
  #textes_cites .publisher,
  #textes_cites .journal-info,
  #textes_cites .chapter-info,
  #ressources .authors,
  #ressources .year,
  #ressources .title,
  #ressources .edition,
  #ressources .publisher,
  #ressources .journal-info,
  #ressources .chapter-info {
    display: inline !important;
  }
  #textes_cites em,
  #ressources em {
    font-style: italic !important;
  }
  #textes_cites #ressources,
  #textes_cites #textes_cites,
  #ressources #ressources,
  #ressources #textes_cites {
    page-break-before: always !important;
  }
  #textes_cites .resource-section,
  #ressources .resource-section {
    page-break-inside: avoid !important;
    margin: 0.8cm 0 20pt !important;
  }
  @page {
    margin: 1.5cm !important;
    size: letter;
  }
}
div.complete-feedback {
  margin-bottom: 20px;
  text-align: center;
}

#page-mod-customcert-view #region-main,
#feedback_complete_form,
#page-mod-feedback-view #region-main {
  max-width: var(--max-width);
  margin-inline: auto;
}
#page-mod-customcert-view #region-main i.fa-search-plus,
#feedback_complete_form i.fa-search-plus,
#page-mod-feedback-view #region-main i.fa-search-plus {
  display: none;
}

section.bouton_imprimer {
  max-width: var(--max-width);
  margin-inline: auto;
  margin-bottom: 20px;
  text-align: right;
}

#cmid-23051 #cmid-23051 .icon .fa .fa-check .text-success .fa-fw {
  display: none;
}

/* Griser et désactiver les éléments bloqués dans le menu */
.sousmenu__item.blocked button,
.sousmenu__item.blocked a {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  color: #999 !important;
}

/* Optionnel : effet au survol pour indiquer que c'est bloqué */
.sousmenu__item.blocked button:hover,
.sousmenu__item.blocked a:hover {
  opacity: 0.4 !important;
}

.obtain-certificate {
  max-width: var(--max-width);
  margin-inline: auto;
}

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