/* Real size divide by 2*/
/* contenu : video, webdoc*/
/* contenu : jeu, quiz*/
/* contenu : article, dossier*/
/* line 6, ../../grunt/sass/topic.scss */
.page-topic .widget_live .description {
  margin-left: 8px;
}
/* line 10, ../../grunt/sass/topic.scss */
.page-topic .description :first-child {
  margin-top: 0;
  padding-top: 0;
}
/* line 15, ../../grunt/sass/topic.scss */
.page-topic .description :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* line 23, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
/* line 29, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data > span {
  color: #000000;
  display: block;
}
/* line 34, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data > span a {
  text-decoration: none;
  display: table;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 10px 0;
  /* 9 */
  padding: 0.625rem 0;
  /* 9 */
  position: relative;
  font-size: 0;
}
/* line 41, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data > span a .title {
  color: #333;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.125rem;
  /* 9 */
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 20px;
  /* 9 */
  padding-left: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 8 */
  padding-top: 0;
  /* 9 */
  width: 100%;
  text-transform: none;
  line-height: 20px;
}
/* line 55, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 0px 10px 0px 10px;
  /* 9 */
  padding: 0px 0.625rem 0px 0.625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 63px;
  /* 9 */
  min-height: 3.9375rem;
  /* 9 */
}
/* line 59, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data img {
  max-width: 105px;
  height: auto;
}
/* line 64, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data .icon {
  font-family: 'ftv-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #fff;
  font-size: 22px;
  position: absolute;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: -30px;
  display: block;
  top: 40px;
  z-index: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 89, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data.game .icon, .page-topic .wrapper-tree .tree .sheet.data.quiz .icon {
  background-color: #0076b9;
}
/* line 92, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data.game .icon:before, .page-topic .wrapper-tree .tree .sheet.data.quiz .icon:before {
  content: "\e600";
}
/* line 98, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data.article .icon, .page-topic .wrapper-tree .tree .sheet.data.portal .icon, .page-topic .wrapper-tree .tree .sheet.data.topic .icon, .page-topic .wrapper-tree .tree .sheet.data.infographic .icon, .page-topic .wrapper-tree .tree .sheet.data.hub .icon {
  background-color: #0fa4a0;
}
/* line 101, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data.article .icon:before, .page-topic .wrapper-tree .tree .sheet.data.portal .icon:before, .page-topic .wrapper-tree .tree .sheet.data.topic .icon:before, .page-topic .wrapper-tree .tree .sheet.data.infographic .icon:before, .page-topic .wrapper-tree .tree .sheet.data.hub .icon:before {
  content: "\e602";
  line-height: 1.6em;
}
/* line 108, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data.video .icon, .page-topic .wrapper-tree .tree .sheet.data.webdoc .icon {
  background-color: #f2634c;
}
/* line 111, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data.video .icon:before, .page-topic .wrapper-tree .tree .sheet.data.webdoc .icon:before {
  content: "\e601";
  line-height: 1.5em;
}
/* line 118, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.data + .sheet.data > span {
  border-top: 1px solid #c9c9c9;
}
/* line 123, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.headline > span {
  color: #3d3d3d;
  background-color: #fafafa;
  display: block;
  border-bottom-style: solid;
  border-bottom-color: #c9c9c9;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  border-bottom-width: 1px;
  /* 9 */
  border-bottom-width: 0.0625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 1.25rem;
  /* 9 */
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px 10px 10px 40px;
  /* 9 */
  padding: 0.625rem 0.625rem 0.625rem 2.5rem;
  /* 9 */
}
/* line 137, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.headline > span:before {
  font-family: 'ftv-font';
  display: block;
  position: absolute;
  top: 50%;
  left: 16px;
  overflow: hidden;
}
/* line 145, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.headline > span.default:before {
  content: '\e621';
  font-size: 9px;
  margin-top: -4px;
}
/* line 150, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.headline > span.closed:before {
  content: '\e61e';
  font-size: 15px;
  margin-top: -8px;
}
/* line 155, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree .sheet.headline > span.opened:before {
  content: '\e623';
  font-size: 9px;
  margin-top: -4px;
}
/* line 163, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree.level-1 .level .sheet.headline > span {
  background-color: #eeeeee;
}
/* line 167, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree.level-1 .tree {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 15px;
  /* 9 */
  padding-left: 0.9375rem;
  /* 9 */
}
/* line 171, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree-title {
  background-color: #afafaf;
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 1.25rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px 45px 10px 17.5px;
  /* 9 */
  padding: 0.625rem 2.8125rem 0.625rem 1.09375rem;
  /* 9 */
  color: #ffffff;
  text-transform: uppercase;
}
/* line 180, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree-title a {
  color: #ffffff;
  display: block;
  border-bottom-style: solid;
  border-bottom-color: #c9c9c9;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  border-bottom-width: 1px;
  /* 9 */
  border-bottom-width: 0.0625rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 19px;
  /* 9 */
  font-size: 1.1875rem;
  /* 9 */
  cursor: pointer;
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 5px 10px 5px 40px;
  /* 9 */
  padding: 0.3125rem 0.625rem 0.3125rem 2.5rem;
  /* 9 */
}
/* line 192, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree-title a:before {
  font-family: 'ftv-font';
  display: block;
  position: absolute;
  top: 50%;
  left: 16px;
  overflow: hidden;
}
/* line 200, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree-title a.default:before {
  content: '\e621';
  font-size: 9px;
  margin-top: -4px;
}
/* line 205, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree-title a.closed:before {
  content: '\e61e';
  font-size: 15px;
  margin-top: -8px;
}
/* line 210, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .tree-title a.opened:before {
  content: '\e623';
  font-size: 9px;
  margin-top: -4px;
}
/* line 220, ../../grunt/sass/topic.scss */
.page-topic article {
  clear: both;
}
/* line 223, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree {
  margin-top: 20px ;
  margin-bottom: 20px ;
}
/* line 227, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .primary-title {
  display: block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 40px;
  /* 9 */
  margin-bottom: 2.5rem;
  /* 9 */
}
/* line 233, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .btn-playlist {
  display: block;
  text-align: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 40px;
  /* 9 */
  margin-bottom: 2.5rem;
  /* 9 */
}
/* line 239, ../../grunt/sass/topic.scss */
.page-topic .wrapper-tree .btn-playlist a {
  cursor: pointer;
}
/* line 245, ../../grunt/sass/topic.scss */
.page-topic .block.tags {
  margin: 20px  0px 0px 0px;
}
/* line 248, ../../grunt/sass/topic.scss */
.page-topic .description {
  overflow: hidden;
  margin: 15px  0px 0px 0px;
}

/*-------------------------------------------------------------------------------------*/
/*--------------------------- x. Mode Topic Wrapper -----------------------------------*/
/*-------------------------------------------------------------------------------------*/
/* line 260, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  background-color: #2dceb8;
}
/* line 267, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer li {
  vertical-align: top;
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 16px 0;
  /* 9 */
  padding: 1rem 0;
  /* 9 */
  width: 50%;
}
/* line 273, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer li a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  color: #ffffff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 22px;
  /* 9 */
  height: 1.375rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 5px;
  /* 9 */
  padding: 0.3125rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  line-height: 22px;
  /* 9 */
  line-height: 1.375rem;
  /* 9 */
}
/* line 284, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer li a:after {
  background-color: #ffffff;
  color: #000000;
  display: block;
  font-size: 16px;
  font-family: 'ftv-font';
  text-align: center;
  padding: 5px;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0px;
  overflow: hidden;
}
/* line 299, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer li a span.title {
  display: none;
}
/* line 305, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer .next-content {
  text-align: right;
}
/* line 307, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer .next-content a {
  padding-right: 42px;
  margin-right: 16px;
}
/* line 311, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer .next-content a:after {
  content: '\e61e';
  right: 0px;
}
/* line 318, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer .previous-content {
  text-align: left;
}
/* line 320, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer .previous-content a {
  padding-left: 42px;
  margin-left: 16px;
}
/* line 324, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .topic-navigation-footer .previous-content a:after {
  content: '\e621';
  left: 0px;
}
/* line 333, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree {
  margin-bottom: 0px;
}
/* line 336, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree .tree {
  display: none;
}
/* line 340, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree .tree .sheet.data .icon {
  position: relative;
  display: inline-block;
}
/* line 345, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree .tree .sheet.data > span a .title {
  vertical-align: middle;
}
/* line 350, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree .tree .sheet.data:hover,
.page-topic.topic-wrapper .wrapper-tree .tree .sheet.active {
  background-color: #2dceb8;
}
/* line 353, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree .tree .sheet.data:hover .title,
.page-topic.topic-wrapper .wrapper-tree .tree .sheet.active .title {
  color: #ffffff;
}
/* line 361, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree .tree-title {
  padding: 0px;
}
/* line 364, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree .tree-title a {
  display: block;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  color: #ffffff;
  font-size: 16px ;
  padding: 16px 0px 16px 40px;
}
/* line 373, ../../grunt/sass/topic.scss */
.page-topic.topic-wrapper .wrapper-tree .tree-title a.default:before {
  font-family: 'ftv-font';
  content: '\e623';
  display: block;
  position: absolute;
  top: 50%;
  left: 19px;
  font-size: 18px;
  margin-top: -10px;
  overflow: hidden;
}

/*-------------------------------------------------------------------------------------*/
/*------------------------------ x. Mode Desktop --------------------------------------*/
/*-------------------------------------------------------------------------------------*/
@media screen and (min-width: 56em) {
  /* line 396, ../../grunt/sass/topic.scss */
  .page-topic .wrapper-tree .tree .sheet.data img {
    max-width: 150px;
  }

  /* line 399, ../../grunt/sass/topic.scss */
  .page-topic .wrapper-tree .tree .sheet.data .icon {
    margin-top: -44px;
    top: 54px;
  }

  /* line 405, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer {
    background-color: transparent;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* line 410, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer li {
    padding: 0px;
  }
  /* line 413, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer li a {
    height: auto;
    width: 50%;
    background-color: #afafaf;
    padding: 10px;
  }
  /* line 419, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer li a:after {
    top: 50%;
  }
  /* line 423, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer li a span, .page-topic.topic-wrapper .topic-navigation-footer li a span.title {
    font-size: 16px;
    display: block;
  }
  /* line 427, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer li a span.title {
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 434, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer li a:hover {
    background-color: #2dceb8;
  }
  /* line 441, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer .next-content a {
    padding-right: 50px;
    margin-right: 0px;
  }
  /* line 445, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer .next-content a:after {
    right: 8px;
    margin-top: -16px;
  }
  /* line 453, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer .previous-content a {
    padding-left: 50px;
    margin-left: 0px;
  }
  /* line 457, ../../grunt/sass/topic.scss */
  .page-topic.topic-wrapper .topic-navigation-footer .previous-content a:after {
    left: 8px;
    margin-top: -16px;
  }

  /* line 468, ../../grunt/sass/topic.scss */
  .wrapper-tree .btn-playlist {
    float: right;
  }
  /* line 471, ../../grunt/sass/topic.scss */
  .wrapper-tree ul {
    clear: both;
  }
}