:root {
    --textStyle: 'Arial';
    --titleStyle: 'Roboto';
    --fontSize: 1em;
    --maxWidth: 70rem;
    --menuWidth: 20rem;
}
html[data-theme='light'] {
    --homeBG:#362d75;

    --linkColor:#cb3745;
    --btnColor:#3F3F3F;
    --btnBG:#8C2F0A;

    --borderColor:#362d75;

    --toolboxBG:#f3f3f3;
    --toolboxFG:#121111;
    --toolboxActiveBG:white;
    --toolboxActiveFG:black;

    --contentBG:white;
    --contentFG:black ;
  	--contentLightFG: #7b7b7b;
	   --contentBD:#c0c0c0;


    --accentDarkBG: #cb3745;
    --accentDarkFG: white;
    --accentLightBG: white;
    --accentLightFG: #000;

    --pBkText: black;
    --pBkTextLight:white;
    --pBkDemo: black;
    --pBkDemoLight:white;
    --pBkExpression: black;
    --pBkExpressionLight: white;
    --pBkWarning: black;
    --pBkWarningLight: white;
    --pBkComplement:black;
    --pBkComplementLight: white;

    --headerBG:white;
    --headerFG:#362d75;

    --footerBG:white;
    --footerFG:#362d75;

    --schBG:#fff;
	--schLightBG:#dcf4c4;
	--schCurrentBG:#ffef6d;
	--schFG:#3F3F3F;

	--quizAnswerBG:#e2f8d9;
	--quizAnswerFG:#295716;
	--quizWorstFG:#aa1016;
	--quizWorstBG:#ffe7e7;
	--quizBadFG:black;

	--segmentUndone:#727272;
	--segmentDone:#1292C6;
	--segmentActive:#8C2F0A;

	--inputBG:#f3f3f3;
	--inputBorder:#b6b2cf;
	--inputFocus:#362d75;

  --progressFG: #362d75;
}

html[data-theme='dark'] {
    --homeBG:#23212d;

    --linkColor:#cb3745;

		--btnColor:#8C2F0A;
		--btnBG:#3F3F3F;

    --borderColor: white;

    --toolboxBG:#362d75;
    --toolboxFG:white;
    --toolboxActiveBG:#23212d;
    --toolboxActiveFG:#fff;

    --contentBG:#23212d;
    --contentFG: white;
    --contentLightFG: #c0c0c0;

    --accentDarkBG: #cb3745;
    --accentLightBG: #23212d;
    --accentLightFG: #fff;

		--pBkText: black	;
    --pBkTextLight: white;
    --pBkDemo: black;
    --pBkDemoLight: white;
    --pBkExpression: black;
    --pBkExpressionLight: white;
    --pBkWarning: black;
    --pBkWarningLight:white;
    --pBkComplement: black;
    --pBkComplementLight: white;

    --headerBG:#362d75;
    --headerFG:white;

    --footerBG:#362d75;
    --footerFG:#FFFDF8;

    --schBG:#000;
    --schLightBG:#305110;
    --schCurrentBG:#847811;
    --schFG:#fff;

    --quizAnswerBG:#293e21;
    --quizAnswerFG:#3ca610;
    --quizWorstFG:#ff5d63;
    --quizWorstBG:#36191a;
    --quizBadFG:white;

    --segmentUndone:#000;
    --segmentDone:#08658A;
    --segmentActive:#e75f2b;

    --inputBG:#1B1B1B;
    --inputBorder:#747786;
    --inputFocus:#9ea9df;

  	  --progressFG: #9ea9df;
}



/*  menu selection sur toute la largeur */
li.sel_yes > div, li.sel_no > div { 
 	width	: 100%;
}

/* Marqueur suivi scorm */
.scormSeen {
    position: absolute;
    top: 6px;
    right: 14px;
}



h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.4em;
}

p {
    margin-block: 4px;  
}

/* Bloc */
.cBk, .pBk {
   border-style : none;
    border-radius: 2px;
}

html[data-theme='light']  .def, html[data-theme='light']   .warning
{  
 	 background : #cb37452e;
}


html[data-theme='light']  .advice, html[data-theme='light']   .example,html[data-theme='light']    .remind
{
  
 	 background : #ededed;
}

html[data-theme='dark']  .def, html[data-theme='dark']  .warning
{  
 	 background : #d44754;
}


html[data-theme='dark'] .advice, html[data-theme='dark'] .example,html[data-theme='dark'] .remind
{
  
 	 background : #5d5c5c;
}

/*padding au dessus de la zone d affichage*/
.default .scroller, .sco .scroller {   
    padding-top: 0.5em;
}


/* bordure header*/
.default #header, .default #tools, .default #navigation a.btnZen,.default a.themeBtn {  
    border-block-end: 2px solid var(--borderColor);
}

.default #tools .anc_yes::before {     
    height: 0px;
}

/*bordure footer */
/*.html[data-theme='dark'] .default #footer, .home #footer, .sco #footer {   
    border-block-start: 2px solid var(--footerBG);
}*/

.default #footer, .home #footer, .sco #footer {
    border-block-start: 2px solid var(--borderColor);
}

.solBody .explain {
    border: none;   
}

/* scrollbar */
html[data-theme='light']   ::-webkit-scrollbar-track {
    background: white;
}

/* scrollbar */
html[data-theme='dark']   ::-webkit-scrollbar-track {
    background: #23212d;
}



/*footer page de garde */
html[data-theme='light']  .home #footer > a, html[data-theme='light']  .home  #footer > span { 
    color: black;
}

/*Page de garde */
html[data-theme='light'] .home #content {
  background-color: transparent;
  background: 5em top / auto 30% no-repeat url(../img/logoFFRH.png);	
}

  html[data-theme='dark'] .home #content {
  background-color: transparent;
  background: 5em top / auto 30% no-repeat url(../img/logoFFRH-BW.png);	
}


/*Diapo*/
h2.slideBk_ti {  
    border-bottom: none;
}

html[data-theme='dark'] .slideBk .bkDef , html[data-theme='dark'] .slideBk .bkWarning {
    background : #d44754;
}

html[data-theme='light'] .slideBk .bkDef , html[data-theme='light'] .slideBk .bkWarning {
    background : #cb37452e;
}


html[data-theme='light']  .slideBk .bkAdv, html[data-theme='light']   .slideBk .bkEx, html[data-theme='light']  .slideBk  .bkRemind
{  
 	 background : #ededed;
}

html[data-theme='dark'] .slideBk .bkAdv, html[data-theme='dark'] .slideBk .bkEx, html[data-theme='dark'] .slideBk .bkRemind
{
  
 	 background : #5d5c5c;
}


/* Responsiv */
@media (max-width: 850px){
html[data-theme='light'] .home #content  {
     background: center top / auto 30% no-repeat url(../img/logoFFRH.png);	
	}

  
  html[data-theme='dark'] .home #content {
     background: center top / auto 30% no-repeat url(../img/logoFFRH-BW.png);	
	}


.default #navigation nav.pageTurner {
    border-block-start: 0px solid var(--borderColor);
}

.home #root:before {
  background : none;
}
}

@media (max-width: 800px){
  .default.evalType a.themeBtn {  
    border-block-end: 2px solid var(--borderColor)!important;
    height: 93%;
 }
}