@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');

}
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show {
  background-image: linear-gradient(to bottom,#85A5CC,#5674A8);
}

.h5p-course-presentation .h5p-progressbar {
  background: #DEDEDE;
}

.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part .h5p-progressbar-part-has-task {
  border: 2px solid #fafafa;
}

.h5p-no-frame > .h5p-question > :first-child, .h5p-transparent > div > .h5p-question > :first-child {
  margin-top: 6px;
  color: #FAFAFA;
}

.h5p-course-presentation .h5p-footer {
  background-color: #DEDEDE;
}

/*-------- BUTTONS ---------*/
.h5p-joubelui-button:focus, .h5p-joubelui-button {
  background: #7F9438;
  color: #F2F2F2;
}

.h5p-joubelui-button:focus, .h5p-joubelui-button:hover {
  background: #BDD66B;
  color: #fff;
}


