/*	Extension MS	*/
div#scDepotStack {
  position: absolute;
  top: 10px;
  left: 230px;
  color: #ffffff;
  z-index:99999;
}
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;
}

html {
  font: 12pt arial;
}

.op_txt_ul {
    color: black;
}

.home #root {
  background: var(--couleur2);
height: 100%;overflow: auto;}

.home section.article h1 {
  background: var(--couleur1);
  font-family:oswald, sans-serif;
  margin: 0;
  padding: 0.5em;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 2.5em;
flex-grow: 3;display: flex;flex-direction: column;justify-content: center;}

.home section.article {
  margin-top: unset;
  margin-left: unset;
  background-color:unset;
  padding: unset;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
/* overflow: visible; */}

.home #navigation {
  /* margin-top: 20px; */
  margin-bottom: 0;
display: flex;flex-direction: column;padding: 2em 0;justify-content: center;/* flex-grow: 2; */z-index: 3;}

.home #navigation ul {
background: var(--couleur2);}

.home section.article .hBk_co {
  color:black;
  box-shadow: 0 0 20px #262626;
  /* padding: 1em; *//* flex-grow: 2; */
  justify-content: center;
  display: flex;
  flex-direction: column;
  background: white;
}

.home section.article .hBk_co .logo {
  position: static;
  box-shadow: unset;
  justify-self: flex-end;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  z-index: unset;
margin: 1em;}

body.home{
  
}
.home #main {
    /* display: flex; */
    /* flex-flow: column; */
}

.home #content {
  position: relative;
/* overflow: auto; */}

.home section.article .hBk_co .version {
  margin-right: 0;
  color: var(--couleur1);
margin: 0.2em;}


.home section.article .hBk_co .auth {
    font-size: 1.5em;
}

.home section.article .hBk_co .date {
  color: var(--couleur1);
margin: 0.2em;}

.home #navigation a {
  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;}

.home #navigation a.btnScormResume {
    background-image: url(../img/SKIN/button-resume.svg);
    background-size: 60px;
    background-color: transparent;
}

.home #navigation li {
    height: auto;
text-align: center;}

.home #navigation a span {
  padding-top: unset;
  padding: 0.5em 0;
}

.home #navigation a:hover {
  opacity: 1;
  background-color:var(--couleurHover);
}

.home #footer,
.default #footer,
.sco #footer{
  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);
}

#footer>a {
  position: static;
  order:1;
  color:inherit;
  text-decoration: none;
}

.legalInfo {
  order:2
}

.home .op_txt_ul {
  color: unset;
}

.default #header, .sco #header {
  background: var(--couleur1);
  position: static;
  height: auto;
/* flex-direction: row; */justify-content: end;/* justify-items: center; *//* align-content: center; */align-items: center;display: flex;}

.default #main {
  background:none;
  overflow: visible;
box-shadow: 0 0 20px #262626;}

.default #navigation {
  flex: 0 0 50px;
  margin-bottom: -50px;
  padding: 0;
}

.default #toolbox {
  margin-top: -60px;}

.default #document, .sco #document {
  margin-top:0
;border-left: 1px solid var(--couleur1);}

.default #footer, .sco #footer {
  flex: 0 0 50px;
}

.default #navigation a {
  background: url(../img/SKIN/buttons.svg) no-repeat top;
  padding: 0;margin: 0;
  width: 50px;
  height: 50px;
  padding-left: 50px;
  vertical-align: top;
  transition:background-color 0.4s
}

.default #navigation span.btnNav {
  padding: 0;margin: 0;
  width: 50px;
  height: 50px;
  padding-left: 50px;
  vertical-align: top;
}

.default #navigation .btnNav.prev {
    background-position: 0 2px;
}

.default #navigation a.btnNav.next,
.default #navigation .btnNav.next{
    background-position: 0 -98px ;
}

.default #navigation a.btnZen {
    background-position: 0 -199px;
    padding-left: 50px;
}

.default #navigation li {
    height: unset;
}

.default #navigation a:hover {
    opacity: 1;
  background-color:var(--couleurHover)
}

.module .hBk>h2.hBk_ti:before, .sco .mainContent>h2.mainContent_ti:before {
    display:none
}

.article>.hBk_ti,
.sco .article>.mainContent_ti,
.subWin.eval .end h2{
  background-image: none !important;
  font-family: 'oswald';
  font-weight: normal;
  color: var(--couleur1);
  text-align: right;
  /* padding: 0.3em 0.7em; */
  margin: 0;
}

.article>.hBk_ti span,
.sco .article>.mainContent_ti span,
.article>.hBk_ti spian,
.sco .article>.mainContent_ti spian,
.subWin.eval .end h2 span{
  font-weight: normal;
  border-bottom: 1px solid var(--couleur3);
  display: inline-block;
  /* padding: 0.3em 0.7em; */
  /* margin: 0; */
padding: 0.33em 0.7em;}

.home section>.hBk_ti span{
border:0
}

.home section>.hBk_ti{
    text-align: center;
}

.default .scroller, .sco .scroller {
    padding: 0;
}

.default #header h1, .sco #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;/* text-transform: uppercase; */display: block;}

.scorm #header h1{
  padding-right: 49px;}

.default #tools .item {
    box-sizing: unset;
    width: auto;
    padding-left: 40px;
    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;
transition: background-color 0.4s;}

.default #tools .lbl {
    margin: 0;
    padding: 0;
    line-height: unset;
/* display: flex; *//* flex-direction: row; *//* align-items: center; */}

.default #tools ul {
    padding: 0;
    display: flex;
}

.default.scorm #tools ul.mnu {
    margin-left: 0;
}

.home #navigation a.btnScormQuit, .default #tools a.btnScormQuit {
    right: 5px;
  left:auto;
  position:fixed;
}

.default #tools li {
    height: 60px;
vertical-align: top;}

.default #tools .home .item {
    background-position: 0 3px;
}

.default #tools .module .item,
.default #tools .module.anc_yes .item{
    background-position: 0 -96px;
}

.default #tools .tools .item,
.default #tools .tools.anc_yes .item{
    background-position: 0 -196px;
}

.default #tools a:hover {
    opacity: 1;
  
/* border: 1px solid red; */background-color: rgba(255,255,255,0.2);}

.home #navigation a.btnScormQuit, .default #tools a.btnScormQuit {
    background-image: url(../img/SKIN/content_buttons.svg);
}

.scormSeen {
    top: calc(50% - 8px);
}

.btnScormSeen {
    background-image: url(../img/SKIN/content_buttons.svg);
}

.default #tools .anc_yes .lbl {
    background-color:transparent;
    border-radius: 0;
  position:relative;
  overflow:hidden;}

.default #tools .anc_yes .lbl::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;
}

.default #root {
    background: white;
}

input.schBtnLaunch {
    background-image: url("../img/SKIN/find.svg");
  transition:background-color 0.4s
;height: 34px;width: 35px;}

input.schInput {
    border: 1px solid var(--couleur3);
    width: 237px;
  height:34px
;padding: 5px;}

.schCmds_act input.schInput {
    border: 1px solid var(--couleur3);
    color: var(--couleur1);
}

input.schBtnLaunch:hover {
  background-color:var(--couleurHover2);
}

form.schForm {
    text-align: left;
margin: 0;}

.default .schCmds {
  margin:10px;
  margin-bottom:0
}

.default #menu .mnuSrlUpBtn,
.default #menu .mnuSrlDwnBtn {
  background-image: url(../img/SKIN/menu-scroller.svg);
  background-size: auto;
  height: 29px;
  background-position: center 2px;
  transition: all 0.4s;
display: block;padding-left: 300px;width: 100%;}


.default #menu .mnuSrlUpBtn span,
.default #menu .mnuSrlDwnBtn span{
  opacity:0
}

.default #menu .mnuSrlUpBtn:hover,
.default #menu .mnuSrlDwnBtn:hover {
  background-color: var(--couleurHover2);
}

.default #menu .btnOff .mnuSrlUpBtn,
.default #menu .btnOff .mnuSrlDwnBtn {
  opacity:0
}

.default #menu .btnOff .mnuSrlUpBtn:hover,
.default #menu .btnOff .mnuSrlDwnBtn:hover {
  background-color: transparent;
}

.default #menu a.mnuSrlDwnBtn {background-position: center -38px;}

.default #menu {
    margin-bottom: 0;
  position:relative
;margin-top: 10px;}

.default #menu:before,
.default #menu:after{
  content:' ';
  display:block;
  width:100%;
  height: 15px;
  background: linear-gradient(0deg, rgba(255,255,255,0) 0, white 100%);
  position: absolute;
  z-index:2
;top: 29px;}

.default.tools #menu:before,
.default.tools #menu:after{
  content:unset;
}

.default #menu:after{  
  bottom: 29px;
  top: auto;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0, white 100%);
}

.default #menu>ul.mnu {
  
  padding: 15px 0;}

.default #menu .mnu li {
    background-image: none;
}

.default #menu .mnu .tgle_c,
.default #menu .mnu .tgle_o {
    background: url(../img/SKIN/menu-toggle.svg) no-repeat top;
  transition:transform 0.4s
;top: calc(50%  - 12px);left: auto;}

.default #menu .mnu .sel_yes > div .tgle_c, .default #menu .mnu .sel_yes > div .tgle_o {
    background-position: left -81px;
}

.default #menu .mnu .tgle_o{
  transform:rotate(90deg);
}

.default #menu .mnu .quiz .lbl.type_l > .item,
.default #menu .mnu .coQuiz .lbl.type_l > .item,
.default #content ul.plan .quiz .lbl.type_l > .item,
.default #content ul.plan .coQuiz .lbl.type_l > .item {
    background-image: url(../img/SKIN/menu-bullet-quiz.svg);
}

.default #menu .mnu .quiz.sel_yes .lbl.type_l > .item,
.default #menu .mnu .coQuiz.sel_yes .lbl.type_l > .item,
.default #content ul.plan .quiz.sel_yes .lbl.type_l > .item,
.default #content ul.plan .coQuiz.sel_yes .lbl.type_l > .item{
    background-image: url(../img/SKIN/menu-bullet-quiz_on.svg);
}

.default #menu .mnu .lbl.type_l > .item,
.default #content ul.plan .lbl.type_l > .item {
  background-image: url(../img/SKIN/menu-bullet.svg);
}

.default #content ul.plan .lbl.type_b > .item::before {
background: url(../img/SKIN/menu-toggle.svg) no-repeat top center;
  display:block;
  width: 20px;
  height:20px;
  content:' '
;transform: rotate(90deg);position: relative;left: -7px;}

.default #menu .mnu .lbl > .item,
.default #menu .mnu .lbl> .item,
.default #content ul.plan .lbl > .item,
.default #content ul.plan .lbl > .item {  
  padding-top: 5px;padding-bottom: 5px;
}

.default #menu .mnu .sel_yes > .lbl.type_l > .item,
.default #menu .mnu .sel_yes > .lbl.type_l > .item,
.default #content ul.plan .sel_yes .lbl.type_l > .item,
.default #content ul.plan .sel_yes .lbl.type_l > .item {
    background-image: url(../img/SKIN/menu-bullet_on.svg);
}

.default #menu ul.sub,
.default #content ul.plan ul.sub {
    padding: 0;
}

.default #menu ul.sub .lbl,
.default #content ul.plan ul.sub .lbl{
  padding-left: 24px;
  transition:background 0.4s
}

.default #menu .lbl:hover,
.default #content ul.plan .lbl:hover{
  background-color:var(--couleurHover2) !important;
}

.default #menu ul.sub ul.sub .lbl,
.default #content ul.plan ul.sub ul.sub .lbl{
  padding-left: 44px;
}

.default #menu ul.sub ul.sub ul.sub .lbl,
.default #content ul.plan ul.sub ul.sub ul.sub .lbl{
  padding-left: 64px;
}

.default #menu ul.sub ul.sub ul.sub ul.sub .lbl,
.default #content ul.plan ul.sub ul.sub ul.sub ul.sub .lbl{
  padding-left: 84px;
}

.default #menu ul.sub ul.sub ul.sub ul.sub ul.sub .lbl,
.default #content ul.plan ul.sub ul.sub ul.sub ul.sub ul.sub .lbl{
  padding-left: 104px;
}

.default #menu ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub .lblm,
.default #content ul.plan ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub .lbl{
  padding-left: 124px;
}

.default #menu ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub .lbl,
.default #content ul.plan ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub .lbl{
  padding-left: 144px;
}

.default #menu ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub .lbl,
.default #content ul.plan ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub .lbl{
  padding-left: 164px;
}

.default #menu ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub .lbl,
.default #content ul.plan ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub ul.sub .lbl{
  padding-left: 184px;
}

.default #menu .mnu .sel_yes > .lbl .item, .default #content ul.plan .sel_yes {
  background-color: transparent;
  padding-top: 5px;
  padding-bottom: 5px;
}

.default #menu .mnu .sel_yes > .lbl,
.default #content ul.plan .sel_yes > .lbl{
    background-color: var(--couleur1) !important;
}

.default #menu .mnu .sel_yes>.lbl .item span {
    background-color: transparent;
}

.default #content ul.plan .sel_yes>span {
    background-color: var(--couleur1);
border-radius: 0;}

.default #menu .mnu .item span {
    padding: 0;
    margin-bottom: 0;
}

.default #content ul.plan .item span {
    padding: 0.2em 0.3em;
    margin-bottom: -2px;
}

.default #menu .mnu .item,
.default #content ul.plan .item {
    display: unset;
    padding: 0;
    margin-bottom: 0;
}

.default #menu .mnu .item,
.default #content ul.plan .item {
  display: flex;
  padding-top: unset;
  align-items: center;
  min-height: 23px;
}

.default #menu .mnu .item,
.default #content ul.plan .item{
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 26px;
}

.default #content ul.plan .type_b > .item{
  padding-left: 8px;
}

.default #menu .mnu .lbl, .default #content ul.plan .lbl {
  
  min-height: unset;
padding: 0;background-image: none !important;padding-left: 5px;}

.cBk_ti i.type, .pBk_ti i.type {
    background-image: url("../img/SKIN/blocks.svg");
order: 1;font-family: 'oswald';font-style: normal;font-weight: normal;margin-right: 10px;}

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

.cBk_ti>a, .pBk_ti>span {

justify-content: start;}

.pBk .pBk_co {
    background-image: none;
    margin-left: 20px;border-left: 1px solid var(--couleur1);border-radius: 0;background-color: transparent;
}

.cBk_ti {
  text-align: left;
  font-family:'oswald';
  font-weight:normal;
  color:var(--couleur1)
;padding-left: 1em;}

.cBk_co {
    margin-left: 0;
    border-radius: 0;
    margin-top: 0.5em;
    background: var(--couleur2);
}


.warning .pBk_co {
border-left-color:var(--couleurImportant)}

.basic .pBk_co {
border-left-color:var(--couleurImportant2)}

.warning .pBk_ti i.type {
    color: var(--couleurImportant);
}

.basic .pBk_ti i.type {
    color: var(--couleurImportant2);
}

.iBk_ti {
      line-height: 1.2em;
}

.cBk, .pBk {
    background-image: none;
margin-bottom: 10px;}

.expUcDiv{
  margin-left:4em;
}

.expUcDiv > .hBk_ti{
  
text-align: left;font-family: 'oswald';font-weight: normal;background-image: none;color: var(--couleur1);}

.expUcDiv > .hBk_ti > span {
  border-bottom: 0;
  border-left: 10px solid var(--couleur3);
padding-left: 7px;}

.expUcDiv .expUcDiv > .hBk_ti > span {
  border-left-width: 6px;
  font-size:0.9em
}

.expUcDiv .expUcDiv .expUcDiv > .hBk_ti > span {
  border-left-width: 3px;
  font-size:0.8em
}

.expUcDiv .expUcDiv .expUcDiv .expUcDiv > .hBk_ti > span {
  border-left-width: 1px;
}

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

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

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

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

p a:hover,
.dwnLnk:hover{
  background-color:var(--couleurHover2);
  text-decoration:none !important;
}

p a,
.dwnLnk{
  transition:all 0.4s;
  padding:4px;
  display:inline-block;
  color:black !important;
  border-bottom: 1px solid var(--couleur3);}

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

.infoAnc::after,
.infoAnc:hover::after,
.dwnLnk::after,
.dwnLnk:hover::after,
.infoAnc.dwnLnk::after,
.infoAnc.dwnLnk:hover::after,
.subLnk::after,
.subLnk:hover::after{
    font-family: "fontelloSKIN";
  font-size:100%;
  color:black
}

.acr.infoAnc::after,
.acr.infoAnc:hover::after{
    content: " \e802";
}

.glos.infoAnc::after,
.glos.infoAnc:hover::after{
    content: " \e800";
}

.ref.infoAnc::after,
.ref.infoAnc:hover::after{
    content: " \f11d";
  }

.bib.infoAnc::after,
.bib.infoAnc:hover::after{
    content: " \e801";
  }

.dwnLnk::after,
.dwnLnk:hover::after,
.infoAnc.dwnLnk::after,
.infoAnc.dwnLnk:hover::after{
    content: " \f02e";
}

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

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

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

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

.txt_tb td {
    border: 1px solid var(--couleur3);
}

blockquote.rBk:before,
blockquote.rBk:after{
    color: var(--couleur1);
    opacity:1;
}

.subWindow_win {
    border: 2px solid var(--couleur1);
box-shadow: 0 0 20px 0 #aaa;
}

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

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

.subWin .scroller {
  padding: 0;}

a.iBk_closed::before,
a.iBk_closed:hover::before,
a.iBk_open:hover::before,
a.iBk_open::before{
    font-family: "fontelloSKIN";
    content: "\e803 ";
  font-size:100%;
  color:var(--couleur1);
  transition:background 0.4s;
  padding:5px
}

a.iBk_open::before,
a.iBk_open:hover::before{
      content: "\e804 ";
}


a.iBk_closed:hover::before,
a.iBk_open:hover::before{
  background:var(--couleurHover2) 
}

.resInFlow_ti {
    background: transparent;
  font-size:smaller;
margin-top: 0;padding-top: 0;}

.collBlk_open,
.globalExp {
    background-image: none;
  background-color: var(--couleur2);padding: 0.5em;margin: 0;}

figcaption .collBlk_open {
    background-image: none;
  background-color: var(--couleur2);padding: 0.5em;margin-top:0.5em ;}


.globalExp {
  margin-top: 25px;
}

a.tooltip_a.info {
    background-image: url(../img/SKIN/content_buttons.svg);
}

.subPageSelector{
  
/* display: flex; *//* justify-content: center; */margin-left: 2em;margin-top: 3em;}

.subPageSelector::before{
  content: 'Sous-menu de la division :';
margin-bottom: 1em;display: block;color: var(--couleur1);}

.sw_child_navList {
    background-image: none;
  border-left:2px solid var(--couleur3)
;padding: 0 1em;margin-left: 0;
margin-top: 0;}

#content .article .hBk_co{
  /* padding:1em; *//* flex-grow: 2; *//* overflow: auto; */} 

.quitDetail{
  padding:0.9em
}
.quest .hBk_co {
    padding-left: 0;
}

.tools #content .article .hBk_co{
  padding:1em;
} 

.sw_child_navList a {
    font-weight: normal;
  margin:0.1em 0;
  display:block
}

.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;}

.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.correction:hover {
    background-position: right 5px top 5px;
}

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

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

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

.subQuiz .toolbar {
  border-bottom: none;
}

.coQuiz > .hBk_co > div >.quizBody > .toolbar {
border-top: 3px solid var(--couleur3);
  border-bottom:0
;margin-bottom: 60px;}

.coQuiz > .hBk_co > div >.quizBody > .toolbar .scoreBox > span::before{
  content: 'Appréciation globale : ';display: inline-block;margin-right: 0.5em;font-family: 'oswaldLight';letter-spacing: 1px;}

.coQuiz > .hBk_co > div >.quizBody > .toolbar .btnQuiz.toggleButtonOn::after {
    top: -16px;
}

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

.subQuiz .scoreBox {
  bottom: 0;
}

.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;}

.scoreBox .answBest{
  background-position: left -60px;}

.scoreBox .answBad{
  background-position: left -180px;}

.scoreBox .answGood{
  background-position: left -120px;}

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

.practUc h3{
  font-family:'oswald';
font-weight: normal;border-bottom: 2px solid var(--couleur1);text-align: center;}

.practUc h4{
  font-family:'oswald';
font-weight: normal;border-bottom: 2px solid var(--couleur1);text-align: center;}

.quest .hBk_co {
    background: none;
}

.cbk-closed .cBk_ti a {
  display:inline-block;
  color:black
;padding-left: 19px;background-position: left center;}


.field .quizBody>.response {
margin:0.9em}

.exoAsw {
    margin-top: 0;
margin-left: 1em;}

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

.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;
}

.mtLabel, .mtLabelSol {
    border: 1px solid var(--couleur3);
}

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

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

.subQuiz_ti {
    border-bottom: 1px solid var(--couleur1);
font-family: 'oswald';font-weight: normal;color: var(--couleur1);padding-left: 1em;}

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

span.choiceList_in {
	text-align:center
}

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

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

.sol form,
.response form{
	margin-left:20px
}

.choiceExplain,
.choiceExp{
    background-color: var(--couleur2);
    margin-left: 0;
  padding:0.5em;
  font-style:italic
;color: #393939;}

label.choiceList_la p {
    margin: 0;
}

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

li.choiceList_ch {
	margin:0
;padding-bottom: 0.5em;display: flex;align-items: center;}

span.choiceList_sol {
	text-align:center
}

.assmntUa .gotoEval .btnEval {
    background-image: url("../img/SKIN/button-start.svg");
    color: var(--couleur1);
font-family: 'oswald';
  padding-left:0.5em;
transition:background 0.4s}

.assmntUa .gotoEval .btnEval:hover {
  opacity:1;
  background-color:var(--couleurHover2);
  
}

.assmntUa #content .obj {
    margin: 0;
    padding: 1em;
background: none;}

.assmntUa #content .obj .cBk_ti {
  margin:0
;margin-bottom: 0.5em;}

.assmntUa #content .obj .cBk_co {
margin:0
}

.assmntUa .gotoEval {
  margin-top:3em
}

.btnStartE, .btnRestartE, .btnScoreE, .btnValidateE, .btnCloseE, .btnGotoSolE {
  background: url("../img/SKIN/eval.svg") no-repeat scroll transparent;
  border:0;
  background-position: right 13px;
  padding-right: 44px;
  padding-left: 0.5em;
  font-family: 'oswald';
  color: var(--couleur1) !important;
  line-height: 40px;
  height:40px
;margin: 1.5em;transition: background-color 0.4s;}

.btnStartE:hover,
.btnRestartE:hover,
.btnScoreE:hover,
.btnValidateE:hover,
.btnCloseE:hover,
.btnGotoSolE:hover {
  opacity:1;
  background-color:var(--couleurHover2);
}

.subWin.eval #content {
  box-shadow: 0 0 20px #262626;
  z-index:2;
  background:white
}

.subWin.eval #main {
    background: var(--couleur2);
}

.btnStartE {
    background-position: right 8px;
}

.btnRestartE {
    background-position: right -42px;
}

.subWin.eval #navigation a {
    background: url(../img/SKIN/buttons.svg) no-repeat top;
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    padding-left: 50px;
    vertical-align: top;
    transition: background-color 0.4s;
}

.subWin.eval #navigation a:hover {
  opacity:1;
  background-color: var(--couleurHover);}

.subWin.eval #navigation a.btnNav.nextEval {
    background-position: 0 -98px;
}

.subWin.eval #navigation li {
    height: 50px;
}

.subWin.eval #navigation ul {
    padding: 0;
}

.subWin.eval #navigation {
    padding-top: 0;
display: flex;flex-direction: row-reverse;justify-content: space-between;}

.subWin.eval #navigation a.btnNav.prevEval {
    background-position: 0 3px;
}

.subWin.eval #navigation .evalCounter {
    font-size: 1.5em;
    color: var(--couleur1);
  position:static
;display: flex;align-items: center;padding-left: 0.5em;padding-top: 5px;order: 1;}

.btnGotoSolE {
    background-position: right -156px;
}

.btnCloseE {
    background-position: right -202px;
}

.scoreEval {
  padding:0 0.9em
}

.subWin.eval .answGood,
.subWin.eval .answWorst,
.subWin.eval .answBad,
.subWin.eval .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;}

.subWin.eval .answGood{
  background-position: left -120px;}

.subWin.eval .answBest{
  background-position: left -59px;}

.subWin.eval .answBad{
  background-position: left -180px;}

.subWin.eval .infoScore > div{
  text-align:center
}

.answBest{
  color:#0D973B
}

.answGood{
  color:#97B328
}

.answBad{
  color:#BC7A15
}

.answWorst{
  color:#C10808
}

.exoInput {
    margin-left:0.9em;
}

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

.subWin.eval .resultE{
  text-align:center;
  }

.solBody .question, .solBody .score, .solBody .sol, .solBody .explain {
    padding-left: 0;
    min-height: auto;
    margin: 0;
  background:none;
  margin-bottom:2em
}

.solBody .question_ti, .solBody .score_ti, .solBody .sol_ti, .solBody .explain_ti {
    font-style: normal;
    font-weight: normal;
    color: var(--couleur1);
border-bottom:1px solid var(--couleur1);
  font-family:'oswald';
padding: 0 0.9em;}

.quizBody {
    margin-top: 0;
}

.schPropose {
    position: absolute;
    top: 33px;
    left: 7px;
    width: 221px;
    
    border: 1px solid var(--couleur3);
    
    
    
    font-size: 0.8em;
  box-shadow:0 0 10px white;
border-top: 0;padding: 0;}

.schBtnPropose {
    color: var(--couleur1);
    font-style: normal;
  margin:0;
padding: 3px;}

.schBtnPropose:hover, .schBtnPropose:active, .schBtnPropose:focus {
    background-color: var(--couleur3);
    color: black;
    border-radius: 0;
}

.schHit {
    background-color: var(--couleur3);
    color: black;
    border-radius: 0;
padding: 3px;}

.schHit_current {
    background-color: var(--couleur3);
    color: black;
    border-radius: 0;
    box-shadow: 0 0 10px var(--couleur1);
padding: 3px;}

.schBtnTgle {
  background-image: url(../img/SKIN/schBtn.svg);
  width: 35px;
  height: 35px;
background-position: 0 6px;transform: rotate(180deg);transition: transform 0.4s !important;left: 2px;bottom: 9px;}

.schDisplayList_on .schBtnTgle {
transform: rotate(0deg);background-position: 0 6px;}

.schBtnNxt, .schBtnPrv, .schBtnPrvHit, .schBtnNxtHit {
    background-image: url(../img/SKIN/schBtn.svg);
}

.schResFrame {
    background-color: white;
    border-right: 1px solid var(--couleur3);
    border-top: 1px solid var(--couleur3);
    border-left: 1px solid var(--couleur3);
height: 55px;}


.schResListSrl {
    padding: 0;
    border-bottom: 1px solid var(--couleur3);
bottom: 55px;}

.schResListSrl::-webkit-scrollbar-thumb,
.scroller::-webkit-scrollbar-thumb{
    background-color:var(--couleur1);
    border:2px solid var(--couleur2);
}

.schResListSrl::-webkit-scrollbar-track,
.scroller::-webkit-scrollbar-track{
    background-color:var(--couleur2);
} 

.schResListSrl::-webkit-scrollbar,
.scroller::-webkit-scrollbar{
    width: 15px;
}

.schResList {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    
}

.schBtnPrvHit {
    left: 10px;
top: 8px;}

.schTerm {

color: var(--couleur1);}

.schBtnNxtHit {
    top: 8px;
}

.schDisplayList_on .schBtnTgle:hover {
  
transform: scale(1.2);}

.schResults .schHitBox a {
  transition:transform 0.4s
}

.schResults .schHitBox a:hover {
transform: scale(1.2);
}

.schResCnt{
color: var(--couleur1);
}

.schBtnReset {
    background-image: url(../img/SKIN/schBtn.svg);
top: -17px;
  transition:transform 0.4s
}

.schBtnReset:hover {
    opacity: 1;
transform: scale(1.2);
}

.schResListSrl ul.mnu_root {
  margin-left:1em
}

.schResListSrl li.mnu_b {
    margin-top: 0.6em;
}

.schResults a.mnu_tgle_o, .schResults a.mnu_tgle_c {
    background: url(../img/SKIN/schMnuTgle.svg) no-repeat;
width: 12px;height: 12px;background-size: 100%;margin-left: -22px;margin-top: -18px;background-position: 0 0 !important;transition: transform 0.4s;}

.schResults .mnu_sch_no a.mnu_tgle_o {
    background-position: 0 0;
transform: rotate(90deg);}

.schResults .mnu_sch_no a.mnu_lnk,
.schResults .mnu_sch_no a.mnu_lnk span{
  cursor:pointer;
  transition:background-color 0.4s
;/* margin: 0; */}

.schResults a.schParentBtn {
    color: var(--couleur1);
    font-style: normal;
text-decoration: none;}

.schResults a.schPgeBtn, .schResults a.mnu_lnk {
  text-decoration:none
}

.schResults a.mnu_lnk .counter{
  display:none;
}

.schResults .schPgeBk .schPgeBtn:hover, .schResults .mnu_sch_yes .mnu_lnk:hover {
  text-decoration:none;
}

.schResults .schPgeBk .schPgeBtn > span,
.schResults .mnu_sch_yes .mnu_lnk > span{
  padding:0.1em 0.2em;
  transition:all 0.4s
}

.schResults .schPgeBk .schPgeBtn:hover > span,
.schResults .mnu_sch_yes .mnu_lnk:hover > span{
  text-decoration:none;
background: var(--couleur2);}

a.schParent_tgle_c, a.schParent_tgle_o {
    background: url(../img/SKIN/schMnuTgle.svg) no-repeat;
width: 10px;height: 9px;margin-left: -22px;
top: 6px;transition:all 0.4s}

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

.mnu_sch>.capt {
    color: black;
  padding:0.2em
;position: relative;/* bottom: 3px; */}

.schResults .mnu_sch_no a.mnu_lnk:hover,
.schResults a:hover .mnu_sch,
.schResults a:hover .schPgeBtn>span{  
  background-color: var(--couleur2);
}

.schResListSrl li.quiz{
  list-style-image: url(../img/SKIN/menu-bullet-quiz_search.svg);
}

.default.tools h3{font-family: 'oswald';font-weight: normal;color: var(--couleur1);}

.tools dfn, .tools dt {
    color: var(--couleur1);
    font-weight: normal;
font-family: 'oswald';font-style: normal;font-size: 1.1em;}

.tools .mDiv, .tools .mField {
    background-image: none;
border-left: 3px solid var(--couleur3);}

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

#content .credits_ti {
    
    color: var(--couleur1);
    
    
font-weight: normal;font-family: 'oswald';}


.resCredits {
    
    padding-left: 11px;
    background-image: none;
    
    
    
border-left: 3px solid var(--couleur3);}


.tools .refOutline {
    background-color: var(--couleur3);
    
    
    
    
font-family: 'oswald';font-size: 1.5em;margin: 0;padding: 0;}


.tools .refOutlineEntry a {
    color: var(--couleur1);
    
text-shadow: 1px 1px 1px white;padding: 0 1em;transition: all 0.4s;}


.tools .refOutlineEntry a:hover {
  text-decoration:none;
  background-color: rgba(255,255,255,0.2);
}

.tools .refOutlineEntry, .tools .mField_ti {
    margin: 0;
    font-weight: normal;
}

.txt_quote_is {
  font-style:italic;
}




@media (max-width: 800px) {
  
.default #header h1 {
  padding-left: 10px;
  padding-right:50px
}

  .cBk_ti i.type, .pBk_ti i.type {
    margin-right: 0;
}

  .default #toolbox {
    margin-top: 0;
}

  .default .schCmds {
    
    
position: static;align-self: center;}

  .default #document, .sco #document {
    border-left: 0;
}

.default #navigation {

background: var(--couleur1);flex: 0 0 60px;margin-bottom: -60px;}

.schPropose {
    position: static;
width: 235px;}


  .default #navigation a {
    background: url(../img/SKIN/buttons_mobile.svg) no-repeat top;
margin-top: 3px;}

  .default #tools .anc_yes .lbl::before {
    box-shadow: none;
top: -13px;}

.default #menu>.mnuSrlUpFra {
    margin-top: 0;
}

.default #menu {
    background-color: transparent;
  }

#accessibility .waiTools a {
    background-image: url("../img/SKIN/mnuMobile.svg");
}

.home #root section.article {
    margin-left: 0;
    margin-right: 0;
}

  .home section.article h1 {
    font-size: 1.5em;
}

  .home section.article .hBk_co .auth {
    font-size: 1.2em;
}

  .home section.article .hBk_co .version {
    font-size: 1.2em;
}

  .home section.article .hBk_co .date {
    font-size: 1.2em;
}

  .home #navigation a {
    font-size: 1.3em;
    background-size: 50px;
    padding-right: 50px;
}

.article>.hBk_ti span, .sco .article>.mainContent_ti span, .article>.hBk_ti spian, .sco .article>.mainContent_ti spian, .subWin.eval .end h2 span {
    border-bottom: none;
}

  .home #navigation a.btnScormQuit, .default #tools a.btnScormQuit {
    left: 5px;
    right: auto;
}

.choiceMap {
  width:100%;
  overflow:auto
}
  
}


/* SURCHARGES SPÉCIFIQUES SKIN SUSEE */

:root {
    --couleur1: #0b906e;
}