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

h1.ActivityTitle {
  color: #f66311;
  text-transform: uppercase;
  padding: 5px 5px 5px 75px;
  font-size: 18px;
  line-height: 30px;
  background: url(images/logo-mkt.svg) no-repeat 5px 10px;
  background-size: 54px 54px;
  min-height: 55px;
 }

@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 {
  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 {
  background: rgba(0, 0, 0, 0.6); }

.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 {
  border-color: #f66311 !important;
  border-style: dotted!important;
  border-width: 2px!important;
  width: 27px;
  height: 22px;
}

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

  #PollContainer ul li .isRight table tr td:nth-child(1),
  #MultipleChoicesContainer ul li .isInactive table tr td:nth-child(1),
  #PollContainer ul li table tr td:nth-child(1),
  #MultipleChoicesContainer ul li table tr td:nth-child(1){
      background: transparent!important;
  }

  #quizResultsContainer  .answers #PollContainer .tag.clickable,
  #quizResultsContainer  .answers #PollContainer .tag.clickable:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent!important;
  }

  #quizResultsContainer  .answers #PollContainer.minified .tag.clickable,
  #quizResultsContainer  .answers #PollContainer.minified .tag.clickable:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff!important;
  }

  #quizResultsContainer  .answers #MultipleChoicesContainer.no-minified .tag.clickable.isInactive,
  #quizResultsContainer  .answers #MultipleChoicesContainer.no-minified .tag.clickable.isInactive:hover,
  #quizResultsContainer  .answers #MultipleChoicesContainer.no-minified .tag.clickable.isWrong,
  #quizMobileContainer #MultipleChoicesContainer.no-minified .tag.clickable.isWrong{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent!important;
    border:none!important;
  }

  #quizResultsContainer #MultipleChoicesContainer.minified .tag.isRight,
  #quizResultsContainer #PollContainer.minified .tag.clickable.isRight,
  #MultipleChoicesContainer.minified .tag.isCorrection,
  #quizResultsContainer  .answers #MultipleChoicesContainer.minified ul li .tag.isCorrection{
    background-color:#bbe200 !important;
    border-color:#88d101 !important;
  }

  #MultipleChoicesContainer .tag.isRight.checkbox,
  #MultipleChoicesContainer .tag.isWrong.checkbox,
  #MultipleChoicesContainer .tag.isInactive.checkbox,
  #MultipleChoicesContainer .tag.isRight.checkbox:hover,
  #MultipleChoicesContainer .tag.isWrong.checkbox:hover,
  #MultipleChoicesContainer .tag.isInactive.checkbox:hover {
    background-color:transparent !important;
    border-color:transparent !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

#MultipleChoicesContainer ul li .isRight table tr td:nth-child(1),
#PollContainer ul li .isRight table tr td:nth-child(1){
    background-color: transparent!important;
}

#quizMobileContainer .answers #PollContainer.minified .tag.isInactive,
#quizMobileContainer .answers #PollContainer .tag.isInactive,
#quizResultsContainer .answers #PollContainer.minified .tag.isInactive,
#quizResultsContainer .answers #PollContainer .tag.isInactive,
#MultipleChoicesContainer ul li .isCorrection table tr,
#PollContainer ul li .isCorrection table tr,
#quizResultsContainer  .answers #MultipleChoicesContainer .isCorrection table tr td:nth-child(1),
#quizResultsContainer .answers #MultipleChoicesContainer.no-minified .tag.isRight{
  border:none!important;
  background: transparent!important;
  box-shadow: none!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; }

#PollContainer.minified .tag.clickable,
#MultipleChoicesContainer.minified .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 */ }

#PollContainer.minified .tag.clickable:hover,
#MultipleChoicesContainer.minified .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 */ }


#quizMobileContainer #MultipleChoicesContainer.no-minified .tag.clickable,
#quizMobileContainer #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 */ }

/* Poll No minified : hover & selected  */

#PollContainer .tag.clickable table td:last-child: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 */ }

#PollContainer.minified .tag.clickable.isWrong,
#PollContainer ul li .tag.clickable.isWrong table tr td:last-child
#quizResultsContainer  .answers #MultipleChoicesContainer.minified ul li .tag.isWrong,
#MultipleChoicesContainer.minified ul li .tag.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!important;
  /* Old browsers */
  border-radius: 3px; }

  #MultipleChoicesContainer ul li .isRight table tr td:nth-child(2),
  #PollContainer ul li .isRight table tr td:nth-child(2),
  #PollContainer ul li .tag.clickable.isRight table tr td:last-child:hover,
  #quizResultsContainer  .answers #MultipleChoicesContainer.minified ul li .tag.isCorrection,
  #MultipleChoicesContainer.minified ul li .tag.isCorrection,
  #MultipleChoicesContainer .tag.isRight,
  #MultipleChoicesContainer .tag.isRight:hover {
      background: #bbe200!important;
      border: 4px solid #88d101 !important;
  }

  #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 */
  }

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

#MultipleChoicesContainer.no-minified ul li .tag.isCorrection,
#PollContainer ul li .tag.isCorrection{
  background: transparent!important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !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; }

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

  .copy-maskott {
      position: relative;
      right: -65px;
      background-position: 16px 4px;
      padding-top: 23px;
      margin-top: -46px;
      padding-left: 0;
      background: url(images/logo-maskott.png) no-repeat center 4px;
  }

/* 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 */ }

.timer1 .timerBar {
  margin-top: 6px;
  height: 8px;
}

.timer1 img {
  display: none;
}

.timer1 .timelib {
  display: none;
}

.footer-right table tr td:first-child{
  width: 2px!important;
}

.timer2{
  width:100px!important;
  right:180px;
  height: 75px;
  overflow: hidden;;
}

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

.timer2 .timerContainer img {
  display: none;
}

.timer2 .timerContainer img + div {
  display: none;
}

.timer2 .timerContainer {
  height: 54px;
}


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

#quizMobileContainer .footer .timer2 .timelib {
  float: none;
  width: auto;
  position: relative;
  background: url(images/timer-activity.svg) no-repeat center 18px;
  background-size: 32px 32px;
  margin-top: 0;
  padding-top: 55px;
  text-align: center;
}

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

.timelib span {
  color: #fff; }

#quizMobileContainer .nav {
    position: absolute;
    right: .6%;
    top: -40px;
}

.questionIndex {
  width: 55px;
}

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

.btnText {
  padding-bottom: 5px;
}

  /* Tableau resultats */

  .results_banner{
  	margin-top: 2em;
  	background: #EEEBE4;
  	display: inline-block;
  	width: 100%;
  	line-height: 8em;
  }
  .results_banner div{
  	display: inline-block;
  }
  .results_banner_left{
  	float: left;
  	color: white;
  	background: #f66311;
  }
  .results_banner_total_score{
  	padding-left: 1em; font-size: 1.5em;
  }
  .results_banner_total_score_value{
  	padding-left: 2em;
  	padding-right: 1em;
  	font-size: 2em;
  	font-weight: bold;
  }
  .results_banner_arrow{
  	float: left;
  	border-color: transparent transparent transparent #f66311;
  	border-style: solid;
  	border-width: 52px 0px 52px 52px;
  }
  .success_class_icon {
  	background-color: #4db100;
  }
  .fail_class_icon {
  	background-color: red;
  }
  .finished_class_icon {
  	background-color: darkgrey;
  }
  .success_class_text {
  	color: #4db100;
  }
  .fail_class_text {
  	color: red;
  }
  .results_banner svg{
  	height: 4em;
  	display: inline-block;
  	float: left;
  	margin-top: 2em;
  	margin-left: 2em;
  	padding: 1px;
  	border-radius: 50%;
  }
  .results_banner_state{
  	float: left;
  	padding-left: 1.5em;
  	font-size: 1em;
  	font-weight: bold;
  	text-transform: uppercase;
  }
  .results_banner_ellapsed_time{
  	float: right;
  	margin-right: 1em;
  	font-size: 1.5em;
  	color: #f66311;
  }
  .results_banner_ellapsed_time_value{
  	float: right;
  	font-size: 1.4em;
  	margin-right: 1em;
  	font-style: italic;
  }
  .results_details_h2{
  	color: #f66311;
  	text-align: left;
  	margin-top: 5em;
  	border-bottom: 2px solid #f66311;
  	padding-bottom: 5px;
  }
  .question_score{
  	text-align: center;
  	color: #f66311;
  	font-weight: bold;
  }
  .correction_button{
  	cursor: pointer;
  	padding: 1em;
  	font-weight: bold;
  	color: #f66311;
  	text-transform: uppercase;
  	border: 2px solid lightgrey;
  	border-radius: 5px;
  	margin: 1em;
  }

  /* correctif footer */

  .footer-left {
    float: left;
    width: 70%;
    vertical-align: top; }

  .footer-right {
    float: right;
    width: 28%;
    vertical-align: top; }

  @media (max-width: 1600px) {
    h1.ActivityTitle {
      width: 750px;
      font-size: 20px; } }

  @media (max-width: 1280px) {
    h1.ActivityTitle {
      width: 500px;
      font-size: 18px; }
    .footer-right {
      width: 35%; }
    .footer-left {
      width: 60%; } }

  @media (max-width: 980px) {
    h1.ActivityTitle {
      width: 350px; }
    .footer-right {
      width: 40%; }
    .footer-left {
      width: 58%; } }

  @media (max-width: 768px) {
    h1.ActivityTitle {
      width: 280px;
      font-size: 16px !important;
      display: inline-block; }
    .footer-right {
      width: 26%; }
    .footer-left {
      width: 72%; } }

  @media (max-width: 580px) {
    h1.ActivityTitle {
      font-size: 0!important;
      display: inline-block;
      width:auto;}
    .footer-right {
      width: 45%; }
    .footer-left {
      width: 40%; } }

  @media (max-width: 320px) {
    h1.ActivityTitle {
      font-size: 0;
      display: none;}
    .footer-right {
      width: 90%; }
    .footer-left {
      width: 18%; } }