:root {
	--textStyle: 'Mulish';
	--titleStyle: 'Mulish';
	--fontSize: 1.1em;
	--maxWidth: 60rem;
	--menuWidth: 20rem;
}

html[data-theme='light'] {
    --themeFGcolor: #e9f0f9;
    --themeBGcolor: #31678A;

	--homeBG: var(--themeFGcolor);

	--linkColor: var(--themeBGcolor);

	--btnBG: var(--themeBGcolor);

	--borderColor: var(--themeFGcolor);

	--toolboxBG: var(--themeFGcolor);
	--toolboxFG: var(--themeBGcolor);
	--toolboxActiveBG: var(--themeBGcolor);
	--toolboxActiveFG: var(--themeFGcolor);

	--contentBG: #fff;
	--contentFG: var(--themeBGcolor);
	--contentLightFG: #7b7b7b;

    --accentDarkBG:  var(--themeBGcolor);
	--accentDarkFG: #ffffff;
	--accentLightBG: var(--themeFGcolor);
	--accentLightFG: #000;
    
	--pBkText: #5B198F;
	--pBkTextLight: #E8DFFF;
	--pBkDemo: #3A4D7C;
	--pBkDemoLight: #DFE9FF;
	--pBkExpression: #4D7C30;
	--pBkExpressionLight: #E6FFC6;
	--pBkWarning: #970000;
	--pBkWarningLight: #FFD7D7;
	--pBkComplement: #876E0E;
	--pBkComplementLight: #FFF9C6;

	--headerBG: var(--themeBGcolor);
	--headerFG:var(--themeFGcolor);

	--footerBG:#f5f5f5;
	--footerFG:#3F3F3F;

	--schBG:#f5f5f5;
	--schLightBG: var(--themeFGcolor);
	--schCurrentBG:#ffef6d;
	--schFG:#3F3F3F;

	--quizAnswerBG:#e2f8d9;
	--quizAnswerFG:#295716;
	--quizWorstFG:#aa1016;
	--quizWorstBG:#ffe7e7;
	--quizBadFG:#9f5c00;
	--quizSolFG:#246C8A;
	--quizSolBG:#d8ebf4;
	--quizExplainBG: #fffce3;
	--quizExplainFG: #574f08;

	--segmentUndone: #FBD5D9;
	--segmentDone: #3F3F3F;
	--segmentActive: var(--themeBGcolor);

	--inputBG:#F6E9E6;
	--inputBorder:#DED2DE;
	--inputFocus: var(--themeBGcolor);

	--progressFG:  var(--themeBGcolor);

	--helpColor: #565656;
}

html[data-theme='dark'] {
    --themeFGcolor: #3F3F3F;
    --themeBGcolor: #00A2C2;
    --themeFGcolorS: #3B3B3B;
    --themeBGcolorS: #E9F0F9;
    --homeBG:  var(--themeFGcolor);

	--linkColor:  var(--themeBGcolor);

	--btnBG:  var(--themeBGcolor);

	--borderColor:   var(--themeFGcolor);

	--toolboxBG:  var(--themeFGcolor);
	--toolboxFG:  var(--themeBGcolorS);
	--toolboxActiveBG:  var(--themeBGcolor);
	--toolboxActiveFG:  var(--themeFGcolorS);

	--contentBG:#292929;
	--contentFG:   var(--themeBGcolorS);
	--contentLightFG: #c0c0c0;

    --accentDarkBG:  var(--themeBGcolor);
	--accentDarkFG:  var(--themeFGcolorS);
	--accentLightBG:  var(--themeFGcolor);
	--accentLightFG:  var(--themeBGcolorS);

	--pBkText: #e7c8ff;
	--pBkTextLight: #3a2d5d;
	--pBkDemo: #DFE9FF;
	--pBkDemoLight: #3A4D7C;
	--pBkExpression: #E6FFC6;
	--pBkExpressionLight: #4D7C30;
	--pBkWarning: #FFD7D7;
	--pBkWarningLight: #970000;
	--pBkComplement: #FFF9C6;
	--pBkComplementLight: #876E0E;

	--headerBG:  var(--themeBGcolor);
	--headerFG:  var(--themeFGcolorS);
	--headerLink: var(--themeFGcolorS);

	--footerBG:#292929;
	--footerFG:  var(--themeBGcolorS);

	--schBG:#292929;
	--schLightBG:#250712;
	--schCurrentBG:#847811;
	--schFG:  var(--themeBGcolorS);

	--quizAnswerBG:#293e21;
	--quizAnswerFG:#3ca610;
	--quizWorstFG:#ff5d63;
	--quizWorstBG:#36191a;
	--quizBadFG:#d38c2a;
	--quizSolFG:#E8F3F8;
	--quizSolBG:#246C8A;
	--quizExplainBG: #3b3503;
	--quizExplainFG: #e3dc9f;

	--segmentUndone:   var(--themeFGcolor);
	--segmentDone: #000000;
	--segmentActive:   var(--themeBGcolor);

	--inputBG:   var(--themeFGcolorS);
	--inputBorder: #191919;
	--inputFocus:   var(--themeBGcolor);

	--progressFG:   var(--themeBGcolor);

	--helpColor: #cccccc;
}


.binNet {
  max-width: 100%;
}

/* Surcharges */
.default #tools .item, button.dysBtnToggle::before, .zenBtnToggle {
  color: var(--headerFG);
}
.default #tools, .sco #tools{
  border-block-end:none;
}

.default #header h1 img, .sco #header h1 img {
  display: inline-block;
  margin-inline-start: 0.5em;
  margin-block-start: -5px;
  max-height: 40px;
  vertical-align: middle;
  width: auto;
}

figure:not(.mindMap) > div {
  background-color: transparent;
  border-color: transparent;
}

.txt_emp_is {
  font-weight: 700;
}

/* PDF BUTTON */
a.pdfBtn::before {
  font-family: "fonticon";
  content: "\F1C1";
  color: var(--headerFG);
}

@media (max-width: 850px) {
	.default #tools menu a.pdfBtn{
  	display: none;
  }
  .default.menuOpen #tools menu a.pdfBtn {
    display: block;
  }
}

/* LANGS */
.langs {
  display: flex;
  align-items: center;
  gap:.2em;
}

.langs .lang>* {
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
  color: var(--headerFG);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: .8em;
  font-weight: bold;
  border: 1px solid var(--borderColor);
}

.langs .lang>span{
  background-color: var(--accentLightBG);
  color:var(--linkColor);
}

.langs .lang.fr>*::before {content:"Fr";}
.langs .lang.es>*::before {content:"Es";}
.langs .lang.en>*::before {content:"En";}
.langs .lang.ar>*::before {content:"Ar";}

.langs .lang * span {
  position: absolute;
  left: -9999px;
}

/* UE GROUP */
.plan_ueGroup {
  list-style-type: none;
  border-inline-start: 1px solid var(--borderColor);
  margin-inline-start: 0.5rem;
  padding-block: 0;
  padding-inline: 1em;
}

.plan_ueGroup>li {
	padding-block-end: 5px;
}

.plan_ueGroup a {
	text-decoration: none;
	color: var(--linkColor);
}

.creditsLink {
  background-color: var(--accentLightBG);
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
  margin-inline-end: 0.5em;
  width: 30px;
  display: inline-block;
  text-align: center;
}

.creditsLink::before {
  content: "\E812";
  font-family: "fontello";
}

.creditsLink>span {
  display: none;
}

/* APQ UA */
.default #menu .mnu li.apqUa div::before,
.module .apqUa>h2.hBk_ti:before{
  content: "\E824";
}

/* QA */
.pBk:not(.typed).qa .pBk_ti i.type::before{
  font-family:"fonticon";
  content:"\f29c";
}

.qa .quest_ti {
  font-size: 1em;
  margin: 0;
}

.ans a {
  text-decoration: none;
  color: var(--themeBGcolor);
}

.ans a::before{
  font-family:"fontello";
	margin-inline-end:.5em;
}
a.ans_closed::before {content: "\E810";}
a.ans_open::before {content: "\E819";}

/* SVG */
.resSvgInline_ul img {
  max-height: 30px;
}

td .MathJax_SVG > svg,
.tooltip_nm_co .MathJax_SVG > svg{
  max-width: 100%;
}

#MathJax_Zoom{
  background-color:var(--accentLightBG) !important;
}

/* Nomenclature */
.op_txt_ul.tooltip_nm_ul::after {
  content: "";
}

.tooltip_nm_ul,
.tooltip_nm_a{
  border-block-end-style: dotted;
  display: inline-flex;
}

.tooltip_nm_ul .MathJax_SVG_Display {
  margin: 0;
}

.opac_defTxt_tim_form {
  display: inline-block;
}

table.nomenclature td,
table.nomenclature th {
  border: 1px solid  var(--themeBGcolor);
  padding: 0.5em;
}

table.nomenclature {
  border-collapse: collapse;
}

table td.symb {
  border-inline-end: none;
  padding-inline-end: 0;
}

table td.info {
  border-inline-start: none;
  padding-inline-start: 0;
}

table.nomenclature .tooltip_nm_a {
  border-bottom:none;
  cursor: pointer;
  color: var(--linkColor);
}

table.nomenclature .tooltip_nm_a::before {
  content: "\e812";
  font-family: "fontello";
}

/* RES IMPORTANT */
.res .important {
  border: 2px solid var(--accentDarkBG);
  border-radius: 5px;
  background-color: var(--accentLightBG);
}

/* FOOTNOTE */
#content {
  counter-reset: footNoteNum;
}

a.footNoteNum{
  text-decoration:none;
}

a.footNoteNum::before {
  content: "["counter(footNoteNum, decimal) "]";
  counter-increment: footNoteNum;
  font-size: 0.7em;
  vertical-align: top;
}

a.footNoteNum span {
  display: none;
}

/* TOOLTIP */
.tooltip_nm, .noteTooltip  {
	background-color: var(--contentBG);
	border-radius: 10px;
	box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.5);
	min-width: 200px;
}

.tooltip_nm_co, .noteTooltip_co {
	padding-block: 6px;
	padding-inline: 6px;
	overflow-wrap: break-word;
}

.tooltip_nm_ti {
	background-color: var(--accentDarkBG);
	min-height: 25px;
	padding-block: 5px;
	padding-inline: 5px 35px;
	color: var(--accentDarkFG);
	border-radius: 10px 10px 0 0;
	display: flex;
	align-items: center;
}

.tooltip_nm_x {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-block: 0;
	padding-inline: 0;
	margin-block: 0;
	margin-inline: 0;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	order: 2;
	background-color: var(--btnBG);
	border-radius: 5em;
	text-decoration: none;
	position: absolute;
	top: 5px;
}
html[dir='ltr'] .tooltip_nm_x {
	right: 5px;
}
html[dir='rtl'] .tooltip_nm_x {
	left: 5px;
}
.tooltip_nm_x::before{
	font-family: "fontello";
	content: "\E80B";
	font-size: 70%;
	color: var(--accentDarkFG);
}
.tooltip_nm_x span{
	display:none;
}

sup.opac_defTxt_tt_glos_ref.tooltip_ref {
	display:none;
}

/* SEE ALSO */
.also {
  margin-top: 2em;
}

.also>a {
  border-bottom: 1px solid var(--borderColor);
  text-decoration: none;
}

.also>a::before {
  font-family: "fontello";
  margin-inline-end: .5em;
}

.also>a.also_closed::before {
  content: "\e85f";
}

.also>a.also_open::before {
  content: "\e85e";
}

.comment {
  color: #999;
}

.also p {
  margin: 0.2em;
}

/* GENERIQUE */
.credits .hBk>h2.hBk_ti::before {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.cadre_liste,
.cadre_texte {
  border-radius: 5px;
  box-shadow: 0 0 5px  var(--themeBGcolor);
  margin: 1em 0;
  padding: 1em;
}

.titremetadonnee {
  font-weight: bold;
  text-align: center;
}

.elt_liste {
  margin: 0.5em;
  text-align: center;
}

.elt_liste_puce {
  display: list-item;
  margin-inline-start: 2em;
}

.credits table {
  border-collapse: collapse;
  font-size: 0.9em;
}

.credits table td {
  padding: 0.2em 0.5em;
  text-align: center;
}

.credits .table_3cols,
.credits .table_4cols {
  margin: 20px auto;
  width: 100%;
}

.credits table tr.even {
  background-color: #d5e5ec;
}

.credits table tr.odd {
  background-color: #eef6f9;
}

.credits .courriel::before {
  content: "\e800";
  font-family: "fonticon";
}

.credits .courriel:hover {
  text-decoration: none;
  opacity: 0.7;
}

.credits .bloc_logos {
  text-align: center;
}

.credits .bloc_logos>a {
  margin: 0 1em;
}

/* PLAN */
.default .plan li.module> div > a::before {
  content: "\e803";
}

/* NOTES */
.resWithNotes .notes {
  font-size: .9em;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  color: var(--helpColor);
}

/* CREDITS */
#content .cosinus_ti,
#content .exo_ti,
#content .q_a_ti,
#content .credits_ti {
  font-size: 1em;
  font-weight: normal;
  display: flex;
  align-items: baseline;
  gap: 0.5em;
}

#content .cosinus_ti::before,
#content .exo_ti::before,
#content .q_a_ti::before,
#content .credits_ti::before{
  content:"\E803";
  font-family:"fontello";
}
#content .exo_ti.practUc_ti::before {
  content: "\E821";
}
#content .exo_ti.quiz_ti::before {
  content: "\E824";
}

.blocks_cosinus,
.blocks_co_qa_tools {
  border: 1px dashed  var(--themeBGcolor);
  padding: 0 1em 1em;
}

.blocks_cosinus .title_cosinus,
.blocks_co_qa_tools .question_ti {
  color:  var(--themeBGcolor);
  font-weight: bold;
  font-size: 1em;
  margin: 1em;
}

.blocks_cosinus a {
	text-decoration: none;
}

.blocks_cosinus a:hover {
	text-decoration: underline;
}

a.fs_cosinus {
	margin-left: 1em;
}

.op_listingTxt_p {
  text-align: start;
}

#content .cosinus_ti,
#content .exo_ti,
#content .q_a_ti{
  margin-block: 15px 5px;
  margin-inline: 0;
}

#content .cosinus_co,
#content .exo_co,
#content .q_a_co{
  margin-inline-start: 10px;
  list-style: none;
  padding-inline-start: 0;
}
html[data-theme='light'] {
    --themeFGcolor: #FFFBF7;
    --themeBGcolor: #F18A2E;
}

html[data-theme='dark'] {
    --themeFGcolor: #F18A2E;
    --themeBGcolor: #FFFBF7;
    --themeFGcolorS: #3B3B3B;
    --themeBGcolorS: #E9F0F9;
}