/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!../css/style.less ***!
  \**********************************************************************************************************/
@font-face {
  font-family: 'Open-dyslexic';
  src: url(71b5051e424f92346302.eot);
  src: url(71b5051e424f92346302.eot?#iefix) format('embedded-opentype'), url(be784d08539442ba6249.woff) format('woff'), url(509c819299564c48e8e9.ttf) format('truetype');
}
@font-face {
  font-family: 'FontAwesome';
  src: url(02199fa312a7803c6628.eot);
  src: url(02199fa312a7803c6628.eot#iefix) format('embedded-opentype'), url(045de7b41351153ab73b.woff) format('woff'), url(7effce6d1dd4571cf8c8.ttf) format('truetype'), url(df2623054a015fc5294a.svg#FontAwesome) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(fc2b5060f7accec5cf74.ttf) format('ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(f80816a5455d171f948d.ttf) format('ttf');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(87f3afe16a8c3c370634.ttf) format('ttf');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
.shadow {
  box-shadow: 0 0 5px 0 #C7C7C7;
}
.bleu {
  color: #5C8BAE !important;
  font-weight: bold;
}
.orange {
  color: #D68E07 !important;
  font-weight: bold;
}
.vert {
  color: #49a206 !important;
  font-weight: bold;
}
.rouge {
  color: #F56046 !important;
  font-weight: bold;
}
.jaune {
  color: #F3C647 !important;
  font-weight: bold;
}
.gris {
  color: grey!important;
}
.pointer {
  cursor: pointer;
}
.disable_select {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #e5e5e5;
  color: #494949;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  font-family: 'Roboto', sans-serif;
  -webkit-touch-callout: none;
}
b,
strong {
  font-weight: 700;
}
em,
i {
  font-style: italic;
}
a {
  cursor: pointer;
  color: #5C8BAE;
  text-decoration: underline;
  font-weight: normal!important;
}
a:hover {
  color: #437092;
}
h1 {
  font-size: 18px;
  margin: 0;
  font-weight: normal;
}
h2 {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  color: #494949;
  font-weight: normal;
  margin: 0;
}
textarea {
  width: 95%;
  border-radius: 10px;
  border: 1px solid #C7C7C7;
}
fieldset {
  border: 1px dashed #C7C7C7;
  border-radius: 10px;
  text-align: left;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.bouton_hover {
  cursor: pointer;
  opacity: 1;
}
.bouton_hover:hover {
  opacity: 0.8;
}
.bouton_disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.lien_source {
  color: #6f6f6f;
  opacity: 0.8;
  font-size: 14px;
}
/* --------------------------------------------
	FORMULAIRES
-------------------------------------------- */
.form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  width: 90%;
  margin: auto;
}
.form-col {
  flex: 1 1 calc(50% - 10px);
  display: flex;
  flex-direction: column;
  text-align: left;
  min-width: 200px;
}
.form-full-center {
  min-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  gap: 5px;
}
.form-full-left {
  min-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  gap: 5px;
}
.form-full-left > * {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  width: 100%;
}
.form-grid input,
.form-grid select,
.form-grid form {
  width: 100%;
  box-sizing: border-box;
}
.form-separateur {
  width: 100%;
  border-bottom: 1px dashed #C7C7C7;
  margin: 15px 0 10px 0;
}
.form-errors {
  display: none;
  text-align: center;
  width: 100%;
  margin-top: 15px;
}
.form-boutons {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 20px;
  width: 100%;
}
#captchaImage {
  height: 38px;
}
#refresh_captcha {
  border: 1px solid #528fba;
  height: 31px;
  padding: 5px 5px 0px 5px;
}
.label {
  font-weight: bold;
}
.message-erreur {
  z-index: 999;
  background-color: #f9ebd1;
  padding: 20px;
  font-weight: bold;
  text-align: center;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 10px;
  bottom: 60px;
  box-shadow: 0 0 5px 0 #DDB468;
}
button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #C7C7C7;
  background-color: white;
  padding: 6px;
  cursor: pointer;
  color: #494949;
  font-size: 16px;
  border-radius: 10px;
}
button:hover {
  border: 1px solid #007ac2;
}
button:active {
  box-shadow: inset 1px 1px 8px #C7C7C7;
}
input:disabled,
button:disabled,
button[disabled] {
  border: 1px solid #C7C7C7 !important;
  background: #f5f5f5 !important;
  cursor: not-allowed !important;
  opacity: 0.65;
}
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  height: 20px;
  width: 20px;
  background: white;
  border: 1px solid #C7C7C7;
  border-radius: 6px;
  vertical-align: middle;
}
input[type=checkbox]:hover {
  cursor: pointer;
  border: 1px solid #007ac2;
}
input[type=checkbox]:checked {
  background-color: #007ac2 !important;
  border: 1px solid #007ac2;
}
input[type=checkbox]:checked:before {
  display: inline-block;
  font-family: FontAwesome;
  content: '\f00c';
  color: white;
  font-size: 16px;
  margin-left: 1px;
}
input[type=checkbox]:checked:disabled {
  background-color: #6f6f6f !important;
}
select {
  background: white;
  border-radius: 10px;
  color: #494949;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  padding: 6px;
  border: 1px solid #C7C7C7;
}
select:hover {
  cursor: pointer;
  border: 1px solid #007ac2;
}
select:disabled {
  background: #f5f5f5;
  border: 1px solid #C7C7C7 !important;
  opacity: 0.65;
  cursor: default;
}
input[type=text],
input[type=password],
input[type=date],
input[type=time],
input[type=number],
input[type=email] {
  color: #494949;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  padding: 8px;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
}
input[type=text]:hover,
input[type=password]:hover,
input[type=date]:hover,
input[type=time]:hover,
input[type=number]:hover,
input[type=email]:hover {
  border: 1px solid #007ac2;
}
input[type=date] {
  max-width: 120px;
}
input[type=radio] {
  height: 17px;
  width: 17px;
  cursor: pointer;
  vertical-align: middle;
}
.input_invalid {
  border: 1px solid #F07667 !important;
}
.infos_etablissement {
  display: none;
}
.input_invalid_message {
  color: #F56046;
  font-size: 12px;
}
.password-container {
  position: relative;
  width: 100%;
}
.toggle-password {
  position: absolute;
  right: 10px;
  top: 3px;
  background: none!important;
  border: none!important;
  cursor: pointer;
  display: inline-block;
}
.toggle-password:after {
  content: "\f06e";
  font-family: FontAwesome;
  font-size: 16px;
  color: #494949;
  line-height: 16px;
}
#sm {
  width: 100%;
}
#sm div {
  flex: 1;
  color: white;
  padding: 5px;
  border: 1px solid white;
}
.nrm {
  background-color: white;
}
.red {
  background-color: #F07667;
}
.yellow {
  background-color: #D68E07;
}
.green {
  background-color: #49a206;
}
.mce-content-body {
  font-size: 16px !important;
}
.mce-ico.mce-i-fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.selectize-input {
  font: normal 16px 'Roboto', sans-serif !important;
  color: #494949 !important;
  border-radius: 10px!important;
  text-align: left!important;
  padding: 8px!important;
  box-shadow: none!important;
}
.selectize-dropdown {
  font: normal 16px 'Roboto', sans-serif !important;
  color: #494949 !important;
  text-align: left!important;
}
.selectize-input.disabled {
  border: 1px solid #C7C7C7 !important;
  background: #f5f5f5 !important;
  cursor: not-allowed !important;
  opacity: 0.65 !important;
}
/* --------------------------------------------
	TOOLTIPS
-------------------------------------------- */
.tooltip {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
  position: absolute;
  z-index: 1000;
  white-space: nowrap;
}
.tooltip-fleche {
  position: absolute;
  z-index: 1000;
  width: 8px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.7);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
/* --------------------------------------------
	ACCORDIONS
-------------------------------------------- */
.accordion .accordion-title {
  cursor: pointer;
  padding: 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #C7C7C7;
}
.accordion .accordion-title:hover {
  background-color: #EEEEEE;
}
.accordion .accordion-content {
  padding: 10px;
  border-top: 1px dashed #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
}
.accordion.open .accordion-title {
  border-bottom: 0!important;
}
/* --------------------------------------------
	DIALOGS
-------------------------------------------- */
.dialog {
  display: none;
  position: fixed;
  z-index: 100;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.dialog .dialog-content {
  background-color: white;
  border: 1px solid #C7C7C7;
  width: fit-content;
  max-width: 1000px;
  min-width: 300px;
  border-radius: 10px;
  overflow: hidden;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
}
.dialog .dialog-content .dialog-title {
  display: flex;
  background: #f5f5f5 !important;
  line-height: 35px;
  border-bottom: 3px double #C7C7C7;
  padding: 8px 12px;
  flex: 0 0 auto;
}
.dialog .dialog-content .dialog-title .dialog-close {
  cursor: pointer;
  margin-left: auto;
  display: inline-block;
  opacity: 0.8;
}
.dialog .dialog-content .dialog-title .dialog-close:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.dialog .dialog-content .dialog-title .dialog-close:hover {
  opacity: 1;
}
.dialog .dialog-content .dialog-message {
  text-align: center;
  padding: 20px;
  line-height: 1.6;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
.dialog .dialog-content .dialog-boutons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-top: 1px dashed #C7C7C7;
  background: #f5f5f5;
  padding: 10px;
  flex: 0 0 auto;
}
/* --------------------------------------------
	DIVS DE CONTENU
-------------------------------------------- */
.div_bottom_container {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 20px !important;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 #C7C7C7;
  background-color: white;
  vertical-align: top;
  overflow: hidden;
}
.div_bottom_container_alone {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 20px !important;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 #C7C7C7;
  background-color: white;
  vertical-align: top;
  overflow: hidden;
  flex-direction: row!important;
  gap: 5px;
  background-color: #f5f5f5;
  padding: 10px;
  width: fit-content;
  margin: auto;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.div_titre {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 15px 10px 15px 10px;
  border-bottom: 3px double #C7C7C7;
  background-color: #f5f5f5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.div_titre b {
  text-align: left;
}
.div_titre .div_titre_icone {
  min-width: 32px;
  margin-right: 5px;
}
.div_titre .div_titre_boutons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-left: auto;
  align-items: center;
  justify-content: right;
}
.div_titre_center {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 15px 10px 15px 10px;
  border-bottom: 3px double #C7C7C7;
  background-color: #f5f5f5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
}
.div_titre_center b {
  text-align: left;
}
.div_titre_center .div_titre_icone {
  min-width: 32px;
  margin-right: 5px;
}
.div_titre_center .div_titre_boutons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-left: auto;
  align-items: center;
  justify-content: right;
}
.div_titre_center a {
  font-weight: bold!important;
}
.div_titre_alone {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 15px 10px 15px 10px;
  border-bottom: 3px double #C7C7C7;
  background-color: #f5f5f5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 0!important;
}
.div_titre_alone b {
  text-align: left;
}
.div_titre_alone .div_titre_icone {
  min-width: 32px;
  margin-right: 5px;
}
.div_titre_alone .div_titre_boutons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-left: auto;
  align-items: center;
  justify-content: right;
}
.div_tableau {
  overflow: auto;
}
.div_bottom {
  position: relative;
  overflow: auto;
  line-height: 1.6;
  background-color: white;
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.div_bottom_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: #f5f5f5;
  border-top: 1px dashed #C7C7C7;
  padding: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-height: 25px;
  margin-top: auto;
}
/* --------------------------------------------
	TABLEAUX
-------------------------------------------- */
.tableaux {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  text-align: center;
  line-height: 1.6;
}
.tableaux thead tr {
  height: 28px;
}
.tableaux thead .header_array {
  cursor: pointer;
}
.tableaux thead .header_array:after {
  content: "\f0dc";
  font-family: FontAwesome;
  float: right;
  margin-top: 2px;
}
.tableaux thead .headerSortUp {
  background-image: none!important;
}
.tableaux thead .headerSortUp:after {
  content: "\f0de";
  font-family: FontAwesome;
  float: right;
}
.tableaux thead .headerSortDown {
  background-image: none!important;
}
.tableaux thead .headerSortDown:after {
  content: "\f0dd";
  font-family: FontAwesome;
  float: right;
}
.tableaux thead th {
  font-weight: normal;
  padding: 5px;
  background-color: #f5f5f5;
  border-right: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
}
.tableaux thead th:first-child {
  border-left: 0!important;
}
.tableaux thead th:last-child {
  border-right: 0!important;
}
.tableaux > tbody input[type=text],
.tableaux > tbody input[type=date],
.tableaux > tbody select {
  width: 80%;
}
.tableaux > tbody > tr {
  height: 45px;
  background-color: white;
}
.tableaux > tbody > tr:hover {
  background-color: #f5f5f5;
}
.tableaux > tbody > tr:last-child > td {
  border-bottom: 0!important;
}
.tableaux > tbody td {
  border: 1px solid #C7C7C7;
  border-style: none solid solid none;
  padding: 5px;
  vertical-align: middle;
}
.tableaux > tbody td:last-child {
  border-right: 0!important;
}
.tableaux > tbody .td_dashed {
  border-right: 1px dashed #C7C7C7;
  border-left: 0px;
}
.tableaux .th_graph {
  background-color: #f5f5f5;
  width: 20%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-right: 3px double #C7C7C7;
}
.tableaux .td_graph {
  padding: 0!important;
  width: 8%;
  height: 45px;
  border-right: 1px dashed #C7C7C7;
}
.tableau_sans_hover tr:hover {
  background-color: white!important;
}
.tableau_border {
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  overflow: hidden;
}
.tableau_sticky thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
/* --------------------------------------------
	AVANT LE HEADER
-------------------------------------------- */
#container {
  min-height: 100%;
  min-width: 350px;
  margin-bottom: -40px;
}
#container:after {
  content: "";
  display: block;
  height: 40px;
}
.interface_bleu .topbar,
.interface_bleu .topbar_acces_rapide,
.interface_bleu .topbar_content {
  background-color: #6babc5;
}
.interface_bleu .menu {
  overflow: auto;
  background-color: #5f9bb4;
}
.interface_bleu .menu .menu_item:hover {
  background-color: #4a8aa4 !important;
}
.interface_bleu .menu #menu_selected {
  background-color: #4a8aa4 !important;
}
.interface_bleu .marqueur_module {
  background-color: #5f9bb4;
  width: 8px;
  height: 20px;
  border-radius: 10px;
}
.interface_bleu .sous_menu {
  background-color: #5f9bb4;
  border: 1px solid #4a8aa4;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.interface_bleu .sous_menu .sous_menu_item:hover {
  background-color: #4a8aa4 !important;
}
.interface_bleu .timer_svg {
  fill: #4a8aa4;
}
.interface_bleu .footer {
  background-color: #5f9bb4;
}
.interface_bleu #avancement_entrainement {
  background-color: #4a8aa4;
}
.texte_module_bleu {
  color: #6babc5;
}
.menu_module_bleu {
  background-color: #5f9bb4;
}
.interface_orange .topbar,
.interface_orange .topbar_acces_rapide,
.interface_orange .topbar_content {
  background-color: #e28955;
}
.interface_orange .menu {
  overflow: auto;
  background-color: #d87338;
}
.interface_orange .menu .menu_item:hover {
  background-color: #cc5815 !important;
}
.interface_orange .menu #menu_selected {
  background-color: #cc5815 !important;
}
.interface_orange .marqueur_module {
  background-color: #d87338;
  width: 8px;
  height: 20px;
  border-radius: 10px;
}
.interface_orange .sous_menu {
  background-color: #d87338;
  border: 1px solid #cc5815;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.interface_orange .sous_menu .sous_menu_item:hover {
  background-color: #cc5815 !important;
}
.interface_orange .timer_svg {
  fill: #cc5815;
}
.interface_orange .footer {
  background-color: #d87338;
}
.interface_orange #avancement_entrainement {
  background-color: #cc5815;
}
.texte_module_orange {
  color: #e28955;
}
.menu_module_orange {
  background-color: #d87338;
}
.interface_rouge .topbar,
.interface_rouge .topbar_acces_rapide,
.interface_rouge .topbar_content {
  background-color: #ec6b6b;
}
.interface_rouge .menu {
  overflow: auto;
  background-color: #b55e5e;
}
.interface_rouge .menu .menu_item:hover {
  background-color: #a54f4f !important;
}
.interface_rouge .menu #menu_selected {
  background-color: #a54f4f !important;
}
.interface_rouge .marqueur_module {
  background-color: #b55e5e;
  width: 8px;
  height: 20px;
  border-radius: 10px;
}
.interface_rouge .sous_menu {
  background-color: #b55e5e;
  border: 1px solid #a54f4f;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.interface_rouge .sous_menu .sous_menu_item:hover {
  background-color: #a54f4f !important;
}
.interface_rouge .timer_svg {
  fill: #a54f4f;
}
.interface_rouge .footer {
  background-color: #b55e5e;
}
.interface_rouge #avancement_entrainement {
  background-color: #a54f4f;
}
.texte_module_rouge {
  color: #ec6b6b;
}
.menu_module_rouge {
  background-color: #b55e5e;
}
.interface_vert .topbar,
.interface_vert .topbar_acces_rapide,
.interface_vert .topbar_content {
  background-color: #6bc576;
}
.interface_vert .menu {
  overflow: auto;
  background-color: #5baf65;
}
.interface_vert .menu .menu_item:hover {
  background-color: #539c5c !important;
}
.interface_vert .menu #menu_selected {
  background-color: #539c5c !important;
}
.interface_vert .marqueur_module {
  background-color: #5baf65;
  width: 8px;
  height: 20px;
  border-radius: 10px;
}
.interface_vert .sous_menu {
  background-color: #5baf65;
  border: 1px solid #539c5c;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.interface_vert .sous_menu .sous_menu_item:hover {
  background-color: #539c5c !important;
}
.interface_vert .timer_svg {
  fill: #539c5c;
}
.interface_vert .footer {
  background-color: #5baf65;
}
.interface_vert #avancement_entrainement {
  background-color: #539c5c;
}
.texte_module_vert {
  color: #6bc576;
}
.menu_module_vert {
  background-color: #5baf65;
}
.interface_violet .topbar,
.interface_violet .topbar_acces_rapide,
.interface_violet .topbar_content {
  background-color: #6b76c5;
}
.interface_violet .menu {
  overflow: auto;
  background-color: #5f69b4;
}
.interface_violet .menu .menu_item:hover {
  background-color: #4a59a4 !important;
}
.interface_violet .menu #menu_selected {
  background-color: #4a59a4 !important;
}
.interface_violet .marqueur_module {
  background-color: #5f69b4;
  width: 8px;
  height: 20px;
  border-radius: 10px;
}
.interface_violet .sous_menu {
  background-color: #5f69b4;
  border: 1px solid #4a59a4;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.interface_violet .sous_menu .sous_menu_item:hover {
  background-color: #4a59a4 !important;
}
.interface_violet .timer_svg {
  fill: #4a59a4;
}
.interface_violet .footer {
  background-color: #5f69b4;
}
.interface_violet #avancement_entrainement {
  background-color: #4a59a4;
}
.texte_module_violet {
  color: #6b76c5;
}
.menu_module_violet {
  background-color: #5f69b4;
}
.interface_jaune .topbar,
.interface_jaune .topbar_acces_rapide,
.interface_jaune .topbar_content {
  background-color: #ffce3b;
}
.interface_jaune .menu {
  overflow: auto;
  background-color: #eab200;
}
.interface_jaune .menu .menu_item:hover {
  background-color: #ce9f0c !important;
}
.interface_jaune .menu #menu_selected {
  background-color: #ce9f0c !important;
}
.interface_jaune .marqueur_module {
  background-color: #eab200;
  width: 8px;
  height: 20px;
  border-radius: 10px;
}
.interface_jaune .sous_menu {
  background-color: #eab200;
  border: 1px solid #ce9f0c;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.interface_jaune .sous_menu .sous_menu_item:hover {
  background-color: #ce9f0c !important;
}
.interface_jaune .timer_svg {
  fill: #ce9f0c;
}
.interface_jaune .footer {
  background-color: #eab200;
}
.interface_jaune #avancement_entrainement {
  background-color: #ce9f0c;
}
.texte_module_jaune {
  color: #ffce3b;
}
.menu_module_jaune {
  background-color: #eab200;
}
/* --------------------------------------------
	HEADER
-------------------------------------------- */
.topbar {
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 10;
}
.topbar .topbar_content {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.topbar .topbar_content .topbar_logo {
  background-image: url(85c400b9f687f07d1266.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  height: 90px;
  width: 210px;
  margin: 8px 0 8px 0;
}
.topbar .topbar_content .topbar_acces_rapide {
  display: flex;
  margin-left: auto;
  gap: 5px;
}
.topbar .topbar_content .topbar_acces_rapide .topbar_bouton {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 26px;
  max-height: 45px;
  cursor: pointer;
  opacity: 1;
  padding: 4px;
  background-color: white;
  border-radius: 10px;
  gap: 5px;
}
.topbar .topbar_content .topbar_acces_rapide .topbar_bouton:hover {
  opacity: 0.8;
}
.topbar .topbar_content .topbar_acces_rapide .topbar_login {
  cursor: default;
  padding: 0 10px 0 10px!important;
  opacity: 1!important;
  line-height: 20px;
}
.menu {
  position: relative;
  width: 100%;
  z-index: 10;
  color: white;
}
.menu .menu_content {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 5px;
  max-width: 1000px;
  margin: auto;
  padding: 8px;
}
.menu .menu_content .menu_item {
  padding: 8px;
  border-radius: 10px;
}
.menu .menu_content .menu_item .titre_menu {
  line-height: 1.6;
}
.menu .menu_content .menu_item:hover {
  cursor: pointer;
}
.menu .menu_content .menu_fleche {
  width: 15px;
}
.menu .menu_content .menu_fleche:after {
  content: "\f054";
  font-family: FontAwesome;
}
.menu .menu_content .menu_fleche_mobile {
  margin-left: 15px;
  width: 15px;
}
.menu .menu_content .menu_fleche_mobile:after {
  content: "\f054";
  font-family: FontAwesome;
}
.menu .menu_content .menu_boutons {
  margin-left: auto;
}
.sous_menu {
  display: none;
  color: white;
  position: absolute;
  z-index: 20;
}
.sous_menu .sous_menu_item {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 5px;
  padding: 10px 15px 10px 10px;
}
.sous_menu .sous_menu_item:hover {
  cursor: pointer;
}
.sous_menu .sous_menu_item_disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.topbar_shadow {
  box-shadow: 0px 2px 3px 0px #C7C7C7;
}
#menu_home {
  padding: 3px 8px 3px 8px!important;
}
#menu_connect {
  background-color: #F56046 !important;
  border: 3px solid white;
}
/* --------------------------------------------
	CONTENU DU SITE
-------------------------------------------- */
#content {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  overflow: visible;
  text-align: center;
  padding: 0 10px 0 10px;
}
/* --------------------------------------------
	FOOTER
-------------------------------------------- */
.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
  z-index: 20;
  min-height: 40px;
  color: white;
  box-shadow: 0px -2px 3px 0px #C7C7C7;
  overflow: hidden;
  font-size: 12px;
}
.footer a {
  color: white!important;
}
.footer a:hover {
  opacity: 0.8;
}
/* --------------------------------------------
	CADRES D'AIDE 
--------------------------------------------- */
.aides {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 5px 0 #A4B9CF;
  background-color: #e6f3f7;
  color: #6f6f6f;
  padding: 15px;
  justify-content: left;
  text-align: justify;
  margin-bottom: 20px;
}
.aides span {
  color: #5C8BAE;
  font-weight: bold;
}
.avertissement {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 5px 0 #DDB468;
  background-color: #f9ebd1;
  color: #6f6f6f;
  padding: 15px;
  justify-content: left;
  text-align: justify;
  margin-bottom: 20px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.erreur {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 5px 0 #F07667;
  background-color: #f4e1e1;
  color: #6f6f6f;
  padding: 15px;
  justify-content: left;
  text-align: justify;
  margin-bottom: 20px;
}
/* --------------------------------------------
	GRAPHIQUES
-------------------------------------------- */
#repere td {
  padding: 0!important;
}
.repere {
  min-height: 65px;
  position: relative;
}
.repere .texte_repere {
  text-align: center;
  padding-top: 20px;
  font-style: italic;
  color: #6f6f6f;
}
.repere .boite_degrade {
  position: relative;
  text-align: left;
  background-color: #f5f5f5;
  height: 65px;
  width: 100%;
}
.repere .boite_degrade .boite_niveau {
  position: absolute;
  font-weight: bold;
  z-index: 10;
  top: 20px;
  left: 47%;
}
.repere .boite_degrade .boite_niveau span {
  background: white;
  border: 1px solid #C7C7C7;
  padding: 2px;
}
.repere .boite_degrade .degrade {
  display: inline-block;
  vertical-align: top;
  height: 65px;
  opacity: 0.5;
  z-index: 5;
  width: 50%;
}
.repere .boite_degrade .degrade_droit_repere {
  display: inline-block;
  vertical-align: top;
  height: 65px;
  opacity: 0.5;
  z-index: 5;
  width: 50%;
  background: #f0f0f0;
  /*fallback for non-CSS3 browsers*/
  background: linear-gradient(to left, white, #686868);
}
.repere .boite_degrade .degrade_gauche_repere {
  display: inline-block;
  vertical-align: top;
  height: 65px;
  opacity: 0.5;
  z-index: 5;
  width: 50%;
  background: #f0f0f0;
  /*fallback for non-CSS3 browsers*/
  background: linear-gradient(to left, #686868, white);
}
.repere .boite_degrade .et_ref {
  position: absolute;
  top: 0;
  height: 65px;
  width: 5px;
  background-color: grey;
}
.repere .boite_degrade .middle_repere {
  visibility: visible!important;
  background-color: #686868 !important;
}
.note_standard {
  position: absolute;
  text-align: center;
  font-weight: bold;
  height: 63px;
  background: rgba(182, 182, 182, 0.6);
}
.note_standard div {
  background: white;
  border: 1px solid #C7C7C7;
  padding: 2px;
  display: inline-block;
  margin: 15px auto 0 auto;
  width: 80%;
  opacity: 1;
}
.note_standard:hover div {
  border: 1px solid grey;
}
.div_barres_evaluations {
  position: relative;
  width: 80%;
  float: right;
}
.barre_eleve {
  width: 6px;
  height: 45px;
  margin-left: -4px;
  position: absolute;
  background-color: #494949;
  opacity: 0.4;
}
.barre_eleve:hover {
  cursor: pointer;
  background-color: red!important;
}
.nb_eleves {
  position: absolute;
  z-index: 5;
  font-weight: bold;
  margin-left: -6px;
}
.graphique_niveaux {
  border-top: 3px double #C7C7C7;
}
.loading_div {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background: white url(3c34675380bfdc283ed0.svg) no-repeat center center;
  z-index: 50;
  opacity: 0.7;
}
.loading_charts {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background: white url(3c34675380bfdc283ed0.svg) no-repeat center center;
  z-index: 50;
  opacity: 0.7;
}
#canvas_france {
  width: 60%;
  height: auto;
}
#legende_carte {
  margin: auto;
  width: 270px;
}
#legende_carte .carre_legende {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border: 1px solid #494949;
  margin: 5px;
  background-color: #5C8BAE;
}
#legende_carte .texte_legende {
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  margin: 5px;
  text-align: left;
}
#etabs_etranger {
  display: flex;
  flex-wrap: wrap;
}
#etabs_etranger div {
  flex: 1;
  flex-basis: 40%;
}
/* --------------------------------------------
	ICONES SPRITES
-------------------------------------------- */
.icone-panneau {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -36px -68px;
  vertical-align: middle;
}
.icone-panneau-plus {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -72px -68px;
  vertical-align: middle;
}
.icone-journal {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: 0px -68px;
  vertical-align: middle;
}
.icone-classes {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -108px -68px;
  vertical-align: middle;
}
.icone-groupe {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -193px -170px;
  vertical-align: middle;
}
.icone-evaluations {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -168px -195px;
  vertical-align: middle;
}
.icone-entrainements {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -209px -195px;
  vertical-align: middle;
}
.icone-classe-inversee {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -249px -195px;
  vertical-align: middle;
}
.icone-classe-inversee-disabled {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -268px -195px;
  vertical-align: middle;
}
.icone-changer-classe {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -270px -246px;
  vertical-align: middle;
}
.icone-changer-classe-disabled {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -289px -246px;
  vertical-align: middle;
}
.icone-resultats {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -287px -219px;
  vertical-align: middle;
}
.icone-resultats-disabled {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 19px;
  height: 20px;
  background-position: -308px -219px;
  vertical-align: middle;
}
.icone-commandes {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -145px -68px;
  vertical-align: middle;
}
.icone-comptes {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -183px -68px;
  vertical-align: middle;
}
.icone-user {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -220px -68px;
  vertical-align: middle;
}
.icone-1 {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: 0px -219px;
  vertical-align: middle;
}
.icone-2 {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -21px -219px;
  vertical-align: middle;
}
.icone-3 {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -42px -219px;
  vertical-align: middle;
}
.icone-4 {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -63px -219px;
  vertical-align: middle;
}
.icone-5 {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -84px -219px;
  vertical-align: middle;
}
.icone-6 {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -105px -219px;
  vertical-align: middle;
}
.icone-7 {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -126px -219px;
  vertical-align: middle;
}
.icone-liste_eleves {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -324px -142px;
  vertical-align: middle;
}
.icone-classe-petit {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 16px;
  height: 16px;
  background-position: -149px -219px;
  vertical-align: middle;
}
.icone-question_ind {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 16px;
  height: 16px;
  background-position: -169px -220px;
  vertical-align: middle;
}
.icone-mots_bleus {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 16px;
  height: 16px;
  background-position: -187px -219px;
  vertical-align: middle;
}
.icone-exercice {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -53px -106px;
  vertical-align: middle;
}
.icone-forum {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -88px -106px;
  vertical-align: middle;
}
.icone-discussions {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -123px -106px;
  vertical-align: middle;
  margin: 8px 5px 0 5px!important;
}
.icone-post {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -155px -106px;
  vertical-align: middle;
  margin: 8px 5px 0 5px!important;
}
.icone-post-it {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -185px -106px;
  vertical-align: middle;
  margin: 8px 5px 0 5px!important;
}
.icone-cb {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 52px;
  height: 32px;
  background-position: 0px -246px;
  vertical-align: middle;
}
.icone-visa {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 52px;
  height: 32px;
  background-position: -55px -246px;
  vertical-align: middle;
}
.icone-mastercard {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 52px;
  height: 32px;
  background-position: -110px -246px;
  vertical-align: middle;
}
.icone-caddie {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -218px -106px;
  vertical-align: middle;
}
.icone-chorus {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 20px;
  height: 20px;
  background-position: -246px -246px;
  vertical-align: middle;
}
.icone-orthophoniste {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -254px -106px;
  vertical-align: middle;
}
.icone-issu_recherche {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 64px;
  height: 64px;
  background-position: 0px 0px;
  vertical-align: middle;
}
.icone-adaptatif {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 64px;
  height: 64px;
  background-position: -68px 0px;
  vertical-align: middle;
}
.icone-differencie {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 64px;
  height: 64px;
  background-position: -137px 0px;
  vertical-align: middle;
}
.icone-serveur {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -289px -142px;
  vertical-align: middle;
}
.icone-analytics {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -218px -142px;
  vertical-align: middle;
}
.icone-statistiques {
  display: inline-block;
  background: url(fbed3cdff7e947be31d3.png) no-repeat;
  width: 32px;
  height: 32px;
  background-position: -254px -142px;
  vertical-align: middle;
}
/* --------------------------------------------
	ICONES FONT AWESOME
-------------------------------------------- */
.icone-maison {
  display: inline-block;
}
.icone-maison:after {
  content: "\f015";
  font-family: FontAwesome;
  font-size: 30px;
  color: white;
  line-height: 30px;
}
.icone-maison-vert {
  display: inline-block;
}
.icone-maison-vert:after {
  content: "\f015";
  font-family: FontAwesome;
  font-size: 18px;
  color: #49a206;
  line-height: 18px;
}
.icone-moins-petit {
  display: inline-block;
}
.icone-moins-petit:after {
  content: "\f056";
  font-family: FontAwesome;
  font-size: 18px;
  color: #49a206;
  line-height: 18px;
}
.icone-plus-petit {
  display: inline-block;
}
.icone-plus-petit:after {
  content: "\f055";
  font-family: FontAwesome;
  font-size: 18px;
  color: #49a206;
  line-height: 18px;
}
.icone-valide {
  display: inline-block;
}
.icone-valide:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 18px;
  color: #49a206;
  line-height: 18px;
}
.icone-cancel {
  display: inline-block;
}
.icone-cancel:after {
  content: "\f05e";
  font-family: FontAwesome;
  font-size: 18px;
  color: #F56046;
  line-height: 18px;
}
.icone-cancel-disabled {
  display: inline-block;
}
.icone-cancel-disabled:after {
  content: "\f05e";
  font-family: FontAwesome;
  font-size: 18px;
  color: #6f6f6f;
  line-height: 18px;
}
.icone-cancel-big {
  display: inline-block;
}
.icone-cancel-big:after {
  content: "\f05e";
  font-family: FontAwesome;
  font-size: 28px;
  color: #F56046;
  line-height: 28px;
}
.icone-delete {
  display: inline-block;
}
.icone-delete:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
  color: #F56046;
  line-height: 18px;
}
.icone-delete-disabled {
  display: inline-block;
}
.icone-delete-disabled:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
  color: #6f6f6f;
  line-height: 18px;
}
.icone-delete-white {
  display: inline-block;
}
.icone-delete-white:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
  color: white;
  line-height: 18px;
}
.icone-edit {
  display: inline-block;
}
.icone-edit:after {
  content: "\f040";
  font-family: FontAwesome;
  font-size: 20px;
  color: #D68E07;
  line-height: 20px;
}
.icone-edit-disabled {
  display: inline-block;
}
.icone-edit-disabled:after {
  content: "\f040";
  font-family: FontAwesome;
  font-size: 20px;
  color: #6f6f6f;
  line-height: 20px;
}
.icone-trash {
  display: inline-block;
}
.icone-trash:after {
  content: "\f1f8";
  font-family: FontAwesome;
  font-size: 20px;
  color: #F56046;
  line-height: 20px;
}
.icone-trash-vert {
  display: inline-block;
}
.icone-trash-vert:after {
  content: "\f1f8";
  font-family: FontAwesome;
  font-size: 20px;
  color: #49a206;
  line-height: 20px;
}
.icone-trash-disabled {
  display: inline-block;
}
.icone-trash-disabled:after {
  content: "\f1f8";
  font-family: FontAwesome;
  font-size: 20px;
  color: #6f6f6f;
  line-height: 20px;
}
.icone-warning {
  display: inline-block;
}
.icone-warning:after {
  content: "\f071";
  font-family: FontAwesome;
  font-size: 18px;
  color: #D68E07;
  line-height: 18px;
}
.icone-warning-gris {
  display: inline-block;
}
.icone-warning-gris:after {
  content: "\f071";
  font-family: FontAwesome;
  font-size: 18px;
  color: #6f6f6f;
  line-height: 18px;
}
.icone-aides {
  display: inline-block;
}
.icone-aides:after {
  content: "\f05a";
  font-family: FontAwesome;
  font-size: 20px;
  color: #5C8BAE;
  line-height: 20px;
}
.icone-menu-deroulant {
  display: inline-block;
  margin-left: 10px;
}
.icone-menu-deroulant:after {
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 18px;
  color: white;
  line-height: 18px;
}
.icone-check {
  display: inline-block;
}
.icone-check:after {
  content: "\f058";
  font-family: FontAwesome;
  font-size: 28px;
  color: #494949;
  line-height: 28px;
}
.icone-return {
  display: inline-block;
}
.icone-return:after {
  content: "\f0a5";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.icone-refresh {
  display: inline-block;
}
.icone-refresh:after {
  content: "\f021";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.icone-next {
  display: inline-block;
}
.icone-next:after {
  content: "\f0a4";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.icone-wait {
  width: 14px;
  height: 14px;
  border: 2px solid transparent;
  border-top-color: #333;
  /* ou la couleur de ton choix */
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.icone-speaker {
  display: inline-block;
  font-weight: normal!important;
}
.icone-speaker:after {
  content: "\f028";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.icone-speaker-petit {
  display: inline-block;
  font-weight: normal!important;
}
.icone-speaker-petit:after {
  content: "\f028";
  font-family: FontAwesome;
  font-size: 10pt;
  color: #494949;
  line-height: 10pt;
}
.icone-key {
  display: inline-block;
}
.icone-key:after {
  content: "\f084";
  font-family: FontAwesome;
  font-size: 18px;
  color: #D68E07;
  line-height: 18px;
}
.icone-key-disabled {
  display: inline-block;
}
.icone-key-disabled:after {
  content: "\f084";
  font-family: FontAwesome;
  font-size: 18px;
  color: #6f6f6f;
  line-height: 18px;
}
.icone-play {
  display: inline-block;
}
.icone-play:after {
  content: "\f04b";
  font-family: FontAwesome;
  font-size: 15px;
  color: #494949;
  line-height: 15px;
}
.icone-pause {
  display: inline-block;
}
.icone-pause:after {
  content: "\f04c";
  font-family: FontAwesome;
  font-size: 15px;
  color: #494949;
  line-height: 15px;
}
.icone-connect {
  display: inline-block;
}
.icone-connect:after {
  content: "\f011";
  font-family: FontAwesome;
  font-size: 24px;
  color: white;
  line-height: 24px;
}
.icone-livre {
  display: inline-block;
}
.icone-livre:after {
  content: "\f02d";
  font-family: FontAwesome;
  font-size: 22px;
  color: #494949;
  line-height: 22px;
}
.icone-videos {
  display: inline-block;
}
.icone-videos:after {
  content: "\f03d";
  font-family: FontAwesome;
  font-size: 22px;
  color: #494949;
  line-height: 22px;
}
.icone-tools {
  display: inline-block;
}
.icone-tools:after {
  content: "\f013";
  font-family: FontAwesome;
  font-size: 22px;
  color: #494949;
  line-height: 22px;
}
.icone-tools-petite {
  display: inline-block;
}
.icone-tools-petite:after {
  content: "\f013";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.icone-import {
  display: inline-block;
}
.icone-import:after {
  content: "\f019";
  font-family: FontAwesome;
  font-size: 16px;
  color: #5C8BAE;
  line-height: 16px;
}
.icone-pdf {
  display: inline-block;
}
.icone-pdf:after {
  content: "\f1c1";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F56046;
  line-height: 16px;
}
.icone-pdf-disabled {
  display: inline-block;
}
.icone-pdf-disabled:after {
  content: "\f1c1";
  font-family: FontAwesome;
  font-size: 16px;
  color: #6f6f6f;
  line-height: 16px;
}
.icone-csv {
  display: inline-block;
}
.icone-csv:after {
  content: "\f15c";
  font-family: FontAwesome;
  font-size: 16px;
  color: #49a206;
  line-height: 16px;
}
.icone-export {
  display: inline-block;
}
.icone-export:after {
  content: "\f093";
  font-family: FontAwesome;
  font-size: 16px;
  color: #5C8BAE;
  line-height: 16px;
}
.icone-dupliquer {
  display: inline-block;
}
.icone-dupliquer:after {
  content: "\f0c5";
  font-family: FontAwesome;
  font-size: 16px;
  color: #D68E07;
  line-height: 16px;
}
.icone-document {
  display: inline-block;
}
.icone-document:after {
  content: "\f15c";
  font-family: FontAwesome;
  font-size: 16px;
  color: #494949;
  line-height: 16px;
}
.icone-email {
  display: inline-block;
}
.icone-email:after {
  content: "\f003";
  font-family: FontAwesome;
  font-size: 16px;
  color: #5C8BAE;
  line-height: 16px;
}
.icone-sablier {
  display: inline-block;
}
.icone-sablier:after {
  content: "\f254";
  font-family: FontAwesome;
  font-size: 16px;
  color: #5C8BAE;
  line-height: 16px;
}
.icone-sablier-rouge {
  display: inline-block;
}
.icone-sablier-rouge:after {
  content: "\f254";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F56046;
  line-height: 16px;
}
.icone-cadenas {
  display: inline-block;
}
.icone-cadenas:after {
  content: "\f023";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F3C647;
  line-height: 16px;
}
.icone-cadenas-ouvert {
  display: inline-block;
}
.icone-cadenas-ouvert:after {
  content: "\f09c";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F3C647;
  line-height: 16px;
}
.icone-calculatrice {
  display: inline-block;
}
.icone-calculatrice:after {
  content: "\f1ec";
  font-family: FontAwesome;
  font-size: 22px;
  color: #494949;
  line-height: 22px;
}
.icone-calculatrice-petit {
  display: inline-block;
}
.icone-calculatrice-petit:after {
  content: "\f1ec";
  font-family: FontAwesome;
  font-size: 14px;
  color: #494949;
  line-height: 14px;
}
.icone-jetons {
  display: inline-block;
}
.icone-jetons:after {
  content: "\f1c0";
  font-family: FontAwesome;
  font-size: 14px;
  color: #D68E07;
  line-height: 14px;
}
.icone-folder_close {
  display: inline-block;
  margin-right: 2px;
}
.icone-folder_close:after {
  content: "\f07b";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F3C647;
  line-height: 16px;
}
.icone-folder_close:before {
  content: "\f054";
  font-family: FontAwesome;
  cursor: pointer;
  margin-right: 5px;
}
.icone-folder_open {
  display: inline-block;
  margin-right: 2px;
}
.icone-folder_open:after {
  content: "\f07c";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F3C647;
  line-height: 16px;
}
.icone-folder_open:before {
  content: "\f078";
  font-family: FontAwesome;
  cursor: pointer;
  margin-right: 5px;
}
.icone-folder_open_alone {
  display: inline-block;
}
.icone-folder_open_alone:after {
  content: "\f07c";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F3C647;
  line-height: 16px;
}
.icone-expand {
  display: inline-block;
}
.icone-expand:after {
  content: "\f065";
  font-family: FontAwesome;
  font-size: 26px;
  color: #494949;
  line-height: 26px;
}
.icone-retract {
  display: inline-block;
}
.icone-retract:after {
  content: "\f066";
  font-family: FontAwesome;
  font-size: 26px;
  color: #494949;
  line-height: 26px;
}
.icone-astuce {
  display: inline-block;
}
.icone-astuce:after {
  content: "\f059";
  font-family: FontAwesome;
  font-size: 16px;
  color: #5C8BAE;
  line-height: 16px;
}
.icone-tchat {
  display: inline-block;
}
.icone-tchat:after {
  content: "\f27a";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.icone-tchat-big {
  display: inline-block;
}
.icone-tchat-big:after {
  content: "\f27a";
  font-family: FontAwesome;
  font-size: 24px;
  color: #494949;
  line-height: 24px;
}
.icone-delete-tchat {
  display: inline-block;
}
.icone-delete-tchat:after {
  content: "\f1f8";
  font-family: FontAwesome;
  font-size: 14px;
  color: white;
  line-height: 14px;
}
.icone-delete-tchat-gris {
  display: inline-block;
}
.icone-delete-tchat-gris:after {
  content: "\f1f8";
  font-family: FontAwesome;
  font-size: 14px;
  color: #494949;
  line-height: 14px;
}
.icone-calibrations {
  display: inline-block;
}
.icone-calibrations:after {
  content: "\f0c3";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.icone-prise {
  display: inline-block;
}
.icone-prise:after {
  content: "\f1e6";
  font-family: FontAwesome;
  font-size: 15px;
  color: #49a206;
  line-height: 15px;
}
.icone-prise-orange {
  display: inline-block;
}
.icone-prise-orange:after {
  content: "\f1e6";
  font-family: FontAwesome;
  font-size: 15px;
  color: #D68E07;
  line-height: 15px;
}
.icone-prise-grise {
  display: inline-block;
}
.icone-prise-grise:after {
  content: "\f1e6";
  font-family: FontAwesome;
  font-size: 15px;
  color: #494949;
  line-height: 15px;
}
.icone-ortho {
  display: inline-block;
}
.icone-ortho:after {
  content: "\f007";
  font-family: FontAwesome;
  font-size: 16px;
  color: #6f6f6f;
  line-height: 16px;
}
.icone-binome {
  display: inline-block;
}
.icone-binome:after {
  content: "\f0c1";
  font-family: FontAwesome;
  font-size: 16px;
  color: #6f6f6f;
  line-height: 16px;
}
.icone-loupe-big {
  display: inline-block;
}
.icone-loupe-big:after {
  content: "\f00e";
  font-family: FontAwesome;
  font-size: 28px;
  color: #494949;
  line-height: 28px;
}
.icone-loupe {
  display: inline-block;
}
.icone-loupe:after {
  content: "\f00e";
  font-family: FontAwesome;
  font-size: 16px;
  color: #5C8BAE;
  line-height: 16px;
}
.icone-timer {
  display: inline-block;
}
.icone-timer:after {
  content: "\f017";
  font-family: FontAwesome;
  font-size: 28px;
  color: white;
  line-height: 28px;
}
.icone-checked {
  display: inline-block;
}
.icone-checked:after {
  content: "\f192";
  font-family: FontAwesome;
  font-size: 16px;
  color: #494949;
  line-height: 16px;
}
.icone-checked-white {
  display: inline-block;
}
.icone-checked-white:after {
  content: "\f192";
  font-family: FontAwesome;
  font-size: 16px;
  color: white;
  line-height: 16px;
}
.icone-rejouer {
  display: inline-block;
}
.icone-rejouer:after {
  content: "\f079";
  font-family: FontAwesome;
  font-size: 16px;
  color: #494949;
  line-height: 16px;
}
.icone-mise_en_forme {
  display: inline-block;
}
.icone-mise_en_forme:after {
  content: "\f031";
  font-family: FontAwesome;
  font-size: 16px;
  color: #494949;
  line-height: 16px;
}
.icone-show-all {
  display: inline-block;
}
.icone-show-all:after {
  content: "\f00b";
  font-family: FontAwesome;
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}
.icone-show-all-vert {
  display: inline-block;
}
.icone-show-all-vert:after {
  content: "\f00b";
  font-family: FontAwesome;
  font-size: 18px;
  color: #49a206;
  line-height: 18px;
}
.icone-show-all-white {
  display: inline-block;
}
.icone-show-all-white:after {
  content: "\f00b";
  font-family: FontAwesome;
  font-size: 26px;
  color: white;
  line-height: 26px;
}
.icone-oeil {
  display: inline-block;
}
.icone-oeil:after {
  content: "\f06e";
  font-family: FontAwesome;
  font-size: 14px;
  color: #5C8BAE;
  line-height: 14px;
}
.icone-oeil-close {
  display: inline-block;
}
.icone-oeil-close:after {
  content: "\f070";
  font-family: FontAwesome;
  font-size: 14px;
  color: #5C8BAE;
  line-height: 14px;
}
/* --------------------------------------------
	CALIBRATIONS_SEANCE
-------------------------------------------- */
.progression {
  position: relative;
  margin: auto;
  height: 20px;
  border: 1px solid #C7C7C7;
  width: 95%;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
  vertical-align: middle;
}
.progression .progression_barre {
  position: absolute;
  height: 20px;
  background-color: #C7C7C7;
}
.progression .progression_texte {
  line-height: 20px;
  position: absolute;
  width: 95%;
  font-size: 12px;
  font-weight: bold;
}
/* --------------------------------------------
	COMMANDES_LISTE
-------------------------------------------- */
.div_bottom_tableau {
  position: relative;
  overflow: auto;
  line-height: 1.6;
  background-color: white;
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0px!important;
}
.remarques_text {
  resize: none;
  max-height: 100px;
}
#titre_message {
  width: 500px;
}
/* --------------------------------------------
	DOCUMENTS_MANUEL
-------------------------------------------- */
.grid_manuel {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 20px;
}
.grid_manuel .div_bottom_container {
  height: fit-content;
  text-align: justify;
}
.grid_manuel .faq_manuel {
  border-top: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
}
/* Folder tree indentation */
ul.folder-tree {
  list-style-type: none;
  padding-left: 20px;
}
.folder-tree ul {
  list-style-type: none;
  padding-left: 20px;
}
ul.folder-tree li {
  position: relative;
  cursor: pointer;
}
ul.folder-tree li div {
  padding: 5px;
}
ul.folder-tree li div:hover {
  background-color: #f5f5f5;
}
ul.folder-tree li ul {
  display: none;
}
ul.folder-tree span.file {
  display: inline-block;
  margin-right: 5px;
}
ul.folder-tree span.file:after {
  content: "\f15c";
  font-family: FontAwesome;
  font-size: 16px;
  color: #494949;
  line-height: 16px;
}
.lien_scroll_top {
  width: 100%;
  text-align: center;
  display: none;
  margin-top: 20px;
}
.reponse_detaillee {
  display: none;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #C7C7C7;
}
.voir_reponse_detaillee {
  text-align: center;
  padding-top: 10px;
}
/* --------------------------------------------
	DOCUMENTS_VOIR
-------------------------------------------- */
.document {
  border: 1px solid #C7C7C7;
  display: inline-block;
  margin: 5px;
  border-radius: 10px;
  overflow: hidden;
}
.document:hover {
  border: 1px solid grey;
  cursor: pointer;
}
.document:hover img {
  opacity: 1;
}
.document img {
  opacity: 0.7;
}
.document .document_nom {
  background-color: #f5f5f5;
  padding: 5px;
  font-weight: bold;
  border-top: 1px dashed #C7C7C7;
}
.titre_partie_documents {
  margin: auto;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px;
  width: 90%;
  font-size: 18px;
  border-bottom: 3px double #C7C7C7;
}
/* --------------------------------------------
	ELEVE_CALIBRATION
-------------------------------------------- */
#comments {
  text-align: left;
}
/* --------------------------------------------
	ELEVE_EVALUATION
-------------------------------------------- */
.liste_items {
  background-color: white;
  padding: 10px;
  display: flex;
  justify-content: center;
}
.selected_item {
  border-bottom: 1px dashed #C7C7C7;
  line-height: 1.6;
}
#parametres_affichage {
  border-top: 1px dashed #C7C7C7;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  transition: max-height 0.5s ease, padding 0.3s ease, opacity 0.3s ease;
}
#parametres_affichage.open {
  padding: 10px 0 15px 0;
  max-height: 100px;
  opacity: 1;
  transition: max-height 0.5s ease, padding 0.3s ease, opacity 0.3s ease 0.1s;
}
#bouton_parametres_affichage {
  position: absolute;
  right: 20px;
}
.karaoke-highlight {
  text-decoration: underline;
  background-color: yellow;
}
/* --------------------------------------------
	ELEVE_ENTRAINEMENT
-------------------------------------------- */
.barre_avancement {
  width: 100%;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #C7C7C7;
  overflow: hidden;
}
.barre_avancement #avancement_entrainement {
  height: 15px;
}
.barre_avancement_calibration {
  width: 100%;
  border-radius: 6px;
  text-align: left;
  position: relative;
  overflow: hidden;
  margin-top: 5px;
  border: 1px solid #DDB468;
}
.barre_avancement_calibration .avancement_calibration {
  height: 22px;
  background-color: #DDB468;
}
.barre_avancement_calibration .texte_avancement {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  font-style: italic;
}
#aide_prealable {
  overflow: hidden;
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
  max-height: 2000px;
  opacity: 1;
}
#aide_prealable.hidden {
  max-height: 0;
  opacity: 0;
}
#etiquettes_bleues {
  width: 100%;
  margin-bottom: 30px!important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.etiquette_bleue {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 8px;
  width: 35%;
  line-height: 1.6;
  cursor: grab;
  background-color: #e6f3f7;
  border: 1px solid #A4B9CF !important;
  border-radius: 10px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.etiquette_bleue .le_mot {
  font-size: 18px;
}
.etiquette_bleue span {
  font-weight: bold;
  color: #5C8BAE;
}
.etiquette_bleue:hover {
  border: 1px solid white!important;
  outline: 2px dashed #A4B9CF;
}
.etiquette_bleue.dragging {
  opacity: 0.8;
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
.accords {
  color: #6f6f6f;
  opacity: 0.8;
}
.role_nature {
  text-decoration: underline;
}
.complement_aide {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 5px;
  background-color: #EEEEEE;
  border-radius: 10px;
  margin-top: 5px;
}
.complement_aide.open {
  max-height: 500px;
  visibility: visible;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 5px;
  border: 1px dashed #C7C7C7;
}
.mots_cibles {
  display: flex;
  gap: 20px;
  padding: 10px;
  align-items: stretch;
  justify-content: center;
}
.div_mot_aide {
  flex: 1 1 0;
  line-height: 1.6;
  border-radius: 10px;
  text-align: center;
  height: auto;
  border: 1px solid #C7C7C7;
  max-width: 40%;
  overflow: hidden;
}
.div_mot_aide .le_mot {
  font-size: 18px;
}
.div_mot_aide .mot_aide_valide {
  padding: 8px;
  margin-bottom: 10px;
  background-color: #e6f3f7;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px dashed #C7C7C7;
}
.div_mot_aide .mots_aides_sans_trous,
.div_mot_aide .mots_aides_avec_trous {
  padding: 0 8px 20px 8px;
}
.div_mot_aide .mots_aides_sans_trous .complement_aide,
.div_mot_aide .mots_aides_avec_trous .complement_aide {
  background-color: #EEEEEE;
  border-radius: 10px;
  margin-top: 5px;
}
.div_mot_aide span {
  font-weight: bold;
  color: #5C8BAE;
}
.consigne_dnd {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  border: 2px dashed #c7c7c7;
  width: 90%;
  height: 50px;
  color: #5C8BAE;
  font-weight: bold;
  background-color: white;
  font-size: 40px;
  font-family: 'Trebuchet MS';
}
.consigne_dnd.drag-over {
  opacity: 1!important;
  border: 2px dashed #A4B9CF;
  background-color: #e6f3f7;
}
.consigne_dnd_orange {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  border: 2px dashed #c7c7c7;
  width: 90%;
  height: 50px;
  color: #5C8BAE;
  font-weight: bold;
  background-color: white;
  font-size: 40px;
  font-family: 'Trebuchet MS';
  opacity: 1!important;
  color: #D68E07 !important;
  background-color: #f9ebd1;
  border: 2px dashed #DDB468 !important;
  animation: pulse-orange 0.6s ease-out;
}
.div_mot_aide_vert {
  flex: 1 1 0;
  line-height: 1.6;
  border-radius: 10px;
  text-align: center;
  height: auto;
  border: 1px solid #C7C7C7;
  max-width: 40%;
  overflow: hidden;
  border: 1px solid #7ab960 !important;
  animation: pulse-vert 0.6s ease-out;
}
.div_mot_aide_vert .le_mot {
  font-size: 18px;
}
.div_mot_aide_vert .mot_aide_valide {
  padding: 8px;
  margin-bottom: 10px;
  background-color: #e6f3f7;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px dashed #C7C7C7;
}
.div_mot_aide_vert .mots_aides_sans_trous,
.div_mot_aide_vert .mots_aides_avec_trous {
  padding: 0 8px 20px 8px;
}
.div_mot_aide_vert .mots_aides_sans_trous .complement_aide,
.div_mot_aide_vert .mots_aides_avec_trous .complement_aide {
  background-color: #EEEEEE;
  border-radius: 10px;
  margin-top: 5px;
}
.div_mot_aide_vert span {
  font-weight: bold;
  color: #5C8BAE;
}
.div_mot_aide_vert span {
  color: #49a206 !important;
}
.div_mot_aide_vert .mot_aide_valide {
  background-color: #ebf7e6 !important;
}
.div_contenu_item_loading {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background: white url(3c34675380bfdc283ed0.svg) no-repeat center center;
  z-index: 50;
  opacity: 0.7;
}
.option_affichage {
  display: inline-block;
  margin-left: 30px;
}
/* --------------------------------------------
	ELEVES_IMPORT
-------------------------------------------- */
.input_file_import {
  display: inline-block;
  position: relative;
  width: 220px;
  overflow: hidden;
  background-color: #f5f5f5;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  color: #494949;
}
.input_file_import input {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 600px;
  opacity: 0;
  text-align: right;
  cursor: pointer;
}
.input_file_import:hover {
  text-decoration: underline;
}
.input_file_import .input_file_import_txt {
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
}
#erreur {
  margin-top: 10px;
  color: red;
}
/* --------------------------------------------
	ELEVES_SEANCES
-------------------------------------------- */
.seance_eleve {
  text-align: left;
  padding: 5px 0 5px 0;
  border: 1px dashed #C7C7C7;
  border-radius: 10px;
  margin-top: 10px;
}
.seance_eleve .icone-seance {
  margin: 5px;
}
.seance_eleve:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.seance_terminee {
  border: 1px dashed #49a206 !important;
  background-color: #ebf7e6;
}
.seance_terminee:hover {
  background-color: #ebf7e6 !important;
  cursor: pointer;
}
.icone_seance_terminee {
  display: inline-block;
  float: right;
  margin-right: 10px;
}
.icone_seance_terminee:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 18px;
  color: #49a206;
  line-height: 18px;
}
/* --------------------------------------------
	ENTRAINEMENTS_SEANCE
-------------------------------------------- */
.ceinture_select {
  float: right;
  width: 40px;
  margin-top: 3px;
}
.fond_onglets {
  display: flex;
  position: relative;
  background-color: white;
  min-height: 38px;
  border-bottom: 1px solid #C7C7C7;
  padding: 10px 10px 0 10px;
}
.fond_onglets .barre_eleve {
  height: 39px;
}
.onglet {
  border-top: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
  float: left;
  margin-right: 8px;
  background-color: #f5f5f5;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onglet:hover {
  cursor: pointer;
}
.onglet_selected {
  border-top: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
  float: left;
  margin-right: 8px;
  background-color: #f5f5f5;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow: visible!important;
  text-overflow: unset;
  background-color: white;
  font-weight: bold;
  margin-bottom: -1px;
  box-shadow: 0 0 3px 0 #C7C7C7;
}
.onglet_selected:hover {
  cursor: pointer;
}
.onglet_niveau {
  border-top: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
  float: left;
  margin-right: 8px;
  background-color: #f5f5f5;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 10%;
  padding: 0!important;
}
.onglet_niveau:hover {
  cursor: pointer;
}
.onglet_niveau_selected {
  border-top: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
  float: left;
  margin-right: 8px;
  background-color: #f5f5f5;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 10%;
  padding: 0!important;
  opacity: 1;
  background-color: white;
}
.onglet_niveau_selected:hover {
  cursor: pointer;
}
.fond_niveau_rond {
  line-height: 30px;
  height: 30px;
  max-width: 30px;
  border-radius: 50%;
  text-align: center;
  margin: 5px auto 5px auto;
}
.fond_niveau_ceinture {
  padding-top: 5px;
  background-color: #f5f5f5;
  border-bottom: 1px dashed #C7C7C7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.lettre_select_niveau {
  padding: 2px 5px 2px 5px;
  border-radius: 10px;
}
.onglet_niveau_1 .fond_ceinture {
  fill: #FFF;
}
.onglet_niveau_2 .fond_ceinture {
  fill: #dc7be5;
}
.onglet_niveau_3 .fond_ceinture {
  fill: #ffea22;
}
.onglet_niveau_4 .fond_ceinture {
  fill: #fb9738;
}
.onglet_niveau_5 .fond_ceinture {
  fill: #49b952;
}
.onglet_niveau_6 .fond_ceinture {
  fill: #3c97d9;
}
.onglet_niveau_7 .fond_ceinture {
  fill: #8070b9;
}
.onglet_niveau_8 .fond_ceinture {
  fill: #a68a6e;
}
.onglet_niveau_9 .fond_ceinture {
  fill: black;
}
.onglet_niveau_10 .fond_ceinture {
  fill: #ff4e4e;
}
.onglet_niveau_gris {
  color: white!important;
  background-color: #b5b5b5 !important;
}
.onglet_niveau_rouge {
  color: white!important;
  background-color: #F56046 !important;
}
.onglet_niveau_orange {
  color: white!important;
  background-color: #D68E07 !important;
}
.onglet_niveau_jaune {
  color: white!important;
  background-color: #F3C647 !important;
}
.onglet_niveau_vert {
  color: white!important;
  background-color: #49a206 !important;
}
.items_passes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
  max-height: 72px;
  overflow: auto;
  padding: 5px;
  -webkit-overflow-scrolling: touch;
  /* pour iOS */
  overscroll-behavior: contain;
}
.case_item {
  position: relative;
  min-width: 15px;
  height: 30px;
  margin: 3px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #C7C7C7;
}
.case_item:hover {
  cursor: pointer;
  border: 1px solid #494949;
}
.case_item_selected {
  border: 1px solid #494949 !important;
}
.case_item_tutore {
  border: 1px solid red;
}
.case_item_tutore_selected {
  height: 25px!important;
  border-bottom: 5px solid #5C8BAE !important;
}
.case_couleur {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.case_item_rouge {
  background-color: #F56046;
  background: url(f71da61ed542dc9fb1e3.png) repeat #F56046;
}
.case_item_gris {
  background-color: #C7C7C7;
}
.case_item_vert {
  background-color: #49a206;
}
.case_indices {
  position: absolute;
  bottom: 0;
  background-color: #f5f5f5;
  text-align: center;
  width: 15px;
  height: 15px;
  vertical-align: top;
  line-height: 16px;
  font-size: 8pt;
  color: #6f6f6f;
}
.case_item_mots_bleus {
  color: #5C8BAE !important;
}
.date_series {
  display: inline-block;
  border-radius: 5px;
  margin: 0 3px 0 3px;
  background-color: #EEEEEE;
  padding: 3px 6px 3px 6px;
}
.separateur_series {
  display: inline-block;
  border-radius: 5px;
  margin: 3px;
  width: 17px;
}
.separateur_series div {
  margin: auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #C7C7C7;
}
#dialog_parametres .dialog-message {
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding: 0!important;
}
#dialog_parametres .dialog-message > div:first-child {
  width: 280px;
  border-right: 3px double #C7C7C7;
  padding-bottom: 20px;
}
#dialog_parametres .accordion-content {
  text-align: left;
  line-height: 1.6;
}
#dialog_parametres .information {
  border: 1px dashed #A4B9CF;
  background: #e6f3f7;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
#dialog_parametres #exemple_item {
  padding-top: 10px;
}
#dialog_parametres #exemple_item i {
  color: #6f6f6f;
}
#dialog_parametres #exemple_item .div_bottom_container {
  box-shadow: none!important;
  border: 1px solid #C7C7C7;
}
#dialog_parametres #exemple_item .div_bottom {
  background: #f5f5f5 !important;
  padding: 0!important;
}
#dialog_parametres #exemple_item .parties_item {
  text-align: left;
  padding: 10px;
}
#dialog_parametres #exemple_item .parties_item:not(:last-child) {
  border-bottom: 1px dashed #C7C7C7;
}
#dialog_parametres #exemple_item #dialog_parametres_tester {
  margin: auto auto 10px auto;
}
.switch {
  position: relative;
  width: 40px;
  height: 14px;
  background-color: #C7C7C7;
  cursor: pointer;
}
.label_selected {
  color: #007ac2;
}
.switch_label {
  cursor: pointer;
}
.slider {
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: #007ac2;
  left: 0;
  margin-top: -4px;
  border: 1px solid #5C8BAE;
  border-radius: 3px;
}
#loading_item {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background: white url(3c34675380bfdc283ed0.svg) no-repeat center center;
  z-index: 50;
  opacity: 0.7;
  height: 80%!important;
  margin-top: -20px;
}
.reponse_ouverte {
  display: inline-block;
  margin-top: 5px;
  width: 100%;
}
.type_inference {
  text-align: center;
  border-bottom: 3px double #C7C7C7;
  padding-bottom: 20px;
  width: 98%;
  margin: 0 0 20px 10px;
}
.enonce {
  display: flex;
  gap: 10px;
  text-align: justify;
}
.enonce .contenu_entre_crochets {
  display: inline-block;
  background-color: #e1e1e1;
  color: #494949;
}
.enonce .icone-speaker {
  margin-right: 10px;
}
.enonce #contenu_enonce,
.enonce #contenu_enonce_feedback,
.enonce #contenu_enonce_precedent {
  width: 100%;
}
.questions,
.reponses {
  display: flex;
  gap: 10px;
  width: 100%;
  text-align: justify;
  text-justify: inter-word;
}
.questions {
  font-weight: bold;
  margin: 20px 0 10px 0;
}
.reponses .icone-speaker {
  margin-right: 5px;
}
#je_ne_sais_pas_alone {
  margin-top: 10px;
}
.champ_justification {
  width: 80%;
  margin: auto;
  margin-top: 20px;
}
.champ_justification input {
  width: 100%;
}
.item_marque {
  margin-top: -1px;
}
.item_marque:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 10px;
  color: #49a206;
}
/* --------------------------------------------
	TCHAT
-------------------------------------------- */
.number_tchat {
  display: none;
  height: 12px;
  width: 12px;
  line-height: 12px;
  padding: 2px;
  position: absolute;
  margin: -4px 0 0 15px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  background-color: #F07667;
  border-radius: 50%;
}
.number_tchat span {
  display: flex;
  justify-content: center;
}
#tchat_closed {
  display: none;
  position: fixed;
  bottom: 10px;
  z-index: 50;
  padding: 15px;
  background: white;
  right: 10px;
  box-shadow: 0 0 3px 0 #494949;
  cursor: pointer;
  border-radius: 10px;
}
#tchat {
  display: none;
  width: 60%;
  z-index: 50;
  background: white;
  position: fixed;
  bottom: 0;
  right: 10px;
  margin-left: 10px;
  box-shadow: 0 0 3px 0 #494949;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#tchat .contenu_tchat {
  display: flex;
  width: 100%;
  gap: 5px;
}
#tchat .contenu_tchat > div {
  padding: 10px;
  flex: 1;
}
#tchat .contenu_tchat:has( > div:nth-child(2):last-child) > div:first-child {
  flex: 1;
  border-right: 3px double #C7C7C7;
}
#tchat .contenu_tchat:has( > div:nth-child(2):last-child) > div:last-child {
  flex: 2;
}
#tchat #eleves_tchat {
  overflow: auto;
  max-height: 300px;
}
#tchat .ligne_eleve_tchat {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  padding: 0 5px 0 5px;
  border: 1px dashed #C7C7C7;
  background-color: #f9ebd1;
  margin: 2px;
  border-radius: 6px;
}
#tchat .ligne_eleve_tchat .icone-prise,
#tchat .ligne_eleve_tchat .icone-prise-orange {
  flex: 0 0 auto;
  padding: 0 2px 0 2px;
}
#tchat .ligne_eleve_tchat .nom_eleve {
  flex: 1 1 auto;
  align-items: center;
  display: flex;
  gap: 5px;
}
#tchat .ligne_eleve_tchat .icone-tchat {
  flex: 0 0 auto;
  padding: 0 2px 0 2px;
}
#tchat .ligne_eleve_tchat:hover {
  cursor: pointer;
  background: #e6f3f7;
}
#tchat .ligne_eleve_tchat_selected {
  border: 2px solid #5C8BAE;
  background: #e6f3f7;
  color: #5C8BAE !important;
  font-weight: bold;
}
#tchat #fermer_tchat {
  float: right;
  display: inline-block;
  width: 25px;
}
#tchat #fermer_tchat:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
  color: #F56046;
  line-height: 18px;
}
#tchat #discussion_tchat {
  height: 400px;
  max-height: 400px;
  overflow: auto;
}
#tchat #tchat_no_message {
  width: 100%;
  text-align: center;
  color: #6f6f6f;
}
.bulle_tchat_moi {
  position: relative;
  background: #5C8BAE;
  width: 50%;
  right: 0px;
  color: white;
  text-align: justify;
  overflow-wrap: break-word;
  padding: 10px;
  margin: 0 5px 10px auto;
  border-radius: 10px;
}
.bulle_tchat_moi:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top-color: #5C8BAE;
  border-bottom: 0;
  border-right: 0;
  margin-bottom: -10px;
}
.bulle_tchat_autre {
  position: relative;
  background: #f5f5f5;
  width: 50%;
  left: 0px;
  text-align: justify;
  overflow-wrap: break-word;
  padding: 10px;
  margin: 0 auto 10px 5px;
  border-radius: 10px;
}
.bulle_tchat_autre:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top-color: #f5f5f5;
  border-bottom: 0;
  border-left: 0;
  margin-bottom: -10px;
}
.bulle_tchat_moi span[data-dys-src] {
  color: inherit;
  /* garde le blanc pour les morceaux non recolorés */
}
.date_tchat {
  display: flex;
  gap: 5px;
  padding-top: 5px;
  text-align: right;
  width: 100%;
  font-size: 12px;
}
/* --------------------------------------------
	EVALUATIONS_SEANCES
-------------------------------------------- */
.switch_seance {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
  margin: 2px 0 0 10px;
}
.switch_seance input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider_seance {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.slider_seance_icone {
  display: flex;
  align-items: center;
  position: absolute;
  height: 20px;
  left: 6px;
  bottom: 3px;
  padding: 0 5px 2px 6px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 14px;
}
input:checked + .slider_seance {
  background-color: #49a206;
}
input:checked + .slider_orange {
  background-color: #D68E07 !important;
}
input:checked + .slider_seance .slider_seance_icone {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.date_reponse {
  padding: 5px ;
  border: 1px dashed #49a206;
  border-radius: 10px;
  font-style: italic;
  background: #ebf7e6;
  width: 45%;
  margin: auto;
  margin-bottom: 20px;
}
/* --------------------------------------------
	ENTRAINEMENTS_SEANCES
-------------------------------------------- */
.context_menu {
  position: absolute;
  background-color: white;
  padding: 5px;
  border: 1px solid #C7C7C7;
  line-height: 1.6;
}
.context_menu div:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}
/* --------------------------------------------
	FORUM_SUJET
-------------------------------------------- */
#posts_table {
  margin-top: -1px;
}
#posts_table table .forum_post {
  padding: 10px;
  text-align: justify;
  border-bottom: 1px solid #C7C7C7;
  line-height: 1.6;
}
#posts_table table .forum_posted_by {
  text-align: left;
  font-size: 11px;
  background-color: #f5f5f5;
  padding-left: 6px;
  border-top: 1px solid #C7C7C7;
}
.liste_titres_forum {
  display: flex;
  gap: 5px;
}
.sujet_rubrique_forum:hover {
  text-decoration: underline!important;
}
.sujet_resolu {
  font-weight: bold;
  color: #49a206;
}
.sujet_titre {
  cursor: pointer;
}
.sujet_titre:hover {
  text-decoration: underline;
}
.sujet_date {
  font-size: 11px;
}
.boutons_edit_sujet {
  margin-left: auto;
  margin-top: 10px;
}
.num_page_forum_selected {
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 15px;
  border: 1px solid #494949;
  margin-right: 2px;
  font-weight: bold;
}
.num_page_forum {
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 15px;
  border: 1px solid #C7C7C7;
  margin-right: 2px;
  cursor: pointer;
}
.num_page_forum:hover {
  border: 1px solid #494949;
}
#titre_sujet_modif,
#titre_sujet {
  width: 495px;
  margin: 10px 0 10px 0;
}
/* --------------------------------------------
	GROUPES_CREER
-------------------------------------------- */
#classes_scroll,
#eleves_scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 300px;
}
#classes_scroll .dndClasse,
#eleves_scroll .dndClasse {
  cursor: pointer;
}
#classes_scroll .eleve,
#eleves_scroll .eleve {
  cursor: pointer;
  min-width: 150px;
  margin-left: 10px!important;
}
#classes_scroll .eleve:hover,
#eleves_scroll .eleve:hover {
  background-color: #e6f3f7;
}
.dndClasse {
  margin-bottom: 5px;
}
#groupe-classe_dndsource {
  text-align: left;
  min-height: 200px;
}
#groupe-classe_dndsource #glisser_eleves {
  height: 125px;
  padding-top: 70px;
  text-align: center;
  overflow: hidden;
  border: 2px dashed #C7C7C7;
  font-size: 24px;
  opacity: 0.6;
}
.filtre_eleves {
  padding: 5px 5px 10px 5px;
  border-bottom: 1px dashed #C7C7C7;
  margin-bottom: 5px;
}
.liste_eleves {
  margin: 4px 0 0 4px;
  height: 29px;
}
.groupe_entrainement_params {
  padding: 10px!important;
  border-bottom: 3px double #C7C7C7;
}
.eleve {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  padding: 0 5px 0 5px;
  border: 1px dashed #C7C7C7;
  background-color: #f9ebd1;
  margin: 2px;
  border-radius: 6px;
}
.eleve .icone-prise,
.eleve .icone-prise-orange {
  flex: 0 0 auto;
  padding: 0 2px 0 2px;
}
.eleve .nom_eleve {
  flex: 1 1 auto;
  align-items: center;
  display: flex;
  gap: 5px;
}
.eleve .icone-tchat {
  flex: 0 0 auto;
  padding: 0 2px 0 2px;
}
/* --------------------------------------------
	GROUPES_LISTE
-------------------------------------------- */
.garButton {
  display: inline-block;
  background: url(f2a5960670a1bdea924d.png) no-repeat;
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  margin: 0 3px -3px 0;
}
.tableau_modules {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #C7C7C7;
}
.tableau_modules td {
  padding: 5px;
}
.tableau_modules .td_dashed {
  border-right: 1px dashed #C7C7C7;
  border-left: 0px;
}
.tableau_modules td:first-child {
  border-right: 3px double #C7C7C7;
}
/* --------------------------------------------
	ITEMS_DUPLICATION
-------------------------------------------- */
.diff_dupliquer_item {
  text-align: justify;
  border: 1px dashed #C7C7C7;
  padding: 5px;
  margin: auto;
  margin-bottom: 5px;
  background-color: #f9ebd1;
}
/* --------------------------------------------
	ITEMS_REVISION
-------------------------------------------- */
.div_mot_cible {
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 10px;
}
.rate {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
.rate:not(:checked) > input {
  position: absolute;
  top: -9999px;
}
/* étoiles grises par défaut */
.rate:not(:checked) > label {
  cursor: pointer;
  font-size: 25px;
  color: #ccc;
}
/* contenu étoile */
.rate:not(:checked) > label:before {
  content: '★';
}
/* étoiles jaunes quand sélectionnées */
.rate > input:checked ~ label,
.rate > input:checked + label {
  color: #ffc700;
}
/* effet hover */
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label {
  color: #c59b08;
}
/* --------------------------------------------
	ITEMS_RESUME
-------------------------------------------- */
.tableau_resume_items {
  width: 100%;
  border-collapse: collapse;
}
.tableau_resume_items td {
  padding: 5px;
  border: 1px dashed #C7C7C7 !important;
}
.grand_type_resume {
  cursor: pointer;
  border: 1px solid #C7C7C7;
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: auto;
}
.grand_type_resume .div_bottom {
  text-align: justify;
}
#regles_procedures {
  border-collapse: collapse;
  border: 1px solid #A4B9CF;
}
#regles_procedures tr:first-child {
  height: 50px!important;
  text-align: center;
  border-bottom: 3px double #A4B9CF !important;
}
#regles_procedures td {
  text-align: center;
  border: 1px dashed #A4B9CF;
  border-right: 1px solid #A4B9CF !important;
}
#liste_seances_patient {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
/* --------------------------------------------
	ORTHO_EXERCICES
-------------------------------------------- */
#boutons_item_en_cours {
  display: grid;
  grid-template-columns: 15% 70% 15%;
}
#boutons_item_en_cours > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px;
  box-sizing: border-box;
}
.timer_svg {
  width: 30px;
}
.timer_svg #loader {
  fill: #494949;
}
#timer_temps {
  margin-left: 15px;
  vertical-align: top;
}
/* --------------------------------------------
	ORTHO_LISTE
-------------------------------------------- */
#add_patient {
  border-bottom: 1px solid #C7C7C7;
}
#search_patient {
  padding: 10px;
}
/* --------------------------------------------
	PATIENTS_EXERCICES
-------------------------------------------- */
.div_partie_item {
  display: flex;
  justify-content: space-between;
}
.div_oeil {
  color: #5C8BAE !important;
  cursor: pointer;
  padding: 0 3px 0 3px;
  font-weight: normal!important;
  font-size: 14px;
  margin-left: auto;
  border: 1px solid #C7C7C7;
  background: #f5f5f5;
  border-radius: 10px;
  height: fit-content;
}
.div_oeil:hover {
  text-decoration: underline;
}
/* --------------------------------------------
	PRESENTATION_ACCUEIL
-------------------------------------------- */
.lien_grosse_icone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  margin: 0 8px 0 8px;
}
.lien_grosse_icone div:last-child {
  text-decoration: underline;
}
.lien_grosse_icone:hover {
  color: #5C8BAE;
}
.lien_grosse_icone > div:first-child {
  flex-shrink: 0;
  margin-right: 5px;
}
.grid_acces {
  display: grid;
  grid-template-columns: repeat(2, minmax(270px, 1fr));
  column-gap: 20px;
}
.grid_acces a {
  margin-left: 15px;
}
.grid_acces .div_bottom_menu {
  gap: 20px!important;
}
.grid_presentation {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  column-gap: 20px;
}
.grid_boutons {
  display: grid;
  grid-template-columns: repeat(4, minmax(135px, 1fr));
  column-gap: 20px;
}
.grid_boutons .div_bottom {
  padding: 10px 0 10px 0;
}
/* --------------------------------------------
	PRESENTATION_DIAPORAMA
-------------------------------------------- */
#carousel_background {
  opacity: 0.1;
  position: absolute;
  right: 20px;
  bottom: 60px;
  z-index: 1;
}
/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  padding: 0 10px 0 10px;
  font-weight: bold;
  font-size: 18px;
}
.step {
  position: relative;
  display: none;
  width: 100%;
  animation: fade 1.5s;
}
.step_title {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 20pt;
  margin: 10px 0 25px 0;
}
.step_title b {
  width: 95%;
  text-align: center;
}
.step_content {
  font-size: 16pt;
  line-height: 45px;
  text-align: justify;
  border-top: 2px dashed #C7C7C7;
  padding-top: 20px;
  text-align: center;
  z-index: 10;
  position: relative;
}
.step_content .floated {
  float: left;
  width: 40%;
  padding: 10px 20px 0 0;
}
.step_num {
  margin-left: auto;
  color: #6f6f6f;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #C7C7C7;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active_dot,
.dot:hover {
  background-color: #494949;
}
/* --------------------------------------------
	PRESENTATION_EQUIPE
-------------------------------------------- */
.photo_equipe {
  position: relative;
  height: 80px;
  width: 80px;
  margin: auto;
}
.photo_equipe div {
  position: absolute;
}
/* --------------------------------------------
	UTILISATEUR_ACCUEIL
-------------------------------------------- */
.grid_rubriques {
  display: grid;
  grid-template-columns: repeat(2, minmax(270px, 1fr));
  column-gap: 20px;
  height: auto;
  align-items: flex-start;
}
.div_rubrique {
  position: relative;
}
.div_rubrique:hover {
  cursor: pointer;
}
.div_rubrique:hover .div_titre b {
  text-decoration: underline;
}
.div_rubrique #rubrique_forum_content {
  word-wrap: break-word;
  word-break: break-all;
}
.loading_rubrique {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background: white url(3c34675380bfdc283ed0.svg) no-repeat center center;
  z-index: 50;
  opacity: 0.7;
}
/* --------------------------------------------
	RESPONSIVE
-------------------------------------------- */
@media (max-width: 600px) {
  .topbar_logo {
    background-image: url(9a60362025843d1735cc.svg) !important;
  }
  .topbar_acces_rapide {
    margin-right: 10px!important;
  }
  #menu_principal,
  #menu_intermediaire {
    display: none!important;
  }
  #menu .menu_content > .menu_fleche ~ .menu_fleche {
    display: none!important;
  }
  .grid_rubriques,
  .grid_acces,
  .grid_presentation,
  .grid_manuel {
    grid-template-columns: 1fr;
  }
  .grid_boutons {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
  }
  #canvas_france {
    width: 100%!important;
  }
  #tchat {
    width: 96%;
  }
  .form-full-left {
    width: 100%;
  }
  .form-col {
    flex: 1 1 100%;
  }
  .groupe_entrainement_params {
    flex-direction: column;
  }
  .groupe_entrainement_params .div_titre_boutons {
    margin-left: 0!important;
  }
  .bulle_tchat_moi,
  .bulle_tchat_autre {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  #tchat {
    width: 50%;
  }
}
/* --------------------------------------------
	JS TABLESORTER
-------------------------------------------- */
.sortable {
  position: relative;
  cursor: pointer;
  white-space: normal;
  padding-right: 20px!important;
}
.sortable:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.sortable-default {
  position: relative;
  cursor: pointer;
  white-space: normal;
  padding-right: 20px!important;
}
.sortable-default:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.sortable-default:after {
  background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat center center;
}
.asc {
  position: relative;
  cursor: pointer;
  white-space: normal;
  padding-right: 20px!important;
  border-bottom: #494949 2px solid !important;
}
.asc:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.asc:after {
  background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) no-repeat center center;
}
.desc {
  position: relative;
  cursor: pointer;
  white-space: normal;
  padding-right: 20px!important;
  border-bottom: #494949 2px solid !important;
}
.desc:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.desc:after {
  background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) no-repeat center center;
}
/* --------------------------------------------
	SELECT2
-------------------------------------------- */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #C7C7C7;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #C7C7C7;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #C7C7C7;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #ddd;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 30px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #C7C7C7;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #C7C7C7;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #C7C7C7;
  border-radius: 10px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #C7C7C7;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/* --------------------------------------------
	SELECTIZE
-------------------------------------------- */
.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: black;
}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: 0;
}
.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: white;
}
.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: calc(8px - 6px);
  color: #000;
  opacity: 0.4;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}
.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}
.selectize-control.plugin-clear_button.single .clear {
  right: calc(8px - 6px + 1.5rem);
}
.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid #d0d0d0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}
.selectize-control {
  position: relative;
  display: inline-block;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 10px;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: calc(8px - 2px - 0px) 8px calc(8px - 2px - 3px - 0px);
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: inline-block;
  transform: scale(1);
  transform-origin: 0 0;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: white;
  border: 0 solid white;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input > input[placeholder] {
  box-sizing: initial;
}
.selectize-input.has-items > input {
  margin: 0 0 !important;
}
.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header,
.selectize-dropdown .no-results,
.selectize-dropdown .create {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #e8e8e8;
  color: #303030;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .selected {
  background-color: #e8e8e8;
  color: #303030;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown .active:not(.selected) {
  background: #f5fafd;
  color: #495c68;
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
}
.selectize-dropdown-emptyoptionlabel {
  text-align: center;
}
.selectize-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.selectize-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input:not(:read-only) {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl {
  text-align: right;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid #d0d0d0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}
.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: calc(8px - 6px);
  color: #000;
  opacity: 0.4;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}
.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}
.selectize-control.plugin-clear_button.single .clear {
  right: calc(8px - 6px + 1.5rem);
}
.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: black;
}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: 0;
}
.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: white;
}
@keyframes fade {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes pulse-vert {
  0% {
    box-shadow: 0 0 0 0 rgba(122, 185, 96, 0.5);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(122, 185, 96, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(122, 185, 96, 0);
  }
}
@keyframes pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(221, 180, 104, 0.5);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(221, 180, 104, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(221, 180, 104, 0);
  }
}
@keyframes pulse-button-orange {
  0% {
    box-shadow: 0 0 0 0 #ddb468;
  }
  100% {
    box-shadow: 0 0 0 8px rgba(221, 180, 104, 0);
  }
}
.pulsation-orange {
  animation: pulse-button-orange 1.2s ease-in-out infinite;
}


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