/* Template Default Tactileo */
/*Titres*/
#quizMobileContainer #inner h1, #quizMobileContainer #inner h2 {
  color: #f66311; }

h1.ActivityTitle {
  color: #f66311; }

@media screen and (max-width: 640px) {
  h1.ActivityTitle {
    display: none; } }

@media screen and (min-width: 641px) and (max-width: 860px) {
  h1.ActivityTitle {
    font-size: 18px; } }

#quizMobileContainer .instruction,
.questionDetailsHeader {
  text-align: center;
  font-family: 'merriweather_sansbold';
  font-weight: bold;
  font-size: 14px;
  color: black;
  padding-bottom: 25px; }

#quizMobileContainer #explanationTextContainer .instruction.arrow {
  background: url(images/arrow-consigne.png) no-repeat bottom center; }

/*Header groupe*/

.group h3 {
  background-color: rgba(158, 158, 158, 0.6); }

#quizResultsContainer #questionDetails {
  background: none !important; }

#quizResultsContainer #questionDetails .answers {
  padding-bottom: 0;
  margin: 0 auto; }

#quizResultsContainer #questionDetails .answers #stage-container {
  display: table;
  border: 1px dotted #ccc;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 35px;
  min-width: 50%;
  padding: 15px 25px; }

h3.highlight {
  background-color: #f6933e; }

#quizMobileContainer .questionArea #inner h1 span {
  font-size: 28px !important; }

#quizMobileContainer .questionArea #inner h2 span {
  font-size: 14px !important; }

#quizMobileContainer .instruction .questionArea #inner h3 span {
  font-size: 18px !important;
  color: #f66311 !important; }

#appsListContainer article a {
  color: #f66311; }

#offer a {
  color: #f66311; }

/*Background image*/
#questionContainer,
#quizResultsContainer {
  background: url("images/bkgd-pro.png") repeat repeat;
  background-size: 400px auto; }

/*Button Valider*/
.valid {
  background: #f6893e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6893e 0%, #f66311 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6893e', endColorstr='#f66311',GradientType=0 );
  /* IE6-9 */ }

/*Avatar*/
.messagePopupAvatar {
  background: url("images/tac_question.png") no-repeat; }

/*Buttons*/
button.btnBlue {
  background: #f6893e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6893e 0%, #f66311 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6893e', endColorstr='#f66311',GradientType=0 );
  /* IE6-9 */
  color: #fff !important;
  border: 1px solid #f66311; }

button.btnBlue:hover:enabled {
  background-color: #f66311; }

/*Tables*/
#graph-sparkle-container table th {
  background-color: #f6762d; }

.textWrapDecoration.circle {
  border-color: #f66311 !important;
  border-style: dotted;
  border-width: 2px; }

.textWrapDecoration.square {
  border: 2px solid #f6762d !important;
  color: #f6762d !important;
  background: #f6762d !important; }

/*DragDrop Elements*/
.hole.highlight {
  background-color: #FFD17F;
  border: 1px solid #FAAA7B !important; }

.hole {
  border: 2px solid #d0d0d0; }
  .hole:focus {
    border: 2px solid #f6762d;
    outline: none; }

.holeTextCorrection {
  font-weight: bold;
  font-size: 14px; }

#quizResultsContainer #questionDetails .answers .hole {
  -webkit-box-shadow: 1px 1px 2px 0px #8f8f8f;
  -moz-box-shadow: 1px 1px 2px 0px #8f8f8f;
  box-shadow: 1px 1px 2px 0px #8f8f8f; }

.tag.draggable {
  padding: 10px 40px 10px 40px;
  background: url("images/tag-white.png") no-repeat 5px 5px #575757;
  color: white; }

.tag-hole.ui-draggable-dragging {
  background: url("images/drag-drop_orange.svg") no-repeat 10px 9px;
  background-size: 16px 16px; }

div.tag-hole.holePlaced {
  color: #F67121 !important;
  border: 1px solid #F67121 !important;
  background: url("images/drag-drop_orange.svg") no-repeat 10px 9px;
  background-size: 16px 16px; }

input[type="text"]:focus,
input.hole:focus {
  border: 1px solid #f6762d !important; }

.inputHole {
  background-color: #FFFFFF;
  border: 1px solid #f6762d !important; }

.tag.highlight {
  background: #f6893e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6893e 0%, #f66311 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6893e', endColorstr='#f66311',GradientType=0 );
  /* IE6-9 */
  border: solid #f66311 2px;
  color: #fff; }

div.tag-hole {
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #333;
  color: #fff; }

div.tag-hole.ui-draggable-dragging {
  color: #F67121 !important;
  background-color: #fff !important;
  border: 1px solid #F67121; }

#quizMobileContainer .mobileForHole div.tag-hole.ui-draggable-dragging span.math span {
  color: #F67121 !important; }

.tag.clickable {
  cursor: pointer;
  border: 1px solid #ccc;
  -webkit-box-shadow: 1px 1px 2px 0px #8f8f8f;
  -moz-box-shadow: 1px 1px 2px 0px #8f8f8f;
  box-shadow: 1px 1px 2px 0px #8f8f8f;
  background: #ededed;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #ededed 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 0%, #ededed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */ }
  .tag.clickable:hover {
    cursor: pointer;
    border: 1px solid #f66311;
    background: #f6893e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6893e 0%, #f66311 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6893e 0%, #f66311 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6893e 0%, #f66311 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6893e', endColorstr='#f66311',GradientType=0 );
    /* IE6-9 */ }

#MultipleChoicesContainer.no-minified .tag.clickable,
#MultipleChoicesContainer.no-minified .tag.clickable:hover {
  cursor: pointer;
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

#MultipleChoicesContainer.no-minified table td.tag-no-minified:hover {
  cursor: pointer;
  border: 3px solid #f66311;
  background: #f6893e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6893e 0%, #f66311 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6893e', endColorstr='#f66311',GradientType=0 );
  /* IE6-9 */ }

.tag.clickable.isWrong {
  border: 3px solid #e42b16 !important;
  text-decoration: line-through;
  -webkit-box-shadow: 1px 1px 2px 0px #8f8f8f;
  -moz-box-shadow: 1px 1px 2px 0px #8f8f8f;
  box-shadow: 1px 1px 2px 0px #8f8f8f;
  background: #fff;
  /* Old browsers */
  border-radius: 3px; }
  .tag.clickable.isWrong:hover {
    border: 3px solid #e42b16;
    -webkit-box-shadow: 1px 1px 2px 0px #8f8f8f;
    -moz-box-shadow: 1px 1px 2px 0px #8f8f8f;
    box-shadow: 1px 1px 2px 0px #8f8f8f;
    background: #fff;
    /* Old browsers */ }

#MultipleChoicesContainer.no-minified .tag.clickable.isWrong table td.tag-no-minified,
#MultipleChoicesContainer.no-minified .tag.clickable.isWrong table td.tag-no-minified:hover {
  border: 3px solid #e42b16 !important;
  text-decoration: line-through;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: #fff;
  /* Old browsers */
  border-radius: 0px; }
  #MultipleChoicesContainer.no-minified .tag.clickable.isWrong table td.tag-no-minified:hover,
  #MultipleChoicesContainer.no-minified .tag.clickable.isWrong table td.tag-no-minified:hover:hover {
    border: 3px solid #e42b16 !important;
    text-decoration: line-through;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: #fff;
    /* Old browsers */ }

#MultipleChoicesContainer.no-minified .tag.clickable.isInactive table td.tag-no-minified,
#MultipleChoicesContainer.no-minified .tag.clickable.isInactive table td.tag-no-minified:hover {
  border: 3px solid #ccc !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: #fff !important;
  /* Old browsers */
  border-radius: 0 !important; }
  #MultipleChoicesContainer.no-minified .tag.clickable.isInactive table td.tag-no-minified:hover,
  #MultipleChoicesContainer.no-minified .tag.clickable.isInactive table td.tag-no-minified:hover:hover {
    border: 3px solid #ccc !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: #fff;
    /* Old browsers */ }

#quizMobileContainer #MultipleChoicesContainer.minified .tag.clickable .textContainer span,
#quizMobileContainer #PollContainer.minified .tag.clickable .textContainer span {
  color: #f66311 !important; }

#quizMobileContainer #MultipleChoicesContainer.minified .tag.clickable:hover .textContainer span {
  color: #000 !important; }

#quizMobileContainer .textarea,
#questionDetails .textarea,
#quizMobileContainer .shorttext,
#questionDetails .shorttext,
#quizMobileContainer .numeric,
#questionDetails .numeric {
  background-color: #fefefe;
  border: solid #f66311 1px;
  font-size: 14px;
  font-family: "merriweather_sanslight"; }

#MultipleChoicesContainer.no-minified .tag.clickable.isCorrection table td.tag-no-minified,
#MultipleChoicesContainer.no-minified .tag.clickable.isCorrection table td.tag-no-minified:hover {
  color: #000 !important;
  border: 3px solid #88D101;
  background: #BBE200 !important;
  -webkit-box-shadow: 1px 1px 2px 0px #8f8f8f;
  -moz-box-shadow: 1px 1px 2px 0px #8f8f8f;
  box-shadow: 1px 1px 2px 0px #8f8f8f;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

#quizMobileContainer .shorttext:focus,
#questionDetails .shorttext:focus,
#quizMobileContainer .numeric:focus,
#questionDetails .numeric:focus {
  background: #f5f5f5;
  outline: none;
  border: solid #f66311 2px; }

#quizMobileContainer .textarea:focus,
#questionDetails .textarea:focus {
  outline: none;
  border: solid #f66311 2px; }

#quizMobileContainer .textarea::-webkit-input-placeholder,
#questionDetails .textarea::-webkit-input-placeholder,
#quizMobileContainer .shorttext::-webkit-input-placeholder,
#questionDetails .shorttext::-webkit-input-placeholder,
#quizMobileContainer .numeric::-webkit-input-placeholder,
#quizMobileContainer .numeric::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000; }

#quizMobileContainer .textarea::-moz-placeholder,
#questionDetails .textarea::-moz-placeholder,
#quizMobileContainer .shorttext::-moz-placeholder,
#questionDetails .shorttext::-moz-placeholder,
#quizMobileContainer .numeric::-moz-placeholder,
#quizMobileContainer .numeric::-moz-placeholder {
  /* Firefox 19+ */
  color: #f6762d; }

#quizMobileContainer .textarea:-ms-input-placeholder,
#questionDetails .textarea:-ms-input-placeholder,
#quizMobileContainer .shorttext:-ms-input-placeholder,
#questionDetails .shorttext:-ms-input-placeholder,
#quizMobileContainer .numeric:-ms-input-placeholder,
#quizMobileContainer .numeric:-ms-input-placeholder {
  /* IE 10+ */
  color: #f6762d; }

#quizMobileContainer .textarea:-moz-placeholder,
#questionDetails .textarea:-moz-placeholder,
#quizMobileContainer .shorttext:-moz-placeholder,
#questionDetails .shorttext:-moz-placeholder,
#quizMobileContainer .numeric:-moz-placeholder,
#quizMobileContainer .numeric:-moz-placeholder {
  /* Firefox 18- */
  color: #f6762d; }

#quizMobileContainer .textbox {
  background-color: #f5f5f5;
  border: solid #FF5D05 1px; }

#quizMobileContainer input[type="text"]:focus, #quizMobileContainer input[type="number"]:focus, #quizMobileContainer textarea:focus {
  border: 1px solid #f6762d; }

#quizMobileContainer .ui-state-default, #quizMobileContainer .ui-widget-content #quizMobileContainer .ui-state-default, #quizMobileContainer .ui-widget-header .ui- state-default {
  background: #f5f5f5;
  color: #515151; }

#quizMobileContainer .ui-state-active, #quizMobileContainer .ui-widget-content .ui-state-active, #quizMobileContainer .ui-widget-header .ui-state-active {
  background: #F67121; }

.hole.highlight {
  background-color: #FFD17F;
  border: 1px solid #FAAA7B !important; }

#quizMobileContainer span {
  color: #EC6C19 !important; }

#quizMobileContainer span.math,
#quizMobileContainer span.math span {
  color: #000 !important; }

#quizMobileContainer .hole.isWrong span.math,
#quizMobileContainer .hole.isWrong span.math span {
  text-decoration: none !important; }

#quizMobileContainer .mobileForHole span.math span {
  color: #fff !important; }

#tagsContainer .ui-draggable-dragging .textContainer {
  background: #f6893e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6893e 0%, #f66311 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6893e', endColorstr='#f66311',GradientType=0 );
  /* IE6-9 */ }

#quizMobileContainer #tagsContainer .ui-draggable-handle span {
  color: #f66311; }

#quizMobileContainer #tagsContainer .placed {
  background: #fff;
  border: 1px solid #fff; }

.tag.legend_hole_placed.ui-droppable {
  background-color: #F6893E;
  /* Old browsers */
  background-image: url(images/tag-white.png);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  border: 2px solid #f66311; }

.map .isRight {
  background: url("images/tag-gris.png") no-repeat 5px 5px #D3EC59 !important; }

.map .isCorrection {
  background: url("images/tag-gris.png") no-repeat 5px 5px #fff; }

.map .isWrong {
  background: url("images/tag-red.png") no-repeat 5px 5px #fff; }

.pulse_rays {
  border: 2px solid #f66311; }

/* Card Game */
.cardGame .draggable.right {
  background-image: url(images/tag-gris.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: #fff; }

.cardGame .draggable.left {
  background-color: #fff; }

.cardGame #tagsContainer .ui-draggable-dragging .draggable.right {
  border: 2px solid #f66311;
  background: #ededed;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #ededed 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 0%, #ededed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */ }

.cardGame #tagsContainer .ui-draggable-dragging .draggable.left {
  border: 2px solid #f66311;
  background: #f6893e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6893e 0%, #f66311 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f6893e 0%, #f66311 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6893e', endColorstr='#f66311',GradientType=0 );
  /* IE6-9 */ }

.cardGame .movincard .draggable.right {
  background-image: none; }

.droppable-pair .left,
.droppable-pair .right {
  background: url(images/tag-gris.png) no-repeat 5px 5px #FFD17F !important;
  border: 2px solid #F66412 !important; }

.legend_hole {
  background: #fff;
  background: url("images/tag-gris.png") no-repeat 5px 3px #fff;
  border: 2px solid #575757;
  border-radius: 5px; }

.balloon {
  border: 1px solid #fff !important;
  background-image: none !important;
  background: #ededed;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #ededed 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 0%, #ededed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.55);
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.55); }

#balloonContainer .balloon.draggable {
  background: #ededed !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #ededed 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 0%, #ededed 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ededed',GradientType=0 ) !important;
  /* IE6-9 */ }

.front {
  background-color: #f6893e !important;
  border: 2px solid #F66412 !important; }

.back {
  background-color: #FFD17F !important;
  border: 2px solid #F66412 !important; }

/*Iconographie*/
#moreResultsButton.tileButton {
  border: 2px dashed #f6893e;
  background-image: url("images/magnifyblue.png");
  background-repeat: no-repeat;
  background-position: center; }
  #moreResultsButton.tileButton > div {
    color: #f6893e; }

#moreResultsButton.listButton {
  border: 2px dashed #f6893e;
  background-image: url("images/magnifyblue.png");
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: 35px; }
  #moreResultsButton.listButton > div {
    color: #f6893e; }

.noResultsImage {
  background-image: url("images/magnifyblue_noresults.png");
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.audioPlay {
  background: url("images/play-button.png") no-repeat;
  background-size: 40px auto;
  background-position: center; }

.audioPause {
  background: url("images/stop-button.png") no-repeat;
  background-size: 40px auto;
  background-position: center; }

.audioPlay-blue {
  background: url("images/play-button-blue.png") no-repeat;
  background-size: 40px auto;
  background-position: center; }

.audioPause-blue {
  background: url("images/stop-button-blue.png") no-repeat;
  background-size: 40px auto;
  background-position: center; }

.FAILED {
  background-image: url(images/fail.png); }

.SUCCESS {
  background-image: url(images/win.png); }

.fileContainer {
  background: #F66412;
  padding: 5px 10px 5px 10px;
  color: white; }

.validation-summary-errors {
  background: none repeat scroll 0 0 #F66412;
  color: #fff;
  max-width: 100%;
  border: 1px solid #F66412;
  padding: 20px; }

#logOnContainer a.small-link {
  font-size: smaller;
  color: #F66412; }

.validArrow {
  background-image: url("images/QuizMobile/bgbuton.jpg");
  background-color: #000; }

.footer {
  color: #fff;
  border-top: 3px solid #fff;
  background-color: #333333 !important; }

/* Timer */
.timer1 #timerBar1 {
  background: #bbe201;
  /* Old browsers */
  background: -moz-linear-gradient(top, #bbe201 0%, #88d101 98%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bbe201 0%, #88d101 98%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bbe201 0%, #88d101 98%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbe201', endColorstr='#88d101',GradientType=0 );
  /* IE6-9 */ }

.timer2 #timerBar2 {
  background-color: #F66311; }

@media screen and (max-width: 840px) {
  .timer2 {
    width: 55%; } }

#quizMobileContainer .footer .timer1 .timelib span {
  color: #fff !important; }

#quizMobileContainer .footer .timer2 .timelib span {
  color: #F66311 !important; }

.timelib span {
  color: #fff; }

.questionIndex {
  background: url("images/footer-tactileo.png") no-repeat top center; }

@media screen and (max-width: 840px) {
  .questionIndex {
    background: none; } }

.questionIndex p {
  background-color: rgba(255, 255, 255, 0.85); }

#quizMobileContainer .questionIndex span {
  color: #000 !important; }

#validationTip {
  background: none repeat scroll 0 0 #F67121; }