@charset "UTF-8";

/*
  Thème personnalisé selon la maquette Figma de refonte e-learning
*/

/* Général */

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-primary-light);
  background-color: var(--bs-primary-strong);
  border-color: var(--bs-primary-strong);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-primary-light);
  background-color: var(--bs-primary-strong);
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  color: var(--bs-primary-light);
  background-color: var(--bs-primary-strong);
}

.nav-pills .nav-link:not(.active, .disabled), .nav-pills .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover{
  color: var(--bs-primary-strong);
}

.table-responsive {
  overflow-y: scroll;
  overflow-x: scroll;
}

.table-responsive::-webkit-scrollbar {
  height: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 4px;
}

p{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-700), var(--bs-text-opacity)) !important;
}

.text-tooltip, .text-tooltip label {
  text-decoration: underline dotted;
  cursor: help;
}

.border-drop-s-l{
  border-radius: var(--bs-space-s) var(--bs-space-s) var(--bs-space-l) var(--bs-space-l) !important;
}

.border-l{
  border-radius: var(--bs-space-l) !important;
}

.border-s{
  border-radius: var(--bs-space-s) !important;
}

.border-xs{
  border-radius: var(--bs-space-xs) !important;
}

.border-2xs{
  border-radius: var(--bs-space-2xs) !important;
}

.mobile-nav li{
  font-size: var(--bs-text-xs) !important;
  width: calc(100%/3);
  text-align: center;
}

.text-xs{
  font-size: var(--bs-text-xs) !important;
}

.text-sm{
  font-size: var(--bs-text-sm) !important;
}

.text-base{
  font-size: var(--bs-text-base) !important;
}

.text-xl{
  font-size: var(--bs-text-xl) !important;
}

h4{
  --bs-text-opacity: 1;
  font-size: var(--bs-text-3xl) !important;
  color: rgba(var(--bs-neutral-900-rgb), var(--bs-text-opacity)) !important;
}

h5{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-900-rgb), var(--bs-text-opacity)) !important;
  font-size: var(--bs-text-2xl) !important;
}

h6{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-900-rgb), var(--bs-text-opacity)) !important;
  font-size: var(--bs-text-xl) !important;
}

.card-subtitle{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-600-rgb), var(--bs-text-opacity)) !important;
  font-size: var(--bs-text-sm);
}

.back-btn{
  display: inline-block;
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-800-rgb), var(--bs-text-opacity)) !important;
  font-size: var(--bs-text-xs);
}

.chat-button{
  margin-right: 12px;
  height: 36px;
  width: 36px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 6.5px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
}

.placeholder-neutral::placeholder, .placeholder-neutral::-webkit-input-placeholder{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-700-rgb), var(--bs-text-opacity)) !important;
}

.sequence {
  padding: 16px 12px 16px 12px;
}

.sequence:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-lightest-rgb), var(--bs-bg-opacity)) !important;
  transition: 0.1s ease-in;
}

.sequence-non-autorisee:hover {
  cursor: not-allowed;
  background-color: rgba(var(--bs-error-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.sequence-selected {
  --bs-bg-opacity: 1;
  background-color: var(--bs-gray-lightest) !important;
}

.badge-communaute{
  font-size: 10px !important;
}

.update-communaute {
  color: var(--bs-neutral-600) !important;
  font-size: var(--bs-text-sm) !important;
}

.card-forum .card-header, .card-forum-success .card-header{
  padding: 6px 12px 6px 12px !important;
  border-top-left-radius: var(--bs-space-2xs) !important;
  border-top-right-radius: var(--bs-space-2xs) !important;
}

.card-forum .card-header{
  background-color: var(--bs-neutral-700) !important;
}

.card-forum-success .card-header{
  background-color: var(--bs-success-strong) !important;
}

.card-forum .card-header h6, .card-forum-success .card-header h6{
  font-size: var(--bs-text-xs) !important;
}

.card-forum .card-header h6{
  color: var(--bs-cumulus-lighter) !important;
}

.card-forum-success .card-header h6{
  color: var(--bs-success-lighter) !important;
}

.card-forum .card-body, .card-forum-success .card-body{
  background-color: var(--bs-neutral-200) !important;
  border-bottom-left-radius: var(--bs-space-2xs) !important;
  border-bottom-right-radius: var(--bs-space-2xs) !important;
}


.card-forum-success .card-body{
  border: 2px solid var(--bs-success-strong) !important;
}

.card-forum-success .card-body div span, .card-forum .card-body div span{
  font-size: var(--bs-text-xs) !important;
}

.card-forum{
  position: relative;
}

.vertical-line {
  position: absolute;
  bottom: -24px;
  left: 61px;
  height: 25px;
  width: 3px;
  background-color: var(--bs-neutral-200);
}

.blur{
  filter: blur(8px);
  pointer-events: none;
}

.ai-conv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ai-conv p {
  padding: 6px 8px 6px 8px;
  margin-bottom: 0;
}

.ai-conv h6, .ai-conv h5, .ai-conv h4, .ai-conv h3, .ai-conv h2, .ai-conv h1 {
  font-size: 1.2rem;
  margin-top: 1rem;
}

.ai-conv ol, .ai-conv ul {
  margin-bottom: 0.5rem;
}

.ai-conv .card hr, .ai-conv hr {
  color: #a9aeb3;
}

.ai-conv table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
}
.ai-conv th, .ai-conv td {
  border: 1px solid #999;
  padding: 0.5em;
}
.ai-conv img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Afficher chaque message à 80% de largeur sauf sur smartphone : 100% */
.ai-conv .bg-ai-lighter, .ai-conv .bg-ai-strong {
  max-width: 100%; /* Par défaut pour XS, SM, MD */
  width: fit-content;
  overflow-x: auto;
}

@media (min-width: 992px) { /* LG et plus */
  .ai-conv .bg-ai-lighter, .ai-conv .bg-ai-strong {
    max-width: 80%;
  }
}

/* Effet de chargement sur le texte */
.ai-conv .loading-text {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.ai-conv .loading-text::after {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, var(--bs-card-bg), transparent);
  animation: shine 2s infinite;
}

@keyframes shine {
  from {
    left: -150%;
  }
  to {
    left: 150%;
  }
}

.ai-conv .warning-text {
  color: #dc3545; /* Rouge Bootstrap pour le texte d'avertissement */
  font-weight: bold;
}

.ai-conv pre {
  display: none;
}
.question-step{
  display: none;
}

.question-step.active{
  display: block;
}

.breadcrumb-list {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  position: relative;
  width: 100%;
}

.breadcrumb-item {
  position: relative;
  display: flex;
  align-items: center;
}

.breadcrumb-item::before {
  content: '' !important;
}

.horizontal-line{
  position: absolute;
  height: 4px;
  background-color: var(--bs-ai-lighter);
  bottom: 0;
  top: 18px;
  width:100%
}

.horizontal-line.next{
  background-color: var(--bs-ai-strong);
}

.breadcrumb-item.success .step{
  background-color: var(--bs-success-strong);
  color: var(--bs-success-lighter);
  border: 2px solid var(--bs-success-strong);
}

.breadcrumb-item.failure .step{
  background-color: var(--bs-error-strong);
  color: var(--bs-error-lighter);
  border: 2px solid var(--bs-error-strong);
}

.breadcrumb-item:first-child::before {
  display: none;
}

.step {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--bs-ai-lighter);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: var(--bs-ai-strong);
  border: 2px solid var(--bs-ai-lighter);
  position: relative;
  z-index: 1;
}

.breadcrumb-item.active-step .step {
  background-color: var(--bs-white);
  color: var(--bs-ai-strong);
  border-color: var(--bs-ai-strong);
}

.span-question-success{
  border-radius: 4px;
  padding: 0 6px 0 6px;
  background-color: var(--bs-success-lighter);
  color: var(--bs-success-strong);
  height: 23px;
  margin-top: auto;
  margin-bottom: auto;
}

.span-question-failure{
  border-radius: 4px;
  padding: 0 6px 0 6px;
  background-color: var(--bs-error-lighter);
  color: var(--bs-error-strong);
  height: 23px;
  margin-top: auto;
  margin-bottom: auto;
}

/**/

/* Thème pour couleur primary */
.btn-primary-strong{
  color: var(--bs-primary-lighter) !important;
  background-color: var(--bs-primary-strong) !important;
}

.btn-primary-strong a, .btn-primary-lighter a{
  text-decoration: none;
  color: inherit;
  font-weight: normal;
  font-size: inherit;
  font-family: inherit;
}

.btn-primary-strong:hover, .btn-primary-strong a:hover{
  color: var(--bs-primary-strong) !important;
  background-color: var(--bs-primary-lighter) !important;
}

.btn-primary-lighter{
  color: var(--bs-primary-strong) !important;
  background-color: var(--bs-primary-lighter) !important;
}

.btn-primary-lighter:hover, .btn-primary-lighter a:hover{
  color: var(--bs-primary-lighter) !important;
  background-color: var(--bs-primary-strong) !important;
}

.btn-outline-primary-strong {
  color: var(--bs-primary-strong) !important;
  border-color: var(--bs-primary-strong) !important;
  background: transparent;
}
.btn-outline-primary-strong:hover {
  color: #fff !important;
  background-color: var(--bs-primary-strong) !important;
  border-color: var(--bs-primary-strong) !important;
  /*box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4) !important;*/
  transform: translateY(-1px) !important;
}

.text-primary-main {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-main-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-softest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-softest-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-light-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-lightest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-lightest-rgb), var(--bs-text-opacity)) !important;
}

.bg-primary-main {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-main-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-softest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-softest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-lightest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-lightest-rgb), var(--bs-bg-opacity)) !important;
}

.form-check-input, .form-select:focus, .form-control:focus, .input-group:focus-within .form-control, .input-group:focus-within .input-group-text{
  border-color: var(--bs-primary-strong) !important;
}

.form-check-input:checked{
  background-color: var(--bs-primary-strong) !important;
  margin-right: 10px;
}

.hover-primary-strong:hover{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-strong-rgb), var(--bs-text-opacity)) !important;
}

.btn-neutral-300{
  color: var(--bs-neutral-700) !important;
  background-color: var(--bs-neutral-300) !important;
}

.btn-neutral-300:hover, .btn-neutral-300 a:hover{
  color: var(--bs-neutral-300) !important;
  background-color: var(--bs-neutral-700) !important;
}

/**/

/* Thème pour couleur neutral */

.bg-neutral-100{
  background-color: var(--bs-neutral-100) !important;
}

.bg-neutral-200{
  background-color: var(--bs-neutral-200) !important;
}

.text-neutral-900{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-900-rgb), var(--bs-text-opacity)) !important;
}

.text-neutral-600{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-600-rgb), var(--bs-text-opacity)) !important;
}

.text-neutral-700{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-700-rgb), var(--bs-text-opacity)) !important;
}

.bg-neutral-800{
  background-color: var(--bs-neutral-800) !important;
}

.bg-neutral-300-title{
  background-color: var(--bs-neutral-300) !important;
}

.bg-neutral-300-title p{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-700-rgb), var(--bs-text-opacity)) !important;
  font-size: var(--bs-text-sm);
}

/* Empêcher le débordement à droite */
html, body {
  overflow-x: hidden;
}

body * {
  box-shadow: none !important;
}

.bg-title-extend{
  position: relative;
}

.bg-title-extend:before, .bg-title-extend:after{
  content: "";
  background-color: inherit !important;
  position: absolute;
  height: 100%;
  width: 136px;
  top: 0;
}

.bg-title-extend:before{
  left: -136px;
}

.bg-title-extend:after{
  right: -136px;
}

.border-neutral-100{
  border-color: var(--bs-neutral-100) solid !important;
}

.outline-neutral-300{
  border: 1px solid var(--bs-neutral-300) !important;
}

/**/


/* Thème pour couleur secondary */

.text-secondary-main {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-main-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary-softest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-softest-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-light-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary-lightest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-lightest-rgb), var(--bs-text-opacity)) !important;
}

.bg-secondary-main {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-main-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary-softest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-softest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary-lightest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-lightest-rgb), var(--bs-bg-opacity)) !important;
}
/**/

/* Thème pour couleur info */


.text-info-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-info-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-lighter-rgb), var(--bs-text-opacity)) !important;
}

.bg-info-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-lighter-rgb), var(--bs-bg-opacity)) !important;
}

/**/

/* Thème pour couleur tilleul */
.bg-tilleul-main {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tilleul-main-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tilleul-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tilleul-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tilleul-softest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tilleul-softest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tilleul-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tilleul-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tilleul-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tilleul-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tilleul-lightest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tilleul-lightest-rgb), var(--bs-bg-opacity)) !important;
}

.text-tilleul-main {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tilleul-main-rgb), var(--bs-text-opacity)) !important;
}

.text-tilleul-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tilleul-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-tilleul-softest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tilleul-softest-rgb), var(--bs-text-opacity)) !important;
}

.text-tilleul-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tilleul-light-rgb), var(--bs-text-opacity)) !important;
}

.text-tilleul-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tilleul-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-tilleul-lightest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tilleul-lightest-rgb), var(--bs-text-opacity)) !important;
}
/**/

/* Thème pour couleur glycine */
.bg-glycine-main {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-glycine-main-rgb), var(--bs-bg-opacity)) !important;
}

.bg-glycine-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-glycine-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-glycine-softest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-glycine-softest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-glycine-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-glycine-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-glycine-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-glycine-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.bg-glycine-lightest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-glycine-lightest-rgb), var(--bs-bg-opacity)) !important;
}

.text-glycine-main {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-glycine-main-rgb), var(--bs-text-opacity)) !important;
}

.text-glycine-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-glycine-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-glycine-softest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-glycine-softest-rgb), var(--bs-text-opacity)) !important;
}

.text-glycine-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-glycine-light-rgb), var(--bs-text-opacity)) !important;
}

.text-glycine-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-glycine-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-glycine-lightest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-glycine-lightest-rgb), var(--bs-text-opacity)) !important;
}
/**/

/* Thème pour couleur gray */
.bg-gray-main {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-main-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-softest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-softest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-lightest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-lightest-rgb), var(--bs-bg-opacity)) !important;
}

.text-gray-main {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-main-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-softest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-softest-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-light-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-lightest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-lightest-rgb), var(--bs-text-opacity)) !important;
}
/**/

/* Thème pour couleur emeraude */
.bg-emeraude-main {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-emeraude-main-rgb), var(--bs-bg-opacity)) !important;
}

.bg-emeraude-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-emeraude-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-emeraude-softest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-emeraude-softest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-emeraude-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-emeraude-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-emeraude-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-emeraude-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.bg-emeraude-lightest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-emeraude-lightest-rgb), var(--bs-bg-opacity)) !important;
}

.text-emeraude-main {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-emeraude-main-rgb), var(--bs-text-opacity)) !important;
}

.text-emeraude-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-emeraude-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-emeraude-softest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-emeraude-softest-rgb), var(--bs-text-opacity)) !important;
}

.text-emeraude-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-emeraude-light-rgb), var(--bs-text-opacity)) !important;
}

.text-emeraude-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-emeraude-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-emeraude-lightest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-emeraude-lightest-rgb), var(--bs-text-opacity)) !important;
}
/**/


/* Thème pour couleur terre battue */
.bg-terre-battue-main {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-terre-battue-main-rgb), var(--bs-bg-opacity)) !important;
}

.bg-terre-battue-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-terre-battue-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-terre-battue-softest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-terre-battue-softest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-terre-battue-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-terre-battue-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-terre-battue-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-terre-battue-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.bg-terre-battue-lightest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-terre-battue-lightest-rgb), var(--bs-bg-opacity)) !important;
}

.text-terre-battue-main {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-terre-battue-main-rgb), var(--bs-text-opacity)) !important;
}

.text-terre-battue-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-terre-battue-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-terre-battue-softest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-terre-battue-softest-rgb), var(--bs-text-opacity)) !important;
}

.text-terre-battue-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-terre-battue-light-rgb), var(--bs-text-opacity)) !important;
}

.text-terre-battue-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-terre-battue-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-terre-battue-lightest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-terre-battue-lightest-rgb), var(--bs-text-opacity)) !important;
}
/**/

/* Thème pour couleur cumulus */
.bg-cumulus-main {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cumulus-main-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cumulus-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cumulus-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cumulus-softest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cumulus-softest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cumulus-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cumulus-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cumulus-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cumulus-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cumulus-lightest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cumulus-lightest-rgb), var(--bs-bg-opacity)) !important;
}

.text-cumulus-main {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cumulus-main-rgb), var(--bs-text-opacity)) !important;
}

.text-cumulus-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cumulus-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-cumulus-softest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cumulus-softest-rgb), var(--bs-text-opacity)) !important;
}

.text-cumulus-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cumulus-light-rgb), var(--bs-text-opacity)) !important;
}

.text-cumulus-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cumulus-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-cumulus-lightest {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cumulus-lightest-rgb), var(--bs-text-opacity)) !important;
}
/**/

/* Theme pour couleur warning */
.text-warning-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-warning-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-lighter-rgb), var(--bs-text-opacity)) !important;
}

.bg-warning-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-lighter-rgb), var(--bs-bg-opacity)) !important;
}


.btn-warning-strong{
  color: var(--bs-warning-lighter) !important;
  background-color: var(--bs-warning-strong) !important;
}

.btn-warning-strong a, .btn-warning-lighter a{
  text-decoration: none;
  color: inherit;
  font-weight: normal;
  font-size: inherit;
  font-family: inherit;
}

.btn-warning-strong:hover, .btn-warning-strong a:hover{
  color: var(--bs-warning-strong) !important;
  background-color: var(--bs-warning-lighter) !important;
}

.btn-warning-lighter{
  color: var(--bs-warning-strong) !important;
  background-color: var(--bs-warning-lighter) !important;
}

.btn-warning-lighter:hover, .btn-warning-lighter a:hover{
  color: var(--bs-warning-lighter) !important;
  background-color: var(--bs-warning-strong) !important;
}
/**/

/* Couleur pour thème ia*/

.text-ai-strong, .btn-ai-lighter, .btn-ai-strong:hover{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-ai-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-ai-lighter, .btn-ai-strong, .btn-ai-lighter:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-ai-lighter-rgb), var(--bs-text-opacity)) !important;
}

.bg-ai-strong, .btn-ai-strong, .btn-ai-lighter:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-ai-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-ai-lighter, .btn-ai-lighter, .btn-ai-strong:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-ai-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.check-question{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-900-rgb), var(--bs-text-opacity)) !important;
  border: var(--bs-white) 2px solid;
  border-radius: 6px;
  margin-left: -5px;
}

.check-question:has(input:checked){
  border: var(--bs-ai-strong) 2px solid;
  border-radius: 6px;
  margin-left: -5px;
}

.check-question:has(input:checked) > div, .check-question > div{
  margin: 4px 0 4px 0;
}

.check-question:has(input:checked) input, .check-question > div{
  position: relative;
  left: 4px;
}


/**/

/* Theme pour couleur error*/
.text-error-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-error-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-error-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-error-lighter-rgb), var(--bs-text-opacity)) !important;
}

.bg-error-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-error-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-error-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-error-lighter-rgb), var(--bs-bg-opacity)) !important;
}

.btn-error-strong{
  color: var(--bs-error-lighter) !important;
  background-color: var(--bs-error-strong) !important;
}

.btn-error-strong a, .btn-error-lighter a{
  text-decoration: none;
  color: inherit;
  font-weight: normal;
  font-size: inherit;
  font-family: inherit;
}

.btn-error-strong:hover, .btn-error-strong a:hover{
  color: var(--bs-error-strong) !important;
  background-color: var(--bs-error-lighter) !important;
}

.btn-error-lighter{
  color: var(--bs-error-strong) !important;
  background-color: var(--bs-error-lighter) !important;
}

.btn-error-lighter:hover, .btn-error-lighter a:hover{
  color: var(--bs-error-lighter) !important;
  background-color: var(--bs-error-strong) !important;
}



/**/

/* Theme pour couleur success*/
.text-success-strong {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-strong-rgb), var(--bs-text-opacity)) !important;
}

.text-success-lighter {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-lighter-rgb), var(--bs-text-opacity)) !important;
}

.bg-success-strong {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-strong-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success-lighter {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-lighter-rgb), var(--bs-bg-opacity)) !important;
}
/**/