/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
/* color magritte 2015 */
/* offer colours */
/* =) */
/* Color product */
/* Nuance de gris */
/* HBO */
header {
  background: #ef5400; }
  @media (min-width: 1024px) {
    header {
      height: 110px; } }
  @media (min-width: 1440px) {
    header {
      height: 110px; } }

.faqBetv {
  margin-top: 63px; }
  @media (min-width: 1024px) {
    .faqBetv {
      margin-top: 110px; } }
  @media (min-width: 1440px) {
    .faqBetv {
      margin-top: 110px; } }

.space {
  display: block; }
  @media (min-width: 1024px) {
    .space {
      display: none; } }

.faq {
  background: #FFFFFF; }
  .faq p {
    font-size: 1em;
    color: #8c8c8c;
    padding: 10px 20px 0 20px; }
    .faq p a {
      text-decoration: none;
      color: #8c8c8c; }
      .faq p a svg {
        width: 35px;
        height: 35px;
        vertical-align: bottom;
        margin: 0 20px 0 0; }
        .faq p a svg path {
          fill: #8c8c8c; }
    .faq p .vooassist {
      border-bottom: solid 1px #8c8c8c;
      padding-bottom: 1px; }
  .faq .header {
    background: #f7f7f7;
    position: relative;
    min-height: 80px;
    padding: 0;
    margin-bottom: 30px; }
    .faq .header .innerContainer {
      background: transparent;
      text-align: left;
      padding: 0 0 0 20px; }
      .faq .header .innerContainer h2 {
        color: #000;
        font-size: 25px;
        font-family: "Avenir next W01";
        font-weight: 500;
        padding: 0;
        line-height: 70px;
        padding-top: 16px; }
  .faq .innerContainer {
    padding: 0; }
    .faq .innerContainer ul {
      list-style-type: none;
      margin: 0;
      padding: 10px 1.25rem 0 0rem; }
      .faq .innerContainer ul li {
        position: relative;
        font-family: "Avenir next W01";
        font-size: 17px;
        font-weight: 500;
        color: #8c8c8c;
        padding: 30px 30px 30px 20px;
        border-bottom: 1px solid #d8d8d8;
        line-height: 27px; }
        .faq .innerContainer ul li .icon {
          position: absolute;
          right: 0;
          width: 25px;
          height: 25px;
          display: inline-block;
          background: #fff;
          top: calc(50% - 12px);
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          border: 2px solid #eaeaea;
          text-align: center; }
          .faq .innerContainer ul li .icon svg {
            width: 6px;
            height: 10px;
            fill: #8c8c8c;
            left: 8px;
            top: 5px;
            position: absolute; }
        .faq .innerContainer ul li > a {
          color: #8c8c8c;
          text-decoration: none; }
          .faq .innerContainer ul li > a:hover {
            color: #ef7c00;
            -webkit-transition: color .3s;
            transition: color .3s; }
    .faq .innerContainer a.assistance {
      color: #8c8c8c;
      font-family: "Avenir next W01";
      font-weight: 700;
      font-size: 12px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 30px 8.25rem 30px 20px;
      display: inline-block;
      line-height: 20px; }
      .faq .innerContainer a.assistance .icon {
        padding-left: 14px; }
        .faq .innerContainer a.assistance .icon svg {
          width: 5px;
          height: 8px;
          fill: #ef7c00; }
      .faq .innerContainer a.assistance:hover {
        color: #ef7c00;
        -webkit-transition: color .3s;
        transition: color .3s; }
  @media (min-width: 1024px) {
    .faq {
      padding-bottom: 84px; }
      .faq p {
        padding: 10px 0 0 0; }
        .faq p a svg {
          margin: 0 0 0 20px; }
      .faq .header {
        height: 125px; }
        .faq .header .innerContainer {
          text-align: left;
          padding: 0; }
          .faq .header .innerContainer h2 {
            line-height: 125px;
            font-size: 35px; }
      .faq .innerContainer ul {
        padding-top: 38px; }
        .faq .innerContainer ul li {
          padding: 24px 30px 24px 0; }
      .faq .innerContainer a.assistance {
        font-size: 13px;
        font-weight: 700;
        padding: 30px 8.25rem 30px 0px; } }
  @media (min-width: 1440px) {
    .faq .header {
      height: 135px; }
      .faq .header .innerContainer h2 {
        font-size: 40px;
        line-height: 135px;
        padding: 0 17.2% 0 17.2%; }
    .faq .innerContainer p {
      padding: 10px 17.2% 0 17.2%; }
    .faq .innerContainer ul {
      padding-top: 86px;
      padding: 80px 17.2% 0 17.2%; }
      .faq .innerContainer ul li {
        font-size: 19px;
        padding: 20px 30px 20px 0;
        letter-spacing: 0.02rem;
        font-weight: 300; }
    .faq .innerContainer a.assistance {
      padding: 30px 17.2%;
      letter-spacing: 0.085rem; } }

.call {
  background: url("/static/assets/images/contact/footer_mobil.jpg") no-repeat;
  background-size: cover; }
  .call .innerContainer div:first-child {
    padding: 53px 0;
    border-bottom: solid 1px #747d78; }
    .call .innerContainer div:first-child p:first-child {
      font-size: 1.5em;
      padding: 0;
      font-weight: 400; }
    .call .innerContainer div:first-child p:last-child {
      color: #8c8c8c;
      padding: 0 0 0 0.4em; }
      .call .innerContainer div:first-child p:last-child .callUs {
        color: #FFF;
        font-size: 1.5em; }
  .call .innerContainer div:nth-child(2) {
    padding: 48px 0;
    border-bottom: solid 1px #747d78; }
    .call .innerContainer div:nth-child(2) p {
      padding: 0;
      font-family: "Avenir Next W01";
      font-weight: 400;
      font-style: normal;
      line-height: 1.5em;
      font-size: 22px; }
      .call .innerContainer div:nth-child(2) p span {
        display: inline-block;
        padding-bottom: 5px;
        font-size: 25px;
        font-family: "Avenir Next W01";
        font-weight: 500;
        font-style: normal; }
    .call .innerContainer div:nth-child(2) figure {
      margin: 0;
      padding: 0 0 40px 0;
      font-size: 0; }
    .call .innerContainer div:nth-child(2) ul {
      margin: 0;
      padding: 20px 0 0 0;
      list-style: none; }
      .call .innerContainer div:nth-child(2) ul li {
        margin: 0;
        padding: 0 0 5px 0;
        font-family: "Avenir Next W01";
        font-weight: 500;
        font-style: normal;
        font-size: 17px; }
  .call .innerContainer div:nth-child(3) {
    padding: 48px 0; }
    .call .innerContainer div:nth-child(3) p {
      padding: 0 0 40px 0.1em;
      line-height: 1.5em;
      font-size: 22px; }
    .call .innerContainer div:nth-child(3) .call--logo {
      font-size: 0;
      display: inline-block;
      vertical-align: top; }
      .call .innerContainer div:nth-child(3) .call--logo a {
        display: inline-block;
        height: 35px;
        line-height: 35px;
        text-decoration: none; }
        .call .innerContainer div:nth-child(3) .call--logo a svg {
          width: 35px;
          height: 35px;
          margin-right: 12px; }
          .call .innerContainer div:nth-child(3) .call--logo a svg path {
            fill: #ffffff; }
  .call .innerContainer div {
    color: #FFF; }
  .call .innerContainer a.button {
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    margin: 2.5rem 1.25rem 0 0.3rem;
    margin-top: 40px;
    padding: 1.4rem 2.5rem;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.70rem;
    font-weight: 400;
    letter-spacing: 0.05rem;
    line-height: 1.5;
    font-family: "Avenir Next W04"; }
    .call .innerContainer a.button span {
      display: inline-block;
      margin-left: -80px;
      width: 25%;
      border-top: 2px solid #fff;
      position: absolute;
      top: 31px;
      vertical-align: middle;
      z-index: 20; }
  @media (min-width: 1024px) {
    .call {
      height: 525px;
      background: url("/static/assets/images/contact/footer_tab.jpg") no-repeat;
      background-size: cover; }
      .call .innerContainer {
        padding: 4em 5.5em; }
        .call .innerContainer div:first-child {
          display: inline;
          float: left;
          padding: 0 87px 0 0;
          border-bottom: none;
          width: 56%; }
          .call .innerContainer div:first-child p:first-child {
            font-size: 35px;
            line-height: 1.5em;
            margin-bottom: 0.8em; }
          .call .innerContainer div:first-child p:last-child {
            padding: 0; }
        .call .innerContainer div:nth-child(2) {
          display: inline;
          float: left;
          padding: 11px 0 0 67px;
          width: 44%;
          border-bottom: none;
          border-left: solid 1px #747d78; }
          .call .innerContainer div:nth-child(2) p {
            font-size: 25px; }
        .call .innerContainer div:nth-child(3) {
          width: 100%;
          clear: both;
          padding: 52px 0 0 0; }
          .call .innerContainer div:nth-child(3) p {
            display: inline-block;
            vertical-align: top;
            font-size: 17px;
            line-height: 35px; }
          .call .innerContainer div:nth-child(3) .call--logo {
            display: inline-block;
            vertical-align: top;
            margin-left: 30px; }
            .call .innerContainer div:nth-child(3) .call--logo a {
              display: inline-block;
              height: 35px;
              line-height: 35px;
              text-decoration: none; }
              .call .innerContainer div:nth-child(3) .call--logo a svg {
                width: 35px;
                height: 35px;
                margin-right: 12px; }
                .call .innerContainer div:nth-child(3) .call--logo a svg path {
                  fill: #ffffff; }
        .call .innerContainer a.button {
          font-size: 0.75rem; } }
  @media (min-width: 1440px) {
    .call {
      background: url("/static/assets/images/contact/footer_desk.jpg") no-repeat;
      background-size: cover; }
      .call .innerContainer {
        padding: 72px 0 3.2em 7.7em; }
        .call .innerContainer div:first-child {
          padding: 0 4em 0 0;
          border-bottom: none;
          width: 62%; }
          .call .innerContainer div:first-child p:first-child {
            font-size: 38px;
            letter-spacing: -0.019em;
            line-height: 1.4em;
            margin-bottom: 0; }
          .call .innerContainer div:first-child p:last-child {
            padding: 0; }
        .call .innerContainer a.button {
          margin-top: 30px; }
        .call .innerContainer div:nth-child(2) {
          padding: 9px 0 0 67px;
          width: 36%; }
          .call .innerContainer div:nth-child(2) figure {
            padding-bottom: 40px; }
          .call .innerContainer div:nth-child(2) p {
            padding: 0;
            font-size: 17px;
            font-family: "Avenir Next W01";
            font-weight: 400;
            font-style: normal; }
            .call .innerContainer div:nth-child(2) p span {
              display: inline-block;
              padding-bottom: 5px;
              font-size: 25px;
              font-family: "Avenir Next W01";
              font-weight: 500;
              font-style: normal; }
          .call .innerContainer div:nth-child(2) ul {
            padding-top: 20px; }
            .call .innerContainer div:nth-child(2) ul li {
              font-family: "Avenir Next W01";
              font-weight: 500;
              font-style: normal;
              font-size: 17px; }
        .call .innerContainer div:nth-child(3) {
          padding: 52px 0 0 0; }
          .call .innerContainer div:nth-child(3) p {
            padding-bottom: 0;
            font-size: 24px; } }

.infos {
  background: url("/static/assets/images/contact/bg-section-contact_mobile.jpg") center center no-repeat;
  background-size: auto 100%;
  min-height: 609px;
  margin-top: 82px; }
  .infos .innerContainer {
    position: relative;
    *zoom: 1;
    padding-top: 60px;
    padding-bottom: 52px; }
    .infos .innerContainer:after {
      content: "";
      display: table;
      clear: both; }
  .infos .title {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .infos .title h2 {
      padding-bottom: 20px;
      color: #ffffff; }
    .infos .title p {
      padding-bottom: 20px;
      color: #8c8c8c; }
      .infos .title p br {
        display: none; }
  .infos .links {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .infos .links .belgique,
    .infos .links .luxembourg {
      min-height: 185px; }
      .infos .links .belgique ul,
      .infos .links .luxembourg ul {
        margin: 0;
        padding: 0;
        list-style: none; }
      .infos .links .belgique li,
      .infos .links .luxembourg li {
        display: inline-block;
        padding: 10px 0; }
        .infos .links .belgique li span,
        .infos .links .luxembourg li span {
          display: inline-block;
          font-family: "Avenir Next W04";
          font-weight: normal;
          font-style: normal;
          font-weight: normal;
          font-style: normal;
          font-size: 0.75rem;
          color: #ffffff;
          text-transform: uppercase; }
        .infos .links .belgique li:first-child,
        .infos .links .luxembourg li:first-child {
          display: block; }
        .infos .links .belgique li a,
        .infos .links .luxembourg li a {
          display: inline-block;
          opacity: 0.4;
          transition: opacity 0.7s;
          padding-right: 34px; }
          .infos .links .belgique li a:hover, .infos .links .belgique li a:focus,
          .infos .links .luxembourg li a:hover,
          .infos .links .luxembourg li a:focus {
            opacity: 1; }
        .infos .links .belgique li figure,
        .infos .links .luxembourg li figure {
          margin: 0;
          padding: 0;
          font-size: 0; }
  @media (min-width: 480px) {
    .infos .title p br {
      display: inline-block; } }
  @media (min-width: 1024px) {
    .infos {
      background: url("/static/assets/images/contact/bg-section-contact_desktop.jpg") center center no-repeat;
      background-size: auto 100%;
      min-height: 466px;
      margin-top: 110px; }
      .infos .innerContainer {
        padding-top: 138px; }
      .infos .title {
        width: 31.81818%;
        float: left;
        margin-right: 2.27273%;
        margin-right: 11.36364%; }
        .infos .title p br {
          display: none; }
      .infos .links {
        width: 54.54545%;
        float: right;
        margin-right: 0; }
        .infos .links .belgique,
        .infos .links .luxembourg {
          min-height: inherit; }
          .infos .links .belgique li,
          .infos .links .luxembourg li {
            display: inline-block;
            vertical-align: middle;
            padding: 7px 0; }
            .infos .links .belgique li span,
            .infos .links .luxembourg li span {
              font-size: 0.8125rem; }
            .infos .links .belgique li a,
            .infos .links .luxembourg li a {
              padding-right: 28px; }
            .infos .links .belgique li figure,
            .infos .links .luxembourg li figure {
              margin: 0;
              padding: 0;
              font-size: 0; }
              .infos .links .belgique li figure .proximus,
              .infos .links .luxembourg li figure .proximus {
                width: 81px;
                height: auto; }
              .infos .links .belgique li figure .sfr,
              .infos .links .luxembourg li figure .sfr {
                width: 39px;
                height: auto; }
              .infos .links .belgique li figure .telenet,
              .infos .links .luxembourg li figure .telenet {
                width: 40px;
                height: auto; }
              .infos .links .belgique li figure .voo,
              .infos .links .luxembourg li figure .voo {
                width: 70px;
                height: auto; }
              .infos .links .belgique li figure .eltrona,
              .infos .links .luxembourg li figure .eltrona {
                width: 81px;
                height: auto; }
              .infos .links .belgique li figure .luxembourg-online,
              .infos .links .luxembourg li figure .luxembourg-online {
                width: 79px;
                height: auto; }
              .infos .links .belgique li figure .orange,
              .infos .links .luxembourg li figure .orange {
                width: 39px;
                height: auto; }
              .infos .links .belgique li figure .post-luxembourg,
              .infos .links .luxembourg li figure .post-luxembourg {
                width: 39px;
                height: auto; } }
  @media (min-width: 1440px) {
    .infos {
      background: url("/static/assets/images/contact/bg-section-contact_desktop.jpg") center center no-repeat;
      background-size: auto 100%;
      min-height: 466px; }
      .infos .innerContainer {
        padding-top: 120px; }
      .infos .title {
        margin-left: 8.41121%;
        width: 41.1215%;
        float: left;
        margin-right: 0.93458%;
        margin-right: 8.41121%; }
        .infos .title p br {
          display: inline-block; }
      .infos .links {
        width: 32.71028%;
        float: left;
        margin-right: 0.93458%;
        padding-top: 15px; }
        .infos .links .belgique li span,
        .infos .links .luxembourg li span {
          font-size: 0.75rem; }
        .infos .links .luxembourg {
          padding-top: 20px; } }
  @media (min-width: 1600px) {
    .infos {
      background: url("/static/assets/images/contact/bg-section-contact_desktop.jpg") center top no-repeat;
      background-size: cover;
      min-height: 466px; } }

.content .innerContainer {
  position: relative;
  *zoom: 1;
  padding-top: 60px;
  padding-bottom: 52px; }
  .content .innerContainer:after {
    content: "";
    display: table;
    clear: both; }

.content p {
  font-family: 'Avenir Next W01_400', 'Nunito', sans-serif;
  font-weight: bold;
  color: #000;
  padding: 0; }

@media (min-width: 1440px) {
  .content p {
    margin-left: 8.41121%;
    width: 78.97196%;
    float: left;
    margin-right: 0.93458%; } }

.nowrap {
  white-space: nowrap; }