/** SKIN OVERLOADS ************************************************************/

/*  Extension MS    */
div#scDepotStack {
  position: absolute;
  top: 12px;
  left: 180px;
  color: #ffffff;
}
div#scDepotStack a{
  color: white;
  text-decoration:none;
}
div#scDepotStack a:hover{
  text-decoration:underline;
}

/* ======================================================
SKIN ET-LIOS
=========================================================*/


:root{
    --couleur1:#577da9;
    --couleurHover:rgba(74,107,144,0.1);
    --couleurHover2:rgba(74,107,144,0.05);
    --couleur2:#eff3f7;
    --couleur3:#fcc100;
    --couleurImportant:#D51921;
    --couleurImportant2:#cc73ba
}

@font-face {
  font-family: 'oswald';
  src: url('font/Oswald-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'oswaldLight';
  src: url('font/Oswald-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'fontelloSKIN';
    src: url('font/fontelloSKIN.eot');
    src: url('font/fontelloSKIN.eot') format('embedded-opentype'),
    url('font/fontelloSKIN.woff') format('woff'),
    url('font/fontelloSKIN.ttf') format('truetype'),
    url('font/fontelloSKIN.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {

font-family: arial, sans-serif;font-size: 12pt;
line-height:unset;}

#page {
      max-width: unset;
    box-shadow: none;
    border-left: none;
    border-right: none;
display: flex;flex-direction: column;}

.tplHomeLogo{
  display:none
}

.tplHome #header {
    background: var(--couleur1);
flex-grow: 3;}

.tplHomeTi{
    display:none
}

.tplHomeTiFra table {
    margin: 0;
}

.tplHomeTiFra td.tplHomeLongTi p{
    font-size: 1em;
    text-align:center
}

p.time {
text-align:center
;margin: 0.9em;font-size: 1.5em;color: var(--couleur1);font-weight: normal;}

.tplHome figure{
    order:3
}

#footer #navFooter a.navStart, #footer #navFooter a#gotoLastLocBtn {
    background-image: url(img/SKIN/button-start.svg);
    background-color: transparent;
    font-family: 'oswald';
    color: black;
    /* height: auto; */
    transition: all 0.4s;
    font-size: 1.6em;
    background-size: 59px;
    padding-right: 58px;
text-transform: inherit;background-repeat: no-repeat;background-position: right center;line-height: unset;}

#footer #navFooter a.navStart span, #footer #navFooter a#gotoLastLocBtn span{
padding: 0.5em 0;
display: inline-block;}
    
#footer #navFooter a.navStart::after, #footer #navFooter a#gotoLastLocBtn::after {
    content:'Démarrer le module';
font-family: 'oswald';display: block;padding: 0.5em 0;}

.tplHome #footer #navFooter {
    justify-content: center;
background: transparent;}

#footer {
background: var(--couleur2);color: black;}


a.btnSc, a.btnAbout, a.cookieWarnBtnBar, span.copyright {
    font-size:1em;
}

#footer #navInfo {

background: var(--couleur2);
    background: url(img/SKIN/logos.png) no-repeat left 5px center;
    padding-left: 120px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    font-size: 10pt;
    background-color: var(--couleur2);
justify-content: flex-start;}

#footer a {
    color: black;
    text-decoration: none;
font-size: 1em;}

.btnAbout::after, .op_txt_ul::after, .op_txt_ul:hover::after, .subLnk::after, .subLnk:hover::after {
    color: black;
    font-family: "fontelloSKIN";
    content: " \f08e";
    font-size: 100%;
}

#footer #navFooter a:hover {
    opacity: 1;
    background-color: var(--couleurHover);
}

.subWindow_ti {
    background: var(--couleur1);
    color: white;
    font-family: 'oswald';
    padding: 0.5em;

}

.subWindow_win {
    border: 2px solid var(--couleur1);
}

.txt_p a,
.txt_m a,
.blockTitle a{
    transition: all 0.4s;
    padding: 4px;
    display: inline-block;
    color: black !important;
    border-bottom: 1px solid var(--couleur3);
    text-decoration:none
}

a.txt_def_ul::after{
    content: " \e800";  
    font-family: "fontelloSKIN";
    font-size: 100%;
}

.txt_url_ul::after, .txt_web_ul::after {
    content: " \f08e";
    font-family: "fontelloSKIN";
    margin:0
}

.txt_p a:hover,
.txt_m a:hover,
.blockTitle a:hover{
    background-color: var(--couleurHover2);
    color: black;
}

a.subWindow_x {
    display: inline-block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    padding-left: 16px;
    overflow: hidden;
    background: url(img/SKIN/content_buttons.svg) no-repeat top;
    background-size: 100%;
    background-position: 0 -32px;
    position: absolute;
    right: 2px;
    top: 2px;
}

.tplPage #header, .tplTools #header{
    background: transparent;
    
    height: auto;
    justify-content: end;
    align-items: center;
    display: flex;
flex-wrap: wrap;padding-bottom: 0;background: linear-gradient(0deg, rgba(0,0,0,0.3) 0, var(--couleur1) 20px);background-color: var(--couleur1);}

.tplPage #header h1, .tplTools #header h1 {
    padding: 0.4em 0.7em 0.4em 300px;
    padding-right: 0.7em;
    white-space: normal;
    overflow: unset;
    text-overflow: unset;
    font-family: 'oswald';
    font-weight: normal;
    display: block;
}

.tplHome #header h1 {
    position: static;
text-transform: uppercase;font-size: 2.5em;text-align: center;padding: 0.5em;}


#logo {
    display:none
}

#menu a span {
    position: static;
font-size: 1em;padding: 0;}


#menu a {
    box-sizing: unset;
    width: auto;
    padding-left: 40px !important;
    overflow: unset;
    background: url(img/SKIN/menu-tools.svg) no-repeat top;
    background-size: auto;
    font-family: 'oswald';
    color: white;
    text-decoration: none;
    height: 60px;
    padding-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 0.92em;
font-size: 1em;transition: background-color 0.4s;}

#menu a:focus {
    border: 1px solid var(--couleur3);
}

#menu .toolGloss a {
background-position: 0 -196px;}

#menu .toolGloss a::before {
    content: "";
display: none;}

#menu .outMap a::before, #menu .outPlan a::before {
    content: "";
display: none;}

#menu .outMap a, #menu .outPlan a {
    background-position: 0 -96px;
}

#menu li.outRoot a::before {
    content: "Accueil" !important;
font-family: 'oswald';
display: inline-block;font-size: 1em !important;
    line-height: 1.4;
display:none}

#menu li.outRoot a {
background-position: 0 3px;
}

#menu {
    height: unset;
overflow: hidden;z-index: 2;position: relative;z-index: 200;}

#menu li {
    height: unset;
}

.tplPage.tplNoMenu #menu li.outRoot,
.tplTools #menu li.mainSel_yes {
background: none;
position:relative}

.tplPage.tplNoMenu #menu li.outRoot::before,
.tplTools #menu li.mainSel_yes::before{
    display: block;
    background: white;
    width: 20px;
    height: 20px;
    content: ' ';
    position: absolute;
    transform: rotate(45deg);
    bottom: -13px;
    left: calc(50% - 10px);
    box-shadow: 0 0 10px #262626;
}

#menu a:hover {
    opacity: 1;
    background-color: rgba(255,255,255,0.2);
    text-decoration:none
}

#menu a:hover span {
    text-decoration:none
}

#main {
box-shadow: 0 10px 15px rgb(38 38 38 / 40%);
z-index: 10;}

.tplHome #main {
flex: unset;}

/*.tplNoStk #main {
    box-shadow: 0 0 20px rgba(38,38,38, 1);
}*/

#menu ul {
    padding-left: 0;
z-index: 10;}

#navFooter #pBar {

background: var(--couleur2);}

#footer #navFooter a {
    background: url(img/SKIN/buttons.svg) no-repeat top;
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    
    vertical-align: top;
    transition: background-color 0.4s;
position: static;display: inline-block;}

.tplHome #footer #navFooter a {
    width: auto;
    height: auto;
padding-left: 10px;line-height: 1.4;}

.tplHome #footer #navFooter a.navStart span {
    display: none;}

#footer a.navPrev::before {
    content: "";
}

#footer a.navNext::before {
    content: "";
}

#navFooter nav {
    background-color: transparent;
flex: unset;}

#footer #navFooter a.navNext{
    background-position: 0 -98px;
}

#footer #navFooter a.navPrev{
    background-position: 0 2px;
}

#menu .outRoot a::before, #menu .outIntro a::before {
    content: "Accueil";
    font-family:'oswald'
}

#main main {
    justify-content: flex-start;
}

.tplHome #content {
    min-height:unset;
}

.headCo {
    display:
    flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.headCo_ti {
    font-family: 'oswald';
    font-weight: normal;
    color: var(--couleur1);
    margin: 0;
    padding: 0;
    font-size: 1.6em !important;
    border: 0;
    border-bottom: 1px solid var(--couleur3);
    display:
    inline-block;
    align-self: flex-end;
    padding: 0.33em 0.7em;
}

.headCo_ti > span {
    font-weight: normal;
    display: inline-block;
}

.headCo_ti.conclu_ti > span::before {
 content: ':';
 margin-right: 0.2em;
}

.headCo_ti.conclu_ti{
    padding-left:0
;
    margin-left: -0.5em;
}

.headCo_co {
    width: calc(100% - 2em);
    align-self: center;
    margin: auto;
}

.headCo.conclu::before {
 content: 'Synthèse';
 font-family: 'oswald';
 font-weight: normal;
 color: var(--couleur1);
 margin: 0;
 padding: 0;
 font-size: 1.6em !important;
 border: 0;
 border-bottom: 1px solid var(--couleur3);
 display:
    inline-block;
 align-self: flex-end;
 padding: 0.33em 0.7em;
 }

.block, .headBlock {
    background:none;
    padding-left: 0;
}

.objectives span.blockTitle {
    text-align: left;
    font-family: 'oswald';
    font-weight: normal;
    color: var(--couleur1);
    padding-left: 0;
}

.objectives span.blockTitle::before {
    content:': ';
    color:black;
    margin-left:0.3em
}

.stepList_co span.block_ti_co {
    /* padding-left: 0; */
}

span.block_ti_co {
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    }

.objectives  > .block_co {
    border-left-color: transparent !important;
background: var(--couleur2);
    padding: 1px 4px ;
    margin-bottom: 15px;
    margin-right: 1px;margin-left: 0;}

p {
    margin: 0.9em;
    line-height: unset;
text-align: left;}

ul, ol {
    margin-left:0.9em
}

div#navFooter div.pDone {
    background-color: var(--couleur1);
}

#stack {
position: static;width: 100%;order: 5;background: white;color: var(--couleur1);height: 33px;
box-shadow: 0 0 20px #262626;overflow: visible;padding: 0;}
    #stack a {
    color: var(--couleur1);
    }

#stack span.sw_outStack_navRoot {

margin: 0;display: block;background: white;padding: 0.5em;text-align: left;border-bottom: 1px solid var(--couleur1);}

li::marker {
    color: var(--couleur1);
    font-size: 1.5em;
}

#content li > p {
    margin-left: 0;
}

span.blockType {
    display: inline;
    background: url("img/SKIN/blocks.svg") no-repeat scroll transparent;
    order: 1;
    font-family: 'oswald';
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
padding-left: 40px;white-space: nowrap;}

.screen > .block_ti > .block_ti_co > span.blockType,
.tree > .block_ti > .block_ti_co > span.blockType{
display:none}

.exerciseQ_ti > .block_ti_co > span.blockType {
    
background: none;border-bottom: 0;
    border-left: 10px solid var(--couleur3);
    padding-left: 7px;color: var(--couleur1);}

.objectives span.blockType {
background: none;
}

.objectives span.block_ti_co::after {
    content: 'Objectifs pédagogiques';font-family: 'oswald';}

.objectives span.block_ti_co span.blockType {
    display:none
}

.objectives_ti{
    padding-left:0
}

.concept span.blockType {
    background-position: left -46px;
}

.tip span.blockType {
    background-position: left -528px;
}

.example span.blockType {
    background-position: left -407px;
}

.advice span.blockType {
    background-position: left -246px;
}

.note span.blockType {
    background-position: left -86px;
}
.agenda span.blockType {
    background-position: left -487px;
}

.stepList > .stepList_ti span.blockType {
    background-position: left -207px;
}

.complement span.blockType {
    background-position: left -284px;
display: inline-block !important;}

.legal span.blockType {
    background-position: left -125px;
}

.warning span.blockType {
    background-position: left -6px;
color: var(--couleurImportant);
}

span.blockTitle {
    margin-left: 0px;
    font-family: 'oswaldLight';
    font-weight: normal;
    font-size: 1.05em;
    flex: unset;
    margin-right: 1em;
    line-height: unset;
order: 2;}

.blockAnchor {
order:3
}

.block_co {
    border-left: 1px solid var(--couleur1) !important;
border-radius: 0;margin-left: 20px;padding: 1px 0;margin-top: 0.5em;background-image: none;}

.warning > .block_co {
    border-left-color: var(--couleurImportant) !important;
}

.tree_co{
    border: none !important;margin-left: 0;}
.block_co.screen_co{
    border:none !important
}

.block_no_ti > .block_ti > span.block_ti_co {
    position: static;
}

.concept_co .block_co, .stepList_co .block_co {
    margin-left: 34px;
}

.infoblock {
    padding-left: 0;
margin: 1.5em 0;}

.stepList_co .infoblock, .stepList_co .block, .concept_co .infoblock, .concept_co .block {
margin: 1.5em 0;}

.concept_co .infoblock, .stepList_co .infoblock {
    padding-left: 0;
}

.cbk > a::before{
    background: url(img/SKIN/menu-toggle.svg) no-repeat;
    background-position: left top;
    content:' ';
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
transition: all 0.4s;position: relative;bottom: 1px;margin-right: 3px;}

.stepScreenTools a::before,
.screenSteps a::before{
    display:none
}

a.cbk_closed::before {
    transform:rotate(0deg);
}

a.cbk_open::before {
    transform:rotate(90deg);
}

a.cbk_closed, a.cbk_open {
    background: none;
padding-left: 0;font-family: 'oswald';color: var(--couleur1);font-size: 1.2em;display: inline-block !important;}

div.cbk_co,
div.complement_co{
    border-left: 3px dotted var(--couleur3);
    border-radius: 0;
display: block !important;height: auto;transition: all 0.4s;overflow: hidden;padding-left: 0.9em;}

div.idxCallers_co{
    border-radius: 0;
    display: block !important;
    height: auto;
    transition: all 0.4s;
    overflow: hidden;
    padding-left: 0.9em;
}

.cbkClosed > *:first-child + div{
    height:0;
    overflow:hidden;
}

.collBlk_closed{
height: 0 !important;padding-top: 0 !important;
padding-bottom: 0 !important;}


.txt_term_is {
    font-family: 'oswald',sans-serif;
}

.cbk{
    margin-left: 0.6em;;margin-bottom: 1em;}

#main::-webkit-scrollbar-thumb{
    background-color:var(--couleur1);
    border:2px solid var(--couleur2);
}

#main::-webkit-scrollbar-track{
    background-color:var(--couleur2);
} 

#main::-webkit-scrollbar{
    width: 15px;
}

table.txt_tb {
    box-shadow: none;
}

.txt_tb th {
    border: 2px solid var(--couleur3) !important;
    background-color: var(--couleur1);
    color: white;
    font-family: 'oswald';
    font-weight: normal;
}

table.txt_tb .txt_cellEmp_tbtd {
    background-color: var(--couleur2);
    color: black;
    text-align:center
}

.txt_tb p {
    margin: 0.1em 0.2em;
}

table.txt_tb td {
    border: 1px solid var(--couleur3);
}
table.txt_tb p {
    text-align: unset;
}

.mainAct_ti, .mainEx_ti, .mainThe_ti, .mainDem_ti, .mainEv_ti {
    line-height: unset;
}
.part .part_ti{
    border-bottom: 0;
    border-left: 10px solid var(--couleur3);
    padding-left: 7px;
    font-family: 'oswald';
    color: var(--couleur1);
}

.part .part{
    margin-left:4em
}

.part .part .part_ti{
    border-left-width: 6px;
    font-size: 1.2em;
}

.part .part .part .part_ti{
    border-left-width: 3px;
    font-size: 1.1em;
}

.stepList_ti span.block_ti_co, .stepList > .headBlock_ti > span {
    background: none;
    padding-left: 0;
    min-height: 20px;
}

.stepList > .block_co {
    margin-left: 20px;
}

.stepList > .block_co > .desc {
    background:none;
    padding-left: 0;
}

.prereq, div.result.screen, .comment.screen, .comment{
    padding: 1em 0 1px 0;
    margin: 1.5em 0 0 0;
background: var(--couleur2);}

.prereq_ti, .result_ti, .comment_ti{
    text-align: left;
    font-family: 'oswald';
    font-weight: normal;
    color: var(--couleur1);
    padding-left: 0;
font-size: 1.1em;display: block;margin-left: 0.9em;}

li.step:before {
    background-color: var(--couleur1);
display: flex;align-content: center;justify-content: center;}

.slpFraAct li.step:before {
    background-color: var(--couleur1);
display: flex;align-content: center;justify-content: center;left: 10px;top: 13px;}

.stepScreenTools,
li.screenStep:before,
.screenImage a.screenStepLnk:before,
.stepScreen.active_true .stepScreenMask,
.stepScreenTitles .screenStep.active_false{
    background: var(--couleur1);   
}

ol.screenSteps {
    background-image: none;
}

.stepScreenTools {
display: flex;justify-content: space-between;}

.stepScreenTools a:hover{
background-color: rgba(255,255,255,0.2);}

.stepScreenTools a.disabled_true:hover{
background-color: transparent;cursor: default;}

a.sspBtnPrv, a.sspBtnNxt {
    height:32px
;top: 0;display: inline-flex;align-items: center;background-position: 5px 7px;right: 0;left: 0;position: static;padding-left: 25px;padding-right: 5px;transition: all 0.4s;}


a.sspBtnNxt {
background-position: calc(100% - 5px) -35px;padding-right: 25px;padding-left: 5px;}

ol.ssteps li.result {
    background:none;
}

li.sstep {
    padding-left: 0;
}

ol.ssteps {
    background: none;
}

ol.steps {
    background: none;
}

.stepScreen{
    
margin-top: 1.5em;}

.stepTitle {
    padding-left: 0;
}

.txt_textButton_is, .txt_textRadioButton_is, .txt_textCheckBox_is, .txt_input_is, .txt_select_is, .txt_keyboard_is, .txt_menuPath_is, .txt_filePath_is,
.txt_textTab_is,
.txt_win_is {
font-family: 'oswald';}

.exerciseQ > .block_co {

background: no-repeat;border: none !important;padding: 0;margin: 0;margin-left: 1.5em;}

.screen_ti span.block_ti_co::before,
.screen > .headBlock_ti::before,
.example_ti span.block_ti_co::before,
.tip_ti span.block_ti_co::before,
.advice_ti span.block_ti_co::before,
.note_ti span.block_ti_co::before,
.warning_ti span.block_ti_co::before,
.legal_ti span.block_ti_co::before,
.complement_ti span.block_ti_co::before,
.objectives_ti span.block_ti_co::before,
.concept_ti span.block_ti_co::before,
.concept > .headBlock_ti::before,
.tree_ti span.block_ti_co::before,
.tree > .headBlock_ti::before,
.agenda_ti span.block_ti_co::before,
.mainThe_ti::before,
.mainAct_ti::before,
.mainEx_ti::before,
.mainDem_ti::before,
.mainEv_ti::before,
.prereq_ti::before,
.mainDem_ti::before,
.solBody .question_ti::before,
.solBody .score_ti::before,
.solBody .sol_ti::before{
    display:none
}

ol li::marker {
    font-size: 1.2em;
    font-weight: bold;
}

span.zoneNumber {
    border-radius: 100px;
    background-color: var(--couleur1);
font-weight: bold;font-size: 1.2em;padding: 0;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;box-shadow: none;}

.screenTitles span.zoneNumber {
    position: static;
    display:inline-flex;
flex-shrink: 0;margin-right: 0.5em;}

.screenTitles a {
    padding-left: 0;
display: flex;align-items: center;}

.scrFraAct .screenMask {
    background-color: var(--couleur1);
}

.scrFraAct .screenTitles {
    background-color: var(--couleur2);
}

li.screenZone > div.screenZone_ti > span.zoneNumber {
    top: -19px;
    left: -17px;
}

@keyframes glowSection {
    0% {box-shadow: inset 0 0 30px var(--couleur3);}
    100% {box-shadow: none;}
}

table.layout_tb {
    margin-right:auto;
    margin-left:auto
}

.toolbar {
    background-color: transparent;
    justify-content: center;
    /* border-top: 1px solid var(--couleur3); */
    border-bottom: 1px solid var(--couleur3);
    position: relative;
}

.btnQuiz {
    background-image: url("img/SKIN/toolbar-quiz.svg");
    font-family: 'oswald';
    font-weight: normal;
    color: var(--couleur1);
    transition: background-color 0.4s;
    margin: 0;
    position: relative;
    overflow: hidden;
    background-repeat:no-repeat;
padding: 0 40px 0 10px;
}

.btnQuiz.correction {
    background-position: right 5px top 5px;
}

.btnQuiz.reset {
    background-position: right 5px top -39px;
}

.reset span::before {
    display:none
}

.correction span::before {
    display:none
}

.scoreBox {
    position: absolute;
    bottom: -42px;
    font-family: 'oswald';
    font-weight: normal;
line-height: unset;}

.btnQuiz:hover {
    background-color: var(--couleurHover2) !important;
    color: var(--couleur1);
}

.quizBody>.question {
    margin-top: 40px;
    margin-bottom: 10px;
}

.btnQuiz.toggleButtonOn::after {
    display: block;
    background: var(--couleur3);
    width: 20px;
    height: 20px;
    content: ' ';
    position: absolute;
    transform: rotate(45deg);
    bottom: -16px;
    left: calc(50% - 10px);
}

.btnQuiz.toggleButtonOn {
    background-color:transparent;
    color:var(--couleur1)
}

.scoreBox .score > span {
    min-height: 32px;
    display: inline-flex;
    padding-left: 40px;
    align-items: center;
    background-image: url("img/SKIN/quiz_results.svg");
    background-repeat: no-repeat;
}

.answBest{
  background-position: left -60px;
  color:#0D973B
}

.answBad{
  background-position: left -180px;
  color:#BC7A15
}

.answGood{
  background-position: left -120px;
  color:#97B328
}

.answWorst{
color:#C10808}

strong {
    color: var(--couleur1);
}

input[type="checkbox"], input[type="radio"] {
    position: static;
}

input[type="checkbox"] + label::before {
    display:none
}

.choiceList_sol::before {
display:none}

.choiceList_sol > input {
    display: inline-block;
}

.choiceExplain::before, .explain::before, .choiceExp::before, .globalExp::before {
    display:none
}

.choiceExp {
    background-color: var(--couleur2);
    font-style: normal;
    margin-left: 0;
}

li.choiceList_ch {
    border-bottom: none;
}

.WFeedbackEntry, .evalScoreLink, .evalEnterMsg {
    padding: 0;
}

.globalExp,
.explain{
    background-color: var(--couleur2);
    font-style: italic;
    margin: 0;
    padding: 0;
}

li.screenZone {
    margin-left: 25px;
}

li.step {
    padding-left: 20px;
}

.tooltip_ti {
    background-color: var(--couleur1);
    min-height: 20px;
    color: #ffffff;
    text-align: left;
    font-family: 'oswald';
    font-size: unset;padding: 0.2em;
}

.tooltip {
    background-color: white;
    border: 2px solid var(--couleur1);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    font-size:unset
;border-radius: 0;}

.tooltip a.tooltip_x {
    background-image: url(img/SKIN/content_buttons.svg);

    
    
    
    box-sizing: border-box;
    
    
    padding-left: 16px;
    overflow: hidden;
    
    background-size: 100%;
    background-position: 0 -32px;
    position: absolute;
    right: 2px;
    top: 2px;
width: 16px;background-color: var(--couleur2);height: 16px;min-width: unset;min-height: unset;}

.tooltip_x span{
    display:none
}

.tooltip p {
    margin: 0.9em;
    line-height: unset;
}

.stepListPlayer {
    margin-top: 0;
}

li.result {
    background:none;
}

.comment {
    padding-left: 0;
}

.complement a.block_btn_open::before,
.complement a.block_btn_closed::before{
    background: url(img/SKIN/menu-toggle.svg) no-repeat;
    background-position: left top;
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    transition: all 0.4s;
    position: relative;
    bottom: 1px;
    margin-right: -6px;
}

.complement a.block_btn_open::before {
    transform: rotate(90deg);
}

a.block_btn_closed, a.block_btn_open, a.extras_closed, a.extras_open {
    background:none;
    padding-left: 0;
    color: black;
}

.complement > .block_co {
margin-left: 35px;}

.slpOver {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    opacity: 0.6;
}

.slpOpAct {
    border: 2px solid var(--couleur1);
    box-shadow: 0 0 20px 0 #aaa;
    z-index: 12;
    overflow: hidden;
    }

a.slpBtnLst {
    
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    padding-left: 16px;
    overflow: hidden;
    background: url(img/SKIN/content_buttons.svg) no-repeat top;
    background-size: 100%;
    background-position: 0 -32px;
    
    right: 106px;
    top: 56px;
}

.slpOpAct .stepList_ti {
    background: var(--couleur1);
    color: white;
    font-family: 'oswald';
    padding: 0.5em;
margin: 0;padding: 0.5em;display: flex;align-items: center;}

.slpOpAct span.blockType {
padding-left: 0;
background:none}
.slpOpAct .slpTools {
    background: var(--couleur2);
    color: black;
    height: 50px;
}

.slpOpAct .stepListPlayer {
    top: 41px;
    bottom: 50px;
}

a.slpBtnPrv, a.slpBtnNxt {
    background: url(img/SKIN/buttons.svg) no-repeat top;
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    vertical-align: top;
    transition: background-color 0.4s;
    display: inline-block;
background-position: 0 -98px;
right: 0;top: 0;}

a.slpBtnPrv {
background-position: 0 2px;
right: 50px;}

a.slpBtnPrv span, a.slpBtnNxt span{
    position: absolute;
    left: -9999px;
}

a.slpBtnPrv:hover, a.slpBtnNxt:hover {
    background-color: var(--couleurHover);
}

.slpNavBtns{
    display:flex;
    flex-direction:row;
    align-items:center;
    height:50px
}

span.slpCountLbl, span.slpCountTxt {
    margin-top: 0;
color: var(--couleur1);font-family: 'oswald';}

a.slpBtnStp span {
    display: block;
}

a.slpBtnStp {
    transition:all 0.4s;
    width: auto;
    height: auto;
    background: var(--couleur1);
color: white;padding: 0.5em;text-decoration: none;margin: 1em 0 0 0;font-family: 'oswald';}

a.slpBtnStp:hover {
        background: var(--couleurHover);
color: var(--couleur1);}

.nodeLbl, .nodeRef {
    border: 1px solid var(--couleur1);
    border-radius: 0;
    box-shadow: none;
}

.nodeType_imp {
    border: 1px solid var(--couleurImportant);
}

.nodeLead {
    border-left: 1px solid var(--couleur1);
    border-bottom: 1px solid var(--couleur1);
}

.nodeChild_pre {
    border-left: 1px solid var(--couleur1);
}

a.nodeTi, .nodeTi {

font-family: 'oswaldLight';font-weight: normal;font-size: 1.1em;color: var(--couleur1);}

.nodeChildren span.nodeTi, .nodeChildren a.nodeTi {
    color: var(--couleur1);
}

.nodeTi {
     color: var(--couleur1) !important;
}

.nodeChildren .nodeType_imp span.nodeTi{
    color: var(--couleurImportant) !important;
}

a.nodeMoreDesc_a {
    background-position:center center;
vertical-align: middle;}

.screenSeq > .caption_co {
    
    
    padding-bottom: 0;}

.caption {
    text-align: center;
    margin: 0 0 10px 0;
}

.scImgAnmCtrl {
    padding:0;
    display:flex;
    
    flex-direction: row;height:25px
;align-items: center;}

.scImgAnmCtrIdx {
    position: static;
margin-left: 0.4em;height: auto;}

a.scImgAnmBtnPse, a.scImgAnmBtnPly, a.scImgAnmBtnNxt, a.scImgAnmBtnPrv {
    position: static;
margin: 0 0.2em;}

.scImgAnmCtrSep {
    position: static;
height: auto;}

.scImgAnmCtrCnt {
    position: static;
height: auto;}

.infoblock_ti {
    
font-family: 'oswald';margin-left: 0.9em;}

a.enterBtn, a.validBtn, a.solBtn, a.btnRestartE {
background: url("img/SKIN/button-start.svg") no-repeat scroll right center / 40px 40px transparent;
    color: var(--couleur1);
    font-family: 'oswald';
    padding-left: 0.5em;
    transition: background 0.4s;
    padding-right: 50px;
    height:40px
}

a.enterBtn span,
a.validBtn span,
a.solBtn span,
a.btnRestartE span{
    line-height:40px
}

a.enterBtn:hover, a.validBtn:hover, a.solBtn:hover, a.btnRestartE:hover {
    opacity: 1;
    background-color: var(--couleurHover2);
}

.tplEval #header {
    
background: var(--couleur3);
    color: white;font-family: 'oswald';
    text-shadow:1px 1px 3px black
}

.tplSub #menu li.outRoot a::before {
    content: "\e816" !important;
    font-size:2em !important;
    text-shadow:4px 4px 10px rgba(0,0,0,0.3)
}

.tplSub #menu li.outRoot a {
    padding-left: 0.9em !important;
}

.tplEval div#navFooter div.pDone {
    background-color: var(--couleur3);
    text-shadow:1px 1px 3px black
}

.tplEval #footer #navFooter nav a, .tplEval #footer #navFooter a {
    background-color: transparent;
}

.tplEval #footer #navFooter nav a:hover,
.tplEval #footer #navFooter a :hover {
    opacity: 1;
    background-color: var(--couleurHover);
}

.tplEval div#navFooter div#pBar {
    background-color: transparent;
}

div.question, div.block_el, div.score_bk {
    background: none;
    padding-left: 0;
}

.block.subQuestion {
border-left: 5px solid var(--couleur3);}

.subQuestion .block_co {
    border-left: none !important;
    border-top: none;
    padding: 0;
margin-left: 0;}

.choiceMap_mk {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    
    border: none;
    border-radius: 50%;
    padding: 0;
    box-shadow: none;
background: url(img/SKIN/select.png) no-repeat center center;background-color: rgba(255,255,255,0.8);box-shadow: 0 0 10px white;}

input[type="radio"] + label::before {
    display:none
}

.exoInput, .gapInput, .gapAnswer, .gapSize {
    font-size: 13.3px;
    border:revert;
        border-width:1px
}

.ddDropContIfEmpty::before {
display:none
}

.ddDropContIfEmpty {
background: url("img/SKIN/drop.svg") no-repeat center center;
}

.ddBasketCatch, .ddDropCatch {
    border: 0;
    background-color: var(--couleur2);
}

.ddLabel, .ddLabelSol {
    border: 1px solid var(--couleur3);
}

.ddLabel_Wrong, .assmntResult_Wrong, .sortLabel_Wrong, .fixedLabel_Wrong {
    padding: 1px;
    border: 2px solid red;
}

.ddLabel_Right, .assmntResult_Right, .sortLabel_Right, .fixedLabel_Right {
    padding: 1px;
    border: 2px solid green;
}

.assmntResult_0 input {
    color: red;
    text-decoration: line-through;
}

.assmntResult_1 input {
    color: green;
}

.mtLabel p, .mtLabelSol p, .ddLabel p, .ddLabelSol p {
    font-size: 1em;
}

.ddDropTi {
    font-weight: normal;
    background-color: var(--couleur1);
    font-family: 'oswald';
}

.mtTdArrow {
    background: url("img/SKIN/drag.svg") no-repeat center center;
}

.mtTdArrow::before {
    display:none
}

.gapInput {
    border: revert;
    border-radius: revert;
    font-size: revert;
}

.assmntResult_0 .gapInput {
    border-color:revert;
    border-radius:revert;
    border-right: 0;
    border-style:inset;
    border-width:1px
}

.assmntResult_1 .gapInput {
    border-color: revert;
}

.gapInput[disabled] {
    background-color: revert; 
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
}

a.solBtn{
background: url("img/SKIN/eval.svg") no-repeat scroll transparent;
    background-position: right -150px;
}

.evalScoreLink{
    text-align:center
}

.question_ti,
.score_ti, 
.sol_ti,
.explain_ti{
    padding-left:0.9em;
    font-family:'oswald';
    color:var(--couleur1);
    font-size:1.2em;
    border-bottom: 1px solid var(--couleur1);
    margin-top:1.5em;
    font-style:normal;
}

.explain{
    background:none;
    font-style:normal
}

.solBody {
    padding: 0;
}

.scoreEval .answGood,
.scoreEval .answWorst,
.scoreEval .answBad,
.scoreEval .answBest {
    font-family: 'oswald';
    text-align: center;
    min-height: 32px;
    padding-left: 40px;
    background-image: url("img/SKIN/quiz_results.svg");
    background-repeat: no-repeat;
    display: inline-flex;
    margin-bottom: 2em;
    align-items: center;
    margin-left:0.9em
}

.gapAnswer {
    border-radius: 0;
    background-color: var(--couleur2);
    border: 0;
    padding: 2px 4px;
    color: var(--couleur1);
    font-size:unset
}

.olTableSol {
    margin:0 0.9em;
  width:auto
}

.response_ti > span:last-child {
    display:none
}

div.choiceList_in {
    text-align:center
}

.response_ti > span:nth-child(-n+2) {
    width: 100px;
    text-align:center
}

.response_ti {
    font-size: 0.8em;
    margin-bottom: 0.5em;}

.sol .response_ti {
    margin-left:20px
}

.sol form{
    margin-left:20px
}

div.choiceList_in,
div.choiceList_sol {
    width: 100px;
    margin:0
}

li.choiceList_ch {
    margin:0
}

div.choiceList_sol {
    text-align:center
}

.evalEnterLink,
.evalResetLink{
    display:inline-block;
}

.evalEnterMsg{
    text-align:center
}

a.btnRestartE {
    background: url("img/SKIN/eval.svg") no-repeat scroll transparent;
background-position: right -42px;}


.choiceExplain {
    background-color: var(--couleur2);
margin-left: 0;}

li > div a span.outLabel::before{
    content:'' !important;
    display:inline-block !important;
    width:20px !important;
    height:20px !important;
    background-color:transparent !important;
    background-image: url(img/SKIN/menu-bullet.svg);
    position: static !important;
    border-radius: 0 !important;
    
    border: 0 !important;
    margin-right: 3px;
    }

li > div a.mnuSel_yes span.outLabel::before{
    background-image: url(img/SKIN/menu-bullet_on.svg);
}

.outLabel{
    min-height:35px;
    display: inline-flex;align-items: center;transition: all 0.4s;padding-right: 0.5em !important;}
li.outEx > div a span.outLabel::before,
li.outAct > div a span.outLabel::before{
    background-image: url(img/SKIN/menu-bullet-quiz.svg);
}

li.outEx > div a.mnuSel_yes span.outLabel::before,
li.outAct > div a.mnuSel_yes span.outLabel::before{
    background-image: url(img/SKIN/menu-bullet-quiz_on.svg);
}

li.outSec > div a span.outLabel::before{
    background: url(img/SKIN/menu-toggle.svg) no-repeat top;
    transform:rotate(90deg);
        
}

li.outSec > div a.mnuSel_yes span.outLabel::before{
    background-position: left -81px;
}

ul.sw_outMap_navList {
    margin: 0;
}

ul.sw_outMap_navList a.mnuSel_yes span.outFrame {
    background-image: none;
}

ul.sw_outMap_navList a:hover span.outFrame .outLabel{
    background:var(--couleurHover2);
}

ul.sw_outMap_navList a.mnuSel_yes span.outFrame .outLabel{
    background:var(--couleur1);
    color:white
}

ul.sw_outMap_navList a.mnuSel_yes>span {
    background-image:none;
}

ul.sw_outMap_navList a:hover span.outLabel {
    text-decoration: none;
}

ul.sw_outMap_navList  a{
    color: black;
}

ul.sw_outMap_navList li{
    margin: 0;
}

ul.sw_outMap_navList ul {
    margin: 0;
}

ul.sw_outMap_navList ul span.outLabel{
    padding-left:44px
}

ul.sw_outMap_navList ul ul span.outLabel{
    padding-left:64px
}

ul.sw_outMap_navList ul ul ul span.outLabel{
    padding-left:84px
}

ul.sw_outMap_navList ul ul ul ul span.outLabel{
    padding-left:104px
}

ul.sw_outMap_navList ul ul ul ul ul span.outLabel{
    padding-left:124px
}

ul.sw_outMap_navList ul ul ul ul ul ul span.outLabel{
    padding-left:144px
}

ul.sw_outMap_navList ul ul ul ul ul ul ul span.outLabel{
    padding-left:164px
}

ul.sw_outMap_navList ul ul ul ul ul ul ul ul span.outLabel{
    padding-left:184px
}

.mnu_seen .mnuSel_yes span.outLabel::after {
    color: white;
}

.mnu_seen span.outLabel::after {
    content: "";
    height:16px;
    width:16px;
    
    background: url(img/SKIN/content_buttons.svg) no-repeat top;
    background-position: 0 -128px;
display: block;background-size: 100%;margin-left: 5px;}

.glossary dt {
    background-image: none;
color: var(--couleur1);
    font-weight: normal;
    font-family: 'oswald';
    font-style: normal;padding-left: 1em;}

.glossary dd {
    background-image: none;
    border-left: 3px solid var(--couleur3);
    padding:0
;margin-left: 2em;}

.glossary .idxCallers_co {
    border-radius: 0;
}

.idxCallers{
    margin-left:1em
}

.glossary .keyCateg {
    font-family: 'oswald';
    font-weight: normal;
    color: var(--couleur1);
    font-size:2em;
    text-align:left;
    padding-left: 20px;}

.glossary .keyOutline {
    background-color: var(--couleur3);
    
margin: 20px;}

.glossary .keyOutline a {
    color: var(--couleur1);
    text-shadow: 1px 1px 1px white;
    padding: 0 1em;
    transition: all 0.4s;
    font-size:1.5em;
    font-family:'oswald'
;margin: 0;}

.glossary .keyOutline a:hover {
    
background-color: rgba(255,255,255,0.2);}

div.pDone span {
    color:white
}

.scrZneImg{
    border:2px solid var(--couleur3);
    z-index: 200;
}

@media (max-width: 700px){
.tplHome #footer #navFooter ul {
    margin: 1em;
}

.tplHome #header h1 {
    font-size: 2em;
}

.tplHomeTiFra td.tplHomeLongTi {
    font-size: 1.2em;
}

p.time {
    font-size: 1.2em;
}

.tplHomeTiFra table {
    margin: 10px 0;
}

.tplHomeTiFra {
    margin: 0 5px;
}

.tplPage #header h1, .tplTools #header h1{
    order: 2;
    padding: 5px;
    font-size:1.5em
}

#menu {
    order:3;
    font-size:1.2em;
}

.tplPage #header, .tplTools #header {
    flex-direction:column
}

.headCo_ti {
    font-size: 1.3em !important;
}

.caption_co iframe{
    width:100%
}

.stepScreenBox {flex-direction: column;align-items: center;}

.stepScreenTitles {
    width: 100%;
    min-height: 150px;
}

.cbk_co.collBlk_open{
    overflow:visible !important
}

.block_co.screen_co {
    margin-left:0
}

.screenZone_pre{
    float:unset !important
}

.screenZone_desc{
    margin:0 !important
}
}