@font-face {
  font-family: "gotham";
  src: url("Gotham-Thin.otf") format("opentype"),
       url("Gotham-Thin.ttf") format("truetype")
}
@font-face {
  font-family: "gotham";
  src: url("Gotham-Medium.otf") format("opentype"),
       url("Gotham-Medium.ttf") format("truetype");
  font-weight:bold;
}
@font-face {	
  font-family: "calibri";
  src: url("Calibri.ttf")  format("truetype")
}

h1, h2, h3, h4, h5, h6{
    font-family: gotham;
}

h3{
    font-size: 1.15em
}

h4{
    font-size: 1em
}

p {
    margin: 1em;
}

body {
    font: 15px calibri;
    color: #494940;
}

section.article > .hBk_ti, .sco section.article > .mainContent_ti {
    background-image: linear-gradient(to right, #00B0FF 0%,#00FFB2 100%);
}

section ul{
    list-style-image: url(../img/skinINPtoulouse/puce1.png);
}

section ul ul{
    list-style-image: url(../img/skinINPtoulouse/puce2.png);
}

section ul ul ul{
    list-style-image: url(../img/skinINPtoulouse/puce3.png);
}

strong{
    color: #0082BC;    
}

.resInFlow_ti {
    background: #DEFFF5;
    margin: 0;
}

.player_bk{
    display: flex;
    align-items: center;
}

div.time_bk {
    white-space: nowrap;
}

div.seek_progress {
    width: 100%
}

div.seek_value,
div.volume_value{
    background-color: #00C78B;
}
.player_bk button:not([disabled]):hover span,
.player_bk button:not([disabled]).act_on span,
.player_bk button:not([disabled]).btnSubDisplay_on span{
	color: #00C78B;
}

.home #navigation a {
    padding-right: 40px;
    padding-bottom: 3px;
    padding-top: 3px;
    color: #0093D6;
    background: url(../img/skinINPtoulouse/enterModule.png) no-repeat right 7px center;
    font-size: 1.5em;
    height: auto;
}

.home #navigation a.btnScormResume {
    background: url(../img/skinINPtoulouse/goPage.png) no-repeat right;
    background-size: auto;
    background-color: rgba(255,255,255,0.7);
}

.home #navigation a.btnScormQuit{
    right: 0;
    left: auto;
}

.default #tools a.btnScormQuit {
    left: 4px;
    right: auto;
    top:2px
}

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

.home #root,
.default #root{
    margin: 40px;
    background: transparent;
    overflow: visible
}

.default #root{
    margin-top: 5px;
    margin-bottom: 5px
}

.default #main{
    overflow: visible;
    background: none
}

.home #main {
    border-radius: 10px;
    box-shadow: 0 0 5px #888888;
    background: url(../img/skinINPtoulouse/logo.png) no-repeat 10px 10px white;
}

body.home,
body.default{
    background: url(../img/skinINPtoulouse/fondPage.png) no-repeat top -100px right -100px;    
    background-color: #F9F8F3
}

.home section.article h1,
.home section.article .hBk_co,
.default #header h1,
.sco #header h1{
    color: #0093D6;
}

.home .op_txt_ul {
    color: #0093D6;
}

.home a.op_txt_ul{
    text-decoration: underline
}

.home section.article .hBk_co{
    font-size: 0.9em
}

.home section.article h1,
.default #header h1,
.sco #header h1{
    font-size: 1.5em;
    text-shadow: 2px 2px 0 white;
}

.home .zen_true section.article h1,
.default .zen_true #header h1,
.sco .zen_true #header h1{
    margin-left: 0
}

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

#footer {
    background-color: transparent;
    margin-top: 5px
}

.home section.article,
.home #navigation li a{
    background-color: rgba(255,255,255,0.7);
    border-radius:10px;
    box-shadow:0 0 5px white
}

.default #header, .sco #header {
    background: none;
    flex: 0 0 50px;
    height: 50px
}

.rBk.res{
    text-align: center;
}

.resInFlow {
    display: block;
}

.resInFlow_co {
    display: block;
    overflow-x:unset
}

.default #content,
.default #menu{
    border-radius: 10px;
    background: white;
    box-shadow: 0 0 5px #888888;
}

.default #menu{
    margin-left: 5px;
    margin-right: 10px;
    background:url(../img/skinINPtoulouse/logoGris.png) bottom 20px center/50% no-repeat, linear-gradient(to top, #defff5 0%, white 150px);
}

.default #menu *{
	transition: background-color 0.2s ease-out;        
}

.scormSeen {
    top: 6px;
}

.default #toolbox{
    flex: 0 0 250px;
}

.default #document {
    margin-top: 50px;
}

.default #tools .item,
input.schBtnLaunch,
.default #navigation a{
    width: 33px !important;
    height: 33px !important;
    display: inline-block;
    background-position: center center !important;
    background-color: #00B0FF;
    border: 1px solid white;
    transition: all 0.2s ease-out;
    background-repeat:no-repeat;
    background-size: auto;
    border-radius:5px;
    padding: 0;
    color: transparent;
    box-shadow: 0 0 5px #aaaaaa;
    box-sizing: content-box;
    margin-right: 10px;
}

.default #navigation a.btnNav.prev {
    background-image: url(../img/skinINPtoulouse/prev.png);
}

.default #navigation a.btnNav.next {
    background-image: url(../img/skinINPtoulouse/next.png);
}

.default #navigation a.btnZen {
    background-image: url(../img/skinINPtoulouse/cacheMenu.png);
}

.default .zen_true #navigation a.btnZen {
    background-image: url(../img/skinINPtoulouse/montreMenu.png);
}

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

.default #tools .anc_yes .lbl .item{
    border: 2px solid #00FFB2
}

.default #tools .anc_yes .lbl .item:hover{
    background-color: #00B0FF;
}

.default #tools .home .item {
    background-image: url(../img/skinINPtoulouse/home.png);
}

.default #tools .module .item {
    background-image: url(../img/skinINPtoulouse/module.png);
}

.default #tools .tools .item {
    background-image: url(../img/skinINPtoulouse/tools.png);
}

input.schBtnLaunch {
    background-image: url(../img/skinINPtoulouse/search.png);
}

.default #tools .item:hover,
input.schBtnLaunch:hover,
.default #navigation a:hover{
    background-color: #00FFB2;
}

.default #tools .lbl {
    margin: 0;
    padding: 0;
}

.default #tools li {
    height: auto;
}

.default #tools {
    -webkit-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-left: 5px
}

form.schForm {
    text-align: left;
    margin-bottom: 10px;
    margin-left: 5px
}

input.schInput {
    box-shadow: 0 0 5px #aaaaaa;
    background-color: #00B0FF;
    border: 1px solid white;
    color: white;
    height: 35px;
    border-radius: 5px;
    padding: 5px;
    width: 195px
}

.schCmds_act input.schInput {
    border: 1px solid white;
    color: white;
}

.schPropose {
    top: 34px;
    left: 10px;
    width: 178px;
    border: 1px solid white;
    border-top: 0;
    background-color: #00B0FF;
    font-size: 1em;
    box-shadow: 0px 4px 4px #666;
    border-radius: 0 0 5px 5px;
}

.schBtnPropose {
    color: white;
}

.schBtnPropose:hover, .schBtnPropose:active, .schBtnPropose:focus {
    color: black;
    background-color: #00ffb2;
}

section.article > .hBk_ti, .sco section.article > .mainContent_ti {
    font-size: 1.2em;
}

.default #tools ul {
    padding: 0;
}

.schProposeExceeded {
    color: white;
}

.default #menu > div.mnuSrlUpFra,
.default #menu > div.mnuSrlDwnFra{
	background: #00b0ff;
    border-radius: 10px 10px 0 0;
    -webkit-flex: 0 0 13px;
    flex: 0 0 13px;
}

.default #menu > div.mnuSrlDwnFra{
    border-radius: 0 0 10px 10px;
    margin-bottom: 150px
}

.default #menu .mnuSrlUpBtn,
.default #menu .mnuSrlDwnBtn{
    background: url(../img/skinINPtoulouse/ascHaut.png) no-repeat center center;
    height: 13px;
    width: 100%;
    padding-left: 0;
    color: transparent;
    display: block;
}

.default #menu .mnuSrlUpBtn:hover,
.default #menu .mnuSrlDwnBtn:hover{
    background-color: #00FFB2;

}

.default #menu .mnuSrlDwnBtn{
    background: url(../img/skinINPtoulouse/ascBas.png) no-repeat center center;
}

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

.default #menu .mnu .sel_yes > .lbl{
    background: url(../img/skinINPtoulouse/elmtMnuSel.png) no-repeat center right;
    background-color:#00ffb2;
}

.default #menu .mnu .sel_no > .lbl:hover{
    background-color:#DEFFF5;
}

.default #menu .mnu .quiz.sel_no .lbl,
.default #menu .mnu .coQuiz.sel_no .lbl {
    background-image: none;
}

.default #menu ul li > .lbl{
    padding-left: 20px;
}

.default #menu ul.sub li > .lbl{
    padding-left: 40px;
}

.default #menu ul.sub ul.sub li > .lbl{
    padding-left: 60px;
}

.default #menu ul.sub ul.sub ul.sub li > .lbl{
    padding-left: 80px;
}

.default #menu ul.sub ul.sub ul.sub ul.sub li > .lbl{
    padding-left: 90px;
}

.default #menu ul.sub ul.sub ul.sub ul.sub ul.sub li > .lbl{
    padding-left: 100px;
}

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

.default #menu ul {
    list-style-type: none;
    padding: 0 10px;
    margin: 0;
}

.default #menu > ul.mnu {
    padding: 0;
    background-color: white
}

.default #menu .mnu li {
    background: transparent;
}

.default #menu ul.mnu li .item {
    background-position: left 5px;
    background-repeat:no-repeat;
    padding-left:13px;
    display: inline-block;
    white-space:normal;
    padding-top: 4px;
}

.default.tools #menu .mnu .synth > .lbl .item {
	background: url(../img/skinINPtoulouse/itemsMnu/synthMnu.png) no-repeat left 5px;
}
.default.tools #menu .mnu .bib > .lbl .item {
	background: url(../img/skinINPtoulouse/itemsMnu/bibMnu.png) no-repeat left 5px;
}
.default.tools #menu .mnu .glos > .lbl .item {
	background: url(../img/skinINPtoulouse/itemsMnu/glosMnu.png) no-repeat left 5px;
}
.default.tools #menu .mnu .ref > .lbl .item {
	background: url(../img/skinINPtoulouse/itemsMnu/refMnu.png) no-repeat left 5px;
}
.default.tools #menu .mnu .acr > .lbl .item {
	background: url(../img/skinINPtoulouse/itemsMnu/acrMnu.png) no-repeat left 5px;
}
.default.tools #menu .mnu .index > .lbl .item {
	background: url(../img/skinINPtoulouse/itemsMnu/indexMnu.png) no-repeat left 5px;
}
.default.tools #menu .mnu .credits > .lbl .item {
	background: url(../img/skinINPtoulouse/itemsMnu/creditsMnu.png) no-repeat left 5px;
}

ul.mnu li.obj .item {
    background-image: url(../img/skinINPtoulouse/itemsMnu/obj.png);
}

ul.mnu li.intro .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/introMnu.png);
}

ul.mnu li.conclu .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/concluMnu.png);
}

ul.mnu li.expUc .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/expUcMnu.png);
}

ul.mnu li.practUc .item,
ul.mnu li.quiz .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/practUcMnu.png);
}

ul.mnu li.trainUc .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/trainUcMnu.png);
}

ul.mnu li.assmntUa .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/assmntUaMnu.png);
}

ul.mnu li.quest .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/qSy.png);
}

ul.mnu li.coQuiz .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/listeExoMnu.png);
}

ul.mnu li.courseUa > div .item,
ul.mnu li.ueDiv > div .item{
	background-image: url(../img/skinINPtoulouse/itemsMnu/closedMnu.png);
}

.default #menu ul.mnu li.courseUa > div,
.default #menu ul.mnu li.ueDiv > div{
    margin-left: -20px
}

.default #menu .mnu .tgle_c,
.default #menu .mnu .tgle_o{
    top: 6px;
    position: relative;
    vertical-align: top;
    top: 5px;
}

.default #menu .mnu .tgle_c{
    background: url(../img/skinINPtoulouse/openFolder.png) no-repeat top;
}

.default #menu .mnu .tgle_o{
    background: url(../img/skinINPtoulouse/closeFolder.png) no-repeat top;    
}

.default #navigation {
    padding-top: 10px;
}

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

.toolbar *{
   	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;        
}

.toolbar{
    background: transparent;
    align-items: center
}

.toolbar a{
    box-shadow: 0 0 5px #aaaaaa;
    background-color: #00B0FF;
    border: 1px solid white;
    border-radius: 5px;
    margin-left: 0;
    margin-right: 10px;
    color: white;
    height: 35px;
    line-height: 35px;
    box-sizing:border-box;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
}

.toolbar a.correction.toggleButtonOn{
    border: 1px solid #00FFB2;
    color: #00FFB2;
}

.toolbar a.correction.toggleButtonOn span{
    background-image: url(../img/skinINPtoulouse/quizSolOn.png);
}

.toolbar a:hover,
.toolbar a.correction.toggleButtonOn:hover span{
    background-color: #00FFB2;
    color:white
}

.toolbar a:hover span{
    background-position: right center
}

.btnQuiz.correction span,
.toolbar a.correction.toggleButtonOn:hover span{
    background: url(../img/skinINPtoulouse/quizSol.png) no-repeat right center;
    height: 35px;
}

.btnQuiz.reset span {
    background: url(../img/skinINPtoulouse/quizRecom.png) no-repeat right center;
    height: 35px;
}

.quizBody {
    margin-top: 2em;
}

.question {
    background: url(../img/skinINPtoulouse/exQuest.png) no-repeat left 1em;
    padding-left:35px;
    margin-top:0.5em;
}

.evalBody .question {
    background-position: top left;
    min-height: 50px
}

.question > .rBk {
    margin-top: 0;
    background-image: none;
}

section > .hBk_ti, .sco section > .mainContent_ti {
    margin-top: 0;
}

.quest .hBk_co {
    background: none;
    padding-left: 0;
    min-height: auto;
}

ul.sw_child_navList{
    background: white;
    margin: 2px 2px 2px 0;
    padding: 10px;
    display: inline-block;
    width: calc(100% - 22px);
}

ul.sw_child_navList a {
    padding: 5px 30px;
    margin: 3px 0;
    display: inline-block;
	transition: all 0.2s ease-out;    
}

.sw_child_navList a:hover {
    text-decoration: none;
    color: #00B0FF
}


section ul.sw_child_navList{
    list-style: none
}

ul.sw_child_navList .ueDiv {
	background: url(../img/skinINPtoulouse/itemsChild/ueDivChild.png) no-repeat center left white;
}

ul.sw_child_navList .assmntUa {
	background: url(../img/skinINPtoulouse/itemsChild/assmntUaChild.png) no-repeat center left white;
}

ul.sw_child_navList .courseUa {
	background: url(../img/skinINPtoulouse/itemsChild/courseUaChild.png) no-repeat center left white;
}

ul.sw_child_navList .intro {
	background: url(../img/skinINPtoulouse/itemsChild/introChild.png) no-repeat center left white;
}

ul.sw_child_navList .conclu {
	background: url(../img/skinINPtoulouse/itemsChild/concluChild.png) no-repeat center left white;
}

ul.sw_child_navList .expUc {
	background: url(../img/skinINPtoulouse/itemsChild/expUcChild.png) no-repeat center left white;
}

ul.sw_child_navList .practUc {
	background: url(../img/skinINPtoulouse/itemsChild/practUcChild.png) no-repeat center left white;
}

ul.sw_child_navList .quiz {
	background: url(../img/skinINPtoulouse/itemsChild/trainUcChild.png) no-repeat center left white;
}

ul.sw_child_navList .trainUc {
	background: url(../img/skinINPtoulouse/itemsChild/trainUcChild.png) no-repeat center left white;
}

ul.sw_child_navList .quest {
	background: url(../img/skinINPtoulouse/itemsChild/questChild.png) no-repeat center left white;
}

ul.sw_child_navList .coQuiz {
	background: url(../img/skinINPtoulouse/itemsChild/listeExoChild.png) no-repeat center left white;
}

nav.subPageSelector{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,00b0ff+14 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #00b0ff 14%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#00b0ff 14%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#00b0ff 14%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00b0ff',GradientType=1 ); /* IE6-9 */
    margin: auto;
    width: 80%;
    margin-bottom: 20px
}

.cBk.obj {
    margin: 20px 10%;
    padding: 10px;
    border: 1px solid #00FFB2;
    background-color: white;
}

.cBk.obj .cBk_ti{
    color: #00B0FF
}

.answBest {
	color:#1B9909;
}

.answBad {
	color:#EE751C;
}

.answGood {
	color:#099974;
}

.ddLabel_Right, .assmntResult_Right {
    border-color: green;
}

.ddLabel_Right,
.ddLabel_Wrong{
    background-color: #ececec
}

div.choiceList_la .choice {
    margin-top: 5px
}

.scoreBox{
    font-family: gotham;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
    margin-left: 0
}

div.choiceList_in {
    width: auto;
}

div.choiceList_sol {
    width: auto;
    margin-left: 4em;
    margin-right: 2em
}

.choiceExp {
    background: url(../img/skinINPtoulouse/explications.png) left top  / 20px auto no-repeat;
    padding-left: 7px;
    margin-left: 1em
}

.collBlk_open, .globalExp {
    background: url(../img/skinINPtoulouse/explications.png) left 1em no-repeat;
    margin: 0;
    padding: 0;
    padding-left: 35px
}

.practUc .collBlk_open {
    border-left: 1px solid grey;
    margin-left:9px
}

.practUc .cBk_ti{
    margin-bottom: 0;
    padding-bottom: 0;
}

.hint .collBlk_open {
    background: url(../img/skinINPtoulouse/exResult.png) 5px top no-repeat;
}

.sol .collBlk_open {
    background: url(../img/skinINPtoulouse/exCorr.png) 5px top no-repeat;
}

video {
    max-width: 100%
}

.expUcDiv .expUcDiv {
    margin-left: 1em
}

.expUcDiv .hBk_ti {
    background: url(../img/skinINPtoulouse/partTitle.png) left 2px no-repeat;
    padding-left:25px;
    color: #0093D6;
    margin-top: 1.2em;
    margin-bottom: 0
}

.expUcDiv .hBk_co {
    padding-top: 1px;
    background: url(../img/skinINPtoulouse/part.png) top left no-repeat;
    margin-left: 20px;
}

.iBk_ti {
    color: #0093D6;
}

.pBk{
    margin: 1em;
    background: none
}

.pBk_co{
    border-radius: 0;
    background: #F9F8F3;
    border: 1px solid #D4D4D4
}

.pBk_ti{
    background:#00B0FF;
    color: white;
    font-size:1em;
    font-style: normal;
    line-height: unset;
    padding: 5px 0
}

.pBk_ti > span{
    display: flex;
    align-items: center
}

.pBk_ti i.type{
	display:block;
	background-position:center left;
	background-repeat:no-repeat;
    font-style: normal;
    text-shadow: 0 0 0 white;
    height: auto;
    margin-right:10px;
    margin-left: 10px
}

.basic_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/basic.png);
	padding-left:27px;
}
.basic_ti{
    background-color: #C781B8
}
.legal_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/legal.png);
	padding-left:31px;
}
.legal_ti{
    background-color: #8B75FF
}
.complement_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/complement.png);
	padding-left:25px;
}
.complement_ti{
    background-color: #B07DFF
}
.method_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/method.png);
	padding-left:25px;
}
.method_ti{
    background-color: #AA29FF
}
.syntax_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/syntax.png);
	padding-left: 28px;
}
.method_ti{
    background-color: #00B5CF
}
.simulation_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/simul.png);
	padding-left: 27px;
}
.simulation_ti{
    background-color: #00C2BE
}
.advice_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/advice.png);
	padding-left: 23px;
}
.advice_ti{
    background-color: #00CF96
}
.def_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/def.png);
	padding-left: 28px;
}
.def_ti{
    background-color: #00CF68
}
.example_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/example.png);
	padding-left:30px;
}
.example_ti{
    background-color: #83BA36
}
.remark_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/remark.png);
	padding-left:25px;
}
.remark_ti{
    background-color: #A3BA00
}
.remind_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/remind.png);
	padding-left:32px;
}
.remind_ti{
    background-color: #6B9CB3
}
.warning_ti i.type{
	background-image: url(../img/skinINPtoulouse/balPed/warning.png);
	padding-left: 28px;
}
.warning_ti{
    background-color: #E8494D
}
.warning_ti i.type {
    color: white;
}

.pBk_ti span.title {
    margin-left: 10px;
}

.hBk .acr{
	background: url(../img/skinINPtoulouse/refs/acr.png) no-repeat center right;
	padding-right: 14px;
}
.rBk .glos{
	background: url(../img/skinINPtoulouse/refs/glos.png) no-repeat center right;
	padding-right: 18px;
}
.rBk .bib{
	background: url(../img/skinINPtoulouse/refs/bib.png) no-repeat center right;
	padding-right: 16px;
}
.rBk .ref{
	background: url(../img/skinINPtoulouse/refs/ref.png) no-repeat center right;
	padding-right: 19px;
}
.rBk .docLnk{
	text-decoration: none;
	background: url(../img/skinINPtoulouse/refs/note.png) no-repeat center right;
	padding-right: 22px;
    background-size: unset !important;;
}
.rBk .resLnk{
	text-decoration: none;
	background: url(../img/skinINPtoulouse/refs/zoom.png) no-repeat center right;
	padding-right: 20px;
}
.rBk .ucLnk{
	background: url(../img/skinINPtoulouse/refs/expUc.png) no-repeat center right;
	padding-right: 16px;
}
.rBk .op_txt_ul,
.rBk .txt_ul,
.url,
.resCreditsLnk{
    color: #0082BC;
	background-size: auto 100%;
}

.rBk .op_txt_ul:hover,
.rBk .txt_ul:hover,
.url:hover,
.resCreditsLnk:hover{
    text-decoration: underline
}

.infoAnc::after,
.dwnLnk::after,
.op_txt_ul::after,
.subLnk::after{
    display: none
}

.txt_ili, .txt_oli {
    color: #0082BC
}

.basic_ti .pbTi{
	background-image: url(../img/blocks/basic.png);
	padding-left:27px;
}
.legal_ti .pbTi{
	background-image: url(../img/blocks/legal.png);
	padding-left:31px;
}
.complement_ti .pbTi{
	background-image: url(../img/blocks/complement.png);
	padding-left:25px;
}
.method_ti .pbTi{
	background-image: url(../img/blocks/method.png);
	padding-left:25px;
}
.syntax_ti .pbTi{
	background-image: url(../img/blocks/syntax.png);
	padding-left: 28px;
}
.simulation_ti .pbTi{
	background-image: url(../img/blocks/simul.png);
	padding-left: 27px;
}
.advice_ti .pbTi{
	background-image: url(../img/blocks/advice.png);
	padding-left: 23px;
}
.def_ti .pbTi{
	background-image: url(../img/blocks/def.png);
	padding-left: 28px;
}
.example_ti .pbTi{
	background-image: url(../img/blocks/example.png);
	padding-left:30px;
}
.remark_ti .pbTi{
	background-image: url(../img/blocks/remark.png);
	padding-left:25px;
}
.remind_ti .pbTi{
	background-image: url(../img/blocks/remind.png);
	padding-left:32px;
}
.warning_ti .pbTi{
	background-image: url(../img/blocks/warning.png);
	padding-left: 28px;
}

code {
    font-size: inherit;
}

.tooltip {
    border-radius: 10px;
    border-width: 1px;
    background: white;
    box-shadow:0 0 10px rgba(0,0,0,0.5)
}

.tooltip_ti {
    border-radius: 10px 10px 0 0;
    background: #00b0ff;
    background: linear-gradient(to bottom,  #00b0ff 0%,#00ffb2 100%);
    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
    font-weight: bold;
    font-size: 1.1em;
    padding-right: 20px;
    padding-left: 5px
}

.txt_tb th {
    border: 1px solid #00B0FF;
    background-color: rgba(0,255,178,0.1);
}

.txt_head_tbtr th{
    background-color: #00B0FF;
}

.txt_tb .txt_head_tbtr th *{
    color: white
}

.txt_tb td {
    border: 1px solid #00B0FF;
}

.txt_tb th *{
    text-align: right;
    color: #0080BA;
}

.subWindow_win {
    border-radius: 0 0 10px 10px;
    box-shadow:0 0 20px rgba(0,0,0,0.5)
}

.subWindow_fra {
    border-radius: 0 0 10px 10px;
}

.subWindow_over {
    background: black;
}

.subWindow_ti {
    background-color: #00B0FF;
    color: white;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 5px
}

.hBk.desc .hBk_co{
    background-color: #F5FFFC;
    padding: 1px 10px;
    border: 1px solid #B1FFE7
}

.assmntResult_0 input{
    border:1px solid red
}

.assmntResult_1 input{
    border:1px solid green
}

.exoInput,
.gapInput{
    border:1px solid #00B0FF;
    font-family: unset
}

.exoInput:focus,
.gapInput:focus{
    outline-width:1px;
}

.exoSol {
    color: red;
    margin-left: 5px;
}

.gapAnswer {
    font-family: unset;
    background-color: white;
    padding-left: 2px
}

.gapInput[disabled] {
    background-color: #ECECEC;
}

.assmntResult_0 .gapInput {
    border: 1px solid red;
    border-radius: 3px
}

.assmntResult_1 .gapInput {
    border: 1px solid green;
    border-radius: 3px
}

.quizBody > .question,
.quizBody > .toolbar{
    -webkit-order: unset;
    order: unset;
}

.quizBody > .question{
    min-height:60px
}

.subQuiz {
    border:1px solid #00FFB2;
    margin: 10px 0;
    padding: 1px 10px
}

.hBk_co  .quest{
    border:1px solid #00FFB2;
    background-color: rgba(0,0,0,0.02);
    margin-top:10px
}

.practUc .hBk_co  .quest{
    border:0;
    background-color: transparent;
}

.assmntUa #content .obj{
    border:1px solid #00B0FF;
    background-color: rgba(0,0,0,0.02);
}

.assmntUa .gotoEval a.btnEval {
    background: url(../img/skinINPtoulouse/itemsChild/assmntUaChild.png) no-repeat left;
    height: 28px;
    padding: 25px;
    color: #00B0FF;
    padding: 7px 0 5px 30px;
    text-decoration: underline
}

.btnStartE, .btnRestartE, .btnScoreE, .btnValidateE, .btnCloseE, .btnGotoSolE {
    color: #00B0FF;
    text-decoration: underline;
    background: none
}

.btnStartE:after,
.btnRestartE:after,
.btnValidateE:after,
.btnGotoSolE:after,
.btnCloseE:after,
.btnScoreE:after{
    content:' ';
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid white;
    box-shadow: 0 0 2px #aaaaaa;
    margin-left: 5px;
    vertical-align: text-bottom;
    transition: all 0.2s ease
}

.btnStartE:hover:after,
.btnRestartE:hover:after,
.btnValidateE:hover:after,
.btnGotoSolE:hover:after,
.btnCloseE:hover:after,
.btnScoreE:hover:after{
    background-color: #00FFB2
}

.btnStartE:after,
.btnValidateE:after,
.btnCloseE:after{
    background: url(../img/skinINPtoulouse/next.png) no-repeat center center #00B0FF;
    background-size: 10px auto;
}

.btnRestartE:after{
    background: url(../img/skinINPtoulouse/quizRecom.png) no-repeat center center #00B0FF;
    background-size: 13px auto;
}

.btnGotoSolE:after{
    background: url(../img/skinINPtoulouse/quizSol.png) no-repeat center center #00B0FF;
    background-size: 15px auto;
}

.btnScoreE:after{
    background: url(../img/skinINPtoulouse/search.png) no-repeat center center #00B0FF;
    background-size: 15px auto;
}

.subWin.eval #navigation a {
    width: 33px;
    height: 33px;
    background-color: #00B0FF;
    border: 1px solid white;
    transition: all 0.2s ease-out;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 5px;
    padding: 0;
    color: transparent;
    box-shadow: 0 0 5px #aaaaaa;
    box-sizing: content-box;
    margin-right: 10px;
    background-repeat: no-repeat;
    transition:all 0.2s ease
}

.subWin.eval #main {
    background:none;
}

.subWin.eval #navigation .evalCounter {
    color: #00B0FF;
}

.subWin.eval #navigation a:hover {
    background-color: #00FFB2;
}

.subWin.eval #navigation a.btnNav.nextEval {
    background-image: url(../img/skinINPtoulouse/next.png);
    background-position: center center;
}

.subWin.eval #navigation a.btnNav.prevEval {
    background-image: url(../img/skinINPtoulouse/prev.png);
    background-position: center center;
}

.ddDropTi {
    background-color: #00FFB2;
    color:black;
    font-weight: normal;
    text-shadow: 1px 1px 0 white
}

.ddBasketDragOver, .ddCatchDragOver {
	background-color: #DEF5FF;
}

.subWin .solBody .question {
    background: url("../img/skinINPtoulouse/exQuest.png") no-repeat scroll transparent;
}

.subWin .solBody .score {
    background: url("../img/skinINPtoulouse/exResult.png") no-repeat scroll transparent;
}

.subWin .solBody .sol {
    background: url("../img/skinINPtoulouse/exCorr.png") no-repeat scroll transparent;
}

.subWin .solBody .explain {
    background: url("../img/skinINPtoulouse/explications.png") no-repeat scroll transparent;
}

.subWin .solBody .question_ti, .subWin .solBody .score_ti, .subWin .solBody .sol_ti, .subWin .solBody .explain_ti {
    color:#0090D0;
}

.subWin .end {
    color:#0090D0;
    text-align: center
}

.schResFrame {
    color: black;
    background-color: #F2FFFB;
    border-right: 1px solid #00B0FF;
    border-top: 1px solid #00B0FF;
    border-left: 1px solid #00B0FF;
    height: 50px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    z-index: 91;
    box-shadow: 0 0 10px #434e52;
}

.schHit {
    background-color: #007BB2;
}

.schHit_current {
    background-color: #007BB2;
    box-shadow: 0 0 5px #00FFB2;
}

.tools .synth .hBk_ti, .tools .credits .hBk_ti {
    background-image: linear-gradient(to right, #00B0FF 0%,#00FFB2 100%);
    font-size: 1.2em;
    padding-bottom: 4px;
}

h3, h4, h5, h6 {
    color: #0093D6;
}

.synth_co{
    margin-left: 20px
}

.tools .refOutlineEntry,
.tools .mField_ti,
.tools .refCateg,
.tools dfn,
.tools dt,
.index .idxEntryTi{
    color: #0093D6;
    margin-right: 0
}

.tools .mDiv, .tools .mField {
    background: url(../img/skinINPtoulouse/puce2.png) left center no-repeat
}

.tools .refOutline {
    background-color:#DEFFF5;
}

#content .credits_ti {
    font-size: 1em;
    color: #0093D6;
}

.resCredits {
    background-image: linear-gradient(180deg, #00FFB2 0%, rgba(255, 255, 255, 0) 100%);
}


@media (max-device-width: 500px) and (orientation: portrait), (max-device-height: 500px) and (orientation: landscape){ 
	.default #navigation{
		background: transparent;
        margin-top: 2px
	}
    .default #menu > div.mnuSrlDwnFra {
        margin-bottom: 0;
    }
	.default #menu > div.mnuSrlUpFra {
		margin-top:0px;
	}
    .default #tools ul {
        margin-top: 3px
    }
    .default #document {
        margin-top: 0;
    }
    .default #header h1 {
        margin-right:30px;
    }
    #accessibility .waiTools a {
        right: 0;
    }
    .home #root, .default #root {
        margin: 0;
    }
}