@charset "UTF-8";
@-webkit-keyframes wubble {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px); }
  100% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px); } }
@keyframes wubble {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px); }
  100% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px); } }

@-webkit-keyframes wubbleReversed {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); } }

@keyframes wubbleReversed {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); } }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@-webkit-keyframes pulseMirror {
  from {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: rotateY(180deg) scale3d(1.1, 1.1, 1.1);
            transform: rotateY(180deg) scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); } }

@keyframes pulseMirror {
  from {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: rotateY(180deg) scale3d(1.1, 1.1, 1.1);
            transform: rotateY(180deg) scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); } }

@-webkit-keyframes pulseIntense {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes pulseIntense {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@-webkit-keyframes pulseMirrorIntense {
  from {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: rotateY(180deg) scale3d(1.3, 1.3, 1.3);
            transform: rotateY(180deg) scale3d(1.3, 1.3, 1.3); }
  to {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); } }

@keyframes pulseMirrorIntense {
  from {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: rotateY(180deg) scale3d(1.3, 1.3, 1.3);
            transform: rotateY(180deg) scale3d(1.3, 1.3, 1.3); }
  to {
    -webkit-transform: rotateY(180deg) scale3d(1, 1, 1);
            transform: rotateY(180deg) scale3d(1, 1, 1); } }

@-webkit-keyframes wheelSpin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes wheelSpin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

a:focus {
  outline-offset: 2px; }

.container {
  padding-right: 15px !important;
  padding-left: 15px !important; }

.bs-row {
  margin-right: -15px !important;
  margin-left: -15px !important; }

.page-content {
  padding: 100px 0; }
  @media (max-width: 991px) {
    .page-content {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .page-content {
      padding: 50px 0; } }

.faq.page-content {
  padding-top: 0;
  padding-bottom: 0; }

.faq__search-input:focus {
  outline: 2px solid blue !important; }

.page-section {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .page-section {
      padding: 24px 0; } }

.textured-bg {
  background-size: initial; }
  .textured-bg--grey {
    background-image: url(../img/grey-pattern.png);
    color: #FFF; }
  .textured-bg--black {
    background-image: url(../img/ebox-texture-background--black.jpg);
    color: #FFF; }
  .textured-bg--deep-black {
    background-image: url(../img/pattern02.png);
    color: #FFF; }
  .textured-bg--black-dark {
    background-image: url(../img/Body.png);
    color: #FFF; }
  .textured-bg--red {
    background: #BE2323;
    color: #1F1F1F; }
  .textured-bg--fixed {
    background-attachment: fixed; }

.disclaimer {
  margin: 40px 0 30px; }

#overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  opacity: 0;
  background: rgba(52, 52, 52, 0.9); }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.Listing__no-result {
  margin-bottom: 30px;
  border-bottom: 1px solid #979797;
  padding-bottom: 30px; }

.SliderPause, .SliderPlay {
  background-color: white;
  border: none;
  border-radius: 4px;
  font: 700 14px / 22px BrandonGrotesque, sans-serif;
  border: 1px solid #000; }

.SliderPause:focus, .SliderPlay:focus {
  outline: 2px solid blue !important;
  outline-offset: 2px !important; }

.is-doodled {
  position: relative;
  display: inline-block; }
  .is-doodled:before, .is-doodled:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute; }
  .is-doodled--underlined:after {
    height: 9%;
    top: 80%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url(../img/svg/line.svg);
    background-size: 100% 100%; }
  .is-doodled--underlined-large:after {
    top: 90%;
    height: 20%; }
  .is-doodled--white:before {
    top: 92%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url(../img/svg/line-white.svg);
    background-size: 100% 100%; }
  .is-doodled--mouse-corner:after {
    top: 90%;
    left: 95%;
    width: 60px;
    height: 60px;
    background-image: url(../img/svg/ic_click.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .is-doodled--black {
    color: #343434; }
    .is-doodled--black:after {
      background-image: url(../img/svg/line-black.svg) !important;
      background-size: 100% 100%; }
      @media (max-width: 835px) {
        .is-doodled--black:after {
          background-image: url(../img/svg/line-black.svg) !important;
          background-size: 100% 100%; } }
  .is-doodled--reverse:after {
    -webkit-transform: translateX(-50%) rotate(180deg) rotateY(180deg);
            transform: translateX(-50%) rotate(180deg) rotateY(180deg); }
  .is-doodled--splashed:before {
    top: 60%;
    left: 55%;
    width: 107%;
    height: 113%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../img/svg/splash.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: splashY 0.8s infinite steps(3);
            animation: splashY 0.8s infinite steps(3); }
  .is-doodled--splashed-large:before {
    top: 56%;
    left: 50%;
    width: 101%;
    height: 100%;
    background-image: url(../img/svg/splash-large-2.svg); }
  .is-doodled--splashed-2:before {
    top: 57%;
    left: 53%;
    width: 109%;
    height: 121%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../img/svg/splash-2.svg);
    -webkit-animation: splashY 0.8s infinite steps(3);
            animation: splashY 0.8s infinite steps(3);
    background-image: url(../img/svg/splash.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center; }
  .is-doodled--splashed-revolution:before {
    top: 57%;
    left: 53%;
    width: 109%;
    height: 121%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../img/svg/splash-2.svg);
    -webkit-animation: splashY 0.8s infinite steps(3);
            animation: splashY 0.8s infinite steps(3);
    background-image: url(../img/svg/doodle-revolution.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center; }
  .is-doodled--splashed-longtv {
    margin-left: 30px; }
    .is-doodled--splashed-longtv:before {
      top: 57%;
      left: 50%;
      width: 109%;
      height: 181%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url(../img/svg/splash-2.svg);
      -webkit-animation: splashY 0.8s infinite steps(3);
              animation: splashY 0.8s infinite steps(3);
      background-image: url(../img/svg/doodle-splashed-tv.svg);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center; }
    @media (max-width: 478px) {
      .is-doodled--splashed-longtv {
        margin-left: 0; } }
  .is-doodled--splashed-general:before {
    top: 57%;
    left: 53%;
    width: 109%;
    height: 161%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../img/svg/splash-2.svg);
    -webkit-animation: splashY 0.8s infinite steps(3);
            animation: splashY 0.8s infinite steps(3);
    background-image: url(../img/svg/splash-general.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center; }
  .is-doodled--highlight:before, .is-doodled--highlight-primary:before, .is-doodled--highlight-white:before {
    top: 45%;
    left: 45%;
    width: 177%;
    height: 193%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../img/svg/highlight.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: splash 0.8s infinite steps(3);
            animation: splash 0.8s infinite steps(3); }
    @media (max-width: 991px) {
      .is-doodled--highlight:before, .is-doodled--highlight-primary:before, .is-doodled--highlight-white:before {
        width: 127%;
        height: 149%; } }
  .is-doodled--highlight-primary:before {
    background-image: url(../img/svg/highlight-primary.svg); }
  .is-doodled--highlight-white:before {
    background-image: url(../img/svg/highlight-white.svg); }
  .is-doodled--highlight-grey:before {
    top: 58%;
    left: 50%;
    width: 130%;
    height: 175%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../img/svg/highlight-grey.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: splash 0.8s infinite steps(3);
            animation: splash 0.8s infinite steps(3); }
    @media (max-width: 991px) {
      .is-doodled--highlight-grey:before {
        width: 127%;
        height: 149%; } }
  .is-doodled--pointed:before {
    width: 110%;
    height: 84px;
    top: auto;
    bottom: 60%;
    left: -10%;
    background-image: url(../img/svg/arrows_pointing.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center; }
  @media (max-width: 1199px) {
    .is-doodled--last {
      margin-left: 7px; } }

@media print {
  body.page-template-ebox-tv-resume {
    padding-top: 40px; }
    body.page-template-ebox-tv-resume > *:not(.eboxtv__page), body.page-template-ebox-tv-resume .page-resume__row--timeline,
    body.page-template-ebox-tv-resume .ebtv-resume__sticky-cage, body.page-template-ebox-tv-resume .ebtv-section-body__section-content {
      display: none; }
    body.page-template-ebox-tv-resume .channel-list:not(.channel-list--print) {
      display: none; }
    body.page-template-ebox-tv-resume .channel-list--print {
      width: 100%; }
    body.page-template-ebox-tv-resume .page-resume__row {
      margin: 0 0 20px !important; }
    body.page-template-ebox-tv-resume h1 {
      margin-bottom: 50px !important; }
    body.page-template-ebox-tv-resume .ebtv-section-body-container, body.page-template-ebox-tv-resume .ebtv-section-head {
      margin-bottom: 15px !important;
      padding: 0; }
    body.page-template-ebox-tv-resume .ebtv-section-head {
      padding: 10px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    body.page-template-ebox-tv-resume .container.bs-container {
      max-width: none;
      width: 100%; }
    body.page-template-ebox-tv-resume .ebtv-section-body {
      position: relative; }
      body.page-template-ebox-tv-resume .ebtv-section-body__section-title {
        margin-bottom: 0;
        white-space: nowrap;
        font-size: 20px; }
        body.page-template-ebox-tv-resume .ebtv-section-body__section-title span {
          display: inline-block; }
    body.page-template-ebox-tv-resume .ebtv-section-body__section-title {
      -webkit-column-break-after: avoid;
              break-after: avoid; }
    body.page-template-ebox-tv-resume .is-children-list {
      position: relative;
      -webkit-column-break-after: always;
              break-after: always;
      page-break-after: always; }
    body.page-template-ebox-tv-resume .ebtv-section-body, body.page-template-ebox-tv-resume .channel-list {
      position: relative;
      -webkit-column-break-inside: avoid;
              break-inside: avoid; }
    body.page-template-ebox-tv-resume .ebtv-section-body__section-title {
      -webkit-column-break-after: avoid;
              break-after: avoid; }
    body.page-template-ebox-tv-resume .channel-list.channel-list--resume {
      margin: 0;
      margin-top: 10px;
      -webkit-columns: 3;
              columns: 3; }
      body.page-template-ebox-tv-resume .channel-list.channel-list--resume.is-children-list {
        position: relative;
        display: inline-block;
        margin: 0;
        -webkit-columns: 1;
                columns: 1;
        margin-top: 5px;
        margin-left: 15px; }
        body.page-template-ebox-tv-resume .channel-list.channel-list--resume.is-children-list .choice-list__item {
          display: inline-block;
          width: auto;
          padding: 0;
          margin: 0 7px 0 0;
          font: 400 10px/16px "tt_hazelnuts"; }
          body.page-template-ebox-tv-resume .channel-list.channel-list--resume.is-children-list .choice-list__item:after {
            display: inline-block;
            content: ', ';
            font: inherit; }
          body.page-template-ebox-tv-resume .channel-list.channel-list--resume.is-children-list .choice-list__item .chosen-channel__print-title {
            font: inherit; }
          body.page-template-ebox-tv-resume .channel-list.channel-list--resume.is-children-list .choice-list__item:last-child {
            margin: 0; }
            body.page-template-ebox-tv-resume .channel-list.channel-list--resume.is-children-list .choice-list__item:last-child:after {
              content: none; }
      body.page-template-ebox-tv-resume .channel-list.channel-list--resume .choice-list__item {
        margin: 0 5px 0 0;
        display: block;
        width: 100%;
        padding-left: 25px;
        background: url(../img/svg/ic_arrow-right.svg) left 2px no-repeat;
        background-size: 16px;
        margin-bottom: 6px; }
        body.page-template-ebox-tv-resume .channel-list.channel-list--resume .choice-list__item .chosen-channel__print-title {
          font-family: "tt_hazelnuts";
          font-size: 14px;
          line-height: 18px; }
    body.page-template-ebox-tv-resume .chosen-channel.chosen-channel.chosen-channel {
      background: none;
      border: none;
      position: relative;
      display: inline-block;
      border-radius: 0;
      width: auto;
      cursor: text; }
      body.page-template-ebox-tv-resume .chosen-channel.chosen-channel.chosen-channel:after {
        content: none; }
    body.page-template-ebox-tv-resume .customers, body.page-template-ebox-tv-resume .legend {
      display: none; } }

body.page-template-ebox-tv-resume .ebtv-section-body {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  page-break-inside: avoid; }

@-webkit-keyframes svgscaling {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1; } }

@keyframes svgscaling {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1; } }

.modal-backdrop.in {
  opacity: 0.7 !important; }

.modal {
  text-align: center;
  padding: 0 !important; }
  .modal.in {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
    @media (min-width: 768px) {
      .modal .modal-dialog {
        width: 620px; } }
    @media (max-width: 767px) {
      .modal .modal-dialog {
        min-width: 90%; } }

.eboxtv-modal {
  z-index: 9999; }
  .eboxtv-modal__AutoComplete {
    margin-top: 10px; }
  .eboxtv-modal .modal-content {
    border-radius: 12px;
    background: none; }
    .eboxtv-modal .modal-content .modal-header {
      min-height: 100px;
      background: #343434;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      border-bottom: 0; }
      .eboxtv-modal .modal-content .modal-header:not(.modal-header--center) {
        padding-left: 60px; }
        @media (max-width: 360px) {
          .eboxtv-modal .modal-content .modal-header:not(.modal-header--center) {
            padding-left: 25px; } }
      .eboxtv-modal .modal-content .modal-header--center {
        text-align: center; }
      @media (max-width: 991px) {
        .eboxtv-modal .modal-content .modal-header {
          min-height: 92px;
          padding-left: 40px;
          padding-top: 13px;
          padding-bottom: 13px; } }
      @media (max-width: 767px) {
        .eboxtv-modal .modal-content .modal-header {
          min-height: 53px;
          padding-left: 20px; } }
      @media (max-width: 360px) {
        .eboxtv-modal .modal-content .modal-header {
          padding-left: 0px; } }
      .eboxtv-modal .modal-content .modal-header .close {
        margin-top: 0;
        position: absolute;
        right: 55px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: none;
        border: none;
        opacity: 1; }
        @media (max-width: 991px) {
          .eboxtv-modal .modal-content .modal-header .close {
            right: 35px; } }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-header .close {
            right: 15px; } }
        .eboxtv-modal .modal-content .modal-header .close svg {
          width: 34px;
          height: 32px;
          fill: #FFF;
          -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
          transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
        .eboxtv-modal .modal-content .modal-header .close:hover svg, .eboxtv-modal .modal-content .modal-header .close:focus svg {
          fill: #8E8E8E; }
        .eboxtv-modal .modal-content .modal-header .close:focus {
          outline: auto; }
      .eboxtv-modal .modal-content .modal-header .modal-title {
        color: #FFF;
        font: 700 35px 'BrandonGrotesque', sans-serif;
        text-transform: none;
        font-weight: 700;
        text-align: center; }
        @media (max-width: 991px) {
          .eboxtv-modal .modal-content .modal-header .modal-title {
            font-size: 26px; } }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-header .modal-title {
            font-size: 20px;
            text-align: left; } }
    .eboxtv-modal .modal-content .modal-body {
      background: #be2323;
      padding: 35px 45px 0; }
      .eboxtv-modal .modal-content .modal-body .row {
        padding: 25px 0; }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-body .row.row-btn {
            padding: 10px 0 25px; } }
      .eboxtv-modal .modal-content .modal-body .no-padding {
        padding: 0; }
      .eboxtv-modal .modal-content .modal-body .no-padding-left {
        padding-left: 0; }
      .eboxtv-modal .modal-content .modal-body .text-underlined, .eboxtv-modal .modal-content .modal-body .text-nounderlined {
        color: #FFF;
        font-weight: 700;
        display: inline-block;
        font-family: 'BrandonGrotesque', sans-serif;
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 8px;
        border-bottom: 1px solid #FFF; }
        @media (max-width: 991px) {
          .eboxtv-modal .modal-content .modal-body .text-underlined, .eboxtv-modal .modal-content .modal-body .text-nounderlined {
            font-size: 22px; } }
      .eboxtv-modal .modal-content .modal-body .text-nounderlined {
        display: block;
        font-size: 25px;
        line-height: 30px;
        border-bottom: 0px solid #FFF;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-body .text-nounderlined {
            font-size: 18px;
            line-height: 20px; } }
        @media (max-width: 991px) {
          .eboxtv-modal .modal-content .modal-body .text-nounderlined.p-notice {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-body .text-nounderlined.p-notice {
            font-size: 18px;
            line-height: 20px; } }
        .eboxtv-modal .modal-content .modal-body .text-nounderlined.text-regular {
          font-weight: 400; }
        .eboxtv-modal .modal-content .modal-body .text-nounderlined a {
          color: currentColor;
          text-decoration: underline; }
          .eboxtv-modal .modal-content .modal-body .text-nounderlined a:hover {
            color: #C7C7C7; }
      .eboxtv-modal .modal-content .modal-body .text-normal, .eboxtv-modal .modal-content .modal-body .text-normal-upperline {
        font-weight: 500;
        font-size: 20px;
        color: #FFF;
        font-family: 'BrandonGrotesque', sans-serif;
        display: block; }
      .eboxtv-modal .modal-content .modal-body .text-normal-upperline {
        display: inline-block;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #FFF; }
      @media (max-width: 991px) {
        .eboxtv-modal .modal-content .modal-body {
          padding: 35px 25px 0px; } }
      .eboxtv-modal .modal-content .modal-body .style-selected {
        width: 100%;
        background: url(../img/svg/select-input-arrow.svg) right 5px center no-repeat;
        height: 40px;
        position: relative; }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-body .style-selected {
            height: 34px; } }
      .eboxtv-modal .modal-content .modal-body ::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #FFF; }
      .eboxtv-modal .modal-content .modal-body :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #FFF;
        opacity: 1; }
      .eboxtv-modal .modal-content .modal-body ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #FFF;
        opacity: 1; }
      .eboxtv-modal .modal-content .modal-body :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #FFF; }
      .eboxtv-modal .modal-content .modal-body ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #FFF; }
      .eboxtv-modal .modal-content .modal-body .input-text-wrapper {
        position: relative;
        width: 100%;
        z-index: 1; }
        .eboxtv-modal .modal-content .modal-body .input-text-wrapper input {
          width: 100%;
          padding: 0;
          background: none;
          border-radius: 0 !important;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border-left: 0;
          border-right: 0;
          height: 40px;
          font-family: 'BrandonGrotesque', sans-serif;
          font-weight: 700;
          font-size: 20px;
          border-radius: 0;
          color: #FFF;
          border-top: 0;
          border-bottom: 1px solid #FFF; }
          @media (max-width: 767px) {
            .eboxtv-modal .modal-content .modal-body .input-text-wrapper input {
              height: 34px; } }
          @media (max-width: 320px) {
            .eboxtv-modal .modal-content .modal-body .input-text-wrapper input {
              font-size: 14px; } }
      .eboxtv-modal .modal-content .modal-body .modal-notice {
        width: 100%;
        text-align: right;
        margin: 5px 0 0 0;
        font-family: 'BrandonGrotesque', sans-serif;
        font-size: 12px;
        color: #FFF;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: none;
        padding: 0;
        background: none; }
        .eboxtv-modal .modal-content .modal-body .modal-notice a {
          color: #FFF; }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-body .modal-notice span {
            display: none; } }
      .eboxtv-modal .modal-content .modal-body select {
        width: 100%;
        background: none;
        padding: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        height: 40px;
        font-family: 'BrandonGrotesque', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #FFF;
        border-top: 0;
        border-bottom: 1px solid #FFF;
        position: relative;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; }
        .eboxtv-modal .modal-content .modal-body select option {
          color: #343434; }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-body select {
            height: 34px;
            font-size: 15px; } }
      .eboxtv-modal .modal-content .modal-body select:focus, .eboxtv-modal .modal-content .modal-body input:focus {
        border-bottom-color: rgba(255, 255, 255, 0.5);
        padding: 0 10px;
        outline: auto; }
      .eboxtv-modal .modal-content .modal-body .icon-circle-shape {
        width: 45px;
        height: 45px;
        fill: #FFF; }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-body .icon-circle-shape {
            width: 30px;
            height: 30px; } }
      .eboxtv-modal .modal-content .modal-body .icon-numbered-circle {
        fill: #FFF; }
      .eboxtv-modal .modal-content .modal-body .icon-circle {
        position: relative;
        width: 45px;
        height: 45px; }
        .eboxtv-modal .modal-content .modal-body .icon-circle span {
          left: 50%;
          top: 50%;
          position: absolute;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          color: #BE2323;
          font-size: 20px;
          font-family: 'BrandonGrotesque', sans-serif;
          font-weight: 900;
          -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
          transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
          @media (max-width: 767px) {
            .eboxtv-modal .modal-content .modal-body .icon-circle span {
              font-size: 16px; } }
        @media (max-width: 767px) {
          .eboxtv-modal .modal-content .modal-body .icon-circle {
            width: 30px;
            height: 30px; } }
        @media (max-width: 320px) {
          .eboxtv-modal .modal-content .modal-body .icon-circle {
            margin-left: -10px; } }
        .eboxtv-modal .modal-content .modal-body .icon-circle #icon-numbered-circle-shape, .eboxtv-modal .modal-content .modal-body .icon-circle #icon-numbered-circle-shape2 {
          -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
          transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
        .eboxtv-modal .modal-content .modal-body .icon-circle.no-filled span {
          color: #FFF; }
        .eboxtv-modal .modal-content .modal-body .icon-circle.no-filled #icon-numbered-circle-shape, .eboxtv-modal .modal-content .modal-body .icon-circle.no-filled #icon-numbered-circle-shape2 {
          opacity: 0 !important; }
      .eboxtv-navbutton, .eboxtv-modal .modal-content .modal-body .modal-btn {
        border-radius: 6px;
        border: 0;
        height: 60px;
        min-width: 200px;
        width: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #BE2323;
        font-weight: 700;
        padding: 0 20px;
        text-transform: uppercase;
        font-size: 16px !important;
        font-family: 'BrandonGrotesque', sans-serif;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        will-change: transform;
        position: relative;
        overflow: hidden; }
        @media (max-width: 767px) {
          .eboxtv-navbutton, .eboxtv-modal .modal-content .modal-body .modal-btn {
            padding: 0 20px;
            line-height: 18px; } }
        .eboxtv-navbutton:before, .eboxtv-modal .modal-content .modal-body .modal-btn:before {
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          z-index: -1;
          left: 0;
          top: 0;
          background: #FFF;
          opacity: 1;
          -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
          transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
        .eboxtv-navbutton:after, .eboxtv-modal .modal-content .modal-body .modal-btn:after {
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          z-index: -1;
          left: 0;
          top: 0;
          -webkit-transform: translateX(-100%);
                  transform: translateX(-100%);
          background: #343434;
          -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
          transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
        .eboxtv-navbutton:hover, .eboxtv-navbutton:focus, .eboxtv-modal .modal-content .modal-body .modal-btn:hover, .eboxtv-modal .modal-content .modal-body .modal-btn:focus {
          background: #343434;
          color: #FFF;
          -webkit-box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5);
                  box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5); }
          .eboxtv-navbutton:hover:after, .eboxtv-navbutton:focus:after, .eboxtv-modal .modal-content .modal-body .modal-btn:hover:after, .eboxtv-modal .modal-content .modal-body .modal-btn:focus:after {
            -webkit-transform: translateX(0);
                    transform: translateX(0); }
          .eboxtv-navbutton:hover:before, .eboxtv-navbutton:focus:before, .eboxtv-modal .modal-content .modal-body .modal-btn:hover:before, .eboxtv-modal .modal-content .modal-body .modal-btn:focus:before {
            opacity: 0; }
        .eboxtv-navbutton:focus, .eboxtv-modal .modal-content .modal-body .modal-btn:focus {
          outline: 1px solid #FFF; }
        .eboxtv-navbutton:disabled, .eboxtv-modal .modal-content .modal-body .modal-btn:disabled {
          opacity: 0.5;
          pointer-events: none;
          color: #000; }
        .eboxtv-navbutton--red:focus, .eboxtv-navbutton--red:hover, .eboxtv-navbutton--red:active, .eboxtv-navbutton--red:focus, .eboxtv-navbutton--black:focus, .eboxtv-navbutton--black:hover, .eboxtv-navbutton--black:active, .eboxtv-navbutton--black:focus, .eboxtv-modal .modal-content .modal-body .modal-btn--red:focus, .eboxtv-modal .modal-content .modal-body .modal-btn--red:hover, .eboxtv-modal .modal-content .modal-body .modal-btn--red:active, .eboxtv-modal .modal-content .modal-body .modal-btn--red:focus, .eboxtv-modal .modal-content .modal-body .modal-btn--black:focus, .eboxtv-modal .modal-content .modal-body .modal-btn--black:hover, .eboxtv-modal .modal-content .modal-body .modal-btn--black:active, .eboxtv-modal .modal-content .modal-body .modal-btn--black:focus {
          color: #FFF;
          text-decoration: none; }
        .eboxtv-navbutton--red, .eboxtv-modal .modal-content .modal-body .modal-btn--red {
          background: #BE2323;
          color: #FFF; }
          .eboxtv-navbutton--red:before, .eboxtv-modal .modal-content .modal-body .modal-btn--red:before {
            background: #BE2323; }
        .eboxtv-navbutton--black, .eboxtv-modal .modal-content .modal-body .modal-btn--black {
          background: #1F1F1F;
          color: #FFF; }
          .eboxtv-navbutton--black:before, .eboxtv-modal .modal-content .modal-body .modal-btn--black:before {
            background: #1F1F1F; }
          .eboxtv-navbutton--black .eboxtv-navbutton__icon-container, .eboxtv-modal .modal-content .modal-body .modal-btn--black .eboxtv-navbutton__icon-container {
            border-color: #FFF; }
        .eboxtv-navbutton--white, .eboxtv-modal .modal-content .modal-body .modal-btn--white {
          background: #FFF;
          color: #FFF; }
          .eboxtv-navbutton--white:before, .eboxtv-modal .modal-content .modal-body .modal-btn--white:before {
            background: #FFF; }
          .eboxtv-navbutton--white .eboxtv-navbutton__icon-container, .eboxtv-modal .modal-content .modal-body .modal-btn--white .eboxtv-navbutton__icon-container {
            border-color: #BE2323; }
        .eboxtv-navbutton--small, .eboxtv-modal .modal-content .modal-body .modal-btn--small {
          padding: 0 8px !important;
          min-width: 1px !important;
          min-height: 1px !important;
          height: 40px !important;
          font-size: 0 !important;
          width: auto;
          display: -webkit-inline-box !important;
          display: -ms-inline-flexbox !important;
          display: inline-flex !important; }
          .eboxtv-navbutton--small .eboxtv-navbutton__title, .eboxtv-modal .modal-content .modal-body .modal-btn--small .eboxtv-navbutton__title {
            line-height: 40px;
            font-size: 12px;
            padding-right: 8px; }
          .eboxtv-navbutton--small .eboxtv-navbutton__icon-container, .eboxtv-modal .modal-content .modal-body .modal-btn--small .eboxtv-navbutton__icon-container {
            padding-left: 12px; }
          .eboxtv-navbutton--small .eboxtv-navbutton__icon, .eboxtv-modal .modal-content .modal-body .modal-btn--small .eboxtv-navbutton__icon {
            position: relative;
            width: 16px;
            height: 16px;
            bottom: 1px; }
        .eboxtv-navbutton.modal-btn-inv, .eboxtv-modal .modal-content .modal-body .modal-btn.modal-btn-inv {
          background: none;
          color: #FFF;
          border: 3px solid #FFF; }
          .eboxtv-navbutton.modal-btn-inv:before, .eboxtv-modal .modal-content .modal-body .modal-btn.modal-btn-inv:before {
            width: 100%;
            height: 100%;
            content: "";
            position: absolute;
            z-index: -1;
            left: 0;
            top: 0;
            background: none;
            opacity: 1;
            -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
            transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
          .eboxtv-navbutton.modal-btn-inv:after, .eboxtv-modal .modal-content .modal-body .modal-btn.modal-btn-inv:after {
            width: 100%;
            height: 100%;
            content: "";
            position: absolute;
            z-index: -1;
            left: 0;
            top: 0;
            -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
            background: #FFF;
            -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
            transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
          .eboxtv-navbutton.modal-btn-inv:hover, .eboxtv-modal .modal-content .modal-body .modal-btn.modal-btn-inv:hover {
            color: #BE2323; }
            .eboxtv-navbutton.modal-btn-inv:hover:after, .eboxtv-modal .modal-content .modal-body .modal-btn.modal-btn-inv:hover:after {
              -webkit-transform: translateX(0);
                      transform: translateX(0); }
            .eboxtv-navbutton.modal-btn-inv:hover:before, .eboxtv-modal .modal-content .modal-body .modal-btn.modal-btn-inv:hover:before {
              opacity: 0; }
    .eboxtv-modal .modal-content .modal-footer {
      background: #be2323;
      border-top: 0px;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
      padding-bottom: 20px; }
      @media (max-width: 767px) {
        .eboxtv-modal .modal-content .modal-footer {
          padding-bottom: 0; } }
  .eboxtv-modal#alert-no-address .style-selected .modal-notice, .eboxtv-modal#alert-city-validation .style-selected .modal-notice {
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
  @media (max-width: 320px) {
    .eboxtv-modal#alert-no-address .style-selected select, .eboxtv-modal#alert-city-validation .style-selected select {
      font-size: 14px; } }
  .eboxtv-modal#alert-no-address .modal-btn, .eboxtv-modal#alert-city-validation .modal-btn {
    margin-top: 8px; }
    @media (max-width: 767px) {
      .eboxtv-modal#alert-no-address .modal-btn, .eboxtv-modal#alert-city-validation .modal-btn {
        margin-top: 0; } }
  .eboxtv-modal#alert-no-address #in-client,
  .eboxtv-modal#alert-no-address #in-client-b, .eboxtv-modal#alert-city-validation #in-client,
  .eboxtv-modal#alert-city-validation #in-client-b {
    position: relative; }
    .eboxtv-modal#alert-no-address #in-client:after,
    .eboxtv-modal#alert-no-address #in-client-b:after, .eboxtv-modal#alert-city-validation #in-client:after,
    .eboxtv-modal#alert-city-validation #in-client-b:after {
      height: 50px;
      width: 1px;
      position: absolute;
      background: #FFF;
      left: 49%;
      bottom: -50px; }
      @media (max-width: 767px) {
        .eboxtv-modal#alert-no-address #in-client:after,
        .eboxtv-modal#alert-no-address #in-client-b:after, .eboxtv-modal#alert-city-validation #in-client:after,
        .eboxtv-modal#alert-city-validation #in-client-b:after {
          height: 56px;
          bottom: -56px; } }
  @media (max-width: 767px) {
    .eboxtv-modal#alert-no-address .col-xs-2, .eboxtv-modal#alert-city-validation .col-xs-2 {
      padding-top: 5px; } }
  @media (max-width: 767px) {
    .eboxtv-modal .mobile-notice-activated {
      margin-bottom: 25px !important; }
      .eboxtv-modal .mobile-notice-activated #in-client:after,
      .eboxtv-modal .mobile-notice-activated #in-client-b:after {
        height: 81px !important;
        bottom: -81px !important; } }
  .eboxtv-modal#alert-qualified .modal-body svg, .eboxtv-modal#alert-qualified-client .modal-body svg, .eboxtv-modal#alert-not-valid .modal-body svg, .eboxtv-modal#alert-qualified-c-cable .modal-body svg, .eboxtv-modal#alert-oops .modal-body svg, .eboxtv-modal#alert-alert .modal-body svg, .eboxtv-modal#alert-parle .modal-body svg, .eboxtv-modal.alert-alert .modal-body svg {
    width: 60px;
    height: 60px;
    fill: #FFF;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
    @media (max-width: 767px) {
      .eboxtv-modal#alert-qualified .modal-body svg, .eboxtv-modal#alert-qualified-client .modal-body svg, .eboxtv-modal#alert-not-valid .modal-body svg, .eboxtv-modal#alert-qualified-c-cable .modal-body svg, .eboxtv-modal#alert-oops .modal-body svg, .eboxtv-modal#alert-alert .modal-body svg, .eboxtv-modal#alert-parle .modal-body svg, .eboxtv-modal.alert-alert .modal-body svg {
        margin-top: 6px;
        width: 40px;
        height: 40px; } }
  .eboxtv-modal#alert-alert .row-icon, .eboxtv-modal.alert-alert .row-icon {
    padding-top: 30px; }
  .eboxtv-modal#alert-alert .text-nounderlined, .eboxtv-modal.alert-alert .text-nounderlined {
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      .eboxtv-modal#alert-alert .text-nounderlined, .eboxtv-modal.alert-alert .text-nounderlined {
        margin-bottom: 5px; } }
    @media (max-width: 767px) {
      .eboxtv-modal#alert-alert .text-nounderlined, .eboxtv-modal.alert-alert .text-nounderlined {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px; } }
  .eboxtv-modal#alert-alert .modal-btn, .eboxtv-modal.alert-alert .modal-btn {
    width: 100%; }
    @media (max-width: 767px) {
      .eboxtv-modal#alert-alert .modal-btn, .eboxtv-modal.alert-alert .modal-btn {
        width: auto; } }
  .eboxtv-modal#alert-qualified-client .modal-btn {
    width: 100%;
    text-align: center;
    padding: 0 10px; }
  @media (max-width: 991px) {
    .eboxtv-modal#alert-qualified-client .text-nounderlined {
      width: 100%; } }
  @media (max-width: 991px) {
    .eboxtv-modal#alert-qualified-client .text-nounderlined span {
      display: none; } }
  @media (max-width: 991px) {
    .eboxtv-modal#alert-qualified .row-qualified {
      padding-bottom: 0; } }
  .eboxtv-modal#alert-not-valid .modal-notice {
    text-align: center; }
  .eboxtv-modal#alert-not-valid .text-normal, .eboxtv-modal#alert-not-valid .modal-content .modal-body .text-normal-upperline {
    font-size: 16px; }
  .eboxtv-modal#alert-qualified-c-cable .messageNoQualif .modal-notice {
    text-align: center; }
  .eboxtv-modal#alert-qualified-c-cable .messageNoQualif .text-normal, .eboxtv-modal#alert-qualified-c-cable .messageNoQualif .modal-content .modal-body .text-normal-upperline, .eboxtv-modal#alert-qualified-c-cable .modal-content .modal-body .messageNoQualif .text-normal-upperline {
    font-size: 16px; }
  @media (max-width: 767px) {
    .eboxtv-modal#alert-oops .text-nounderlined {
      font-size: 25px !important;
      line-height: 30px !important; } }
  @media (max-width: 767px) {
    .eboxtv-modal#alert-alert .eboxtv-modal__btn-container .modal-btn, .eboxtv-modal.alert-alert .eboxtv-modal__btn-container .modal-btn {
      width: 100%; } }
  @media (max-width: 540px) {
    .eboxtv-modal#alert-alert .eboxtv-modal__btn-container, .eboxtv-modal.alert-alert .eboxtv-modal__btn-container {
      width: 100%;
      margin-bottom: 15px; }
      .eboxtv-modal#alert-alert .eboxtv-modal__btn-container .modal-btn, .eboxtv-modal.alert-alert .eboxtv-modal__btn-container .modal-btn {
        width: 100%; }
      .eboxtv-modal#alert-alert .eboxtv-modal__btn-container:last-child, .eboxtv-modal.alert-alert .eboxtv-modal__btn-container:last-child {
        margin-bottom: 0; } }

.separator {
  width: 100%;
  height: 3px;
  border-radius: 2px;
  margin-top: 20px;
  margin-bottom: 5px;
  background: #FFF; }
  @media (max-width: 767px) {
    .separator {
      margin-top: 0px;
      margin-bottom: 0px; } }

.in-disabled a {
  pointer-events: none; }

.in-disabled .col-xs-2 {
  opacity: 0.5; }

.row-icon {
  padding-bottom: 20px !important; }
  @media (max-width: 991px) {
    .row-icon {
      padding-bottom: 15px !important; } }
  @media (max-width: 767px) {
    .row-icon {
      padding-bottom: 10px !important; } }

.row-notoppadding {
  padding-top: 10px !important; }

.small-link {
  color: #FFF;
  font-size: 12px;
  font-family: 'BrandonGrotesque', sans-serif;
  margin-top: 12px; }
  .small-link:hover {
    color: #FFF;
    text-decoration: underline !important; }

@media (max-width: 767px) {
  .text-qualified {
    font-size: 25px !important; } }

.modal-btn .Loading {
  width: 30px;
  height: 30px;
  color: #BE2323;
  margin-left: 10px;
  bottom: 2px;
  position: relative; }

.modal-btn span, .modal-btn .Loading {
  vertical-align: middle; }

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

#alert-parle .pop-title {
  display: none; }

#alert-parle .pop-container p {
  display: none; }

#alert-parle #number {
  width: 300px;
  height: 40px;
  border: 0;
  border-radius: 5px; }

#alert-parle #btnCallback {
  display: block;
  position: relative;
  margin: 15px auto; }

#alert-parle h5 {
  font-size: 25px; }

#alert-parle .modal-modified:hover {
  color: #FFF; }

#alert-nextstepinternet .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect,
#alert-nextsteptv .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect,
#alert-nextsteptelephonie .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
  height: 40px !important;
  font-size: 12px !important;
  min-width: auto !important; }
  #alert-nextstepinternet .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect--transparent,
  #alert-nextsteptv .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect--transparent,
  #alert-nextsteptelephonie .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect--transparent {
    margin-left: 15px; }

.nextStep__top {
  text-align: center;
  max-width: 315px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 18px; }
  .nextStep__top p {
    font: 900 20px/24px 'BrandonGrotesque', sans-serif;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 4px; }
  .nextStep__top ul {
    margin: 20px; }
    .nextStep__top ul li {
      color: #FFF;
      margin: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .nextStep__top ul li strong {
        margin-left: 6px; }
  .nextStep__top span {
    font: 400 16px 'BrandonGrotesque', sans-serif;
    color: #FFF; }
  .nextStep__top svg {
    fill: #FFF;
    width: 20px;
    height: 20px;
    margin-right: 10px; }

.nextStep__bottom {
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 315px;
  margin: 0 auto;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .nextStep__bottom svg {
    width: 32px;
    height: 32px;
    fill: #FFF; }
  .nextStep__bottom-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%; }
    .nextStep__bottom-item p {
      font-size: 12px;
      line-height: 16px; }

.bottomDisclaimer {
  margin-top: 15px;
  color: #FFF;
  font-size: 12px;
  font: 12px/17px "BrandonGrotesque", sans-serif; }

.priceSpecs {
  display: none;
  margin: 0;
  padding: 0; }
  .priceSpecs li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #BE2323;
    font: 700 12px/17px "BrandonGrotesque", sans-serif; }
    .priceSpecs li svg {
      width: 16px;
      height: 16px;
      margin-right: 4px;
      fill: #BE2323; }

.priceNote {
  display: none; }

.forfaitID-12021 .priceSpecs,
.forfaitID-12024 .priceSpecs,
.forfaitID-12359 .priceSpecs,
.forfaitID-12360 .priceSpecs,
.forfaitID-11624 .priceSpecs,
.forfaitID-11758 .priceSpecs {
  display: block; }

.forfaitID-12021 .priceNote,
.forfaitID-12024 .priceNote,
.forfaitID-12359 .priceNote,
.forfaitID-12360 .priceNote,
.forfaitID-11624 .priceNote,
.forfaitID-11758 .priceNote {
  display: inline-block; }

#alert-required svg,
#alert-required-15 svg,
#alert-required-20 svg,
#alert-populaire-sport svg,
#alert-required svg,
#alert-missingdecodeur svg,
#alert-missingproduct svg,
#alert-missinginfonuagique svg,
#alert-needed-internet svg,
#alert-needed-internet-upgrade svg,
#alert-needed-internet-infonuagique svg,
#alert-disponibilitenumerique svg,
#alert-missingchannels svg {
  fill: #FFF;
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 auto 10px; }

#alert-required .nextStep__top,
#alert-required-15 .nextStep__top,
#alert-required-20 .nextStep__top,
#alert-populaire-sport .nextStep__top,
#alert-required .nextStep__top,
#alert-missingdecodeur .nextStep__top,
#alert-missingproduct .nextStep__top,
#alert-missinginfonuagique .nextStep__top,
#alert-needed-internet .nextStep__top,
#alert-needed-internet-upgrade .nextStep__top,
#alert-needed-internet-infonuagique .nextStep__top,
#alert-disponibilitenumerique .nextStep__top,
#alert-missingchannels .nextStep__top {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 30px; }
  #alert-required .nextStep__top span,
  #alert-required-15 .nextStep__top span,
  #alert-required-20 .nextStep__top span,
  #alert-populaire-sport .nextStep__top span,
  #alert-required .nextStep__top span,
  #alert-missingdecodeur .nextStep__top span,
  #alert-missingproduct .nextStep__top span,
  #alert-missinginfonuagique .nextStep__top span,
  #alert-needed-internet .nextStep__top span,
  #alert-needed-internet-upgrade .nextStep__top span,
  #alert-needed-internet-infonuagique .nextStep__top span,
  #alert-disponibilitenumerique .nextStep__top span,
  #alert-missingchannels .nextStep__top span {
    font: 900 20px/24px  'BrandonGrotesque', sans-serif; }

#alert-required .ButtonEffect,
#alert-required-15 .ButtonEffect,
#alert-required-20 .ButtonEffect,
#alert-populaire-sport .ButtonEffect,
#alert-required .ButtonEffect,
#alert-missingdecodeur .ButtonEffect,
#alert-missingproduct .ButtonEffect,
#alert-missinginfonuagique .ButtonEffect,
#alert-needed-internet .ButtonEffect,
#alert-needed-internet-upgrade .ButtonEffect,
#alert-needed-internet-infonuagique .ButtonEffect,
#alert-disponibilitenumerique .ButtonEffect,
#alert-missingchannels .ButtonEffect {
  margin-top: 0; }

#alert-disponibilite .nextStep__top,
#alert-disponibilitecustomer .nextStep__top,
#alert-disponibilitenumerique .nextStep__top {
  padding-bottom: 15px;
  margin-bottom: 15px; }
  #alert-disponibilite .nextStep__top span,
  #alert-disponibilitecustomer .nextStep__top span,
  #alert-disponibilitenumerique .nextStep__top span {
    font: 900 20px/24px  'BrandonGrotesque', sans-serif; }

#alert-disponibilite .nextStep__bottom,
#alert-disponibilitecustomer .nextStep__bottom,
#alert-disponibilitenumerique .nextStep__bottom {
  margin-bottom: 30px; }

#alert-disponibilite .ButtonEffect,
#alert-disponibilitecustomer .ButtonEffect,
#alert-disponibilitenumerique .ButtonEffect {
  margin-top: 0;
  width: 100%;
  max-width: 290px; }

#alert-needed-internet-upgrade .ButtonEffect:first-of-type,
#alert-needed-internet-infonuagique .ButtonEffect:first-of-type {
  margin-right: 15px; }

.popupbutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .popupbutton a:first-of-type {
    margin-bottom: 15px; }

.techno {
  display: block;
  margin: 0 0 10px 0;
  font-size: 17px; }

.eboxtv-modalchaineincluses .channel__details-btn {
  display: none; }

.eboxtv-modalchaineincluses ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px; }

.eboxtv-modalchaineincluses .TVForfaitItem__channel-list-title {
  color: #FFF;
  margin-bottom: 15px; }

@-webkit-keyframes scroll_1 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-0.6em);
            transform: translateY(-0.6em); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  75% {
    -webkit-transform: translateY(0.6em);
            transform: translateY(0.6em); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes scroll_1 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-0.6em);
            transform: translateY(-0.6em); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  75% {
    -webkit-transform: translateY(0.6em);
            transform: translateY(0.6em); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.example--1 {
  background: tomato; }

.scroll-icon__wheel-outer {
  display: block;
  position: absolute;
  left: 50%;
  top: .6em;
  height: 1em;
  width: .4em;
  margin-left: -.2em;
  border-radius: .4em;
  overflow: hidden; }

.scroll-icon__wheel-inner {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background: #1F1F1F;
  -webkit-animation: scroll_1 2.75s ease-in-out infinite;
          animation: scroll_1 2.75s ease-in-out infinite; }

@-webkit-keyframes scroll_2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  25% {
    opacity: 1; }
  75% {
    -webkit-transform: translateY(0.75em);
            transform: translateY(0.75em);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0; } }

@keyframes scroll_2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  25% {
    opacity: 1; }
  75% {
    -webkit-transform: translateY(0.75em);
            transform: translateY(0.75em);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0; } }

.example--2 {
  background: cornflowerblue; }

.scroll-icon__dot {
  display: block;
  position: absolute;
  left: 50%;
  background: #BE2323;
  height: .5em;
  width: .5em;
  top: .6em;
  margin-left: -.25em;
  border-radius: 50%;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation: scroll_2 2s ease-out infinite;
          animation: scroll_2 2s ease-out infinite; }

.scroll-icon {
  display: none;
  position: fixed;
  height: 3em;
  width: 1.5em;
  border: 0.1em solid #1F1F1F;
  border-radius: 1em;
  right: 40px;
  bottom: 40px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }
  @media (max-width: 956px) {
    .scroll-icon {
      display: block;
      bottom: 80px; } }

.modal-open {
  position: fixed !important;
  width: 100%; }
  .modal-open .modal-dialog {
    height: 100%; }

/* Feuille de style pour la page de Commande en ligne - MERCI */
.commande-merci {
  padding: 70px 0px; }
  .commande-merci .col-md-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .commande-merci .paperplane {
    margin-bottom: 60px;
    height: 100px;
    width: 100px; }
  .commande-merci .ThreeCalltos__title {
    font-size: 55px;
    padding-bottom: 25px;
    line-height: 65px;
    text-align: center; }
  .commande-merci .ThreeCalltos__subtitle {
    font-size: 20px;
    margin-bottom: 70px;
    text-align: center;
    line-height: 36px; }
    @media (max-width: 991px) {
      .commande-merci .ThreeCalltos__subtitle {
        font-weight: 300; } }
  .commande-merci .commande-merci__infos {
    text-align: center !important;
    font-family: "BrandonGrotesque", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 35px !important;
    line-height: 30px !important; }

/* Style pour la page de confirmation de commande - PAIEMENT */
.order-paiement {
  margin-top: 25px;
  /* Sous total*/
  /* Ta facture aujourd'hui */
  /* Formulaire */ }
  .order-paiement .orderTitle .Mention__text-gras {
    font-size: 35px;
    padding: 70px 0;
    color: #000;
    line-height: 1.42; }
    @media (max-width: 767px) {
      .order-paiement .orderTitle .Mention__text-gras {
        line-height: 1; } }
  .order-paiement .orderTitle .Promos__section-title {
    font-size: 55px; }
  .order-paiement .service__title {
    color: #BE2323;
    font-size: 25px;
    padding-bottom: 30px;
    font-weight: bold !important; }
  .order-paiement .service .service_detail ul {
    margin: 0; }
    .order-paiement .service .service_detail ul p::first-letter {
      text-transform: capitalize; }
  .order-paiement .service .service_detail-product {
    padding-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .order-paiement .service .service_detail-product--red {
      color: #BE2323;
      font-weight: bold; }
  @media (max-width: 767px) {
    .order-paiement .service .service_detail p {
      padding-right: 15px; } }
  .order-paiement .service .service_detail .service_price {
    display: inline-block;
    width: 60px;
    text-align: left;
    padding-right: 200px;
    white-space: nowrap; }
    .order-paiement .service .service_detail .service_price--red {
      color: #BE2323;
      font-weight: bold !important; }
    @media (max-width: 599px) {
      .order-paiement .service .service_detail .service_price {
        padding-right: 99px; } }
  .order-paiement .service .service_detail .service_price.frAlign {
    padding-right: 0;
    margin-right: 140px;
    text-align: right; }
  .order-paiement .sousTotal {
    padding: 30px;
    background: #f2f2f2;
    border-radius: 6px;
    margin: 35px 0px 75px 0px; }
    @media (max-width: 767px) {
      .order-paiement .sousTotal {
        padding: 15px; } }
    .order-paiement .sousTotal ul {
      margin: 0; }
    .order-paiement .sousTotal .sousTotal_detail {
      padding-bottom: 28px;
      font-weight: bold;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .order-paiement .sousTotal .sousTotal_detail:last-child {
        padding-bottom: 0px; }
    .order-paiement .sousTotal .sousTotal_price {
      margin-right: 78px;
      width: 89px;
      text-align: left;
      display: inline-block; }
      @media (max-width: 599px) {
        .order-paiement .sousTotal .sousTotal_price {
          margin-right: -5px; } }
    .order-paiement .sousTotal .sousTotal_price.frSpacing {
      margin-right: 110px;
      text-align: right; }
  .order-paiement .endFacturation {
    position: relative; }
    .order-paiement .endFacturation .service__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media (max-width: 599px) {
        .order-paiement .endFacturation .service__title {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .order-paiement .endFacturation .endFacturation__price {
      padding-right: 113px; }
      @media (max-width: 599px) {
        .order-paiement .endFacturation .endFacturation__price {
          position: relative;
          right: 0;
          padding-top: 25px; } }
    .order-paiement .endFacturation .endFacturation__price.frSpacing {
      margin-right: 140px; }
    .order-paiement .endFacturation__subtitle {
      color: #BE2323;
      padding-bottom: 30px;
      font-size: 16px;
      display: inline-block; }
      .order-paiement .endFacturation__subtitle:hover {
        color: #000; }
    .order-paiement .endFacturation__subtitle.a {
      text-decoration: underline; }
    .order-paiement .endFacturation__note {
      width: 60%;
      margin-bottom: 95px; }
      @media (max-width: 599px) {
        .order-paiement .endFacturation__note {
          width: 100%; } }
  .order-paiement a.endFacturation__subtitle {
    text-decoration: underline; }
  .order-paiement .paiementForm {
    background-image: url(../img/commande-paiement-bg.jpg);
    background-size: cover;
    padding: 65px 0; }
  .order-paiement .Mention__text-gras--white {
    color: white;
    font-size: 35px;
    padding-bottom: 70px; }
  .order-paiement .service__title--white {
    color: white; }
  .order-paiement input {
    background: none;
    padding: 5px;
    border: 0 none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-right: 60px;
    border-bottom: 1px solid #FFF;
    margin-bottom: 30px;
    color: white;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: 0;
    font-size: 16px;
    border-radius: 0; }
    @media (max-width: 1024px) {
      .order-paiement input {
        margin-right: 0; } }
    .order-paiement input::-webkit-input-placeholder {
      color: white;
      font-size: 16px; }
    .order-paiement input:-ms-input-placeholder {
      color: white;
      font-size: 16px; }
    .order-paiement input::-ms-input-placeholder {
      color: white;
      font-size: 16px; }
    .order-paiement input::placeholder {
      color: white;
      font-size: 16px; }
  .order-paiement input[type="checkbox"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #e6e8ed;
    cursor: pointer;
    position: relative; }
    .order-paiement input[type="checkbox"]::after {
      content: "";
      background-image: url(../img/ic_check.png);
      background-size: cover;
      width: 16px;
      height: 16px;
      display: none;
      position: absolute;
      top: -2px;
      left: 0; }
  .order-paiement input[type="checkbox"]:checked {
    background-color: none; }
  .order-paiement input[type="checkbox"]:checked:after {
    display: block; }
  @media (max-width: 599px) {
    .order-paiement .longInput {
      width: 323px; } }
  .order-paiement .inputContainer {
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .order-paiement .inputContainer .errorMsg {
      display: none;
      color: #E88282; }
  .order-paiement .inputContainer.error .errorMsg {
    display: inline; }
  @media (max-width: 1024px) {
    .order-paiement .expCvc {
      width: 323px;
      margin-right: 0 !important; } }
  @media (max-width: 767px) {
    .order-paiement .expCvc--nomargin {
      margin-left: 0; } }
  .order-paiement .confirmation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 35px 0 50px 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .order-paiement .confirmation p {
      width: 90%;
      color: white;
      margin-left: -48px; }
      @media (max-width: 1024px) {
        .order-paiement .confirmation p {
          margin-left: 10px; } }
    .order-paiement .confirmation .errorMsg {
      display: none;
      color: #E88282; }
  .order-paiement .confirmation.error .errorMsg {
    display: inline; }
  .order-paiement .ButtonEffect--mention {
    background-color: #BE2323;
    color: white;
    border: none; }
    .order-paiement .ButtonEffect--mention:hover {
      color: #BE2323; }
    .order-paiement .ButtonEffect--mention:active {
      color: #BE2323; }
    .order-paiement .ButtonEffect--mention:focus {
      color: #BE2323; }

.spinnerMessage {
  font-weight: bold;
  position: relative;
  padding: 0 20px;
  margin: 0 auto;
  max-width: 800px;
  top: 30%;
  text-align: center;
  color: lightgray;
  font-size: 26px;
  line-height: 32px; }

@media (max-width: 767px) {
  .spinnerMessage {
    top: 20%;
    font-size: 20px;
    line-height: 28px; } }

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  margin-top: -80px;
  margin-left: -40px; }

.lds-roller div {
  -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-transform-origin: 40px 40px;
          transform-origin: 40px 40px; }

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #FFF;
  margin: -4px 0 0 -4px; }

.lds-roller div:nth-child(1) {
  -webkit-animation-delay: -0.036s;
          animation-delay: -0.036s; }

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px; }

.lds-roller div:nth-child(2) {
  -webkit-animation-delay: -0.072s;
          animation-delay: -0.072s; }

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px; }

.lds-roller div:nth-child(3) {
  -webkit-animation-delay: -0.108s;
          animation-delay: -0.108s; }

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px; }

.lds-roller div:nth-child(4) {
  -webkit-animation-delay: -0.144s;
          animation-delay: -0.144s; }

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px; }

.lds-roller div:nth-child(5) {
  -webkit-animation-delay: -0.18s;
          animation-delay: -0.18s; }

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px; }

.lds-roller div:nth-child(6) {
  -webkit-animation-delay: -0.216s;
          animation-delay: -0.216s; }

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px; }

.lds-roller div:nth-child(7) {
  -webkit-animation-delay: -0.252s;
          animation-delay: -0.252s; }

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px; }

.lds-roller div:nth-child(8) {
  -webkit-animation-delay: -0.288s;
          animation-delay: -0.288s; }

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px; }

@-webkit-keyframes lds-roller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes lds-roller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.full-screen-spinner-background {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* Feuille de style pour la page Informations personnelles */
.textRed {
  color: #BE2323; }

#isTooYoungText {
  margin-top: 10px;
  color: #BE2323;
  width: 100%; }

.personnalInfos .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.personnalInfos .promoCode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-bottom: 80px; }
  .personnalInfos .promoCode .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px; }
    .personnalInfos .promoCode .form-group input#promoCode::-webkit-input-placeholder {
      color: #626262;
      opacity: 1; }
    .personnalInfos .promoCode .form-group input#promoCode:-ms-input-placeholder {
      color: #626262;
      opacity: 1; }
    .personnalInfos .promoCode .form-group input#promoCode::-ms-input-placeholder {
      color: #626262;
      opacity: 1; }
    .personnalInfos .promoCode .form-group input#promoCode::placeholder {
      color: #626262;
      opacity: 1; }

.personnalInfos .caaForfaitEligible .titleSection, .personnalInfos .caaForfaitNonEligible .titleSection {
  color: green;
  padding-bottom: 30px; }

.personnalInfos .caaForfaitEligible__container, .personnalInfos .caaForfaitNonEligible__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
  margin-top: 20px; }

.personnalInfos .caaForfaitNonEligible .titleSection {
  color: #BE2323 !important; }

.personnalInfos .caa_quebec {
  border: 2px solid #BE2323;
  padding: 25px 60px 60px;
  max-width: 600px;
  width: 100%;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .personnalInfos .caa_quebec {
      padding: 25px 30px 60px; } }
  @media (max-width: 599px) {
    .personnalInfos .caa_quebec {
      padding: 25px 16px 60px; }
      .personnalInfos .caa_quebec__formLogo img {
        display: none; } }
  .personnalInfos .caa_quebec__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
  .personnalInfos .caa_quebec__formContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px; }
  .personnalInfos .caa_quebec__formText h6 {
    padding-bottom: 10px; }
  .personnalInfos .caa_quebec__formText p {
    font: 400 14px/20px 'BrandonGrotesque', sans-serif; }
  .personnalInfos .caa_quebec__formLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .personnalInfos .caa_quebec__formLogo img {
      width: 100%;
      height: 60px; }
  .personnalInfos .caa_quebec .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    position: relative; }
    @media (max-width: 599px) {
      .personnalInfos .caa_quebec .form-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .personnalInfos .caa_quebec .form-group input#codeCaaQc {
          position: relative; }
        .personnalInfos .caa_quebec .form-group .caaToolTipButton {
          right: 0 !important;
          left: auto !important; }
        .personnalInfos .caa_quebec .form-group .caa_tooltip {
          left: -250px !important;
          width: 250px; }
        .personnalInfos .caa_quebec .form-group button {
          margin-left: 0 !important;
          margin-top: 10px;
          -ms-flex-item-align: start;
              align-self: start; }
        .personnalInfos .caa_quebec .form-group .form-succes, .personnalInfos .caa_quebec .form-group .form-error {
          top: 75px; } }
    .personnalInfos .caa_quebec .form-group .caaToolTipButton {
      position: absolute;
      top: 5px;
      left: 338px;
      border: 1px solid #BE2323;
      background: none;
      width: 20px;
      height: 20px;
      border-radius: 100%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0 0 5px -20px;
      cursor: pointer; }
      .personnalInfos .caa_quebec .form-group .caaToolTipButton:hover .caa_tooltip, .personnalInfos .caa_quebec .form-group .caaToolTipButton:focus .caa_tooltip {
        display: block !important; }
    .personnalInfos .caa_quebec .form-group .spanToolTip {
      color: #BE2323;
      font: 700 12px/0px 'BrandonGrotesque', sans-serif; }
    .personnalInfos .caa_quebec .form-group .caa_tooltip {
      display: none !important;
      left: 67%;
      bottom: 28px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
      text-align: left; }
      .personnalInfos .caa_quebec .form-group .caa_tooltip img {
        width: 140px;
        margin-top: 10px; }
    .personnalInfos .caa_quebec .form-group .ButtonEffect {
      height: 25px !important;
      text-transform: none;
      margin-left: 45px; }
  .personnalInfos .caa_quebec .form-succes, .personnalInfos .caa_quebec .form-error {
    position: absolute;
    top: 40px;
    left: 0; }
  .personnalInfos .caa_quebec input#codeCaaQc::-webkit-input-placeholder {
    color: #626262;
    opacity: 1; }
  .personnalInfos .caa_quebec input#codeCaaQc:-ms-input-placeholder {
    color: #626262;
    opacity: 1; }
  .personnalInfos .caa_quebec input#codeCaaQc::-ms-input-placeholder {
    color: #626262;
    opacity: 1; }
  .personnalInfos .caa_quebec input#codeCaaQc::placeholder {
    color: #626262;
    opacity: 1; }

@media (max-width: 767px) {
  .personnalInfos .col-md-9 {
    padding-left: 0;
    padding-right: 0; } }

.personnalInfos .x-small {
  padding: 15px; }

.personnalInfos .small {
  padding: 20px; }

.personnalInfos .large {
  padding: 37px; }

.personnalInfos .questions {
  color: #343434;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 15px;
  padding-right: 15px; }

.personnalInfos .titleSection {
  color: #BE2323;
  font-size: 25px;
  font-weight: 700; }

.personnalInfos input {
  background: transparent; }

.personnalInfos input[type="text"] {
  width: 338px; }
  @media (max-width: 599px) {
    .personnalInfos input[type="text"] {
      width: 100%; } }

@media (max-width: 599px) {
  .personnalInfos .form-group {
    width: 100%; } }

.personnalInfos input[type="radio"] {
  margin-right: 10px; }

.personnalInfos .popAdresse {
  color: #BE2323;
  font-size: 16px;
  display: inline-block;
  font-weight: 500;
  padding-bottom: 20px; }

.personnalInfos .userInfos__coords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.personnalInfos .userInfos {
  padding-bottom: 20px; }

.personnalInfos h5 {
  display: block;
  width: 100%; }

.personnalInfos .birthDate-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
  width: 65%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 767px) {
    .personnalInfos .birthDate-select {
      width: 100%; } }
  .personnalInfos .birthDate-select select {
    width: 145px;
    background-image: url(../img/svg/formSelect-arrow.svg);
    background-position: right;
    background-repeat: no-repeat; }
    @media (max-width: 599px) {
      .personnalInfos .birthDate-select select#Birth-year {
        margin-top: 15px; } }

.personnalInfos .optionRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .personnalInfos .optionRadio--col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    @media (max-width: 767px) {
      .personnalInfos .optionRadio--col {
        width: 100%; } }
    .personnalInfos .optionRadio--col .appNumberPop {
      position: absolute;
      top: 0px;
      right: 0;
      display: inline-block; }
      @media (max-width: 767px) {
        .personnalInfos .optionRadio--col .appNumberPop {
          position: relative;
          top: 0;
          right: 0;
          margin-top: 15px; } }

.personnalInfos select {
  width: 405px;
  padding-bottom: 10px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #626262;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../img/svg/formSelect-arrow.svg);
  background-repeat: no-repeat;
  background-position: top right; }
  @media (max-width: 599px) {
    .personnalInfos select {
      width: 300px; } }

.personnalInfos .text {
  padding: 20px 0; }

.personnalInfos .serviceSection .deliveryAdressPop {
  display: inline-block;
  font-size: 12px;
  color: #626262;
  margin-left: 36px;
  margin-top: -7px; }

.personnalInfos .serviceSection .textDelivery {
  padding-bottom: 15px; }

.personnalInfos .activationDate .longInput {
  width: 405px !important; }

.personnalInfos .activationDate .smallQuestion {
  font-weight: 600;
  padding-bottom: 20px; }

.personnalInfos .activationDate a {
  color: #626262;
  font-size: 16px;
  margin-bottom: 20px; }
  .personnalInfos .activationDate a:hover {
    color: black; }
  .personnalInfos .activationDate a img {
    margin-right: 20px; }

.personnalInfos .activationDate .actCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.personnalInfos .activationDate .check-mg {
  margin-right: 10px; }

.personnalInfos #btnFooterForm a {
  color: #FFF; }

.personnalInfos .discountCode .longInput {
  width: 405px !important;
  margin-top: 25px !important; }
  @media (max-width: 599px) {
    .personnalInfos .discountCode .longInput {
      width: 100% !important; } }

.personnalInfos .creditSection .creditAdress {
  margin-bottom: 20px; }

.personnalInfos .btnSubmit {
  margin-top: 30px !important; }

.personnalInfos .resultSection li {
  list-style-type: disc; }

.personnalInfos .resultSection div p {
  margin-top: 20px; }

.personnalInfos .radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-right: 10px;
  font-size: 16px;
  color: #626262;
  padding: 10px 0;
  font-weight: 600; }
  .personnalInfos .radio--red {
    color: #BE2323; }
  .personnalInfos .radio--marginL {
    margin-left: 171px; }
    @media (max-width: 599px) {
      .personnalInfos .radio--marginL {
        margin-left: 80px; } }
    @media (max-width: 417px) {
      .personnalInfos .radio--marginL {
        margin-left: 0px;
        width: 100%; } }

.personnalInfos .radio__input {
  /*width: 0px!important;
    height: 1px!important;
    margin-right:0px!important;
    opacity: 0;*/ }

.personnalInfos .radio__radio {
  width: 17px;
  height: 17px;
  border: 2px solid #BE2323;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px; }
  .personnalInfos .radio__radio::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #BE2323;
    border-radius: 50%;
    -webkit-transform: scale(0);
            transform: scale(0);
    border: 1px solid #BE2323;
    padding: 2px; }

.personnalInfos table {
  width: 100%;
  margin-top: 20px; }

.personnalInfos .dayTime {
  text-align: left;
  font-size: 16px;
  width: 205px;
  padding: 10px 0; }
  @media (max-width: 600px) {
    .personnalInfos .dayTime {
      width: 100%;
      display: none; } }

.personnalInfos .weekDay {
  font-size: 16px; }

.personnalInfos input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #333333;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .personnalInfos input[type="checkbox"]::after {
    content: "";
    background-image: url(../img/ic_check.png);
    background-size: cover;
    width: 10px;
    height: 10px;
    position: relative;
    left: 3px;
    top: 2px;
    display: none; }

.personnalInfos input[type="checkbox"]:checked {
  background-color: none; }

.personnalInfos input[type="checkbox"]:checked:after {
  display: block; }

.personnalInfos .form-group {
  margin-bottom: 1em;
  -webkit-transform: all 0.3s;
          transform: all 0.3s; }

.personnalInfos .form-label {
  font-size: 16px;
  color: #626262;
  display: block;
  opacity: 1;
  -webkit-transform: translateY(-1.6em);
          transform: translateY(-1.6em);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.personnalInfos .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0px;
  border-color: #626262;
  border-style: none none solid none;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 5px; }

.personnalInfos .form-control::-webkit-input-placeholder {
  color: transparent; }

.personnalInfos .form-control:-ms-input-placeholder {
  color: transparent; }

.personnalInfos .form-control::-ms-input-placeholder {
  color: transparent; }

.personnalInfos .form-control::placeholder {
  color: transparent; }

.personnalInfos .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: black; }

.personnalInfos .form-control:focus + .form-label,
.personnalInfos .form-control:not(:placeholder-shown) + .form-label {
  -webkit-transform: translateY(-2.5em) scale(0.8);
          transform: translateY(-2.5em) scale(0.8); }

.personnalInfos .formgroup:focus-within {
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05); }

.personnalInfos #lastAddressSuggestions, .personnalInfos #addDeliverySuggestions {
  padding: 10px;
  border-bottom: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  max-height: 200px;
  min-width: 330px;
  overflow: auto;
  -webkit-box-sizing: padding-box;
          box-sizing: padding-box;
  position: absolute;
  top: 40px;
  background-color: white;
  z-index: 1000; }
  .personnalInfos #lastAddressSuggestions ul, .personnalInfos #addDeliverySuggestions ul {
    margin: 0; }
    .personnalInfos #lastAddressSuggestions ul li, .personnalInfos #addDeliverySuggestions ul li {
      margin-bottom: 3px; }

.personnalInfos .suggestion:hover {
  cursor: pointer;
  color: #BE2323; }

.personnalInfos .lds-ellipsis {
  display: inline-block;
  position: relative;
  left: 125px;
  top: 50%;
  width: 80px;
  height: 80px; }

.personnalInfos .lds-ellipsis div {
  position: absolute;
  top: 33px;
  left: 110px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #777;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.personnalInfos .lds-ellipsis div:nth-child(1) {
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite; }

.personnalInfos .lds-ellipsis div:nth-child(2) {
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite; }

.personnalInfos .lds-ellipsis div:nth-child(3) {
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite; }

.personnalInfos .lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite; }

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0); } }

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0); } }

.surMesure {
  color: #343434; }
  .surMesure .noticeRed {
    color: #BE2323 !important; }
  .surMesure .noticesmall {
    display: inline-block; }

.pageInfo {
  padding-bottom: 80px; }
  .pageInfo h2 {
    padding-bottom: 0; }

.consentement ul {
  margin: 20px 0 50px 0;
  padding-left: 0; }
  .consentement ul li {
    border-bottom: 1px solid #ccc;
    padding: 15px 0; }
    .consentement ul li .actCheckbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .consentement ul li:last-child {
      border-bottom: 0; }

.order-paiement .consentement input[type="checkbox"] {
  margin-bottom: 0;
  border: 1px solid #757576;
  margin-right: 5px; }

.radioFixedWidth {
  min-width: 190px; }

.duet-date__select--year,
.duet-date__select--month {
  width: auto !important; }

.duet-date__dialog-content {
  width: 100% !important;
  max-width: 100% !important; }

.form-control:focus,
.entenduEbox select:focus,
.userInfos select:focus,
.radio__radio:focus,
input[type="checkbox"]:focus {
  outline: 2px solid blue !important;
  outline-offset: 4px !important; }

.personnalInfos .radio:focus {
  outline: 2px solid blue !important;
  outline-offset: 8px !important; }

.radio__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: solid 2px #BE2323;
  margin-right: 8px;
  position: relative; }

.radio__input:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #BE2323;
  position: absolute;
  top: 2px;
  left: 2px; }

.radio__input,
.radio__input:checked::before {
  border-radius: 100%; }

.radio__input:focus {
  outline: 2px solid blue !important;
  outline-offset: 2px !important; }

.radio__input:checked {
  -webkit-transform: scale(1);
          transform: scale(1); }

@-webkit-keyframes unveil {
  from {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
  to {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }

@keyframes unveil {
  from {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
  to {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }

.personnalInfos .order-summary {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 300px;
  min-width: 300px;
  z-index: 5;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px; }
  .personnalInfos .order-summary__SectionLoading {
    text-align: center;
    padding: 20px; }
    .personnalInfos .order-summary__SectionLoading .SectionLoading__Loading {
      color: #FFF; }
  .personnalInfos .order-summary--show-banner .order-summary__tab-button .Banner, .personnalInfos .order-summary--show-banner .order-summary__body .Banner {
    display: block; }
  .personnalInfos .order-summary__close-btn {
    position: absolute;
    display: none;
    top: 29px;
    right: 12px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    line-height: 1;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 1; }
    .personnalInfos .order-summary__close-btn:hover .order-summary__close-icon {
      fill: #C7C7C7; }
    @media (max-width: 1024px) {
      .personnalInfos .order-summary__close-btn {
        display: inline-block;
        top: 19px; } }
  .personnalInfos .order-summary__close-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    fill: #FFF;
    cursor: inherit; }
  .personnalInfos .order-summary__tab-button {
    position: absolute;
    display: inline-block;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 1) 0.2s;
    transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 1) 0.2s;
    transition: transform 0.2s cubic-bezier(0.55, 0, 0.1, 1) 0.2s;
    transition: transform 0.2s cubic-bezier(0.55, 0, 0.1, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 1) 0.2s; }
    .personnalInfos .order-summary__tab-button .Banner {
      position: absolute;
      top: 10px;
      left: -8px;
      width: calc(100% + 8px);
      display: none; }
      .personnalInfos .order-summary__tab-button .Banner__wrapper {
        padding: 1px 5px;
        text-align: right; }
        .personnalInfos .order-summary__tab-button .Banner__wrapper:before {
          border-width: 0 8px 8px 0; }
      .personnalInfos .order-summary__tab-button .Banner__title, .personnalInfos .order-summary__tab-button .Banner__icon {
        display: inline-block;
        vertical-align: middle; }
      .personnalInfos .order-summary__tab-button .Banner__title {
        font-size: 8px;
        font-weight: 400; }
    @media (min-width: 1025px) {
      .personnalInfos .order-summary__tab-button {
        display: none; } }
    @media (max-width: null) {
      body.is-search-results-opened .order-summary__tab-button, body.is-search-input-focused .order-summary__tab-button {
        display: none; } }
  .personnalInfos .order-summary__tab-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    fill: currentColor;
    margin-bottom: 5px; }
  .personnalInfos .order-summary__tab-count {
    font: 700 12px/18px;
    margin: 0; }
  .personnalInfos .order-summary__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    z-index: 0;
    width: 100%; }
  .personnalInfos .order-summary__sticky-track, .personnalInfos .order-summary__sticky-wrapper {
    width: 100%; }
  .personnalInfos .order-summary__sticky-wrapper {
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    max-height: 100vh; }
  .personnalInfos .order-summary__sticky-track {
    position: absolute;
    background: #343434;
    height: 100%;
    right: 0; }
  .personnalInfos .order-summary__head {
    position: relative;
    padding: 12px 20px 12px;
    margin-bottom: -15px;
    overflow: hidden;
    background-image: url(../img/svg/triangle-bottom-bg.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 102%;
    z-index: 1; }
    .personnalInfos .order-summary__head:before {
      content: '';
      position: absolute;
      display: block;
      top: -30px;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      z-index: 0; }
    @media (max-width: 1024px) {
      .personnalInfos .order-summary__head {
        margin-bottom: 0;
        padding: 18px 20px 35px; } }
  .personnalInfos .order-summary__title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    z-index: 1;
    text-align: center; }
    @media (max-width: 1024px) {
      .personnalInfos .order-summary__title {
        font-size: 20px;
        line-height: 30px; } }
  .personnalInfos .order-summary__title-summary {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 22px; }
    .personnalInfos .order-summary__title-summary strong {
      font-size: 22px;
      line-height: 26px; }
  .personnalInfos .order-summary__body {
    padding: 25px 0 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 100%;
    right: 20px;
    position: relative;
    overflow: auto; }
    .personnalInfos .order-summary__body .Banner {
      top: 0;
      display: none; }
  .personnalInfos .order-summary__footer {
    position: relative;
    width: 100%;
    margin-top: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 20px 0;
    background: #1F1F1F;
    -webkit-box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1; }
    .personnalInfos .order-summary__footer-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 15px; }
      .personnalInfos .order-summary__footer-wrapper:before, .personnalInfos .order-summary__footer-wrapper:after {
        content: " ";
        display: table; }
      .personnalInfos .order-summary__footer-wrapper:after {
        clear: both; }
    .personnalInfos .order-summary__footer > .row {
      width: 100%; }
    .personnalInfos .order-summary__footer-section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      float: left;
      padding: 15px;
      padding: 4px 0;
      border-right: 1px solid #FFF;
      text-align: center; }
      .personnalInfos .order-summary__footer-section:first-child {
        width: 39%; }
      .personnalInfos .order-summary__footer-section:last-child {
        width: 61%;
        border: none; }
    .order-summary__sticky-track.is-affixed .order-summary__body .Banner {
      display: none !important; }
    .order-summary__sticky-track.is-affixed .order-summary__footer .order-summary__footer-banner-container {
      display: block; }
    @media (min-width: 1025px) {
      .personnalInfos .order-summary__footer .order-summary__footer-banner-container {
        display: block; } }
    @media (max-width: 1024px) {
      .personnalInfos .order-summary__footer .Banner {
        opacity: 0;
        -webkit-transition: opacity 0.25s cubic-bezier(0.55, 0, 0.1, 1);
        transition: opacity 0.25s cubic-bezier(0.55, 0, 0.1, 1); }
      .order-summary--opened .order-summary__footer .Banner {
        opacity: 1; } }
  .personnalInfos .order-summary__section {
    position: relative;
    padding-right: 20px;
    padding-left: 20px; }
    .personnalInfos .order-summary__section--nolist {
      padding-bottom: 30px; }
    .personnalInfos .order-summary__section--continue-btn {
      position: absolute; }
    @media (max-width: 660px) {
      .personnalInfos .order-summary__section {
        padding-right: 15px;
        padding-left: 15px; } }
    .personnalInfos .order-summary__section--a-la-carte {
      padding-top: 0;
      padding-bottom: 15px; }
  .personnalInfos .order-summary__count-container {
    color: #FFF;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    border-bottom: 1px solid #FFF;
    padding-bottom: 5px; }
    .personnalInfos .order-summary__count-container--black {
      color: #626262;
      border-bottom: none; }
      .personnalInfos .order-summary__count-container--black .order-summary__count-title {
        color: currentColor; }
    .personnalInfos .order-summary__count-container--forfaits {
      border-color: #C7C7C7; }
    .personnalInfos .order-summary__count-container--last {
      border-bottom: 3px solid #000 !important;
      padding-bottom: 10px; }
    .personnalInfos .order-summary__count-container--child {
      padding-left: 24px; }
      .personnalInfos .order-summary__count-container--child .order-summary__count-title {
        font-size: 12px;
        font-weight: 600; }
  .personnalInfos .order-summary__count-title, .personnalInfos .order-summary__count {
    display: inline-block; }
  .personnalInfos .order-summary__count-title {
    position: relative;
    font: 700 16px/20px;
    display: inline-block;
    color: #C7C7C7;
    margin: 0; }
    .personnalInfos .order-summary__count-title--long {
      font-size: 14px; }
    @media (max-width: 991px) {
      .personnalInfos .order-summary__count-title {
        padding-bottom: 0; } }
  .personnalInfos .order-summary__count {
    font: 700 14px/16px; }
    @media (max-width: null) {
      .personnalInfos .order-summary__count {
        margin-top: 0; } }
  @media (max-width: null) {
    .personnalInfos .order-summary__count, .personnalInfos .order-summary__count-title {
      display: inline-block; }
    .personnalInfos .order-summary__count-title {
      margin-right: 2px; }
    .personnalInfos .order-summary__count-container {
      text-align: left; } }
  .personnalInfos .order-summary__choice-list-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-transition: height 0.25s cubic-bezier(0.55, 0, 0.1, 1);
    transition: height 0.25s cubic-bezier(0.55, 0, 0.1, 1); }
    .personnalInfos .order-summary__choice-list-container--forfaits {
      padding: 17px 0; }
    @media (max-width: 1024px) {
      .personnalInfos .order-summary__choice-list-container {
        padding-bottom: 30px; } }
    .personnalInfos .order-summary__choice-list-container .order-summary__see-more-btn {
      display: none; }
    .personnalInfos .order-summary__choice-list-container .order-summary__choice-list-wrapper {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .personnalInfos .order-summary__choice-list-container--long {
      padding-bottom: 50px;
      max-height: 195px; }
      .personnalInfos .order-summary__choice-list-container--long .order-summary__choice-list-wrapper {
        overflow: hidden;
        padding-bottom: 65px; }
        .personnalInfos .order-summary__choice-list-container--long .order-summary__choice-list-wrapper:after {
          content: '';
          position: absolute;
          display: block;
          width: 100%;
          height: 50%;
          bottom: -2px;
          background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, #343434), color-stop(40%, rgba(52, 52, 52, 0.9)), to(rgba(52, 52, 52, 0)));
          background: linear-gradient(0deg, #343434 5%, rgba(52, 52, 52, 0.9) 40%, rgba(52, 52, 52, 0));
          pointer-events: none;
          z-index: 1; }
      .personnalInfos .order-summary__choice-list-container--long .order-summary__choice-list {
        padding-bottom: 0; }
      .personnalInfos .order-summary__choice-list-container--long .order-summary__see-more-btn {
        display: block; }
        .personnalInfos .order-summary__choice-list-container--long .order-summary__see-more-btn .eboxtv-button-title {
          display: inline-block;
          padding: 5px;
          border: 1px solid #FFF;
          border-radius: 100%;
          font-size: 0;
          -webkit-transition: background 0.1s linear;
          transition: background 0.1s linear; }
          .personnalInfos .order-summary__choice-list-container--long .order-summary__see-more-btn .eboxtv-button-title:hover {
            background: #FFF; }
            .personnalInfos .order-summary__choice-list-container--long .order-summary__see-more-btn .eboxtv-button-title:hover .order-summary__see-more-icon {
              fill: #343434; }
          .personnalInfos .order-summary__choice-list-container--long .order-summary__see-more-btn .eboxtv-button-title--opened {
            display: none; }
    .personnalInfos .order-summary__choice-list-container--show-all {
      max-height: 400px;
      padding-bottom: 60px; }
      .personnalInfos .order-summary__choice-list-container--show-all .order-summary__choice-list-wrapper {
        padding-bottom: 0; }
        .personnalInfos .order-summary__choice-list-container--show-all .order-summary__choice-list-wrapper:after {
          height: 50px;
          bottom: 0; }
      .personnalInfos .order-summary__choice-list-container--show-all .order-summary__choice-list {
        overflow: auto;
        padding-bottom: 40px; }
        .personnalInfos .order-summary__choice-list-container--show-all .order-summary__choice-list.is-children-list {
          overflow: visible; }
      .personnalInfos .order-summary__choice-list-container--show-all .order-summary__see-more-btn .eboxtv-button-title {
        display: none; }
        .personnalInfos .order-summary__choice-list-container--show-all .order-summary__see-more-btn .eboxtv-button-title--opened {
          display: inline-block; }
  .personnalInfos .order-summary__choice-list {
    margin: -3%;
    font-size: 0; }
    .personnalInfos .order-summary__choice-list .choice-list__item--no-result {
      position: absolute;
      display: block;
      width: 100%;
      margin: 0; }
    .personnalInfos .order-summary__choice-list .is-children-list {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    @media (max-width: ) {
      .personnalInfos .order-summary__choice-list {
        margin: 0 -3% -10px; } }
  .personnalInfos .order-summary__empty-list-message {
    font: 400 12px/14px; }
    @media (max-width: 1024px) {
      .personnalInfos .order-summary__empty-list-message {
        font: 400 14px/16px; } }
  .personnalInfos .order-summary__choice-item {
    position: relative;
    display: inline-block;
    margin: 3%;
    width: 14%;
    float: left;
    will-change: transform, opacity; }
    .personnalInfos .order-summary__choice-item.choice-list__item--is-children {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      pointer-events: none;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
      transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
      .personnalInfos .order-summary__choice-item.choice-list__item--is-children:nth-child(1) {
        -webkit-transform: translate(3px, 3px);
                transform: translate(3px, 3px);
        opacity: 0.75;
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
      .personnalInfos .order-summary__choice-item.choice-list__item--is-children:nth-child(2) {
        -webkit-transform: translate(6px, 6px);
                transform: translate(6px, 6px);
        opacity: 0.5;
        -webkit-transition-delay: 0.025s;
                transition-delay: 0.025s; }
      .personnalInfos .order-summary__choice-item.choice-list__item--is-children:nth-child(3) {
        -webkit-transform: translate(9px, 9px);
                transform: translate(9px, 9px);
        opacity: 0.25;
        -webkit-transition-delay: 0.05s;
                transition-delay: 0.05s; }
      .personnalInfos .order-summary__choice-item.choice-list__item--is-children:nth-child(4) {
        -webkit-transform: translate(12px, 12px);
                transform: translate(12px, 12px);
        opacity: 0;
        -webkit-transition-delay: 0.075s;
                transition-delay: 0.075s; }
      .personnalInfos .order-summary__choice-item.choice-list__item--is-children:nth-child(5) {
        -webkit-transform: translate(15px, 15px);
                transform: translate(15px, 15px);
        opacity: -0.25;
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s; }
      .personnalInfos .order-summary__choice-item.choice-list__item--is-children:nth-child(6) {
        -webkit-transform: translate(18px, 18px);
                transform: translate(18px, 18px);
        opacity: -0.5;
        -webkit-transition-delay: 0.125s;
                transition-delay: 0.125s; }
    .personnalInfos .order-summary__choice-item .chosen-channel {
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      will-change: transform;
      -webkit-animation: pop 0.35s cubic-bezier(0.55, 0, 0.1, 1);
              animation: pop 0.35s cubic-bezier(0.55, 0, 0.1, 1); }
      .personnalInfos .order-summary__choice-item .chosen-channel:after {
        content: '';
        position: relative;
        display: block;
        width: 100%;
        padding-top: 100%;
        z-index: -1; }
      .personnalInfos .order-summary__choice-item .chosen-channel:hover + .is-children-list .choice-list__item--is-children .chosen-channel__delete-button {
        opacity: 0.9; }
    @media (max-width: ) {
      .personnalInfos .order-summary__choice-item {
        width: 19%;
        margin: 0 3% 10px; } }
  .personnalInfos .order-summary__see-more-btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    bottom: 0;
    width: 100%;
    z-index: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none; }
  .personnalInfos .order-summary__see-more-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    fill: #FFF;
    -webkit-transition: fill 0.1s linear;
    transition: fill 0.1s linear; }
  .personnalInfos .order-summary__navbutton {
    text-align: center; }
    .personnalInfos .order-summary__navbutton:hover {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: none;
              transform: none; }
    @media (max-width: 1024px) {
      .personnalInfos .order-summary__navbutton:before, .personnalInfos .order-summary__navbutton:after {
        content: none; }
      .personnalInfos .order-summary__navbutton:hover {
        background: #FFF;
        color: #BE2323; }
        .personnalInfos .order-summary__navbutton:hover .eboxtv-navbutton__icon-container {
          border-color: #D89C99; } }
  .personnalInfos .order-summary .inner-wrapper-sticky {
    height: 100%;
    max-height: 100vh;
    top: 0 !important; }
  @media (max-width: 1024px) {
    .personnalInfos .order-summary {
      position: fixed;
      right: 0;
      top: 0;
      height: 100vh;
      width: 320px;
      min-width: 320px;
      -webkit-transform: translateX(320px);
              transform: translateX(320px);
      padding-top: 0;
      z-index: 100;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      padding-left: 20px; }
      .personnalInfos .order-summary__wrapper {
        position: relative; }
      .personnalInfos .order-summary__sticky-track, .personnalInfos .order-summary__sticky-wrapper {
        height: 100vh; }
      .personnalInfos .order-summary .inner-wrapper-sticky {
        height: auto;
        background: #343434; }
      .personnalInfos .order-summary--opened .order-summary__wrapper {
        -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.7);
                box-shadow: 0 2px 14px rgba(0, 0, 0, 0.7); }
      .personnalInfos .order-summary--opened .order-summary__body .Banner {
        opacity: 1; }
      .personnalInfos .order-summary--tab-closed .order-summary__tab-button, .personnalInfos .order-summary--opened .order-summary__tab-button {
        -webkit-transform: translate(150%, -50%);
                transform: translate(150%, -50%); }
      .personnalInfos .order-summary__section .Banner {
        display: none; }
      .personnalInfos .order-summary .inner-wrapper-sticky {
        padding-bottom: 42px; } }
  @media (max-width: null) {
    .personnalInfos .order-summary {
      width: 320px;
      min-width: 320px; } }

.personnalInfos #wrapper-footer-top, .personnalInfos #wrapper-footer-bottom {
  position: relative;
  z-index: 5; }

/* Feuille de style pour la page de commande Téléphonie */
.commande-telephonie .col-md-9 {
  margin-right: 60px; }
  @media (max-width: 1024px) {
    .commande-telephonie .col-md-9 {
      margin-right: 0; } }

.commande-telephonie h2 {
  padding-bottom: 10px; }

.commande-telephonie .text {
  padding: 10px 0; }
  .commande-telephonie .text--red {
    color: #BE2323;
    font-size: 16px; }
    .commande-telephonie .text--red:hover {
      color: #1F1F1F;
      cursor: pointer; }
  @media (max-width: 767px) {
    .commande-telephonie .text {
      padding: 0px 0px 10px 0px; } }

.commande-telephonie .three-blocs {
  margin-top: 20px; }
  .commande-telephonie .three-blocs .three-blocs__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 35px;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 6px -1px #343434;
            box-shadow: 0px 1px 6px -1px #343434;
    position: relative;
    margin-bottom: 30px;
    background-color: #FFF; }
    @media (max-width: 767px) {
      .commande-telephonie .three-blocs .three-blocs__items {
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        padding: 25px; } }
    .commande-telephonie .three-blocs .three-blocs__items::before {
      content: "";
      width: 1px;
      height: 90px;
      background: #c2c2c2;
      display: inline-block;
      position: absolute;
      right: 207px;
      bottom: 21px; }
      @media (max-width: 767px) {
        .commande-telephonie .three-blocs .three-blocs__items::before {
          left: 90px;
          right: 0;
          height: 65px; } }
    .commande-telephonie .three-blocs .three-blocs__items--selected {
      border: 3px solid #BE2323; }
    .commande-telephonie .three-blocs .three-blocs__items .top-spec {
      display: none; }
      @media (max-width: 767px) {
        .commande-telephonie .three-blocs .three-blocs__items .top-spec {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          position: absolute;
          top: -3px;
          left: -3px;
          width: 101.5%;
          color: white;
          background-color: #626262;
          border-radius: 8px 8px 0px 0px;
          padding: 10px 0; }
          .commande-telephonie .three-blocs .three-blocs__items .top-spec .spec-detail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-left: 25px; }
            .commande-telephonie .three-blocs .three-blocs__items .top-spec .spec-detail--right {
              margin-left: 10px; }
            .commande-telephonie .three-blocs .three-blocs__items .top-spec .spec-detail .speed-value {
              font-weight: 500;
              font-size: 14px;
              margin: 0 10px; }
            .commande-telephonie .three-blocs .three-blocs__items .top-spec .spec-detail svg {
              width: 50px;
              height: 50px;
              fill: #c7c7c7; } }
    .commande-telephonie .three-blocs .three-blocs__items .items__left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 767px) {
        .commande-telephonie .three-blocs .three-blocs__items .items__left {
          margin: 70px 0px 0px 10px; } }
      .commande-telephonie .three-blocs .three-blocs__items .items__left .radio {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        margin-right: 10px;
        font-size: 20px;
        color: #343434;
        padding: 10px 0;
        font-weight: 600; }
        .commande-telephonie .three-blocs .three-blocs__items .items__left .radio img {
          padding: 0px 20px 0px 53px; }
      .commande-telephonie .three-blocs .three-blocs__items .items__left .radio__input {
        display: none; }
      .commande-telephonie .three-blocs .three-blocs__items .items__left .radio__radio {
        width: 17px;
        height: 17px;
        border: 2px solid #BE2323;
        border-radius: 50%;
        margin-right: 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 2px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
        .commande-telephonie .three-blocs .three-blocs__items .items__left .radio__radio--marginR {
          margin-right: 45px; }
        .commande-telephonie .three-blocs .three-blocs__items .items__left .radio__radio::after {
          content: "";
          width: 100%;
          height: 100%;
          display: block;
          background: #BE2323;
          border-radius: 50%;
          -webkit-transform: scale(0);
                  transform: scale(0);
          border: 1px solid #BE2323;
          padding: 2px; }
      .commande-telephonie .three-blocs .three-blocs__items .items__left .radio__input:checked + .radio__radio::after {
        -webkit-transform: scale(1);
                transform: scale(1); }
      .commande-telephonie .three-blocs .three-blocs__items .items__left .optionChoice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 45px; }
        @media (max-width: 1199px) {
          .commande-telephonie .three-blocs .three-blocs__items .items__left .optionChoice {
            max-width: 240px; } }
        @media (max-width: 1024px) {
          .commande-telephonie .three-blocs .three-blocs__items .items__left .optionChoice {
            max-width: 320px; } }
        @media (max-width: 767px) {
          .commande-telephonie .three-blocs .three-blocs__items .items__left .optionChoice {
            display: none; } }
        .commande-telephonie .three-blocs .three-blocs__items .items__left .optionChoice svg {
          width: 50px;
          height: 50px;
          fill: #c7c7c7; }
        .commande-telephonie .three-blocs .three-blocs__items .items__left .optionChoice .optionChoice-txt {
          margin-left: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .commande-telephonie .three-blocs .three-blocs__items .items__left .optionChoice .optionChoice-txt .choiceDetail {
            font-size: 20px;
            font-weight: bold; }
          .commande-telephonie .three-blocs .three-blocs__items .items__left .optionChoice .optionChoice-txt .optionChoice-soustexte {
            font-size: 12px;
            color: #626262;
            line-height: 14px; }
    .commande-telephonie .three-blocs .three-blocs__items .items__right {
      padding-right: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 767px) {
        .commande-telephonie .three-blocs .three-blocs__items .items__right {
          padding-left: 75px;
          margin-top: 57px;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__prix {
        font-size: 46px;
        font-weight: 900;
        color: #BE2323 !important;
        position: relative;
        margin-left: 0;
        padding-left: 20px; }
        .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__prix sup {
          font-size: 16px;
          vertical-align: super;
          top: 3px; }
        .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__prix span {
          position: absolute;
          right: -32px;
          top: 30px;
          font: 400 10px "Gloria Hallelujah"; }
        .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__prix .fr {
          right: -17px; }
        .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__prix--promo {
          font-size: 20px;
          margin-right: 10px;
          color: #343434;
          position: absolute;
          top: 64px;
          right: 150px;
          display: inline-block; }
          @media (max-width: 767px) {
            .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__prix--promo {
              left: 110px;
              width: 42px;
              right: 0;
              top: 106px; } }
          .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__prix--promo sup {
            font-size: 12px; }
          .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__prix--promo:after {
            content: "";
            width: 100%;
            height: 1px;
            background: #C7C7C7;
            opacity: 1;
            position: absolute;
            left: -4px;
            top: 15px;
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg); }
      .commande-telephonie .three-blocs .three-blocs__items .items__right .Listing__promo {
        width: 82px;
        height: 72px;
        background-image: url(../img/svg/promo-fr.svg);
        background-size: 100%;
        position: absolute;
        display: inline-block;
        top: -4px;
        right: -4px;
        opacity: 1; }
  .commande-telephonie .three-blocs .error-message {
    color: #BE2323;
    display: none; }

.commande-telephonie .three-blocs.error .error-message {
  display: block; }

.commande-telephonie .voip {
  margin: 85px 0 100px; }
  @media (max-width: 767px) {
    .commande-telephonie .voip {
      margin: 85px 0 70px; } }

/* Feuille de style pour la page commande en ligne Internet */
.commande-internet h2 {
  padding-bottom: 10px; }

.commande-internet .include-txt {
  margin-bottom: 15px; }
  .commande-internet .include-txt .text {
    padding: 10px 0; }
    .commande-internet .include-txt .text--red {
      color: #BE2323;
      font-size: 16px; }
      .commande-internet .include-txt .text--red:hover {
        color: #343434;
        cursor: pointer; }
    @media (max-width: 767px) {
      .commande-internet .include-txt .text {
        padding: 0px 0px 10px 0px; } }

.commande-internet .three-blocs {
  margin-bottom: 100px; }
  @media (max-width: 767px) {
    .commande-internet .three-blocs {
      margin-bottom: 70px; } }
  .commande-internet .three-blocs h4:not(h4:last-of-type) {
    padding-bottom: 30px; }
  .commande-internet .three-blocs h4:last-of-type {
    padding-bottom: 10px; }
  .commande-internet .three-blocs .subtitle {
    padding-bottom: 30px; }
  .commande-internet .three-blocs .moreWrapper {
    border-radius: 12px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 1px 6px -1px #343434;
            box-shadow: 0px 1px 6px -1px #343434; }
  .commande-internet .three-blocs .InternetItem__promo-banner {
    border: 3px solid #BE2323; }
  .commande-internet .three-blocs .three-blocs__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 35px;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 6px -1px #343434;
            box-shadow: 0px 1px 6px -1px #343434;
    position: relative;
    margin-bottom: 30px;
    background-color: white; }
    @media (max-width: 767px) {
      .commande-internet .three-blocs .three-blocs__items {
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        padding: 25px 25px 0 25px; } }
    .commande-internet .three-blocs .three-blocs__items::before {
      content: "";
      width: 1px;
      height: 90px;
      background: #c2c2c2;
      display: inline-block;
      position: absolute;
      right: 207px;
      bottom: 26px; }
      @media (max-width: 767px) {
        .commande-internet .three-blocs .three-blocs__items::before {
          left: 90px;
          right: 0;
          height: 65px;
          top: 78px; } }
    .commande-internet .three-blocs .three-blocs__items--selected {
      border: 3px solid #BE2323; }
    .commande-internet .three-blocs .three-blocs__items--reduce .items__right {
      padding-right: 0 !important;
      -webkit-box-align: center !important;
          -ms-flex-align: center !important;
              align-items: center !important; }
    .commande-internet .three-blocs .three-blocs__items--reduce .Listing__prix--promo {
      position: relative !important;
      top: 0 !important;
      right: 0 !important; }
      @media (max-width: 767px) {
        .commande-internet .three-blocs .three-blocs__items--reduce .Listing__prix--promo {
          left: 0 !important; } }
    .commande-internet .three-blocs .three-blocs__items--reduce .Listing__prix {
      padding-left: 0 !important; }
    .commande-internet .three-blocs .three-blocs__items .top-spec {
      display: none; }
      @media (max-width: 767px) {
        .commande-internet .three-blocs .three-blocs__items .top-spec {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          position: absolute;
          top: -3px;
          left: -3px;
          width: 101.5%;
          color: white;
          background-color: #626262;
          border-radius: 8px 8px 0px 0px;
          padding: 25px 0 10px; }
          .commande-internet .three-blocs .three-blocs__items .top-spec .spec-detail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-left: 20px; }
            .commande-internet .three-blocs .three-blocs__items .top-spec .spec-detail--right {
              margin-left: 10px; }
            .commande-internet .three-blocs .three-blocs__items .top-spec .spec-detail .speed-value {
              font-weight: bold;
              font-size: 14px;
              margin: 0px 4px 0px 0px; }
            .commande-internet .three-blocs .three-blocs__items .top-spec .spec-detail svg {
              width: 50px;
              height: 50px;
              fill: #c7c7c7; } }
    .commande-internet .three-blocs .three-blocs__items .items__left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-width: 420px; }
      @media (max-width: 1199px) {
        .commande-internet .three-blocs .three-blocs__items .items__left {
          max-width: 300px;
          min-width: 300px; } }
      @media (max-width: 1024px) {
        .commande-internet .three-blocs .three-blocs__items .items__left {
          min-width: 420px; } }
      @media (max-width: 767px) {
        .commande-internet .three-blocs .three-blocs__items .items__left {
          min-width: auto;
          margin: 60px 0px 0px 10px; } }
      .commande-internet .three-blocs .three-blocs__items .items__left .radio {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        margin-right: 10px;
        font-size: 20px;
        color: #343434;
        padding: 10px 0;
        font-weight: 600; }
        .commande-internet .three-blocs .three-blocs__items .items__left .radio img {
          padding: 0px 20px 0px 53px; }
      .commande-internet .three-blocs .three-blocs__items .items__left .radio__input {
        display: none; }
      .commande-internet .three-blocs .three-blocs__items .items__left .radio__radio {
        width: 17px;
        height: 17px;
        border: 2px solid #BE2323;
        border-radius: 50%;
        margin-right: 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 2px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
        .commande-internet .three-blocs .three-blocs__items .items__left .radio__radio--marginR {
          margin-right: 45px; }
        .commande-internet .three-blocs .three-blocs__items .items__left .radio__radio::after {
          content: "";
          width: 100%;
          height: 100%;
          display: block;
          background: #BE2323;
          border-radius: 50%;
          -webkit-transform: scale(0);
                  transform: scale(0);
          border: 1px solid #BE2323;
          padding: 2px; }
      .commande-internet .three-blocs .three-blocs__items .items__left .radio__input:checked + .radio__radio::after {
        -webkit-transform: scale(1);
                transform: scale(1); }
      .commande-internet .three-blocs .three-blocs__items .items__left .optionChoice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 45px; }
        @media (max-width: 767px) {
          .commande-internet .three-blocs .three-blocs__items .items__left .optionChoice {
            display: none; } }
        .commande-internet .three-blocs .three-blocs__items .items__left .optionChoice svg {
          width: 50px;
          height: 50px;
          fill: #c7c7c7; }
        .commande-internet .three-blocs .three-blocs__items .items__left .optionChoice .optionChoice-txt {
          margin-left: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .commande-internet .three-blocs .three-blocs__items .items__left .optionChoice .optionChoice-txt .choiceDetail {
            font-size: 20px;
            font-weight: bold; }
          .commande-internet .three-blocs .three-blocs__items .items__left .optionChoice .optionChoice-txt .optionChoice-soustexte {
            font-size: 12px;
            color: #626262;
            line-height: 14px;
            width: 100%; }
      .commande-internet .three-blocs .three-blocs__items .items__left .downloadChoice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 45px; }
        @media (max-width: 767px) {
          .commande-internet .three-blocs .three-blocs__items .items__left .downloadChoice {
            display: none; } }
        .commande-internet .three-blocs .three-blocs__items .items__left .downloadChoice .spec-detail {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .commande-internet .three-blocs .three-blocs__items .items__left .downloadChoice .spec-detail--right {
            margin-left: 25px; }
          .commande-internet .three-blocs .three-blocs__items .items__left .downloadChoice .spec-detail svg {
            height: 50px;
            width: 50px;
            fill: #c7c7c7; }
          .commande-internet .three-blocs .three-blocs__items .items__left .downloadChoice .spec-detail .textspec {
            padding: 15px 0px 0px 10px; }
            .commande-internet .three-blocs .three-blocs__items .items__left .downloadChoice .spec-detail .textspec .speed-value {
              font-weight: bold;
              margin: 0px 4px 0px 0px;
              font-size: 20px; }
            .commande-internet .three-blocs .three-blocs__items .items__left .downloadChoice .spec-detail .textspec .smalltxt {
              font-size: 12px;
              padding-left: 2px; }
    .commande-internet .three-blocs .three-blocs__items .items__right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 100px; }
      @media (max-width: 1024px) {
        .commande-internet .three-blocs .three-blocs__items .items__right {
          padding-left: 40px; } }
      @media (max-width: 991px) {
        .commande-internet .three-blocs .three-blocs__items .items__right {
          padding-left: 60px; } }
      @media (max-width: 767px) {
        .commande-internet .three-blocs .three-blocs__items .items__right {
          padding-left: 30px;
          margin-top: 57px; } }
      .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix {
        font-size: 46px;
        font-weight: 900;
        color: #BE2323 !important;
        position: relative;
        margin-left: 0;
        padding-left: 20px; }
        .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix sup {
          font-size: 16px;
          vertical-align: super;
          top: 3px; }
        .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix span {
          position: absolute;
          right: -23px;
          top: 30px;
          font: 400 10px "Gloria Hallelujah"; }
          @media (max-width: 375px) {
            .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix span {
              right: -32px; } }
        .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix .fr {
          right: -17px; }
        .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix .en {
          right: -34px; }
        .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix--promo {
          font-size: 20px;
          margin-right: 10px;
          color: #343434;
          position: absolute;
          top: 64px;
          right: 150px;
          display: inline-block; }
          @media (max-width: 767px) {
            .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix--promo {
              left: 110px;
              width: 42px;
              right: 0;
              top: 106px; } }
          .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix--promo sup {
            font-size: 12px; }
          .commande-internet .three-blocs .three-blocs__items .items__right .Listing__prix--promo:after {
            content: "";
            width: 100%;
            height: 1px;
            background: #C7C7C7;
            opacity: 1;
            position: absolute;
            left: -4px;
            top: 15px;
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg); }
      .commande-internet .three-blocs .three-blocs__items .items__right .Listing__promo {
        width: 82px;
        height: 72px;
        background-image: url(../img/svg/promo-fr.svg);
        background-size: 100%;
        position: absolute;
        display: inline-block;
        top: -6px;
        right: -6px;
        opacity: 1; }
    .commande-internet .three-blocs .three-blocs__items .big-header {
      max-width: 420px; }
      @media (max-width: 1199px) {
        .commande-internet .three-blocs .three-blocs__items .big-header {
          max-width: 300px; } }
      @media (max-width: 767px) {
        .commande-internet .three-blocs .three-blocs__items .big-header {
          margin-top: 85px;
          max-width: none; } }
  .commande-internet .three-blocs .three-blocs__items.blocInternet {
    border-radius: 12px 12px 0 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    position: relative;
    margin-bottom: 0px;
    background-color: white; }
  .commande-internet .three-blocs .errorMessage {
    color: #BE2323;
    display: none; }

.commande-internet .three-blocs.error .errorMessage {
  display: block; }

.hidden {
  display: none; }

.marginCommande {
  margin-top: 60px; }

.listingWrapper {
  margin-right: 60px; }
  @media (max-width: 1024px) {
    .listingWrapper {
      margin-right: -15px; } }

#btnFooterForm {
  padding: 30px 0 !important; }

@media (max-width: 767px) {
  .personnalInfos .order__wrapper .col-md-9 {
    overflow: hidden; } }

.responsiveTable {
  overflow-x: auto; }

.pageInfo {
  padding-bottom: 80px; }
  .pageInfo h2 {
    padding-bottom: 0; }

.cable.hidden {
  display: none; }

.adsl.hidden {
  display: none; }

.items__tag {
  position: absolute;
  left: -1px;
  top: -1px;
  background: #343434;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  font: 600 12px "tt_hazelnuts";
  text-transform: uppercase;
  min-width: 80px; }
  .items__tag .items__tag_ADSL {
    display: none; }
  @media (max-width: 767px) {
    .items__tag {
      left: -2px;
      top: -2px;
      min-width: 56px;
      height: 20px;
      font: 600 10px "tt_hazelnuts";
      z-index: 2;
      border-bottom-right-radius: 8px;
      border-top-left-radius: 8px; } }

.three-blocks__items--isDSL .items__tag_ADSL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.three-blocks__items--isDSL .items__tag_CABLE {
  display: none; }

.commandeChoixInternet .CapacityItem__title-exp {
  position: absolute;
  right: 36px;
  bottom: 42px; }
  @media (max-width: 767px) {
    .commandeChoixInternet .CapacityItem__title-exp {
      bottom: 23px; } }
  @media (max-width: 640px) {
    .commandeChoixInternet .CapacityItem__title-exp {
      bottom: 0px;
      right: 5px; } }

@media (min-width: 768px) and (max-width: 991px) {
  body:not(.single-internet) .commandeChoixInternet .CapacityItem__title-exp {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  body:not(.single-internet) .commandeChoixInternet .CapacityItem__title-exp {
    display: block !important; } }

@media (max-width: 500px) {
  body:not(.single-internet) .commandeChoixInternet .CapacityItem__title-exp {
    display: block !important; } }

.timeline-container {
  margin: auto 0;
  position: relative;
  width: 100%; }
  .timeline-container::after {
    content: "";
    position: absolute;
    display: block;
    width: calc(100% - 45px);
    height: 2px;
    background-color: #BE2323;
    top: 45%;
    left: 50%;
    margin-top: -1px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (max-width: 991px) {
      .timeline-container::after {
        top: 41%;
        margin-top: -1px; } }
    @media (max-width: 767px) {
      .timeline-container::after {
        display: none; } }
  .timeline-container .timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 50px;
    margin-bottom: 50px; }
    @media (max-width: 991px) {
      .timeline-container .timeline {
        padding: 50px 0; } }
    @media (max-width: 767px) {
      .timeline-container .timeline {
        display: none; } }
    .timeline-container .timeline__step {
      display: inline-block;
      position: relative;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 18px !important;
      z-index: 2; }
      .timeline-container .timeline__step:nth-child(1) {
        margin-left: 15px; }
      .timeline-container .timeline__step:not(.timeline__step--current):not(.timeline__step--active):not(.timeline__step--disabled):hover .timeline__token {
        cursor: default; }
        .timeline-container .timeline__step:not(.timeline__step--current):not(.timeline__step--active):not(.timeline__step--disabled):hover .timeline__token:after {
          background-position: center -218px; }
        .timeline-container .timeline__step:not(.timeline__step--current):not(.timeline__step--active):not(.timeline__step--disabled):hover .timeline__token a svg {
          fill: #BE2323; }
      .timeline-container .timeline__step:not(.timeline__step--current):not(.timeline__step--active):not(.timeline__step--disabled):hover .timeline__token--selected {
        cursor: pointer; }
        .timeline-container .timeline__step:not(.timeline__step--current):not(.timeline__step--active):not(.timeline__step--disabled):hover .timeline__token--selected:after {
          background-position: center -109px; }
      .timeline-container .timeline__step:not(.timeline__step--current):not(.timeline__step--active):not(.timeline__step--disabled):hover .timeline__token--current {
        cursor: default; }
        .timeline-container .timeline__step:not(.timeline__step--current):not(.timeline__step--active):not(.timeline__step--disabled):hover .timeline__token--current:after {
          background-position: center 0; }
      .timeline-container .timeline__step:not(.timeline__step--current):not(.timeline__step--active):not(.timeline__step--disabled):hover .timeline__step-icon {
        cursor: default;
        pointer-events: none; }
      .timeline-container .timeline__step .timeline__token {
        position: relative;
        display: inline-block;
        width: 70px;
        height: 120px;
        cursor: default; }
        .timeline-container .timeline__step .timeline__token::after {
          content: "";
          position: absolute;
          display: inline-block;
          height: 82px;
          width: 80px;
          top: 50%;
          left: 50%;
          margin: -55px 0 0 -55px;
          background-size: 80px;
          background-image: url(../img/circle-sprite.png);
          background-repeat: no-repeat;
          z-index: 1;
          background-position: center -218px; }
        .timeline-container .timeline__step .timeline__token--current::after {
          background-position: center 0; }
        .timeline-container .timeline__step .timeline__token--current .token__info a svg {
          fill: #FFF !important; }
        .timeline-container .timeline__step .timeline__token--unSelected a {
          cursor: default; }
        .timeline-container .timeline__step .timeline__token--selected .token__info a svg:hover {
          fill: #BE2323;
          -webkit-animation: pulse 0.4s steps(2);
                  animation: pulse 0.4s steps(2); }
        .timeline-container .timeline__step .timeline__token--selected::after {
          background-position: center -109px; }
        .timeline-container .timeline__step .timeline__token--selected .ic_laptop {
          width: 50px;
          height: 50px;
          position: relative;
          z-index: 3;
          fill: white !important; }
        .timeline-container .timeline__step .timeline__token--selected .ic_phone {
          height: 53px;
          width: 50px;
          z-index: 3;
          position: relative;
          fill: white !important;
          margin: -5px 15px 0 0; }
        .timeline-container .timeline__step .timeline__token--selected .ic_tele {
          height: 46px;
          width: 50px;
          z-index: 3;
          position: relative;
          fill: white !important;
          margin: 0 15px 5px 0; }
        .timeline-container .timeline__step .timeline__token--selected .ic_check {
          width: 50px;
          height: 46px;
          position: relative;
          z-index: 3;
          fill: white !important; }
        .timeline-container .timeline__step .timeline__token--selected .ic_cart {
          width: 50px;
          height: 50px;
          position: relative;
          z-index: 3;
          fill: white !important; }
        .timeline-container .timeline__step .timeline__token .token__info {
          position: absolute;
          top: 16%;
          left: -8%; }
          .timeline-container .timeline__step .timeline__token .token__info:hover {
            cursor: default; }
          .timeline-container .timeline__step .timeline__token .token__info a svg {
            width: 50px;
            height: 50px;
            position: relative;
            z-index: 3;
            fill: #BE2323; }
          .timeline-container .timeline__step .timeline__token .token__info .ic_phone {
            height: 53px;
            margin: -5px 15px 0 0; }
          .timeline-container .timeline__step .timeline__token .token__info .ic_tele {
            height: 46px;
            margin: 0 15px 5px 0; }
          .timeline-container .timeline__step .timeline__token .token__info .ic_check {
            height: 46px; }
        .timeline-container .timeline__step .timeline__token p {
          position: absolute;
          bottom: 0;
          left: -40px;
          width: 100%;
          min-width: 115px;
          font-weight: 700; }
          @media (max-width: 767px) {
            .timeline-container .timeline__step .timeline__token p {
              display: none;
              font-size: 16px;
              font-weight: bold;
              color: #343434; } }
      @media (max-width: 767px) {
        .timeline-container .timeline__step {
          display: none; } }
  .timeline-container .timeline-container__mobile {
    display: none; }
    @media (max-width: 767px) {
      .timeline-container .timeline-container__mobile {
        margin: auto 0;
        position: relative;
        display: block;
        width: 100%;
        margin: 85px 0px; }
        .timeline-container .timeline-container__mobile::after {
          content: "";
          position: absolute;
          display: block;
          width: calc(100% - 20px);
          height: 2px;
          background-color: #BE2323;
          top: 46% !important;
          left: 50%;
          margin-top: -1px;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); } }
    @media (max-width: 767px) and (max-width: 991px) {
      .timeline-container .timeline-container__mobile::after {
        top: 50%;
        margin-top: -1px; } }
    .timeline-container .timeline-container__mobile .timeline__steps-mobile .timeline-mb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .timeline-container .timeline-container__mobile .timeline__steps-mobile .timeline-mb .timeline__step-mb .steps {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        border: 2px solid #BE2323;
        display: inline-block;
        background-image: url(../img/back-body-tv.jpg);
        z-index: 2;
        position: relative; }
        .timeline-container .timeline-container__mobile .timeline__steps-mobile .timeline-mb .timeline__step-mb .steps--current {
          width: 26px;
          height: 26px;
          border-width: 11px; }
        .timeline-container .timeline-container__mobile .timeline__steps-mobile .timeline-mb .timeline__step-mb .steps--active {
          background-color: #BE2323;
          background-image: none !important; }

.VirageNumerique-home {
  background: white !important;
  width: 100%; }
  .VirageNumerique-home .highlight {
    font: 400 20px/30px "Gloria Hallelujah";
    color: white; }
  .VirageNumerique-home svg {
    fill: #BE2323;
    width: 32px;
    height: 32px; }
  .VirageNumerique-home #home__premiumSlider {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 759px;
    min-width: 100%; }
    .VirageNumerique-home #home__premiumSlider li {
      list-style-type: none;
      width: 100%;
      height: 100%;
      overflow: hidden;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    @media (max-width: 991px) {
      .VirageNumerique-home #home__premiumSlider {
        height: auto !important; } }
    @media (max-width: 767px) {
      .VirageNumerique-home #home__premiumSlider {
        height: auto !important; } }
  .VirageNumerique-home .hero-premiumSlider {
    position: relative;
    width: 100%;
    visibility: hidden; }
    .VirageNumerique-home .hero-premiumSlider .tns-outer {
      width: 100%; }
    .VirageNumerique-home .hero-premiumSlider #home__premiumSlider-mw {
      width: 100%; }
    .VirageNumerique-home .hero-premiumSlider .tns-inner {
      width: 100%; }
    .VirageNumerique-home .hero-premiumSlider .tns-controls {
      position: absolute;
      bottom: 60px;
      width: 100%;
      max-width: 1170px;
      z-index: 10;
      margin-top: 0;
      margin-left: 16px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 1300px) {
        .VirageNumerique-home .hero-premiumSlider .tns-controls {
          bottom: 35px;
          left: 72px;
          padding: 0 89px; } }
      @media (max-width: 1500px) {
        .VirageNumerique-home .hero-premiumSlider .tns-controls {
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); } }
      @media (max-width: 991px) {
        .VirageNumerique-home .hero-premiumSlider .tns-controls {
          padding: 0 0 0 38px; } }
      .VirageNumerique-home .hero-premiumSlider .tns-controls button {
        background: white;
        border: 1px solid #000; }
        .VirageNumerique-home .hero-premiumSlider .tns-controls button svg {
          fill: #000; }
      .VirageNumerique-home .hero-premiumSlider .tns-controls button[data-controls="next"] {
        margin-left: 5px; }
  .VirageNumerique-home .hero-numerique {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 140px 0px;
    background: #FFF;
    position: relative; }
    .VirageNumerique-home .hero-numerique--horaire h1 {
      margin-bottom: 30px; }
    .VirageNumerique-home .hero-numerique--horaire p {
      margin-bottom: 20px;
      max-width: 400px;
      font-size: 20px; }
      @media (max-width: 767px) {
        .VirageNumerique-home .hero-numerique--horaire p {
          font-size: 16px;
          max-width: 300px; } }
    .VirageNumerique-home .hero-numerique--horaire .hero-numerique-content--btn {
      margin-top: 40px; }
    .VirageNumerique-home .hero-numerique--horaire .hero-numerique-illustration {
      bottom: -60px !important;
      right: -100px !important; }
      @media (max-width: 1600px) {
        .VirageNumerique-home .hero-numerique--horaire .hero-numerique-illustration {
          bottom: 90px !important;
          right: 60px !important;
          width: 740px !important;
          height: auto !important; } }
      @media (max-width: 1300px) {
        .VirageNumerique-home .hero-numerique--horaire .hero-numerique-illustration {
          width: 560px !important; } }
      @media (max-width: 1156px) {
        .VirageNumerique-home .hero-numerique--horaire .hero-numerique-illustration {
          width: 360px !important; } }
      @media (max-width: 710px) {
        .VirageNumerique-home .hero-numerique--horaire .hero-numerique-illustration {
          width: 230px !important;
          bottom: 30px !important; } }
    .VirageNumerique-home .hero-numerique::before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(../img/svg/left-shape.svg);
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      width: 100%;
      max-height: 400px;
      max-width: 260px; }
    .VirageNumerique-home .hero-numerique::after {
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      bottom: 0;
      background-image: url(../img/svg/right-shape.svg);
      background-repeat: no-repeat;
      background-size: cover;
      width: 1032px;
      height: 100%;
      pointer-events: none; }
    .VirageNumerique-home .hero-numerique--noel .hero-numerique-illustration {
      position: absolute;
      bottom: auto;
      top: -30%;
      right: 64px;
      width: auto;
      height: 100%; }
    @media (max-width: 1300px) {
      .VirageNumerique-home .hero-numerique--noel .hero-numerique-illustration {
        right: 0 !important; } }
    @media (max-width: 991px) {
      .VirageNumerique-home .hero-numerique--noel .hero-numerique-illustration {
        top: 80%; } }
    @media (max-width: 1600px) {
      .VirageNumerique-home .hero-numerique--noel .hero-numerique-illustration img {
        top: 21%;
        position: absolute !important; } }
    @media (max-width: 1300px) {
      .VirageNumerique-home .hero-numerique--noel .hero-numerique-illustration img {
        top: 100%; } }
    @media (max-width: 991px) {
      .VirageNumerique-home .hero-numerique--noel .hero-numerique-illustration img {
        bottom: 0;
        top: 0;
        position: relative !important; } }
    @media (max-width: 767px) {
      .VirageNumerique-home .hero-numerique--noel .hero-numerique-content--description {
        max-width: 300px !important; } }
    .VirageNumerique-home .hero-numerique-content {
      width: 100%;
      max-width: 1170px;
      margin: auto;
      padding: 0 15px; }
      .VirageNumerique-home .hero-numerique-content--span {
        display: block;
        font: 400 50px/50px "BrandonGrotesque";
        margin-bottom: 15px; }
        .VirageNumerique-home .hero-numerique-content--span-small {
          font: 700 24px/24px "BrandonGrotesque";
          margin-bottom: 15px;
          color: #BE2323;
          display: inline-block; }
        .VirageNumerique-home .hero-numerique-content--span-smaller {
          font: 900 35px/40px "BrandonGrotesque";
          color: #333333;
          display: block; }
      .VirageNumerique-home .hero-numerique-content--description {
        max-width: 510px;
        margin: 30px 0;
        font: 400 20px/24px "BrandonGrotesque";
        color: #000; }
        .VirageNumerique-home .hero-numerique-content--description span {
          font-weight: 700;
          font-size: 36px; }
          @media (max-width: 1300px) {
            .VirageNumerique-home .hero-numerique-content--description span {
              font-size: 30px; } }
          @media (max-width: 992px) {
            .VirageNumerique-home .hero-numerique-content--description span {
              font-size: 22px; } }
          @media (max-width: 655px) {
            .VirageNumerique-home .hero-numerique-content--description span {
              /*display: block;*/
              margin-top: 10px; } }
      .VirageNumerique-home .hero-numerique-content .description_pad {
        margin: 30px 0 60px; }
      .VirageNumerique-home .hero-numerique-content ul {
        margin: 0; }
        .VirageNumerique-home .hero-numerique-content ul li {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding-bottom: 15px; }
          .VirageNumerique-home .hero-numerique-content ul li p {
            font: 400 20px/24px "BrandonGrotesque"; }
          .VirageNumerique-home .hero-numerique-content ul li svg {
            fill: #00C265;
            margin-right: 4px; }
      .VirageNumerique-home .hero-numerique-content--btn {
        max-width: 229px;
        position: relative; }
        .VirageNumerique-home .hero-numerique-content--btn::after {
          content: "";
          background-image: url(../img/svg/ic-computer-mouse.svg);
          background-repeat: no-repeat;
          background-size: contain;
          height: 64px;
          width: 64px;
          position: absolute;
          bottom: -34px;
          right: -27px;
          display: inline-block; }
        .VirageNumerique-home .hero-numerique-content--btn::before {
          content: "";
          background-image: url(../img/svg/ic-highlight.svg);
          background-repeat: no-repeat;
          background-size: contain;
          height: 38px;
          width: 33px;
          position: absolute;
          left: -15px;
          top: -12px;
          display: inline-block; }
        .VirageNumerique-home .hero-numerique-content--btn--white::before {
          display: none !important; }
        .VirageNumerique-home .hero-numerique-content--btn--white::after {
          content: "";
          background-image: url(../img/svg/ic-computer-mouse-white.svg) !important;
          background-repeat: no-repeat;
          background-size: contain;
          height: 64px;
          width: 64px;
          position: absolute;
          bottom: -34px;
          right: -27px;
          display: inline-block; }
    .VirageNumerique-home .hero-numerique .hero-numerique-illustration {
      position: absolute;
      bottom: 0;
      right: 64px;
      width: 1040px;
      height: 661px; }
      .VirageNumerique-home .hero-numerique .hero-numerique-illustration--two {
        right: -70px;
        height: 549px; }
      .VirageNumerique-home .hero-numerique .hero-numerique-illustration a {
        display: inline-block;
        position: relative;
        z-index: 2; }
      .VirageNumerique-home .hero-numerique .hero-numerique-illustration img {
        position: relative;
        z-index: 1; }
      .VirageNumerique-home .hero-numerique .hero-numerique-illustration .eboxPastille {
        position: absolute;
        left: 185px;
        top: 92px;
        width: 200px; }
        @media (max-width: 1600px) {
          .VirageNumerique-home .hero-numerique .hero-numerique-illustration .eboxPastille {
            left: 130px;
            z-index: 10; } }
        @media (max-width: 1300px) {
          .VirageNumerique-home .hero-numerique .hero-numerique-illustration .eboxPastille {
            top: -44px;
            left: 112px;
            height: 150px; } }
        @media (max-width: 767px) {
          .VirageNumerique-home .hero-numerique .hero-numerique-illustration .eboxPastille {
            top: -102px;
            height: 130px; } }
        @media (max-width: 469px) {
          .VirageNumerique-home .hero-numerique .hero-numerique-illustration .eboxPastille {
            top: -30px;
            left: 108px;
            height: 130px; } }
    .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--description {
      margin: 30px 0 84px; }
      .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--description span {
        color: #BE2323;
        font-size: 20px; }
    .VirageNumerique-home .hero-numerique--3 .ButtonEffect {
      min-width: 272px; }
    .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--btn::after {
      right: -100px; }
    .VirageNumerique-home .hero-numerique--3 .hero-numerique-illustration img {
      bottom: 0;
      position: absolute;
      left: -70px; }
      @media (max-width: 1600px) {
        .VirageNumerique-home .hero-numerique--3 .hero-numerique-illustration img {
          left: 20px; } }
      @media (max-width: 991px) {
        .VirageNumerique-home .hero-numerique--3 .hero-numerique-illustration img {
          bottom: 30px; } }
    .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--span {
      position: relative;
      font-weight: 900;
      font-size: 70px;
      margin-bottom: 20px; }
      @media (max-width: 1300px) {
        .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--span {
          font-size: 50px; } }
      @media (max-width: 991px) {
        .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--span {
          margin-bottom: 20px; } }
      .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--span:after {
        content: "";
        position: absolute;
        top: -30px;
        left: -28px;
        background: url(../img/svg/red-circle-group.svg) center center no-repeat;
        background-size: 100%;
        width: 170px;
        height: 101px; }
        @media (max-width: 1300px) {
          .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--span:after {
            width: 120px;
            top: -36px;
            left: -20px; } }
        @media (max-width: 991px) {
          .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--span:after {
            top: -41px; } }
      .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--span:before {
        content: "";
        position: absolute;
        top: 30px;
        left: -40px;
        background: url(../img/svg/ic-drawing-arrow02.svg) center center no-repeat;
        background-size: 100%;
        width: 32px;
        height: 72px; }
        @media (max-width: 1300px) {
          .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--span:before {
            width: 22px;
            height: 52px;
            top: 20px;
            left: -28px; } }
    .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--title {
      font-size: 45px; }
      @media (max-width: 1300px) {
        .VirageNumerique-home .hero-numerique--3 .hero-numerique-content--title {
          font-size: 25px; } }
    .VirageNumerique-home .hero-numerique-image-mobile {
      margin-bottom: 40px;
      display: none; }
      @media (max-width: 767px) {
        .VirageNumerique-home .hero-numerique-image-mobile {
          display: block; } }
      .VirageNumerique-home .hero-numerique-image-mobile img {
        max-width: 350px;
        width: 100%;
        height: auto; }
  @media (max-width: 1775px) {
    .VirageNumerique-home .hero-numerique::before {
      max-height: 113px;
      max-width: 74px; } }
  @media (max-width: 1600px) {
    .VirageNumerique-home .hero-numerique {
      padding: 120px 0px; }
      .VirageNumerique-home .hero-numerique::after {
        width: 775px; }
      .VirageNumerique-home .hero-numerique .hero-numerique-illustration {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 870px;
        height: 560px;
        right: 0; }
        .VirageNumerique-home .hero-numerique .hero-numerique-illustration img {
          -ms-flex-item-align: end;
              align-self: end;
          width: 100%;
          height: auto; }
          .VirageNumerique-home .hero-numerique .hero-numerique-illustration img.illustration-two {
            width: 70%; } }
  @media (max-width: 1300px) {
    .VirageNumerique-home .hero-numerique {
      padding: 100px 0; }
      .VirageNumerique-home .hero-numerique::after {
        width: 380px; }
      .VirageNumerique-home .hero-numerique-content--span {
        font: 400 35px/35px "BrandonGrotesque";
        margin-bottom: 5px; }
      .VirageNumerique-home .hero-numerique-content--title {
        font: 900 35px/38px "BrandonGrotesque"; }
      .VirageNumerique-home .hero-numerique-content--description {
        font: 400 15px/20px "BrandonGrotesque";
        margin: 15px 0 40px 0; }
      .VirageNumerique-home .hero-numerique-content--disclaimer {
        font: 400 12px/16px "BrandonGrotesque" !important;
        margin-bottom: 34px !important;
        max-width: 440px; }
      .VirageNumerique-home .hero-numerique-content--btn {
        max-width: 150px; }
        .VirageNumerique-home .hero-numerique-content--btn::before {
          height: 38px;
          width: 33px;
          left: -15px;
          top: -12px; }
        .VirageNumerique-home .hero-numerique-content--btn::after {
          height: 40px;
          width: 42px;
          bottom: -21px;
          right: -34px; }
        .VirageNumerique-home .hero-numerique-content--btn .ButtonEffect {
          height: 40px !important;
          min-width: 120px !important;
          font-size: 12px !important;
          white-space: nowrap; }
      .VirageNumerique-home .hero-numerique .hero-numerique-illustration {
        width: 516px;
        height: 328px;
        right: -87px; } }
  @media (max-width: 1220px) {
    .VirageNumerique-home .hero-numerique-content {
      padding: 0 101px; }
      .VirageNumerique-home .hero-numerique-content--description {
        max-width: 400px; } }
  @media (max-width: 991px) {
    .VirageNumerique-home .hero-numerique::before {
      max-height: 105px;
      max-width: 94px;
      height: 100%;
      width: 100%;
      -webkit-transform: rotate(20deg);
              transform: rotate(20deg);
      top: -39px;
      left: -10px; }
    .VirageNumerique-home .hero-numerique::after {
      width: 387px;
      -webkit-transform: rotate(26deg);
              transform: rotate(26deg);
      bottom: -245px;
      height: 552px; }
    .VirageNumerique-home .hero-numerique-content {
      padding: 0 31px 0 31px;
      max-width: 750px; }
      .VirageNumerique-home .hero-numerique-content--span {
        font: 400 24px/24px "BrandonGrotesque"; }
      .VirageNumerique-home .hero-numerique-content--title {
        font: 900 24px/28px "BrandonGrotesque"; }
      .VirageNumerique-home .hero-numerique-content--description {
        font: 400 15px/20px "BrandonGrotesque";
        margin: 15px 0 25px 0;
        max-width: 420px; }
      .VirageNumerique-home .hero-numerique-content--btn::after {
        display: none; }
    .VirageNumerique-home .hero-numerique .hero-numerique-illustration {
      width: 300px;
      height: 179px;
      right: 0;
      bottom: -31px; }
    .VirageNumerique-home .hero-numerique-content--disclaimer {
      font: 400 12px/16px "BrandonGrotesque";
      margin-bottom: 34px !important; } }
  @media (max-width: 620px) {
    .VirageNumerique-home .hero-numerique-content--description {
      max-width: 320px; } }
  @media (max-width: 470px) {
    .VirageNumerique-home .hero-numerique {
      padding: 36px 0 112px; }
      .VirageNumerique-home .hero-numerique::after {
        width: 397px;
        -webkit-transform: rotate(24deg);
                transform: rotate(24deg);
        bottom: -251px;
        height: 570px; }
      .VirageNumerique-home .hero-numerique-content--description {
        max-width: 298px; }
      .VirageNumerique-home .hero-numerique .hero-numerique-illustration {
        width: 333px;
        height: 230px;
        bottom: -42px;
        right: -51px; } }
  .VirageNumerique-home .home-tropheBloc {
    background: #1F1F1F;
    color: white;
    position: relative;
    z-index: 999; }
    .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; }
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
          content: "";
          background-image: url(../img/svg/background-trophy-home.svg);
          background-size: cover;
          background-repeat: no-repeat;
          width: 960px;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 0; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside .trophy {
          background-image: url(../img/svg/illustration-trophy.svg);
          background-size: cover;
          background-repeat: no-repeat;
          width: 578px;
          height: 380px;
          position: relative;
          z-index: 1;
          padding-left: 12px; }
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside {
        padding: 122px 325px 125px 0;
        width: 50%; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content .underlineSpan {
          display: inline-block;
          position: relative;
          margin-bottom: 3px; }
          .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content .underlineSpan::after {
            content: "";
            background-image: url(../img/svg/ic-separator.svg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 5px;
            width: 274px;
            display: inline-block;
            position: absolute;
            bottom: 0;
            left: 0; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content .ButtonEffect {
          height: 40px !important;
          min-width: 134px !important;
          margin-top: 40px;
          font-size: 12px !important; }
    @media (max-width: 1725px) {
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
        left: -96px;
        top: 18px; }
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside {
        padding: 122px 64px 125px 0; } }
    @media (max-width: 1435px) {
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
        left: -203px;
        top: 0; } }
    @media (max-width: 1335px) {
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
        top: 0;
        left: -100px;
        width: 800px; }
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside .trophy {
        width: 500px;
        height: 325px; }
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside {
        padding: 120px 25px; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content h2 {
          font: 800 32px/36px "BrandonGrotesque"; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content .underlineSpan::after {
          width: 190px; } }
    @media (max-width: 1220px) {
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
        left: -198px; } }
    @media (max-width: 1024px) {
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
        left: -96px;
        width: 516px; }
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside .trophy {
        width: 307px;
        height: 202px;
        padding-left: 30px; }
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside {
        padding: 73px 11px; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content h2 {
          font: 800 26px/32px "BrandonGrotesque"; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content .underlineSpan::after {
          width: 130px;
          height: 3px; } }
    @media (max-width: 768px) {
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
        width: 538px;
        left: -173px; }
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside .trophy {
        width: 307px;
        height: 202px;
        margin-left: -20px; } }
    @media (max-width: 767px) {
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom {
        padding: 60px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          width: 100%; }
          .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside .trophy {
            width: 280px;
            height: 180px;
            margin-top: 64px; }
          .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
            width: 120%;
            height: 100%;
            top: 60px;
            left: -64px; }
        .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside {
          padding: 0 16px;
          width: 100%;
          text-align: left; }
          .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content h2 {
            font: 900 22px/26px "BrandonGrotesque"; }
          .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-rightside .content .ButtonEffect {
            margin-top: 35px; } }
    @media (max-width: 360px) {
      .VirageNumerique-home .home-tropheBloc .fiftyfifty_custom-leftside::after {
        width: 134%;
        top: 34px;
        left: -112px;
        height: 111%; } }
  .VirageNumerique-home .VirageNum__blackline {
    width: 100%;
    min-height: 500px;
    background: #1f1f1f;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .VirageNumerique-home .VirageNum__blackline-wrapper {
      max-width: 1170px;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 15px; }
      @media (max-width: 1200px) {
        .VirageNumerique-home .VirageNum__blackline-wrapper {
          padding: 0 30px; } }
      @media (max-width: 767px) {
        .VirageNumerique-home .VirageNum__blackline-wrapper {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          padding: 0 15px; } }
    .VirageNumerique-home .VirageNum__blackline-left {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      height: 100%;
      min-height: 500px;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      .VirageNumerique-home .VirageNum__blackline-left img {
        position: absolute;
        bottom: 0;
        right: -193px !important; }
        @media (max-width: 1600px) {
          .VirageNumerique-home .VirageNum__blackline-left img {
            right: -80px !important; } }
        @media (max-width: 1300px) {
          .VirageNumerique-home .VirageNum__blackline-left img {
            right: 30px !important; } }
        @media (max-width: 1200px) {
          .VirageNumerique-home .VirageNum__blackline-left img {
            max-width: 340px;
            height: auto; } }
        @media (max-width: 899px) {
          .VirageNumerique-home .VirageNum__blackline-left img {
            right: -73px !important; } }
        @media (max-width: 767px) {
          .VirageNumerique-home .VirageNum__blackline-left img {
            position: relative;
            margin: 0 auto;
            bottom: auto;
            right: auto !important;
            padding-top: 40px;
            max-width: 280px; } }
      @media (max-width: 1200px) {
        .VirageNumerique-home .VirageNum__blackline-left {
          min-height: 340px;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 40%;
                  flex: 0 0 40%; } }
      @media (max-width: 767px) {
        .VirageNumerique-home .VirageNum__blackline-left {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          min-height: auto;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          text-align: center; } }
    .VirageNumerique-home .VirageNum__blackline-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      height: 100%;
      min-height: 500px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .VirageNumerique-home .VirageNum__blackline-right h2 {
        margin-bottom: 10px; }
        @media (max-width: 1200px) {
          .VirageNumerique-home .VirageNum__blackline-right h2 {
            font: 800 26px/32px "BrandonGrotesque"; } }
        @media (max-width: 767px) {
          .VirageNumerique-home .VirageNum__blackline-right h2 {
            font: 800 22px/24px "BrandonGrotesque"; } }
      .VirageNumerique-home .VirageNum__blackline-right p {
        margin-bottom: 30px;
        max-width: 416px; }
      @media (max-width: 1200px) {
        .VirageNumerique-home .VirageNum__blackline-right {
          min-height: 340px; } }
      @media (max-width: 767px) {
        .VirageNumerique-home .VirageNum__blackline-right {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          min-height: auto; } }
    @media (max-width: 1200px) {
      .VirageNumerique-home .VirageNum__blackline {
        min-height: 340px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 60%;
                flex: 0 0 60%; } }
    @media (max-width: 767px) {
      .VirageNumerique-home .VirageNum__blackline {
        min-height: auto;
        padding-top: 95px; } }

.page-id-112140 .VirageNumerique-home .home-forfait__bloc-container,
.page-id-112143 .VirageNumerique-home .home-forfait__bloc-container {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }
  .page-id-112140 .VirageNumerique-home .home-forfait__bloc-container .bloc-forfait:first-child,
  .page-id-112143 .VirageNumerique-home .home-forfait__bloc-container .bloc-forfait:first-child {
    margin-right: 32px; }

.page-id-112140 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-112143 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-113485 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-113490 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after {
  width: 236px !important;
  height: 121px !important;
  top: -30px !important;
  right: -16px !important;
  background-size: contain !important; }

@media (max-width: 1200px) {
  .page-id-112140 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2, .page-id-112143 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2, .page-id-113485 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2, .page-id-113490 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 {
    margin-bottom: 25px !important; }
    .page-id-112140 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-112143 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-113485 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-113490 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after {
      width: 146px !important;
      height: 100px !important; } }

@media (max-width: 767px) {
  .page-id-112140 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-112143 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-113485 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after, .page-id-113490 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right h2 .VirageNum__circle::after {
    width: 125px !important;
    height: 92px !important; } }

.page-id-112140 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right p, .page-id-112143 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right p, .page-id-113485 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right p, .page-id-113490 .VirageNumerique-home .VirageNum__blackline .VirageNum__blackline-right p {
  max-width: 300px !important; }

@media (max-width: 1200px) {
  .page-id-113485 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2, .page-id-113490 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2, .page-id-7608 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2, .page-id-7497 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 {
    margin-bottom: 20px; } }

.page-id-113485 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-113490 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-7608 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-7497 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg {
  width: 236px !important;
  height: 125px !important; }
  @media (max-width: 1200px) {
    .page-id-113485 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-113490 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-7608 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-7497 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg {
      width: 135px !important;
      height: 100px !important; } }
  @media (max-width: 767px) {
    .page-id-113485 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-113490 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-7608 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-7497 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg {
      width: 120px !important; } }

#decouvreCarousel .tns-outer {
  width: 100%;
  overflow: hidden; }

.numerique-forfaits-listing {
  display: block; }
  .numerique-forfaits-listing .ForfaitsListing {
    padding: 0;
    margin: 0; }
    .numerique-forfaits-listing .ForfaitsListing__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 15px;
      color: #FFF; }
      .numerique-forfaits-listing .ForfaitsListing__item--faded {
        color: #C7C7C7; }
    .numerique-forfaits-listing .ForfaitsListing__icon {
      width: 20px;
      height: 20px;
      fill: currentColor;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 20px;
              flex: 0 0 20px;
      margin-right: 5px; }
    .numerique-forfaits-listing .ForfaitsListing__title {
      font: 600 12px/18px "BrandonGrotesque", sans-serif;
      color: currentColor; }
      .numerique-forfaits-listing .ForfaitsListing__title a {
        color: #BE2325 !important; }
    .numerique-forfaits-listing .ForfaitsListing__sep {
      display: block;
      height: 1px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      background: currentColor;
      margin: 0 6px; }
    .numerique-forfaits-listing .ForfaitsListing__price {
      font: 600 12px/16px "BrandonGrotesque", sans-serif;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }

.order-summary__title-summary {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #FFF; }

/*.page-id-112140 {
    .VirageNumerique-home {
        .home-forfaits {
            .page-section-wrapper {
                .home-forfait__bloc-container {
                    justify-content: center;
                    .bloc-forfait {
                        margin: 0 15px 50px 0;
                    }
                }
            }
        }
    }
}*/
.img-wifi {
  margin-bottom: 20px; }

[data-action="stop"] {
  display: none; }

[data-action="start"] {
  display: none; }

.hero-numerique-content--disclaimer {
  font: 400 12px/16px 'BrandonGrotesque';
  margin-bottom: 34px !important; }

.illustration-price {
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block; }

.hero-numerique3 .hero-numerique-content--title {
  margin-bottom: 38px;
  max-width: 690px; }
  @media (max-width: 1300px) {
    .hero-numerique3 .hero-numerique-content--title {
      max-width: 760px; } }
  @media (max-width: 750px) {
    .hero-numerique3 .hero-numerique-content--title {
      margin-top: 20px; } }

.hero-numerique3 .hero-numerique-content--description {
  font: 400 20px/24px 'BrandonGrotesque';
  max-width: 427px; }
  @media (max-width: 750px) {
    .hero-numerique3 .hero-numerique-content--description {
      font: 400 16px/20px 'BrandonGrotesque'; } }

.hero-numerique3 .hero-numerique-content--btnwrapper {
  margin-top: 30px;
  display: inline-block; }
  @media (max-width: 750px) {
    .hero-numerique3 .hero-numerique-content--btnwrapper {
      margin-top: 15px; } }
  .hero-numerique3 .hero-numerique-content--btnwrapper a {
    margin-bottom: 10px;
    display: inline-block; }

.hero-numerique3 .google-play {
  margin-right: 15px; }

.hero-numerique3 .hero-numerique-illustration {
  width: 520px !important;
  height: 312px !important;
  top: 270px !important;
  right: 190px !important; }
  @media (max-width: 1300px) {
    .hero-numerique3 .hero-numerique-illustration {
      right: 0 !important; } }
  @media (max-width: 991px) {
    .hero-numerique3 .hero-numerique-illustration {
      width: 360px !important;
      top: 300px !important; } }
  @media (max-width: 750px) {
    .hero-numerique3 .hero-numerique-illustration {
      width: 250px !important;
      height: 152px !important;
      top: auto !important;
      bottom: 5px !important; } }

.hero-numerique3--frontblackfriday:before, .hero-numerique3--frontblackfriday:after {
  display: none !important; }

.hero-numerique3--endedblackfriday .hero-numerique-illustration--blackfriday {
  height: 380px !important;
  bottom: 220px !important;
  right: 170px !important; }

.hero-numerique3--noel2025first {
  background: url(../img/bg-promo-mois-gratuit.webp) center center no-repeat !important;
  background-size: cover !important; }
  .hero-numerique3--noel2025first:before, .hero-numerique3--noel2025first:after {
    display: none !important; }

.hero-numerique3--black {
  background: #1F1F1F !important; }
  .hero-numerique3--black:before {
    display: none !important; }
  .hero-numerique3--black:after {
    display: none !important; }
  .hero-numerique3--black .hero-numerique-content--title {
    color: #FFF !important;
    font-size: 40px !important;
    font-weight: 500 !important; }
    @media (max-width: 767px) {
      .hero-numerique3--black .hero-numerique-content--title {
        font-size: 20px !important; } }
    .hero-numerique3--black .hero-numerique-content--title span {
      display: block;
      font-weight: 900 !important;
      font-size: 60px !important;
      line-height: 69px !important; }
      @media (max-width: 767px) {
        .hero-numerique3--black .hero-numerique-content--title span {
          font-size: 40px !important;
          line-height: 49px !important; } }
  .hero-numerique3--black .hero-numerique-content--description {
    color: #FFF !important;
    max-width: 460px !important; }
  .hero-numerique3--black .hero-numerique-illustration {
    top: 170px !important;
    right: 300px !important;
    width: 330px !important;
    height: 440px !important; }
    @media (max-width: 1560px) {
      .hero-numerique3--black .hero-numerique-illustration {
        right: 100px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique3--black .hero-numerique-illustration {
        width: 270px !important;
        top: 120px !important; } }
    @media (max-width: 1060px) {
      .hero-numerique3--black .hero-numerique-illustration {
        display: none !important; } }
  .hero-numerique3--black .hero-numerique-illustration-mobile {
    display: none; }
    @media (max-width: 1060px) {
      .hero-numerique3--black .hero-numerique-illustration-mobile {
        display: inline-block;
        max-width: 370px;
        margin-bottom: 25px; } }
    .hero-numerique3--black .hero-numerique-illustration-mobile img {
      width: 50%;
      height: auto; }

.hero-numerique3--lastofus {
  padding: 30px 0 !important;
  background: #000 !important; }
  .hero-numerique3--lastofus:before {
    display: none !important; }
  .hero-numerique3--lastofus:after {
    display: none !important; }
  @media (max-width: 767px) {
    .hero-numerique3--lastofus {
      padding: 36px 0 112px !important; } }
  .hero-numerique3--lastofus .hero-numerique-content--title {
    position: relative;
    z-index: 2;
    color: #FFF !important;
    font-size: 40px !important;
    font-weight: 500 !important; }
    @media (max-width: 767px) {
      .hero-numerique3--lastofus .hero-numerique-content--title {
        font-size: 20px !important; } }
    .hero-numerique3--lastofus .hero-numerique-content--title span {
      display: block;
      font-weight: 900 !important;
      font-size: 60px !important;
      line-height: 69px !important; }
      @media (max-width: 767px) {
        .hero-numerique3--lastofus .hero-numerique-content--title span {
          font-size: 40px !important;
          line-height: 49px !important; } }
  .hero-numerique3--lastofus .hero-numerique-content--description {
    color: #FFF !important;
    max-width: 460px !important; }
  .hero-numerique3--lastofus .hero-numerique-illustration {
    top: 0px !important;
    right: -15px !important;
    width: 774px !important;
    height: 100% !important; }
    @media (max-width: 1600px) {
      .hero-numerique3--lastofus .hero-numerique-illustration {
        right: 0px !important;
        width: 764px !important; } }
    @media (max-width: 1560px) {
      .hero-numerique3--lastofus .hero-numerique-illustration {
        right: 0px !important; } }
    @media (max-width: 1360px) {
      .hero-numerique3--lastofus .hero-numerique-illustration {
        width: 450px !important;
        top: inherit !important;
        bottom: 0px !important; } }
    @media (max-width: 992px) {
      .hero-numerique3--lastofus .hero-numerique-illustration {
        width: 330px !important; } }
    @media (max-width: 767px) {
      .hero-numerique3--lastofus .hero-numerique-illustration {
        width: 240px !important;
        display: none !important; } }
  .hero-numerique3--lastofus .hero-numerique-illustration-mobile {
    display: none; }
    @media (max-width: 1060px) {
      .hero-numerique3--lastofus .hero-numerique-illustration-mobile {
        display: inline-block;
        max-width: 370px;
        margin-bottom: 25px; } }
    .hero-numerique3--lastofus .hero-numerique-illustration-mobile img {
      width: 50%;
      height: auto; }
  .hero-numerique3--lastofus .hero-numerique-content--btn:before, .hero-numerique3--lastofus .hero-numerique-content--btn:after {
    display: none; }
  .hero-numerique3--lastofus .ButtonEffect {
    color: #000; }
    .hero-numerique3--lastofus .ButtonEffect:hover {
      color: #FFF; }
  .hero-numerique3--lastofus .ButtonEffect:before {
    background: #FFF; }
  .hero-numerique3--lastofus .ButtonEffect:after {
    background: #BE2323; }

.hero-numerique4::after {
  content: "" !important;
  position: absolute;
  right: 750px !important;
  bottom: 0 !important;
  width: 780px !important;
  /* devient la "hauteur" une fois tourné */
  height: 100% !important;
  /* prend toute la largeur visible */
  background: radial-gradient(circle at center bottom, transparent 430px, #BE2323 431px) !important;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right; }
  @media (max-width: 992px) {
    .hero-numerique4::after {
      display: none !important; } }

.hero-numerique4--commicon {
  background: #bf2527 !important; }
  .hero-numerique4--commicon .hero-numerique-content,
  .hero-numerique4--commicon .hero-numerique-content--description {
    color: #FFF !important; }
  .hero-numerique4--commicon .ButtonEffect:before, .hero-numerique4--commicon .HeadBanner__button:before {
    background: #FFF !important; }
  .hero-numerique4--commicon .ButtonEffect {
    color: #BE2323 !important; }
  .hero-numerique4--commicon .ButtonEffect:hover {
    color: #FFF !important; }
  .hero-numerique4--commicon::after {
    display: none !important; }
  .hero-numerique4--commicon .hero-numerique-illustration {
    height: 100% !important;
    right: 100px !important;
    top: 0 !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url(../img/svg/shape-commicon.svg) 100% no-repeat !important; }
    .hero-numerique4--commicon .hero-numerique-illustration img {
      max-width: 100% !important;
      height: auto !important; }
      @media (max-width: 1600px) {
        .hero-numerique4--commicon .hero-numerique-illustration img {
          -ms-flex-item-align: center !important;
              align-self: center !important; } }
    @media (max-width: 1600px) {
      .hero-numerique4--commicon .hero-numerique-illustration {
        right: 0 !important;
        top: 0 !important; } }
  @media (max-width: 1600px) {
    .hero-numerique4--commicon .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      right: 0 !important;
      top: auto !important;
      bottom: 0 !important;
      background-size: 100% auto !important; } }
  @media (max-width: 1032px) {
    .hero-numerique4--commicon .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      display: none !important; } }
  @media (max-width: 1032px) {
    .hero-numerique4--commicon .hero-numerique-image-mobile {
      display: block !important; } }
  .hero-numerique4--commicon-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    background: url(../img/svg/shape-commicon.svg) center center no-repeat;
    background-size: auto 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hero-numerique4--commicon-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }

.hero-numerique4--promo1mois {
  background-color: #5CF2CE !important; }
  .hero-numerique4--promo1mois:before {
    display: none !important; }
  .hero-numerique4--promo1mois:after {
    position: absolute;
    right: -380px !important;
    bottom: 0px !important;
    content: "";
    background: url(../img/svg/losange-vert.svg) center right no-repeat !important;
    background-size: auto 100%;
    width: 100% !important;
    height: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: inline-block !important; }
    @media (max-width: 1480px) {
      .hero-numerique4--promo1mois:after {
        right: -660px !important;
        bottom: 0 !important;
        background: url(../img/svg/losange-vert.svg) center left no-repeat !important;
        background-size: auto 100%; } }
    @media (max-width: 991px) {
      .hero-numerique4--promo1mois:after {
        background-size: auto 160% !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--promo1mois:after {
        background-size: auto 80% !important;
        bottom: 550px !important;
        right: -100px !important;
        width: calc(100% + 100px) !important; } }
  .hero-numerique4--promo1mois .hero-numerique-content--title,
  .hero-numerique4--promo1mois .hero-numerique-content--description {
    color: #081035 !important; }
  .hero-numerique4--promo1mois .hero-numerique-content--title-bold {
    font: 900 64px/72px "BrandonGrotesque" !important;
    max-width: 530px !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--promo1mois .hero-numerique-content--title-bold {
        font-size: 50px !important;
        line-height: 55px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--promo1mois .hero-numerique-content--title-bold {
        font-size: 36px !important;
        line-height: 38px !important; } }
  .hero-numerique4--promo1mois .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    width: 640px !important;
    height: 640px !important;
    top: 40px;
    right: auto !important;
    left: 52% !important; }
    @media (max-width: 1600px) {
      .hero-numerique4--promo1mois .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 500px !important; } }
    @media (max-width: 1334px) {
      .hero-numerique4--promo1mois .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 400px !important;
        bottom: 130px !important;
        top: inherit !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--promo1mois .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 280px !important;
        bottom: 120px !important;
        left: 63% !important; } }
    .hero-numerique4--promo1mois .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration--ontario {
      left: 56% !important; }
      @media (max-width: 1334px) {
        .hero-numerique4--promo1mois .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration--ontario {
          bottom: 60px !important; } }
      @media (max-width: 991px) {
        .hero-numerique4--promo1mois .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration--ontario {
          bottom: -34px !important; } }
      .hero-numerique4--promo1mois .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration--ontario img {
        -ms-flex-item-align: auto !important;
            align-self: auto !important; }
  .hero-numerique4--promo1mois .hero-numerique-content {
    position: relative;
    z-index: 1; }
  .hero-numerique4--promo1mois .hero-numerique-content--btn::before,
  .hero-numerique4--promo1mois .hero-numerique-content--btn::after {
    display: none !important; }
  .hero-numerique4--promo1mois .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important; }
    @media (max-width: 1300px) {
      .hero-numerique4--promo1mois .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--promo1mois .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--promo1mois .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }

.hero-numerique4--rabais5dollars {
  background-color: #FFD342 !important; }
  .hero-numerique4--rabais5dollars:before {
    display: none !important; }
  .hero-numerique4--rabais5dollars:after {
    position: absolute;
    right: -290px !important;
    bottom: 60px !important;
    content: "";
    background: url(../img/svg/motif-jaune.svg) bottom right no-repeat !important;
    background-size: auto 100%;
    width: 100% !important;
    height: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: inline-block !important; }
    @media (max-width: 1480px) {
      .hero-numerique4--rabais5dollars:after {
        right: inherit !important;
        bottom: 200px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--rabais5dollars:after {
        background-size: auto 160% !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--rabais5dollars:after {
        background-size: auto 80% !important;
        bottom: 550px !important;
        right: -100px !important;
        width: calc(100% + 100px) !important; } }
  .hero-numerique4--rabais5dollars .hero-numerique-content--title,
  .hero-numerique4--rabais5dollars .hero-numerique-content--description {
    color: #081035 !important; }
  .hero-numerique4--rabais5dollars .hero-numerique-content--title-bold {
    font: 900 64px/72px "BrandonGrotesque" !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--rabais5dollars .hero-numerique-content--title-bold {
        font-size: 50px !important;
        line-height: 55px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--rabais5dollars .hero-numerique-content--title-bold {
        font-size: 36px !important;
        line-height: 38px !important; } }
  .hero-numerique4--rabais5dollars .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    width: 640px !important;
    height: 640px !important;
    width: 640px !important;
    height: 640px !important;
    top: 60px;
    right: auto !important;
    left: 52% !important; }
    @media (max-width: 1334px) {
      .hero-numerique4--rabais5dollars .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 400px !important;
        bottom: 190px !important;
        top: inherit !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--rabais5dollars .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 280px !important;
        bottom: 120px !important;
        left: 63% !important; } }
  .hero-numerique4--rabais5dollars .hero-numerique-content {
    position: relative;
    z-index: 1; }
  .hero-numerique4--rabais5dollars .hero-numerique-content--btn::before,
  .hero-numerique4--rabais5dollars .hero-numerique-content--btn::after {
    display: none !important; }
  .hero-numerique4--rabais5dollars .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important; }
    @media (max-width: 1300px) {
      .hero-numerique4--rabais5dollars .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--rabais5dollars .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--rabais5dollars .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }

.hero-numerique4--piggy2026 {
  background: #ffba30 url(../img/fond-piggy-plan-desktop.webp) right center no-repeat !important;
  background-size: auto 100% !important; }
  @media (max-width: 767px) {
    .hero-numerique4--piggy2026 {
      background: #ffba30 url(../img/fond-piggy-plan-mobile.webp) center bottom -490px no-repeat !important; } }
  .hero-numerique4--piggy2026:before {
    display: none !important; }
  .hero-numerique4--piggy2026:after {
    display: none !important;
    position: absolute;
    right: -290px !important;
    bottom: 60px !important;
    content: "";
    background: url(../img/svg/motif-jaune.svg) bottom right no-repeat !important;
    background-size: auto 100%;
    width: 100% !important;
    height: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important; }
    @media (max-width: 1480px) {
      .hero-numerique4--piggy2026:after {
        right: inherit !important;
        bottom: 200px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--piggy2026:after {
        background-size: auto 160% !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--piggy2026:after {
        background-size: auto 80% !important;
        bottom: 550px !important;
        right: -100px !important;
        width: calc(100% + 100px) !important; } }
  .hero-numerique4--piggy2026 .hero-numerique-content--title,
  .hero-numerique4--piggy2026 .hero-numerique-content--description {
    color: #081035 !important; }
  .hero-numerique4--piggy2026 .hero-numerique-content--description {
    max-width: 567px !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--piggy2026 .hero-numerique-content--description {
        max-width: 427px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--piggy2026 .hero-numerique-content--description {
        max-width: 100% !important; } }
  .hero-numerique4--piggy2026 .hero-numerique-content--title-bold {
    max-width: 600px !important;
    font: 900 64px/72px "BrandonGrotesque" !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--piggy2026 .hero-numerique-content--title-bold {
        font-size: 50px !important;
        line-height: 55px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--piggy2026 .hero-numerique-content--title-bold {
        font-size: 36px !important;
        line-height: 38px !important;
        max-width: 100% !important; } }
  .hero-numerique4--piggy2026 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    width: 640px !important;
    height: 640px !important;
    width: 640px !important;
    height: 640px !important;
    top: 60px;
    right: auto !important;
    left: 52% !important; }
    @media (max-width: 1600px) {
      .hero-numerique4--piggy2026 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 400px !important;
        bottom: 190px !important;
        top: inherit !important; } }
    @media (max-width: 1290px) {
      .hero-numerique4--piggy2026 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        bottom: 120px !important; } }
    @media (max-width: 1070px) {
      .hero-numerique4--piggy2026 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 360px !important;
        left: 58% !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--piggy2026 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 280px !important;
        bottom: 50px !important;
        left: 65% !important; } }
  .hero-numerique4--piggy2026 .hero-numerique-content {
    position: relative;
    z-index: 1; }
    @media (max-width: 767px) {
      .hero-numerique4--piggy2026 .hero-numerique-content {
        text-align: center !important;
        max-width: 100% !important; } }
  .hero-numerique4--piggy2026 .hero-numerique-content--btn::before,
  .hero-numerique4--piggy2026 .hero-numerique-content--btn::after {
    display: none !important; }
  @media (max-width: 767px) {
    .hero-numerique4--piggy2026 .hero-numerique-content--btn {
      margin: 0 auto !important;
      max-width: 100% !important; } }
  .hero-numerique4--piggy2026 .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important; }
    @media (max-width: 1300px) {
      .hero-numerique4--piggy2026 .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--piggy2026 .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--piggy2026 .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }

.hero-numerique4--snh {
  background-color: #344CB4 !important; }
  @media (max-width: 767px) {
    .hero-numerique4--snh {
      text-align: center !important; } }
  .hero-numerique4--snh:before {
    display: none !important; }
  .hero-numerique4--snh:after {
    position: absolute;
    right: -290px !important;
    bottom: 60px !important;
    content: "";
    background: url(../img/svg/motif-bleu-fonce.svg) bottom right no-repeat !important;
    background-size: auto 100%;
    width: 100% !important;
    height: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: inline-block !important; }
    @media (max-width: 1480px) {
      .hero-numerique4--snh:after {
        right: inherit !important;
        bottom: 200px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--snh:after {
        background-size: auto 160% !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--snh:after {
        background-size: auto 80% !important;
        bottom: 650px !important;
        right: -100px !important;
        width: calc(100% + 100px) !important; } }
  .hero-numerique4--snh .hero-numerique-content--title,
  .hero-numerique4--snh .hero-numerique-content--description {
    color: #FFF !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--snh .hero-numerique-content--title,
      .hero-numerique4--snh .hero-numerique-content--description {
        max-width: 427px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--snh .hero-numerique-content--title,
      .hero-numerique4--snh .hero-numerique-content--description {
        max-width: 100% !important; } }
  .hero-numerique4--snh .hero-numerique-content--title-bold {
    font: 900 64px/72px "BrandonGrotesque" !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--snh .hero-numerique-content--title-bold {
        font-size: 50px !important;
        line-height: 55px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--snh .hero-numerique-content--title-bold {
        font-size: 36px !important;
        line-height: 38px !important;
        max-width: 100% !important; } }
  .hero-numerique4--snh .hero-numerique-tag {
    background-color: #FFF !important;
    color: #081035 !important; }
  .hero-numerique4--snh .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    width: 440px !important;
    height: 440px !important;
    top: 140px;
    right: auto !important;
    left: 56% !important; }
    @media (max-width: 1334px) {
      .hero-numerique4--snh .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 400px !important;
        bottom: 190px !important;
        top: inherit !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--snh .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 280px !important;
        bottom: 120px !important;
        left: 63% !important; } }
  .hero-numerique4--snh .hero-numerique-content {
    position: relative;
    z-index: 1; }
  @media (max-width: 767px) {
    .hero-numerique4--snh .hero-numerique-content--btn {
      margin: 0 auto !important;
      max-width: 100% !important; } }
  .hero-numerique4--snh .hero-numerique-content--btn::before,
  .hero-numerique4--snh .hero-numerique-content--btn::after {
    display: none !important; }
  .hero-numerique4--snh .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important; }
    @media (max-width: 1300px) {
      .hero-numerique4--snh .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--snh .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--snh .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }

.hero-numerique4--olivier {
  background-color: #FFF2EE !important; }
  @media (max-width: 767px) {
    .hero-numerique4--olivier {
      text-align: center !important; } }
  .hero-numerique4--olivier:before {
    display: none !important; }
  .hero-numerique4--olivier:after {
    position: absolute;
    right: -290px !important;
    bottom: 60px !important;
    content: "";
    background: url(../img/svg/motif-rose-page.svg) bottom right no-repeat !important;
    background-size: auto 100%;
    width: 100% !important;
    height: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: inline-block !important; }
    @media (max-width: 1480px) {
      .hero-numerique4--olivier:after {
        right: inherit !important;
        bottom: 200px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--olivier:after {
        background-size: auto 160% !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--olivier:after {
        background-size: auto 80% !important;
        bottom: 650px !important;
        right: -100px !important;
        width: calc(100% + 100px) !important; } }
  .hero-numerique4--olivier .hero-numerique-content--title,
  .hero-numerique4--olivier .hero-numerique-content--description {
    color: #081035 !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--olivier .hero-numerique-content--title,
      .hero-numerique4--olivier .hero-numerique-content--description {
        max-width: 427px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--olivier .hero-numerique-content--title,
      .hero-numerique4--olivier .hero-numerique-content--description {
        max-width: 100% !important; } }
  .hero-numerique4--olivier .hero-numerique-content--title-bold {
    font: 900 64px/72px "BrandonGrotesque" !important;
    max-width: 670px !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--olivier .hero-numerique-content--title-bold {
        font-size: 50px !important;
        line-height: 55px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--olivier .hero-numerique-content--title-bold {
        font-size: 36px !important;
        line-height: 38px !important;
        max-width: 100% !important; } }
  .hero-numerique4--olivier .hero-numerique-tag {
    background-color: #081035 !important;
    color: #FFF !important; }
  .hero-numerique4--olivier .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    width: 440px !important;
    height: 440px !important;
    top: 140px;
    right: auto !important;
    left: 56% !important; }
    @media (max-width: 1334px) {
      .hero-numerique4--olivier .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 400px !important;
        bottom: 190px !important;
        top: inherit !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--olivier .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 280px !important;
        bottom: 120px !important;
        left: 63% !important; } }
  .hero-numerique4--olivier .hero-numerique-content {
    position: relative;
    z-index: 1; }
  @media (max-width: 767px) {
    .hero-numerique4--olivier .hero-numerique-content--btn {
      margin: 0 auto !important;
      max-width: 100% !important; } }
  .hero-numerique4--olivier .hero-numerique-content--btn::before,
  .hero-numerique4--olivier .hero-numerique-content--btn::after {
    display: none !important; }
  .hero-numerique4--olivier .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important; }
    @media (max-width: 1300px) {
      .hero-numerique4--olivier .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--olivier .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--olivier .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }

.hero-numerique4--500mbits {
  background: #df524f !important; }
  .hero-numerique4--500mbits:before {
    display: none !important; }
  .hero-numerique4--500mbits:after {
    position: absolute;
    right: 0 !important;
    bottom: -160px !important;
    content: "";
    background: url(../img/shape-500mbits.webp) top left no-repeat !important;
    background-size: auto 100%;
    width: 980px !important;
    height: 400px !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: inline-block !important; }
    @media (max-width: 820px) {
      .hero-numerique4--500mbits:after {
        display: none !important; } }
  .hero-numerique4--500mbits .hero-numerique-content,
  .hero-numerique4--500mbits .hero-numerique-content--description {
    color: #FFF !important; }
  .hero-numerique4--500mbits .hero-numerique-content--title-bold span {
    white-space: nowrap; }
  .hero-numerique4--500mbits .ButtonEffect:before, .hero-numerique4--500mbits .HeadBanner__button:before {
    background: #FFF !important; }
  .hero-numerique4--500mbits .ButtonEffect {
    color: #BE2323 !important; }
  .hero-numerique4--500mbits .ButtonEffect:hover {
    color: #FFF !important; }
  .hero-numerique4--500mbits .hero-numerique-illustration {
    height: 100% !important;
    right: 100px !important;
    top: 0 !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url(../img/svg/shape-commicon.svg) 100% no-repeat !important; }
    .hero-numerique4--500mbits .hero-numerique-illustration img {
      max-width: 540px !important;
      height: auto !important; }
      @media (max-width: 1600px) {
        .hero-numerique4--500mbits .hero-numerique-illustration img {
          -ms-flex-item-align: center !important;
              align-self: center !important; } }
    @media (max-width: 1600px) {
      .hero-numerique4--500mbits .hero-numerique-illustration {
        right: 0 !important;
        top: 0 !important; } }
  .hero-numerique4--500mbits .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
    max-width: 540px !important;
    max-height: 470px !important;
    width: auto !important; }
    @media (max-width: 1250px) {
      .hero-numerique4--500mbits .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
        max-width: 230px !important;
        margin-right: 20px; } }
    @media (max-width: 1024px) {
      .hero-numerique4--500mbits .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
        max-width: 180px !important; } }
  @media (max-width: 1600px) {
    .hero-numerique4--500mbits .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      right: 0 !important;
      top: 0 !important;
      background-size: 100% auto !important; } }
  @media (max-width: 1032px) {
    .hero-numerique4--500mbits .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      display: none !important; } }
  .hero-numerique4--500mbits .hero-numerique-image-mobile {
    position: relative;
    z-index: 1; }
    @media (max-width: 1032px) {
      .hero-numerique4--500mbits .hero-numerique-image-mobile {
        display: block !important; } }
    @media (max-width: 1024px) {
      .hero-numerique4--500mbits .hero-numerique-image-mobile img {
        max-width: 250px; } }
  .hero-numerique4--500mbits-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    background: url(../img/svg/shape-commicon.svg) center center no-repeat;
    background-size: auto 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hero-numerique4--500mbits-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }

.hero-numerique4--backtoschool {
  background: url(../img/back-slide-back-to-school.jpg) center center no-repeat !important;
  background-size: cover !important; }
  .hero-numerique4--backtoschool:before {
    display: none !important; }
  .hero-numerique4--backtoschool:after {
    position: absolute;
    right: 0 !important;
    bottom: -160px !important;
    content: "";
    background: url(../img/shape-500mbits.webp) top left no-repeat !important;
    background-size: auto 100%;
    width: 980px !important;
    height: 400px !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: none !important; }
    @media (max-width: 820px) {
      .hero-numerique4--backtoschool:after {
        display: none !important; } }
  .hero-numerique4--backtoschool .hero-numerique-content,
  .hero-numerique4--backtoschool .hero-numerique-content--description {
    color: #BE2323 !important; }
  .hero-numerique4--backtoschool .hero-numerique-content--title-bold span {
    white-space: nowrap; }
  .hero-numerique4--backtoschool .ButtonEffect:before, .hero-numerique4--backtoschool .HeadBanner__button:before {
    background: #BE2323 !important; }
  .hero-numerique4--backtoschool .ButtonEffect {
    color: #FFF !important; }
  .hero-numerique4--backtoschool .ButtonEffect:hover {
    color: #FFF !important; }
  .hero-numerique4--backtoschool .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    height: 535px !important;
    right: 100px !important;
    top: auto !important;
    bottom: 0 !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url(../img/svg/shape-commicon.svg) 100% no-repeat !important; }
    .hero-numerique4--backtoschool .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
      max-width: 540px !important;
      height: auto !important; }
      @media (max-width: 1600px) {
        .hero-numerique4--backtoschool .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
          -ms-flex-item-align: center !important;
              align-self: center !important; } }
    @media (max-width: 1600px) {
      .hero-numerique4--backtoschool .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important; } }
  .hero-numerique4--backtoschool .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
    max-width: 540px !important; }
    @media (max-width: 1250px) {
      .hero-numerique4--backtoschool .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
        max-width: 440px !important;
        margin-right: 20px; } }
  @media (max-width: 1600px) {
    .hero-numerique4--backtoschool .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      height: auto !important;
      right: 0 !important;
      top: auto !important;
      bottom: 0 !important;
      background-size: 100% auto !important; } }
  @media (max-width: 1032px) {
    .hero-numerique4--backtoschool .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      display: none !important; } }
  .hero-numerique4--backtoschool .hero-numerique-image-mobile {
    position: relative;
    z-index: 1; }
    @media (max-width: 1032px) {
      .hero-numerique4--backtoschool .hero-numerique-image-mobile {
        display: block !important; } }
    @media (max-width: 1024px) {
      .hero-numerique4--backtoschool .hero-numerique-image-mobile img {
        max-width: 250px; } }
  .hero-numerique4--backtoschool-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    background: url(../img/svg/shape-commicon.svg) center center no-repeat;
    background-size: auto 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hero-numerique4--backtoschool-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }

.hero-numerique4--backtoschoolgreen {
  background: url(../img/back-slide-cloud-tree.webp) center center no-repeat !important;
  background-size: cover !important; }
  .hero-numerique4--backtoschoolgreen:before {
    display: none !important; }
  .hero-numerique4--backtoschoolgreen:after {
    position: absolute;
    right: 0 !important;
    bottom: -160px !important;
    content: "";
    background: url(../img/shape-500mbits.webp) top left no-repeat !important;
    background-size: auto 100%;
    width: 980px !important;
    height: 400px !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: none !important; }
    @media (max-width: 820px) {
      .hero-numerique4--backtoschoolgreen:after {
        display: none !important; } }
  .hero-numerique4--backtoschoolgreen .hero-numerique-content,
  .hero-numerique4--backtoschoolgreen .hero-numerique-content--description {
    color: #081035 !important; }
  .hero-numerique4--backtoschoolgreen .hero-numerique-content--title-bold span {
    white-space: nowrap; }
  .hero-numerique4--backtoschoolgreen .ButtonEffect:before, .hero-numerique4--backtoschoolgreen .HeadBanner__button:before {
    background: #081035 !important; }
  .hero-numerique4--backtoschoolgreen .ButtonEffect {
    color: #FFF !important; }
  .hero-numerique4--backtoschoolgreen .ButtonEffect:hover {
    color: #FFF !important; }
  .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    height: 535px !important;
    right: 100px !important;
    top: auto !important;
    bottom: 0 !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url(../img/svg/shape-commicon.svg) 100% no-repeat !important; }
    .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
      max-width: 540px !important;
      height: auto !important; }
      @media (max-width: 1600px) {
        .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
          -ms-flex-item-align: center !important;
              align-self: center !important; } }
    @media (max-width: 1600px) {
      .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        right: -100px !important;
        top: auto !important;
        bottom: 0 !important; } }
    @media (max-width: 1199px) {
      .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        right: -100px !important; } }
  .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
    max-width: 540px !important; }
    @media (max-width: 1250px) {
      .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
        max-width: 440px !important;
        margin-right: 20px; } }
  @media (max-width: 1600px) {
    .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      height: auto !important;
      right: 0 !important;
      top: auto !important;
      bottom: 0 !important;
      background-size: 100% auto !important; } }
  @media (max-width: 1199px) {
    .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      right: -100px !important; } }
  @media (max-width: 1032px) {
    .hero-numerique4--backtoschoolgreen .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      display: none !important; } }
  .hero-numerique4--backtoschoolgreen .hero-numerique-image-mobile {
    position: relative;
    z-index: 1; }
    @media (max-width: 1032px) {
      .hero-numerique4--backtoschoolgreen .hero-numerique-image-mobile {
        display: block !important; } }
    @media (max-width: 1024px) {
      .hero-numerique4--backtoschoolgreen .hero-numerique-image-mobile img {
        max-width: 250px; } }
  .hero-numerique4--backtoschoolgreen-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    background: url(../img/svg/shape-commicon.svg) center center no-repeat;
    background-size: auto 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hero-numerique4--backtoschoolgreen-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }

.hero-numerique4--springsale {
  background-color: #081035 !important; }
  @media (max-width: 767px) {
    .hero-numerique4--springsale {
      text-align: center !important; } }
  .hero-numerique4--springsale:before {
    display: none !important; }
  .hero-numerique4--springsale .hero-numerique-tag {
    background-color: #FFF !important;
    color: #081035 !important; }
  .hero-numerique4--springsale:after {
    position: absolute;
    right: 90px !important;
    bottom: -110px !important;
    content: "";
    background: url(../img/svg/forme-hexa-bleu.svg) bottom right no-repeat !important;
    background-size: auto 100%;
    width: 1920px !important;
    height: 870px !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: none !important; }
    @media (max-width: 1480px) {
      .hero-numerique4--springsale:after {
        right: inherit !important;
        bottom: 200px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--springsale:after {
        background-size: auto 160% !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--springsale:after {
        background-size: auto 80% !important;
        bottom: 550px !important;
        right: -100px !important;
        width: calc(100% + 100px) !important; } }
  .hero-numerique4--springsale .hero-numerique-content--title,
  .hero-numerique4--springsale .hero-numerique-content--description {
    color: #FFF !important;
    max-width: 630px !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--springsale .hero-numerique-content--title,
      .hero-numerique4--springsale .hero-numerique-content--description {
        max-width: 480px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--springsale .hero-numerique-content--title,
      .hero-numerique4--springsale .hero-numerique-content--description {
        max-width: 420px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--springsale .hero-numerique-content--title,
      .hero-numerique4--springsale .hero-numerique-content--description {
        text-align: center !important;
        max-width: 100% !important;
        margin: 20px auto; } }
  .hero-numerique4--springsale .hero-numerique-content--title-bold {
    font: 900 64px/72px "BrandonGrotesque" !important;
    max-width: inherit !important; }
    @media (max-width: 1220px) {
      .hero-numerique4--springsale .hero-numerique-content--title-bold {
        font-size: 50px !important;
        line-height: 55px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--springsale .hero-numerique-content--title-bold {
        font-size: 46px !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--springsale .hero-numerique-content--title-bold {
        font-size: 36px !important;
        line-height: 38px !important; } }
  .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    width: 670px !important;
    height: 640px !important;
    top: 60px;
    right: auto !important;
    left: 58% !important; }
    @media (max-width: 1630px) {
      .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 560px !important; } }
    @media (max-width: 1334px) {
      .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 400px !important;
        top: inherit !important; } }
    @media (max-width: 1250px) {
      .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        bottom: 60px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        width: 280px !important;
        bottom: -10px !important;
        left: 63% !important; } }
    .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
      -ms-flex-item-align: center !important;
          align-self: center !important; }
  @media (max-width: 767px) {
    .hero-numerique4--springsale .hero-numerique-image-mobile {
      padding-top: 25px !important;
      position: relative;
      margin-bottom: 40px; } }
  .hero-numerique4--springsale .hero-numerique-content {
    position: relative;
    z-index: 1; }
    @media (max-width: 767px) {
      .hero-numerique4--springsale .hero-numerique-content {
        text-align: center !important;
        max-width: 100% !important; } }
    .hero-numerique4--springsale .hero-numerique-content .white-space {
      white-space: nowrap; }
      @media (max-width: 767px) {
        .hero-numerique4--springsale .hero-numerique-content .white-space {
          white-space: normal; } }
  .hero-numerique4--springsale .hero-numerique-content--ontario:after {
    bottom: -240px !important; }
    @media (max-width: 767px) {
      .hero-numerique4--springsale .hero-numerique-content--ontario:after {
        bottom: 76px !important; } }
  @media (max-width: 767px) {
    .hero-numerique4--springsale .hero-numerique-content--btn {
      text-align: center !important;
      max-width: 100% !important; } }
  .hero-numerique4--springsale .hero-numerique-content--btn::before,
  .hero-numerique4--springsale .hero-numerique-content--btn::after {
    display: none !important; }
  .hero-numerique4--springsale .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important; }
    @media (max-width: 1300px) {
      .hero-numerique4--springsale .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--springsale .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--springsale .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }

.hero-numerique4--comiccon2025 {
  background: #081035 !important; }
  .hero-numerique4--comiccon2025:before {
    display: none !important; }
  .hero-numerique4--comiccon2025:after {
    position: absolute;
    right: 0 !important;
    bottom: -160px !important;
    content: "";
    background: url(../img/shape-500mbits.webp) top left no-repeat !important;
    background-size: auto 100%;
    width: 980px !important;
    height: 400px !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: none !important; }
    @media (max-width: 820px) {
      .hero-numerique4--comiccon2025:after {
        display: none !important; } }
  .hero-numerique4--comiccon2025 .hero-numerique-content,
  .hero-numerique4--comiccon2025 .hero-numerique-content--description {
    color: #FFF !important; }
  .hero-numerique4--comiccon2025 .hero-numerique-content--title-bold span {
    white-space: nowrap; }
  .hero-numerique4--comiccon2025 .ButtonEffect:before, .hero-numerique4--comiccon2025 .HeadBanner__button:before {
    background: #FFF !important; }
  .hero-numerique4--comiccon2025 .ButtonEffect {
    color: #081035 !important; }
  .hero-numerique4--comiccon2025 .ButtonEffect:hover {
    color: #FFF !important; }
  .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
    height: 535px !important;
    right: 100px !important;
    top: auto !important;
    bottom: 140px !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url(../img/svg/shape-commicon.svg) 100% no-repeat !important; }
    .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
      max-width: 540px !important;
      height: auto !important; }
      @media (max-width: 1600px) {
        .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
          -ms-flex-item-align: center !important;
              align-self: center !important; } }
    @media (max-width: 1600px) {
      .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        right: -100px !important;
        top: auto !important;
        bottom: 60px !important; } }
    @media (max-width: 1199px) {
      .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
        right: -20px !important;
        bottom: 70px !important; } }
  .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
    max-width: 540px !important; }
    @media (max-width: 1250px) {
      .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
        max-width: 390px !important;
        margin-right: 20px; } }
  @media (max-width: 1600px) {
    .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      height: auto !important;
      right: 0 !important;
      top: auto !important;
      bottom: 70px !important;
      background-size: 100% auto !important; } }
  @media (max-width: 1199px) {
    .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      right: -40px !important;
      bottom: 140px !important; } }
  @media (max-width: 1032px) {
    .hero-numerique4--comiccon2025 .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      display: none !important; } }
  .hero-numerique4--comiccon2025 .hero-numerique-image-mobile {
    position: relative;
    z-index: 1; }
    @media (max-width: 1032px) {
      .hero-numerique4--comiccon2025 .hero-numerique-image-mobile {
        display: block !important; } }
    @media (max-width: 1024px) {
      .hero-numerique4--comiccon2025 .hero-numerique-image-mobile img {
        max-width: 250px; } }
  .hero-numerique4--comiccon2025-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    background: url(../img/svg/shape-commicon.svg) center center no-repeat;
    background-size: auto 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hero-numerique4--comiccon2025-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }

.hero-numerique4--crave {
  background: #081035 !important; }
  .hero-numerique4--crave:before {
    display: none !important; }
  .hero-numerique4--crave:after {
    position: absolute;
    right: 0 !important;
    bottom: 0 !important;
    content: "";
    background: url(../img/25-07-04-EBOX-PromoCRAVE-HomepageHeaderBackground.webp) top left no-repeat !important;
    background-size: auto 100%;
    width: 676px !important;
    height: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: inline-block !important; }
    @media (max-width: 1280px) {
      .hero-numerique4--crave:after {
        right: -280px !important; } }
    @media (max-width: 932px) {
      .hero-numerique4--crave:after {
        display: none !important; } }
  .hero-numerique4--crave .hero-numerique-content,
  .hero-numerique4--crave .hero-numerique-content--description {
    color: #FFF !important; }
  .hero-numerique4--crave .hero-numerique-content--title-bold {
    /*@media (max-width: 1032px) {
                display: none!important;
            }*/ }
    .hero-numerique4--crave .hero-numerique-content--title-bold span {
      white-space: nowrap; }
  .hero-numerique4--crave .ButtonEffect:before, .hero-numerique4--crave .HeadBanner__button:before {
    background: #FFF !important; }
  .hero-numerique4--crave .ButtonEffect {
    color: #081035 !important; }
  .hero-numerique4--crave .ButtonEffect:hover {
    color: #FFF !important; }
  .hero-numerique4--crave .hero-numerique-content--btn:before {
    display: none !important; }
  .hero-numerique4--crave .hero-numerique-content--btn:after {
    display: none !important; }
  .hero-numerique4--crave .hero-numerique-illustration {
    height: 100% !important;
    right: 100px !important;
    top: 0 !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url(../img/svg/shape-commicon.svg) 100% no-repeat !important; }
    .hero-numerique4--crave .hero-numerique-illustration img {
      max-width: 540px !important;
      height: auto !important; }
      @media (max-width: 1600px) {
        .hero-numerique4--crave .hero-numerique-illustration img {
          -ms-flex-item-align: center !important;
              align-self: center !important; } }
    @media (max-width: 1600px) {
      .hero-numerique4--crave .hero-numerique-illustration {
        right: 0 !important;
        top: 0 !important; } }
  .hero-numerique4--crave .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
    max-width: 540px !important; }
    @media (max-width: 1250px) {
      .hero-numerique4--crave .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
        max-width: 440px !important;
        margin-right: 20px; } }
  @media (max-width: 1600px) {
    .hero-numerique4--crave .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      right: 0 !important;
      top: 0 !important;
      background-size: 100% auto !important; } }
  @media (max-width: 1032px) {
    .hero-numerique4--crave .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      display: none !important; } }
  .hero-numerique4--crave p a {
    color: #1bc2f5 !important; }
  .hero-numerique4--crave .hero-numerique-image-mobile {
    position: relative;
    z-index: 1; }
    @media (max-width: 1032px) {
      .hero-numerique4--crave .hero-numerique-image-mobile {
        display: block !important; } }
    @media (max-width: 1024px) {
      .hero-numerique4--crave .hero-numerique-image-mobile img {
        max-width: 250px; } }
  .hero-numerique4--crave-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    background: url(../img/svg/shape-commicon.svg) center center no-repeat;
    background-size: auto 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hero-numerique4--crave-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }

.hero-numerique4--free {
  background: #5cf2ce !important; }
  .hero-numerique4--free:before {
    display: none !important; }
  .hero-numerique4--free:after {
    position: absolute;
    right: 0 !important;
    bottom: -160px !important;
    content: "";
    background: url(../img/shape-500mbits-mois-gratuit.webp) top left no-repeat !important;
    background-size: auto 100%;
    width: 980px !important;
    height: 400px !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transform-origin: initial !important;
            transform-origin: initial !important;
    display: inline-block !important; }
    @media (max-width: 1280px) {
      .hero-numerique4--free:after {
        right: -280px !important; } }
    @media (max-width: 932px) {
      .hero-numerique4--free:after {
        display: none !important; } }
  .hero-numerique4--free .hero-numerique-content,
  .hero-numerique4--free .hero-numerique-content--description {
    color: #091034 !important; }
  .hero-numerique4--free .hero-numerique-content--title-bold {
    /*@media (max-width: 1032px) {
                display: none!important;
            }*/ }
    .hero-numerique4--free .hero-numerique-content--title-bold span {
      white-space: nowrap; }
  .hero-numerique4--free .ButtonEffect:before, .hero-numerique4--free .HeadBanner__button:before {
    background: #FFF !important; }
  .hero-numerique4--free .ButtonEffect {
    color: #081035 !important; }
  .hero-numerique4--free .ButtonEffect:hover {
    color: #FFF !important; }
  .hero-numerique4--free .hero-numerique-content--btn:before {
    display: none !important; }
  .hero-numerique4--free .hero-numerique-content--btn:after {
    display: none !important; }
  .hero-numerique4--free .hero-numerique-illustration {
    height: 100% !important;
    right: 100px !important;
    top: 0 !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .hero-numerique4--free .hero-numerique-illustration img {
      max-width: 450px !important;
      height: auto !important; }
      @media (max-width: 1600px) {
        .hero-numerique4--free .hero-numerique-illustration img {
          -ms-flex-item-align: center !important;
              align-self: center !important; } }
    @media (max-width: 1600px) {
      .hero-numerique4--free .hero-numerique-illustration {
        right: 0 !important;
        top: 0 !important; } }
  .hero-numerique4--free .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
    max-width: 450px !important; }
    @media (max-width: 1250px) {
      .hero-numerique4--free .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration img {
        max-width: 440px !important;
        margin-right: 20px; } }
  @media (max-width: 1600px) {
    .hero-numerique4--free .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      right: 0 !important;
      top: 0 !important;
      background-size: 100% auto !important; } }
  @media (max-width: 1032px) {
    .hero-numerique4--free .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      display: none !important; } }
  .hero-numerique4--free p a {
    color: #1bc2f5 !important; }
  .hero-numerique4--free .hero-numerique-image-mobile {
    position: relative;
    z-index: 1; }
    @media (max-width: 1032px) {
      .hero-numerique4--free .hero-numerique-image-mobile {
        display: block !important; } }
    @media (max-width: 1024px) {
      .hero-numerique4--free .hero-numerique-image-mobile img {
        max-width: 250px; } }
  .hero-numerique4--free-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    background: url(../img/svg/shape-commicon.svg) center center no-repeat;
    background-size: auto 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hero-numerique4--free-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }

.hero-numerique4--flashsale::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0px !important;
  bottom: 0;
  background: url(../img/svg/right-shape-saw.svg) right top no-repeat !important;
  -webkit-transform: none !important;
          transform: none !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none; }
  @media (max-width: 1990px) {
    .hero-numerique4--flashsale::after {
      content: "";
      display: inline-block;
      position: absolute;
      right: -430px !important;
      bottom: 0;
      background: url(../img/svg/right-shape-saw.svg) right top no-repeat !important;
      -webkit-transform: none !important;
              transform: none !important;
      background-repeat: no-repeat !important;
      background-size: auto 100% !important;
      width: 100% !important;
      height: 100% !important;
      pointer-events: none; } }
  @media (max-width: 1210px) {
    .hero-numerique4--flashsale::after {
      right: -640px !important; } }

.hero-numerique4--flashsale .hero-numerique-illustration {
  right: 454px !important; }
  @media (max-width: 1990px) {
    .hero-numerique4--flashsale .hero-numerique-illustration {
      right: 64px !important; } }
  @media (max-width: 767px) {
    .hero-numerique4--flashsale .hero-numerique-illustration {
      bottom: -60px !important;
      display: none !important; } }
  @media (max-width: 600px) {
    .hero-numerique4--flashsale .hero-numerique-illustration {
      bottom: -20px !important; } }

.hero-numerique4 .hero-numerique-content--title {
  display: block;
  font: 500 25px / 35px "BrandonGrotesque";
  margin-bottom: 15px;
  max-width: 690px;
  text-transform: uppercase; }
  @media (max-width: 1300px) {
    .hero-numerique4 .hero-numerique-content--title {
      max-width: 760px; } }
  @media (max-width: 750px) {
    .hero-numerique4 .hero-numerique-content--title {
      margin-top: 20px; } }
  .hero-numerique4 .hero-numerique-content--title-bold {
    max-width: 550px;
    font: 900 45px / 50px 'BrandonGrotesque';
    text-transform: uppercase;
    display: block; }
    @media (max-width: 767px) {
      .hero-numerique4 .hero-numerique-content--title-bold {
        font: 900 35px / 40px 'BrandonGrotesque'; } }

.hero-numerique4 .hero-numerique-content--description {
  font: 400 20px/24px 'BrandonGrotesque';
  max-width: 427px; }
  @media (max-width: 767px) {
    .hero-numerique4 .hero-numerique-content--description {
      font: 400 20px/22px 'BrandonGrotesque'; } }

.hero-numerique4 .hero-numerique-content--btnwrapper {
  margin-top: 30px;
  display: inline-block; }
  @media (max-width: 750px) {
    .hero-numerique4 .hero-numerique-content--btnwrapper {
      margin-top: 15px; } }
  .hero-numerique4 .hero-numerique-content--btnwrapper a {
    margin-bottom: 10px;
    display: inline-block; }

.hero-numerique4 .google-play {
  margin-right: 15px; }

.hero-numerique4 .hero-numerique-illustration {
  width: 680px !important;
  bottom: 100px !important; }
  .hero-numerique4 .hero-numerique-illustration img {
    max-width: 100% !important; }
  @media (max-width: 1600px) {
    .hero-numerique4 .hero-numerique-illustration {
      width: 365px !important;
      bottom: 100px !important;
      right: 50px !important; } }
  @media (max-width: 1250px) {
    .hero-numerique4 .hero-numerique-illustration {
      width: 264px !important;
      top: inherit !important;
      right: 30px !important;
      bottom: 210px !important; } }
  @media (max-width: 992px) {
    .hero-numerique4 .hero-numerique-illustration {
      width: 160px !important;
      top: auto !important;
      bottom: -20px !important;
      right: 10px !important; } }
  @media (max-width: 767px) {
    .hero-numerique4 .hero-numerique-illustration {
      display: none !important; } }
  @media (max-width: 600px) {
    .hero-numerique4 .hero-numerique-illustration {
      width: 160px !important; } }
  @media (max-width: 400px) {
    .hero-numerique4 .hero-numerique-illustration {
      width: 120px !important;
      right: 30px !important; } }

@media (max-width: 767px) {
  .hero-numerique4 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
    .hero-numerique4 .hero-numerique-illustration {
      position: relative !important;
      width: 100% !important; } }

.redTitle {
  color: #BE2323;
  margin-bottom: 35px; }

.listePrecision {
  margin: 20px 0 20px 16px;
  list-style-type: disc; }
  .listePrecision li {
    line-height: 20px;
    margin-bottom: 5px; }
    .listePrecision li a {
      color: #BE2323; }

.hero-numerique4 {
  /*.hero-numerique-illustration--box {
        max-width: 543px;
        max-height: 347px;
        top: 70px!important;
        right: 290px!important;
        bottom: auto!important;
        @media (max-width: 1400px) {
            top: 290px!important;
            right: 60px!important;
            max-width: 477px!important;

        }
        @media (max-width: 1199px) {
            right: 10px!important;
            max-width: 300px!important;
            top: 230px!important;

        }
        @media (max-width: 991px) {
            top: auto!important;
            bottom: 30px!important;
            width: 210px!important;

        }
    }*/ }
  @media (max-width: 1300px) {
    .hero-numerique4 .hero-numerique-content--btn {
      max-width: 122px; } }
  .hero-numerique4 .hero-numerique-content--text {
    max-width: 510px;
    font: 900 45px/50px 'BrandonGrotesque';
    text-transform: uppercase; }
    .hero-numerique4 .hero-numerique-content--text span {
      color: #661618;
      font: 900 60px/50px 'BrandonGrotesque'; }
      .hero-numerique4 .hero-numerique-content--text span em {
        font-style: normal;
        text-transform: lowercase; }
      @media (max-width: 450px) {
        .hero-numerique4 .hero-numerique-content--text span {
          font: 900 35px/40px 'BrandonGrotesque'; } }
    .hero-numerique4 .hero-numerique-content--text .underlined {
      position: relative; }
      .hero-numerique4 .hero-numerique-content--text .underlined:after {
        content: "";
        width: 178px;
        height: 11px;
        position: absolute;
        left: 14px;
        top: 70px;
        background: url(../img/svg/red-underline-darker.svg) left top no-repeat;
        background-size: contain; }
        @media (max-width: 534px) {
          .hero-numerique4 .hero-numerique-content--text .underlined:after {
            top: 50px; } }
        @media (max-width: 450px) {
          .hero-numerique4 .hero-numerique-content--text .underlined:after {
            width: 108px;
            top: 38px;
            left: 8px; } }
      @media (max-width: 534px) {
        .hero-numerique4 .hero-numerique-content--text .underlined {
          display: inline-block; } }
    .hero-numerique4 .hero-numerique-content--text .underlined:lang(en-CA) {
      position: relative; }
      .hero-numerique4 .hero-numerique-content--text .underlined:lang(en-CA):after {
        content: "";
        width: 300px;
        height: 11px;
        position: absolute;
        left: 1px;
        top: 70px;
        background: url(../img/svg/red-underline-darker.svg) left top no-repeat;
        background-size: contain; }
        @media (max-width: 450px) {
          .hero-numerique4 .hero-numerique-content--text .underlined:lang(en-CA):after {
            width: 139px;
            top: 42px; } }
    .hero-numerique4 .hero-numerique-content--text--box {
      max-width: 600px; }
    @media (max-width: 450px) {
      .hero-numerique4 .hero-numerique-content--text {
        font: 900 25px/30px 'BrandonGrotesque';
        max-width: 266px !important; } }
  .hero-numerique4 .hero-numerique-illustration {
    width: 680px !important;
    bottom: 110px !important; }
    .hero-numerique4 .hero-numerique-illustration img {
      max-width: 100% !important; }
    @media (max-width: 1600px) {
      .hero-numerique4 .hero-numerique-illustration {
        width: 595px !important;
        bottom: 60px !important;
        right: 50px !important; } }
    @media (max-width: 1250px) {
      .hero-numerique4 .hero-numerique-illustration {
        width: 514px !important;
        top: inherit !important;
        right: 30px !important;
        bottom: 100px !important; } }
    @media (max-width: 992px) {
      .hero-numerique4 .hero-numerique-illustration {
        width: 100% !important;
        top: auto !important;
        bottom: auto !important;
        right: inherit !important; } }
    @media (max-width: 600px) {
      .hero-numerique4 .hero-numerique-illustration {
        width: 160px !important; } }
    @media (max-width: 400px) {
      .hero-numerique4 .hero-numerique-illustration {
        width: 120px !important;
        right: 30px !important; } }
  .hero-numerique4 .hero-numerique-illustration--bulles {
    max-width: 496px;
    max-height: 474px;
    top: 170px !important;
    right: 209px !important;
    bottom: auto !important; }
    @media (max-width: 1400px) {
      .hero-numerique4 .hero-numerique-illustration--bulles {
        right: 100px !important;
        max-width: 477px !important; } }
    @media (max-width: 1199px) {
      .hero-numerique4 .hero-numerique-illustration--bulles {
        right: 10px !important;
        max-width: 300px !important;
        top: 230px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4 .hero-numerique-illustration--bulles {
        top: auto !important;
        bottom: 30px !important;
        width: 210px !important; } }
  .hero-numerique4 .hero-numerique-illustration--magasin {
    max-width: 363px;
    max-height: 347px;
    top: 210px !important;
    right: 259px !important;
    bottom: auto !important; }
    @media (max-width: 1400px) {
      .hero-numerique4 .hero-numerique-illustration--magasin {
        right: 100px !important;
        max-width: 377px !important; } }
    @media (max-width: 1199px) {
      .hero-numerique4 .hero-numerique-illustration--magasin {
        right: 10px !important;
        max-width: 300px !important;
        top: 230px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4 .hero-numerique-illustration--magasin {
        top: auto !important;
        bottom: 30px !important;
        width: 210px !important; } }

.hero-numerique4--5 .hero-numerique-content--btn {
  max-width: 238px; }
  @media (max-width: 1300px) {
    .hero-numerique4--5 .hero-numerique-content--btn {
      max-width: 170px; } }

.hero-numerique5 .hero-numerique-content--text {
  max-width: 520px;
  font: 900 45px/50px 'BrandonGrotesque';
  text-transform: uppercase; }
  .hero-numerique5 .hero-numerique-content--text span {
    position: relative;
    color: #BE2323;
    font: 900 45px/50px 'BrandonGrotesque'; }
    @media (max-width: 450px) {
      .hero-numerique5 .hero-numerique-content--text span {
        font: 900 45px/50px 'BrandonGrotesque'; } }
    .hero-numerique5 .hero-numerique-content--text span:after {
      content: '';
      position: absolute;
      left: 0;
      top: 56px;
      width: 244px;
      height: 12px;
      display: inline-block;
      background: url(../img/svg/red-underline.svg) left top no-repeat; }

.hero-numerique5 .hero-numerique-content--description {
  max-width: 427px;
  margin-top: 10px; }

.hero-numerique5 .hero-numerique-illustration {
  width: auto !important;
  height: auto !important;
  right: 0 !important; }
  @media (max-width: 1500px) {
    .hero-numerique5 .hero-numerique-illustration {
      right: -250px !important; } }
  @media (max-width: 1199px) {
    .hero-numerique5 .hero-numerique-illustration {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .hero-numerique5 .hero-numerique-illustration img {
        width: 75% !important;
        height: auto !important; } }
  @media (max-width: 991px) {
    .hero-numerique5 .hero-numerique-illustration img {
      width: 55% !important; } }
  @media (max-width: 500px) {
    .hero-numerique5 .hero-numerique-illustration {
      right: -100px !important; }
      .hero-numerique5 .hero-numerique-illustration img {
        width: 55% !important; } }

.hero-numerique2--protegez .hero-numerique-content--span {
  font: 400 40px/50px "BrandonGrotesque"; }
  @media (max-width: 1300px) {
    .hero-numerique2--protegez .hero-numerique-content--span {
      font: 400 35px/35px "BrandonGrotesque"; } }
  @media (max-width: 991px) {
    .hero-numerique2--protegez .hero-numerique-content--span {
      font: 400 24px/24px "BrandonGrotesque"; } }

.hero-numerique2--protegez h1 {
  font: 700 45px/50px "BrandonGrotesque"; }
  @media (max-width: 1300px) {
    .hero-numerique2--protegez h1 {
      font: 400 35px/35px "BrandonGrotesque"; } }
  @media (max-width: 991px) {
    .hero-numerique2--protegez h1 {
      font: 400 24px/24px "BrandonGrotesque"; } }

.hero-numerique2--protegez .hero-numerique-illustration {
  width: 401px !important;
  height: 401px !important;
  bottom: inherit !important;
  top: 180px !important;
  right: 350px !important; }
  @media (max-width: 1360px) {
    .hero-numerique2--protegez .hero-numerique-illustration {
      right: 20px !important; } }
  @media (max-width: 1070px) {
    .hero-numerique2--protegez .hero-numerique-illustration {
      height: 201px !important;
      width: 201px !important; } }
  @media (max-width: 991px) {
    .hero-numerique2--protegez .hero-numerique-illustration {
      top: inherit !important;
      bottom: 15px !important; } }
  @media (max-width: 767px) {
    .hero-numerique2--protegez .hero-numerique-illustration {
      height: 150px !important;
      width: 150px !important; } }

.hero-numerique3--crave .hero-numerique-content--title {
  font: 500 40px/40px "BrandonGrotesque";
  margin: 0; }
  @media (max-width: 991px) {
    .hero-numerique3--crave .hero-numerique-content--title {
      font: 500 30px/30px "BrandonGrotesque"; } }

.hero-numerique3--crave .hero-numerique-content--title-bold {
  font: 900 80px/80px "BrandonGrotesque";
  position: relative;
  display: block; }
  @media (max-width: 991px) {
    .hero-numerique3--crave .hero-numerique-content--title-bold {
      font: 900 60px/60px "BrandonGrotesque"; } }
  .hero-numerique3--crave .hero-numerique-content--title-bold:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 313px;
    height: 16px;
    background: url(../img/svg/red-underline.svg) left top no-repeat;
    background-size: 100%; }
    @media (max-width: 991px) {
      .hero-numerique3--crave .hero-numerique-content--title-bold:after {
        width: 137px; } }

.hero-numerique3--crave .hero-numerique-content--description {
  max-width: inherit;
  line-height: 30px;
  margin-top: 45px;
  margin-bottom: 45px; }

.hero-numerique3--crave .hero-numerique-illustration {
  top: 170px !important;
  right: 350px !important; }
  @media (max-width: 1600px) {
    .hero-numerique3--crave .hero-numerique-illustration {
      top: 240px !important;
      right: 100px !important; } }
  @media (max-width: 1300px) {
    .hero-numerique3--crave .hero-numerique-illustration {
      top: 240px !important;
      right: -10px !important; }
      .hero-numerique3--crave .hero-numerique-illustration img {
        width: 80% !important; } }
  @media (max-width: 1115px) {
    .hero-numerique3--crave .hero-numerique-illustration {
      width: 440px !important; } }
  @media (max-width: 991px) {
    .hero-numerique3--crave .hero-numerique-illustration {
      width: 300px !important;
      top: auto !important;
      bottom: 0 !important; } }

.hero-numerique3--tvspot:lang(en-CA)::after {
  right: -130px !important; }

.hero-numerique3--tvspot .hero-numerique-content--title {
  font: 500 40px/40px "BrandonGrotesque";
  margin: 0; }
  @media (max-width: 991px) {
    .hero-numerique3--tvspot .hero-numerique-content--title {
      font: 500 30px/30px "BrandonGrotesque"; } }

.hero-numerique3--tvspot .hero-numerique-content--title-bold {
  font: 900 88px/88px "BrandonGrotesque";
  position: relative;
  display: block; }
  @media (max-width: 991px) {
    .hero-numerique3--tvspot .hero-numerique-content--title-bold {
      font: 900 60px/60px "BrandonGrotesque"; } }
  .hero-numerique3--tvspot .hero-numerique-content--title-bold:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 626px;
    height: 17px;
    background: url(../img/svg/red-underline-wide.svg) left top no-repeat;
    background-size: 100%; }
    @media (max-width: 991px) {
      .hero-numerique3--tvspot .hero-numerique-content--title-bold:after {
        width: 557px; } }
    @media (max-width: 598px) {
      .hero-numerique3--tvspot .hero-numerique-content--title-bold:after {
        width: 327px; } }

.hero-numerique3--tvspot .hero-numerique-content--title-bold:lang(en-CA) {
  font: 900 72px/72px "BrandonGrotesque" !important; }
  @media (max-width: 991px) {
    .hero-numerique3--tvspot .hero-numerique-content--title-bold:lang(en-CA) {
      font: 900 60px/60px "BrandonGrotesque" !important; } }

.hero-numerique3--tvspot .hero-numerique-content--description {
  max-width: inherit;
  line-height: 30px;
  margin-top: 45px;
  margin-bottom: 45px;
  max-width: 500px; }

.hero-numerique3--tvspot .hero-numerique-content--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: inherit;
  gap: 20px; }
  .hero-numerique3--tvspot .hero-numerique-content--btn:after {
    display: none; }

.hero-numerique3--tvspot .hero-numerique-illustration {
  top: inherit !important;
  bottom: 20px !important;
  right: 200px !important;
  width: 530px !important;
  height: auto !important; }
  .hero-numerique3--tvspot .hero-numerique-illustration img {
    max-width: 100%; }
  @media (max-width: 1600px) {
    .hero-numerique3--tvspot .hero-numerique-illustration {
      top: inherit;
      bottom: 0px !important;
      right: 20px !important; } }
  @media (max-width: 1300px) {
    .hero-numerique3--tvspot .hero-numerique-illustration {
      top: inherit !important;
      bottom: 0px !important;
      right: -90px !important; }
      .hero-numerique3--tvspot .hero-numerique-illustration img {
        width: 80% !important; } }
  @media (max-width: 1115px) {
    .hero-numerique3--tvspot .hero-numerique-illustration {
      top: inherit !important;
      width: 440px !important;
      right: -60px !important; } }
  @media (max-width: 991px) {
    .hero-numerique3--tvspot .hero-numerique-illustration {
      top: inherit !important;
      width: 300px !important;
      top: auto !important;
      bottom: 0 !important; } }
  @media (max-width: 767px) {
    .hero-numerique3--tvspot .hero-numerique-illustration {
      right: -140px !important; }
      .hero-numerique3--tvspot .hero-numerique-illustration img {
        width: 50% !important; } }

.hero-numerique3--gratuit .hero-numerique-content--title {
  font: 500 40px/40px "BrandonGrotesque";
  margin: 0; }
  @media (max-width: 991px) {
    .hero-numerique3--gratuit .hero-numerique-content--title {
      font: 500 30px/30px "BrandonGrotesque"; } }

.hero-numerique3--gratuit .hero-numerique-content--title-bold {
  font: 900 80px/80px "BrandonGrotesque";
  position: relative;
  display: block; }
  @media (max-width: 991px) {
    .hero-numerique3--gratuit .hero-numerique-content--title-bold {
      font: 900 60px/60px "BrandonGrotesque"; } }
  .hero-numerique3--gratuit .hero-numerique-content--title-bold:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 313px;
    height: 16px;
    background: url(../img/svg/red-underline.svg) left top no-repeat;
    background-size: 100%; }
    @media (max-width: 991px) {
      .hero-numerique3--gratuit .hero-numerique-content--title-bold:after {
        width: 137px; } }

.hero-numerique3--gratuit .hero-numerique-content--description {
  max-width: inherit;
  line-height: 30px;
  margin-top: 45px;
  margin-bottom: 45px;
  max-width: 500px; }

.hero-numerique3--gratuit .hero-numerique-illustration {
  top: inherit !important;
  bottom: 0px !important;
  right: 290px !important;
  width: 720px !important;
  height: 720px !important; }
  @media (max-width: 1600px) {
    .hero-numerique3--gratuit .hero-numerique-illustration {
      top: inherit;
      bottom: 0px !important;
      right: 100px !important; } }
  @media (max-width: 1300px) {
    .hero-numerique3--gratuit .hero-numerique-illustration {
      top: inherit !important;
      bottom: 0px !important;
      right: -190px !important; }
      .hero-numerique3--gratuit .hero-numerique-illustration img {
        width: 80% !important; } }
  @media (max-width: 1115px) {
    .hero-numerique3--gratuit .hero-numerique-illustration {
      top: inherit !important;
      width: 440px !important;
      right: -60px !important; } }
  @media (max-width: 991px) {
    .hero-numerique3--gratuit .hero-numerique-illustration {
      top: inherit !important;
      width: 300px !important;
      top: auto !important;
      bottom: 0 !important; } }

.hero-numerique3--demenagement .hero-numerique-content--disclaimer {
  max-width: 450px; }
  @media (max-width: 1024px) {
    .hero-numerique3--demenagement .hero-numerique-content--disclaimer {
      max-width: 380px; } }
  @media (max-width: 600px) {
    .hero-numerique3--demenagement .hero-numerique-content--disclaimer {
      width: 230px !important; } }

.hero-numerique3--demenagement .hero-numerique-content--title {
  max-width: 650px;
  font: 900 45px/50px "BrandonGrotesque"; }
  .hero-numerique3--demenagement .hero-numerique-content--title span {
    position: relative; }
    .hero-numerique3--demenagement .hero-numerique-content--title span:after {
      content: "";
      position: absolute;
      left: 0;
      margin-top: -10px;
      top: 100%;
      width: 179px;
      height: 8px;
      background: url(../img/svg/gratuit-underline.svg) left top no-repeat;
      background-size: 100%; }

.hero-numerique3--demenagement .hero-numerique-illustration {
  top: 140px !important;
  width: 544px !important;
  height: 430px !important; }
  @media (max-width: 1500px) {
    .hero-numerique3--demenagement .hero-numerique-illustration {
      right: 100px !important; } }
  @media (max-width: 1250px) {
    .hero-numerique3--demenagement .hero-numerique-illustration {
      width: 444px !important;
      top: 110px !important;
      right: 30px !important; } }
  @media (max-width: 1134px) {
    .hero-numerique3--demenagement .hero-numerique-illustration {
      width: 330px !important; } }
  @media (max-width: 882px) {
    .hero-numerique3--demenagement .hero-numerique-illustration {
      width: 240px !important;
      top: auto !important;
      bottom: 20px !important;
      right: 10px !important; } }
  @media (max-width: 600px) {
    .hero-numerique3--demenagement .hero-numerique-illustration {
      width: 160px !important; } }

.hero-numerique3--demenagement:lang(en-CA) .hero-numerique-content--title {
  max-width: 560px; }
  .hero-numerique3--demenagement:lang(en-CA) .hero-numerique-content--title span:after {
    left: 13px; }

.hero-numerique3--coppa .hero-numerique-content--disclaimer {
  max-width: 450px; }
  @media (max-width: 1024px) {
    .hero-numerique3--coppa .hero-numerique-content--disclaimer {
      max-width: 380px; } }
  @media (max-width: 600px) {
    .hero-numerique3--coppa .hero-numerique-content--disclaimer {
      width: 230px !important; } }

.hero-numerique3--coppa .hero-numerique-content--title {
  max-width: 650px;
  font: 500 25px/35px "BrandonGrotesque"; }

.hero-numerique3--coppa .hero-numerique-content--title-bold {
  font: 900 45px/50px "BrandonGrotesque";
  display: block; }

.hero-numerique3--coppa .coppa-ebox {
  max-width: 200px;
  margin-bottom: 40px; }

.hero-numerique3--coppa .hero-numerique-illustration {
  bottom: 70px !important;
  top: inherit !important;
  width: 544px !important;
  height: 580px !important;
  right: 200px !important; }
  @media (max-width: 1600px) {
    .hero-numerique3--coppa .hero-numerique-illustration {
      right: 150px !important;
      width: 350px !important; } }
  @media (max-width: 1250px) {
    .hero-numerique3--coppa .hero-numerique-illustration {
      width: 264px !important;
      top: inherit !important;
      right: 30px !important; } }
  @media (max-width: 992px) {
    .hero-numerique3--coppa .hero-numerique-illustration {
      width: 160px !important;
      top: auto !important;
      bottom: 20px !important;
      right: 10px !important; } }
  @media (max-width: 600px) {
    .hero-numerique3--coppa .hero-numerique-illustration {
      width: 160px !important; } }
  @media (max-width: 400px) {
    .hero-numerique3--coppa .hero-numerique-illustration {
      width: 120px !important;
      right: 30px !important; } }

.hero-numerique3--coppa-rabais .hero-numerique-illustration {
  width: 425px !important;
  bottom: 100px !important; }
  .hero-numerique3--coppa-rabais .hero-numerique-illustration img {
    max-width: 100% !important; }
  @media (max-width: 1600px) {
    .hero-numerique3--coppa-rabais .hero-numerique-illustration {
      width: 365px !important;
      bottom: 100px !important;
      right: 50px !important; } }
  @media (max-width: 1250px) {
    .hero-numerique3--coppa-rabais .hero-numerique-illustration {
      width: 264px !important;
      top: inherit !important;
      right: 30px !important;
      bottom: 210px !important; } }
  @media (max-width: 992px) {
    .hero-numerique3--coppa-rabais .hero-numerique-illustration {
      width: 160px !important;
      top: auto !important;
      bottom: 20px !important;
      right: 10px !important; } }
  @media (max-width: 600px) {
    .hero-numerique3--coppa-rabais .hero-numerique-illustration {
      width: 160px !important; } }
  @media (max-width: 400px) {
    .hero-numerique3--coppa-rabais .hero-numerique-illustration {
      width: 120px !important;
      right: 30px !important; } }

@media (max-width: 1300px) {
  .hero-numerique3--coppa-rabais::after {
    display: none !important; } }

@media (max-width: 1600px) {
  .hero-numerique3--coppa-infolettre .hero-numerique-illustration {
    right: 50px !important;
    width: 560px !important;
    bottom: 100px !important; } }

@media (max-width: 1250px) {
  .hero-numerique3--coppa-infolettre .hero-numerique-illustration {
    width: 374px !important;
    top: inherit !important;
    right: 40px !important;
    bottom: 200px !important; } }

@media (max-width: 992px) {
  .hero-numerique3--coppa-infolettre .hero-numerique-illustration {
    width: 250px !important;
    top: auto !important;
    bottom: 120px !important;
    right: 10px !important; } }

@media (max-width: 767px) {
  .hero-numerique3--coppa-infolettre .hero-numerique-illustration {
    display: none !important; } }

@media (max-width: 600px) {
  .hero-numerique3--coppa-infolettre .hero-numerique-illustration {
    width: 160px !important; } }

@media (max-width: 400px) {
  .hero-numerique3--coppa-infolettre .hero-numerique-illustration {
    width: 120px !important;
    right: 15px !important; } }

/*.hero-numerique3--coppa-rabais:lang(en-CA) {
    .hero-numerique-illustration {
        img {
            max-width: 100%!important;
        }
        @media (max-width: 1600px) {
            bottom: 260px!important;
        }
        @media (max-width: 1250px) {
            width: 264px!important;
            top: inherit!important;
            right: 30px!important;
            bottom: 300px!important;
        }
        @media (max-width: 992px) {
            width: 160px!important;
            top: auto !important;
            bottom: 20px !important;
            right: 10px!important;
        }
        @media (max-width: 600px) {
            width: 160px!important;
        }

        @media (max-width:400px) {
            width: 120px!important;
            right: 30px!important;
        }
    }
}*/
.hero-numerique3--coppa-rabais:lang(en-CA) .hero-numerique-content--title {
  max-width: 560px; }
  .hero-numerique3--coppa-rabais:lang(en-CA) .hero-numerique-content--title span:after {
    left: 13px; }

.hero-numerique3--olivier {
  background: url(../img/back-slide-gala-olivier.webp) center center no-repeat !important;
  background-size: cover !important; }
  .hero-numerique3--olivier::before, .hero-numerique3--olivier::after {
    display: none !important; }
  .hero-numerique3--olivier .hero-numerique-content--title {
    font: 500 40px/40px "BrandonGrotesque";
    margin: 0;
    text-transform: none; }
    @media (max-width: 991px) {
      .hero-numerique3--olivier .hero-numerique-content--title {
        font: 500 30px/30px "BrandonGrotesque"; } }
  .hero-numerique3--olivier .hero-numerique-content--title-bold {
    margin-top: 20px;
    font: 900 80px/80px "BrandonGrotesque";
    position: relative;
    display: block; }
    @media (max-width: 991px) {
      .hero-numerique3--olivier .hero-numerique-content--title-bold {
        font: 900 60px/60px "BrandonGrotesque"; } }
    .hero-numerique3--olivier .hero-numerique-content--title-bold:after {
      content: "";
      position: absolute;
      left: 0;
      margin-top: -5px;
      top: 100%;
      width: 627px;
      height: 22px;
      background: url(../img/svg/red-underline-long.svg) left top no-repeat;
      background-size: 100%; }
      @media (max-width: 991px) {
        .hero-numerique3--olivier .hero-numerique-content--title-bold:after {
          width: 467px; } }
      @media (max-width: 890px) {
        .hero-numerique3--olivier .hero-numerique-content--title-bold:after {
          width: 165px; } }
  .hero-numerique3--olivier .hero-numerique-content--description {
    max-width: inherit;
    line-height: 30px;
    margin-top: 45px;
    margin-bottom: 0px;
    max-width: 500px; }
    .hero-numerique3--olivier .hero-numerique-content--description--last {
      margin-top: 20px; }
    @media (max-width: 505px) {
      .hero-numerique3--olivier .hero-numerique-content--description {
        max-width: 300px; } }
    @media (max-width: 400px) {
      .hero-numerique3--olivier .hero-numerique-content--description {
        max-width: 240px; } }
  .hero-numerique3--olivier .hero-numerique-illustration {
    top: inherit !important;
    bottom: 0px !important;
    right: 390px !important;
    width: 176px !important;
    height: 590px !important; }
    @media (max-width: 1600px) {
      .hero-numerique3--olivier .hero-numerique-illustration {
        top: inherit;
        bottom: 0px !important;
        right: 200px !important; } }
    @media (max-width: 1300px) {
      .hero-numerique3--olivier .hero-numerique-illustration {
        top: inherit !important;
        bottom: 0px !important;
        right: 100px !important; }
        .hero-numerique3--olivier .hero-numerique-illustration img {
          width: 80% !important; } }
    @media (max-width: 1115px) {
      .hero-numerique3--olivier .hero-numerique-illustration {
        top: inherit !important;
        width: 176px !important; } }
    @media (max-width: 991px) {
      .hero-numerique3--olivier .hero-numerique-illustration {
        top: inherit !important;
        width: 176px !important;
        top: auto !important;
        bottom: 0 !important; } }
    @media (max-width: 856px) {
      .hero-numerique3--olivier .hero-numerique-illustration {
        top: inherit !important;
        width: 85px !important;
        top: auto !important;
        right: 10px !important;
        bottom: 0 !important; } }

.hero-numerique4--reference-mural {
  background: -webkit-gradient(linear, left top, left bottom, from(#ea2b24), to(#e9037e)) !important;
  background: linear-gradient(180deg, #ea2b24 0%, #e9037e 100%) !important; }
  .hero-numerique4--reference-mural::before, .hero-numerique4--reference-mural::after {
    display: none !important; }
  .hero-numerique4--reference-mural .hero-numerique-content--btn.hero-numerique-content--btn.hero-numerique-content--btn {
    max-width: 270px !important; }
  .hero-numerique4--reference-mural .hero-numerique-content,
  .hero-numerique4--reference-mural .hero-numerique-content--description {
    color: #FFF !important; }
  .hero-numerique4--reference-mural .ButtonEffect:before {
    background: #000 !important; }
  .hero-numerique4--reference-mural .hero-numerique-illustration {
    right: 300px !important; }
    @media (max-width: 1365px) {
      .hero-numerique4--reference-mural .hero-numerique-illustration {
        right: 170px !important; } }
    @media (max-width: 1080px) {
      .hero-numerique4--reference-mural .hero-numerique-illustration {
        right: 100px !important; } }

.hero-numerique4--reference .hero-numerique-content--btn {
  max-width: 300px !important; }
  .hero-numerique4--reference .hero-numerique-content--btn:lang(en-CA) {
    max-width: 264px !important; }

.hero-numerique4--reference .hero-numerique-illustration {
  width: 536px !important;
  height: 536px !important; }
  @media (max-width: 1600px) {
    .hero-numerique4--reference .hero-numerique-illustration {
      width: 500px !important;
      height: 500px !important;
      bottom: 130px !important; } }
  @media (max-width: 1130px) {
    .hero-numerique4--reference .hero-numerique-illustration {
      width: 350px !important;
      height: 350px !important;
      bottom: 200px !important; } }
  @media (max-width: 992px) {
    .hero-numerique4--reference .hero-numerique-illustration {
      width: 200px !important;
      height: 200px !important;
      bottom: 40px !important; } }

.hero-numerique4--gaza .hero-numerique-content--title {
  font: 500 35px/50px "BrandonGrotesque";
  margin: 0;
  text-transform: none; }
  @media (max-width: 991px) {
    .hero-numerique4--gaza .hero-numerique-content--title {
      font: 500 30px/30px "BrandonGrotesque"; } }

.hero-numerique4--gaza .hero-numerique-content--title-bold {
  font: 900 45px/50px "BrandonGrotesque";
  position: relative;
  max-width: 600px;
  display: block;
  text-transform: uppercase; }
  @media (max-width: 991px) {
    .hero-numerique4--gaza .hero-numerique-content--title-bold {
      font: 900 40px/45px "BrandonGrotesque"; } }
  .hero-numerique4--gaza .hero-numerique-content--title-bold:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 313px;
    height: 16px;
    background: url(../img/svg/red-underline.svg) left top no-repeat;
    background-size: 100%; }
    @media (max-width: 991px) {
      .hero-numerique4--gaza .hero-numerique-content--title-bold:after {
        width: 137px; } }

.hero-numerique4--gaza .hero-numerique-content--description {
  max-width: 490px !important;
  line-height: 30px;
  margin-top: 45px;
  margin-bottom: 45px; }

.hero-numerique4--gaza .hero-numerique-illustration {
  top: 170px !important;
  right: 350px !important; }
  @media (max-width: 1600px) {
    .hero-numerique4--gaza .hero-numerique-illustration {
      top: 240px !important;
      right: 230px !important; } }
  @media (max-width: 1300px) {
    .hero-numerique4--gaza .hero-numerique-illustration {
      top: 240px !important;
      right: 10px !important; } }
  @media (max-width: 1115px) {
    .hero-numerique4--gaza .hero-numerique-illustration {
      width: 440px !important; } }
  @media (max-width: 991px) {
    .hero-numerique4--gaza .hero-numerique-illustration {
      width: 300px !important;
      top: auto !important;
      bottom: 0 !important; } }

.hero-numerique3--noel .hero-numerique-illustration {
  height: 700px !important; }
  @media (max-width: 1600px) {
    .hero-numerique3--noel .hero-numerique-illustration {
      width: 350px !important; } }
  @media (max-width: 992px) {
    .hero-numerique3--noel .hero-numerique-illustration {
      width: 160px !important; } }
  @media (max-width: 548px) {
    .hero-numerique3--noel .hero-numerique-illustration {
      width: 110px !important; } }

@media (max-width: 1300px) {
  .hero-numerique3--noel::after {
    width: 775px !important; } }

@media (max-width: 1145px) {
  .hero-numerique3--noel::after {
    width: 380px !important; } }

@media (max-width: 767px) {
  .ginput_recaptcha iframe {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; } }

.hero-numerique-noel1 .hero-numerique-content--title {
  margin-bottom: 38px;
  max-width: 690px; }
  @media (max-width: 1300px) {
    .hero-numerique-noel1 .hero-numerique-content--title {
      max-width: 760px; } }
  @media (max-width: 750px) {
    .hero-numerique-noel1 .hero-numerique-content--title {
      margin-top: 20px; } }

.hero-numerique-noel1 .hero-numerique-content--description {
  font: 400 20px/24px 'BrandonGrotesque';
  max-width: 427px; }
  @media (max-width: 750px) {
    .hero-numerique-noel1 .hero-numerique-content--description {
      font: 400 16px/20px 'BrandonGrotesque'; } }

.hero-numerique-noel1 .hero-numerique-content--btnwrapper {
  margin-top: 30px;
  display: inline-block; }
  @media (max-width: 750px) {
    .hero-numerique-noel1 .hero-numerique-content--btnwrapper {
      margin-top: 15px; } }
  .hero-numerique-noel1 .hero-numerique-content--btnwrapper a {
    margin-bottom: 10px;
    display: inline-block; }

.hero-numerique-noel1 .google-play {
  margin-right: 15px; }

.hero-numerique-noel1 .hero-numerique-illustration {
  width: 850px !important;
  height: 312px !important;
  top: 150px !important;
  right: 30px !important; }
  .hero-numerique-noel1 .hero-numerique-illustration img {
    -ms-flex-item-align: end;
        align-self: end;
    width: 100%;
    height: auto; }
  @media (max-width: 1600px) {
    .hero-numerique-noel1 .hero-numerique-illustration {
      width: 850px !important;
      height: 312px !important;
      top: 320px !important;
      right: 30px !important; } }
  @media (max-width: 1300px) {
    .hero-numerique-noel1 .hero-numerique-illustration {
      width: 700px !important;
      top: 270px !important;
      right: 0 !important; } }
  @media (max-width: 1199px) {
    .hero-numerique-noel1 .hero-numerique-illustration {
      right: 0 !important;
      width: 590px !important; } }
  @media (max-width: 991px) {
    .hero-numerique-noel1 .hero-numerique-illustration {
      width: 360px !important;
      top: 300px !important; } }
  @media (max-width: 750px) {
    .hero-numerique-noel1 .hero-numerique-illustration {
      width: 250px !important;
      height: 152px !important;
      top: auto !important;
      bottom: 5px !important; } }

button.bloc-forfait:focus {
  outline: 2px solid blue !important;
  outline-offset: -2px !important; }

.hero-numerique-content--disclaimer {
  font: 400 12px/16px 'BrandonGrotesque';
  margin-bottom: 34px !important;
  max-width: 440px; }

@media (max-width: 1160px) {
  .PromoTV {
    margin-bottom: 25px; } }

.PromoTV__title {
  font-size: 32px;
  font-family: "BrandonGrotesque", sans-serif;
  margin-bottom: 15px;
  font-weight: 900;
  line-height: 55px;
  margin-top: 55px;
  text-transform: uppercase;
  max-width: inherit !important; }
  @media (max-width: 1160px) {
    .PromoTV__title {
      text-align: center; } }
  @media (max-width: 767px) {
    .PromoTV__title {
      line-height: 45px;
      margin-bottom: 25px; } }

.PromoTV__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px; }
  @media (max-width: 1300px) {
    .PromoTV__wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .PromoTV__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 25px; } }

.PromoTV__wrapperBox {
  width: 220px;
  height: 100px;
  border-radius: 12px;
  background: #1F1F1F;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .PromoTV__wrapperBox p {
    font: 20px "BrandonGrotesque", sans-serif;
    color: #FFF;
    margin: 0; }
  @media (max-width: 767px) {
    .PromoTV__wrapperBox--first {
      display: none !important; } }

.PromoTV__bold {
  text-transform: uppercase;
  font-weight: 900 !important;
  margin-top: 18px !important; }

.modal-content .PromoTV {
  margin-bottom: 0; }
  .modal-content .PromoTV:before {
    width: 315px;
    background: rgba(255, 255, 255, 0.4);
    height: 1px;
    margin: 0 0 25px 0;
    content: '';
    display: inline-block; }
  .modal-content .PromoTV__title {
    color: #FFF;
    font-size: 18px;
    line-height: 18px;
    margin-top: 0; }

.modal-content .PromoTV__wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (max-width: 1300px) {
    .modal-content .PromoTV__wrapper {
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (max-width: 767px) {
    .modal-content .PromoTV__wrapper {
      gap: 0px; } }

@media (max-width: 767px) {
  .modal-content .PromoTV__bold {
    margin-top: 11px !important; } }

.modal-content .PromoTV__wrapperBox p {
  font-size: 14px; }
  @media (max-width: 767px) {
    .modal-content .PromoTV__wrapperBox p {
      font-size: 12px;
      margin-top: 5px; } }

.modal-content .PromoTV__wrapperBox {
  height: 78px;
  width: 150px; }
  @media (max-width: 767px) {
    .modal-content .PromoTV__wrapperBox {
      width: 130px;
      height: 60px;
      display: none; } }

@media (max-width: 767px) {
  .modal-content .PromoTVplus {
    max-width: 24px !important;
    display: none; } }

.PromoTV__mobile {
  display: none; }
  .PromoTV__mobile img {
    max-width: 100%;
    height: auto; }
  @media (max-width: 767px) {
    .PromoTV__mobile {
      display: inline-block; } }

.hero-numerique3--halloween {
  background: url(../img/24-10-21-EBOX-GhostPixels-Website-1200x710-Mobile.webp) center top no-repeat !important;
  background-size: cover !important; }
  .hero-numerique3--halloween .hero-numerique-content {
    margin: 0 auto !important;
    max-width: 100% !important; }
    @media (max-width: 767px) {
      .hero-numerique3--halloween .hero-numerique-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
  .hero-numerique3--halloween .hero-numerique-content--btn::after {
    background-image: url(../img/svg/ic-computer-mouse-white.svg) !important;
    background-repeat: no-repeat;
    background-size: contain; }
  .hero-numerique3--halloween .hero-numerique-content--btn::before {
    display: none !important; }
  .hero-numerique3--halloween .hero-numerique-content--title {
    color: #FFF;
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important; }
    @media (max-width: 767px) {
      .hero-numerique3--halloween .hero-numerique-content--title {
        font: 900 18px/22px "BrandonGrotesque" !important; } }
  .hero-numerique3--halloween:before, .hero-numerique3--halloween:after {
    display: none !important; }
  .hero-numerique3--halloween .hero-numerique-content--title-bold {
    display: block;
    font: 500 25px/35px "BrandonGrotesque" !important; }
    @media (max-width: 767px) {
      .hero-numerique3--halloween .hero-numerique-content--title-bold {
        font: 500 18px/22px "BrandonGrotesque" !important; } }

@media (max-width: 767px) {
  .hero-numerique3.hero-numerique3--noel .hero-numerique-content--description {
    max-width: 300px !important; } }

.hero-numerique-content--title-bold--mobile {
  display: none !important; }
  @media (max-width: 767px) {
    .hero-numerique-content--title-bold--mobile {
      display: block !important; } }

.hero-numerique-content--title-bold--desktop {
  display: block !important; }
  @media (max-width: 767px) {
    .hero-numerique-content--title-bold--desktop {
      display: none !important; } }

@media (max-width: 767px) {
  .hero-numerique3--superbowl .hero-numerique-content--title-bold {
    font-size: 32px !important;
    line-height: 36px !important; } }

@media (max-width: 767px) {
  .hero-numerique-content--title-bold--smaller {
    font-size: 35px !important;
    line-height: 38px !important; } }

.VirageNum__packages--eboxtv--carrouselBasPage--hero .tns-outer {
  width: 100% !important;
  overflow: hidden !important; }

.hero-numerique3--galaolivier:after {
  display: none !important; }

.hero-numerique3--galaolivier .hero-numerique-illustration {
  height: 260px !important;
  bottom: inherit !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important; }
  @media (max-width: 992px) {
    .hero-numerique3--galaolivier .hero-numerique-illustration {
      bottom: 20px !important;
      right: 10px !important;
      -webkit-transform: none !important;
              transform: none !important; } }

.home-forfaits {
  background: #F2F2F2; }
  .home-forfaits .page-section {
    padding: 99px 48px 120px 48px; }
    .home-forfaits .page-section-wrapper {
      max-width: 1170px;
      margin: 0 auto;
      padding: 0; }
      @media (max-width: 767px) {
        .home-forfaits .page-section-wrapper {
          padding: 0 15px; } }
      .home-forfaits .page-section-wrapper .home-forfait__title {
        text-align: center;
        padding: 0 200px 70px 200px; }
      .home-forfaits .page-section-wrapper .home-forfait__bloc-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px; }
        .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          max-width: 369px;
          width: 100%;
          border-radius: 8px;
          border: 1px solid #adadad;
          background: white;
          -webkit-box-shadow: 0px 1px 6px -1px #343434;
                  box-shadow: 0px 1px 6px -1px #343434; }
          .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .bloc_title {
            padding: 15px;
            background: #1F1F1F;
            color: white;
            border-radius: 8px 8px 0 0;
            text-align: center; }
          .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list {
            padding: 35px 15px;
            position: relative; }
            .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list ul {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start;
              min-height: 222px; }
              @media (max-width: 991px) {
                .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list ul {
                  min-height: auto; } }
              .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list ul li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                padding-bottom: 10px;
                line-height: 22px; }
                .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list ul li img {
                  margin-right: 5px;
                  width: 32px;
                  height: 32px; }
            .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list .ButtonEffect {
              height: 40px !important;
              min-width: 150px !important;
              font-size: 12px !important;
              position: absolute;
              bottom: -20px;
              left: 107px; }
              .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list .ButtonEffect:focus {
                outline: 2px solid blue; }
  @media (max-width: 1250px) {
    .home-forfaits .home-forfait__bloc-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .home-forfaits .home-forfait__bloc-container .bloc-forfait {
        width: 100%;
        max-width: 100% !important;
        margin-bottom: 50px; }
        .home-forfaits .home-forfait__bloc-container .bloc-forfait .item_list ul {
          -webkit-box-orient: horizontal !important;
          -webkit-box-direction: normal !important;
              -ms-flex-direction: row !important;
                  flex-direction: row !important;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .home-forfaits .home-forfait__bloc-container .bloc-forfait .item_list ul li {
            margin-right: 15px;
            padding-bottom: 20px !important;
            width: 255px; }
        .home-forfaits .home-forfait__bloc-container .bloc-forfait .item_list .ButtonEffect {
          left: 44% !important; } }
  @media (max-width: 1024px) {
    .home-forfaits .page-section {
      padding: 70px 30px !important; }
      .home-forfaits .page-section-wrapper {
        padding: 0; }
        .home-forfaits .page-section-wrapper .home-forfait__title {
          padding: 0 122px 70px 122px !important; }
        .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .bloc_title h3 {
          font: 900 35px/40px "BrandonGrotesque" !important; }
        .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list .ButtonEffect {
          left: 39% !important; } }
  @media (max-width: 930px) {
    .home-forfaits .home-forfait__bloc-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .home-forfaits .home-forfait__bloc-container .bloc-forfait {
        width: 100%;
        max-width: 100% !important;
        margin-bottom: 50px; }
        .home-forfaits .home-forfait__bloc-container .bloc-forfait .item_list ul li {
          width: 180px; } }
  @media (max-width: 767px) {
    .home-forfaits .page-section {
      padding: 70px 15px 50px !important; }
      .home-forfaits .page-section-wrapper .home-forfait__title {
        padding: 0 0 70px !important; }
      .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .bloc_title {
        padding: 15px !important; }
      .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list ul {
        margin: 0 !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important; }
        .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list ul li {
          padding-bottom: 15px !important;
          width: 100%; }
      .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list .ButtonEffect {
        left: 31% !important; } }
  @media (max-width: 420px) {
    .home-forfaits .page-section-wrapper .home-forfait__bloc-container .bloc-forfait .item_list .ButtonEffect {
      left: 28% !important; } }

@-webkit-keyframes swipeloop {
  20% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  40% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  60% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  80% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes swipeloop {
  20% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  40% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  60% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  80% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.VirageNum__packages-slider--internet .tns-controls:after,
.VirageNum__packages--eboxtv .tns-controls:after {
  content: '';
  width: 40px;
  height: 40px;
  background-size: 100%;
  background: url(../img/svg/finger-swipe.svg) center center no-repeat;
  display: none;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation: swipeloop 2s ease infinite;
          animation: swipeloop 2s ease infinite;
  margin: -4px 0 0 15px; }
  @media (max-width: 600px) {
    .VirageNum__packages-slider--internet .tns-controls:after,
    .VirageNum__packages--eboxtv .tns-controls:after {
      display: block; } }

.page-id-119152 .WYSIWYGGeneral,
.page-id-119371 .WYSIWYGGeneral,
.page-id-119368 .WYSIWYGGeneral {
  padding-bottom: 0 !important; }
  .page-id-119152 .WYSIWYGGeneral .Wysiwyg,
  .page-id-119371 .WYSIWYGGeneral .Wysiwyg,
  .page-id-119368 .WYSIWYGGeneral .Wysiwyg {
    border: 2px solid #BE2323;
    padding: 20px; }

.page-id-119152 .ToggleWrapper,
.page-id-119371 .ToggleWrapper,
.page-id-119368 .ToggleWrapper {
  padding-top: 0 !important; }

.custom-style {
  padding-top: 0 !important; }
  .custom-style img {
    max-width: 400px;
    height: auto;
    max-height: 400px;
    height: auto; }
  .custom-style .TwoCol-LeftImgRightText__leftImg--shown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
            transform: none !important; }
  .custom-style .TwoCol-LeftImgRightText__leftImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
            transform: none !important; }
  .custom-style .TwoCol-LeftImgRightText__rightTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.padding-top-100 {
  padding-top: 100px !important; }
  @media (max-width: 991px) {
    .padding-top-100 {
      padding-top: 70px !important; } }

.hsfc-FieldLabel {
  font-size: 30px !important; }

.postid-119210 #maincontent .WYSIWYGGeneral,
.postid-119466 #maincontent .WYSIWYGGeneral,
.postid-119459 #maincontent .WYSIWYGGeneral,
.page-id-119408 #maincontent .WYSIWYGGeneral,
.page-id-119411 #maincontent .WYSIWYGGeneral {
  padding-bottom: 0 !important; }
  .postid-119210 #maincontent .WYSIWYGGeneral h2,
  .postid-119466 #maincontent .WYSIWYGGeneral h2,
  .postid-119459 #maincontent .WYSIWYGGeneral h2,
  .page-id-119408 #maincontent .WYSIWYGGeneral h2,
  .page-id-119411 #maincontent .WYSIWYGGeneral h2 {
    font-size: 38px; }
    @media (max-width: 767px) {
      .postid-119210 #maincontent .WYSIWYGGeneral h2,
      .postid-119466 #maincontent .WYSIWYGGeneral h2,
      .postid-119459 #maincontent .WYSIWYGGeneral h2,
      .page-id-119408 #maincontent .WYSIWYGGeneral h2,
      .page-id-119411 #maincontent .WYSIWYGGeneral h2 {
        font-size: 24px; } }
  .postid-119210 #maincontent .WYSIWYGGeneral h3,
  .postid-119466 #maincontent .WYSIWYGGeneral h3,
  .postid-119459 #maincontent .WYSIWYGGeneral h3,
  .page-id-119408 #maincontent .WYSIWYGGeneral h3,
  .page-id-119411 #maincontent .WYSIWYGGeneral h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .postid-119210 #maincontent .WYSIWYGGeneral h3 img,
  .postid-119466 #maincontent .WYSIWYGGeneral h3 img,
  .postid-119459 #maincontent .WYSIWYGGeneral h3 img,
  .page-id-119408 #maincontent .WYSIWYGGeneral h3 img,
  .page-id-119411 #maincontent .WYSIWYGGeneral h3 img {
    margin-right: 10px; }

.postid-119210 #maincontent .TwoCol-LeftImgRightText,
.postid-119466 #maincontent .TwoCol-LeftImgRightText,
.postid-119459 #maincontent .TwoCol-LeftImgRightText,
.page-id-119408 #maincontent .TwoCol-LeftImgRightText,
.page-id-119411 #maincontent .TwoCol-LeftImgRightText {
  padding: 40px 0 !important; }
  .postid-119210 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__leftImg,
  .postid-119466 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__leftImg,
  .postid-119459 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__leftImg,
  .page-id-119408 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__leftImg,
  .page-id-119411 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__leftImg {
    width: 35%; }
  .postid-119210 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__rightTxt,
  .postid-119466 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__rightTxt,
  .postid-119459 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__rightTxt,
  .page-id-119408 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__rightTxt,
  .page-id-119411 #maincontent .TwoCol-LeftImgRightText .TwoCol-LeftImgRightText__rightTxt {
    width: 65%; }
  @media (max-width: 767px) {
    .postid-119210 #maincontent .TwoCol-LeftImgRightText .row.flex,
    .postid-119466 #maincontent .TwoCol-LeftImgRightText .row.flex,
    .postid-119459 #maincontent .TwoCol-LeftImgRightText .row.flex,
    .page-id-119408 #maincontent .TwoCol-LeftImgRightText .row.flex,
    .page-id-119411 #maincontent .TwoCol-LeftImgRightText .row.flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.postid-119210 #maincontent .TwoCol-LeftImgRightText__leftImg,
.postid-119466 #maincontent .TwoCol-LeftImgRightText__leftImg,
.postid-119459 #maincontent .TwoCol-LeftImgRightText__leftImg,
.page-id-119408 #maincontent .TwoCol-LeftImgRightText__leftImg,
.page-id-119411 #maincontent .TwoCol-LeftImgRightText__leftImg {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1 !important; }

.hero-numerique4--comiccon2025 .hero-numerique-content--btn--white::before {
  display: none !important; }

.hero-numerique4--comiccon2025 .hero-numerique-content--btn--white::after {
  content: "";
  background-image: url(../img/svg/ic-computer-mouse-white.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
  height: 64px;
  width: 64px;
  position: absolute;
  bottom: -34px;
  right: -27px;
  display: inline-block; }
  @media (max-width: 1300px) {
    .hero-numerique4--comiccon2025 .hero-numerique-content--btn--white::after {
      height: 40px;
      width: 42px;
      bottom: -21px;
      right: -47px; } }

.black-friday-offres--2025 .hero-numerique3--endedblackfriday .hero-numerique-illustration--blackfriday {
  height: 380px !important;
  bottom: 90px !important;
  right: 500px !important; }
  @media (max-width: 1750px) {
    .black-friday-offres--2025 .hero-numerique3--endedblackfriday .hero-numerique-illustration--blackfriday {
      right: 340px !important; } }
  @media (max-width: 1460px) {
    .black-friday-offres--2025 .hero-numerique3--endedblackfriday .hero-numerique-illustration--blackfriday {
      right: 180px !important; } }
  .black-friday-offres--2025 .hero-numerique3--endedblackfriday .hero-numerique-illustration--blackfriday:lang(en-CA) {
    bottom: 65px !important; }

.hero-numerique-tag {
  text-transform: uppercase;
  color: #FFF;
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 40px;
  background-color: #081035;
  border-radius: 80px;
  padding: 2px 16px;
  display: inline-block; }
  @media (max-width: 1220px) {
    .hero-numerique-tag {
      font-size: 30px; } }
  @media (max-width: 767px) {
    .hero-numerique-tag {
      margin-bottom: 20px !important; } }

.page-template-page-promotions-2025 .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
  top: 10px !important; }
  @media (max-width: 1334px) {
    .page-template-page-promotions-2025 .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      bottom: -40px !important; } }
  @media (max-width: 1250px) {
    .page-template-page-promotions-2025 .hero-numerique4--springsale .hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration.hero-numerique-illustration {
      bottom: -40px !important; } }

.page-template-page-promotions-2025 .hero-numerique4--piggy2026 {
  height: 760px !important; }
  @media (max-width: 1290px) {
    .page-template-page-promotions-2025 .hero-numerique4--piggy2026 {
      height: 640px !important; } }
  @media (max-width: 991px) {
    .page-template-page-promotions-2025 .hero-numerique4--piggy2026 {
      height: 490px !important; } }
  @media (max-width: 767px) {
    .page-template-page-promotions-2025 .hero-numerique4--piggy2026 {
      height: inherit !important; } }

.hero-numerique4--budget {
  position: relative;
  overflow: hidden; }
  @media (max-width: 991px) {
    .hero-numerique4--budget {
      padding-top: 65px !important; } }
  .hero-numerique4--budget::after {
    display: none !important; }
  @media (max-width: 991px) {
    .hero-numerique4--budget .hero-numerique-content {
      text-align: center !important;
      padding: 0 20px !important; } }
  .hero-numerique4--budget .hero-numerique-content,
  .hero-numerique4--budget .hero-numerique-content--title,
  .hero-numerique4--budget .hero-numerique-content--description {
    color: #FFF !important; }
  .hero-numerique4--budget .hero-numerique-content--title-bold {
    color: #FFF !important;
    font: 900 64px/70px 'BrandonGrotesque';
    text-transform: uppercase;
    max-width: 600px;
    display: block; }
    @media (max-width: 1300px) {
      .hero-numerique4--budget .hero-numerique-content--title-bold {
        font: 900 50px/56px 'BrandonGrotesque'; } }
    @media (max-width: 991px) {
      .hero-numerique4--budget .hero-numerique-content--title-bold {
        font: 900 48px/55px 'BrandonGrotesque';
        max-width: 100% !important; } }
  .hero-numerique4--budget .hero-numerique-content--description {
    font: 400 20px/24px 'BrandonGrotesque';
    max-width: 500px;
    margin-bottom: 40px !important; }
    @media (max-width: 991px) {
      .hero-numerique4--budget .hero-numerique-content--description {
        font: 400 20px/22px 'BrandonGrotesque';
        max-width: 100% !important;
        margin-top: 30px; } }
  .hero-numerique4--budget .hero-numerique-tag {
    background-color: #081035;
    color: #FFF;
    margin-bottom: 70px !important; }
    @media (max-width: 991px) {
      .hero-numerique4--budget .hero-numerique-tag {
        margin-bottom: 27px !important;
        padding: 5px 16px !important; } }
  .hero-numerique4--budget .hero-numerique-motif-left {
    position: absolute;
    left: -500px;
    top: -601px;
    height: 1700px;
    width: auto;
    max-width: 1200px;
    pointer-events: none;
    z-index: 1; }
    .hero-numerique4--budget .hero-numerique-motif-left img {
      height: 100%;
      width: auto;
      -o-object-fit: cover;
         object-fit: cover; }
    @media (max-width: 1600px) {
      .hero-numerique4--budget .hero-numerique-motif-left {
        left: -620px;
        max-width: 1000px; } }
    @media (max-width: 1334px) {
      .hero-numerique4--budget .hero-numerique-motif-left {
        left: -600px;
        max-width: 800px; } }
    @media (max-width: 991px) {
      .hero-numerique4--budget .hero-numerique-motif-left {
        display: none; } }
  .hero-numerique4--budget .hero-numerique-illustration {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: auto !important;
    max-width: 960px !important;
    height: auto !important;
    z-index: 2; }
    .hero-numerique4--budget .hero-numerique-illustration img {
      width: 100%;
      height: auto;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: right bottom;
         object-position: right bottom; }
    @media (max-width: 1600px) {
      .hero-numerique4--budget .hero-numerique-illustration {
        max-width: 910px !important; } }
    @media (max-width: 1334px) {
      .hero-numerique4--budget .hero-numerique-illustration {
        max-width: 820px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--budget .hero-numerique-illustration {
        max-width: 600px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--budget .hero-numerique-illustration {
        display: none !important; } }
  .hero-numerique4--budget .hero-numerique-image-mobile {
    display: none; }
    @media (max-width: 991px) {
      .hero-numerique4--budget .hero-numerique-image-mobile {
        display: block;
        margin: 30px 0 40px;
        text-align: center; }
        .hero-numerique4--budget .hero-numerique-image-mobile img {
          max-width: 440px;
          width: 100%;
          height: auto;
          max-height: 440px; } }
  .hero-numerique4--budget .hero-numerique-content {
    position: relative;
    z-index: 3; }
  .hero-numerique4--budget .hero-numerique-content--btn:before, .hero-numerique4--budget .hero-numerique-content--btn:after {
    display: none; }
  @media (max-width: 991px) {
    .hero-numerique4--budget .hero-numerique-content--btn {
      margin: 0 auto;
      max-width: 100%; } }
  .hero-numerique4--budget .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    color: #BE2323 !important;
    background: #FFF;
    border: 0 !important;
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important; }
    .hero-numerique4--budget .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect:hover {
      background: #343434;
      color: #FFF !important;
      -webkit-box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5);
      box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5); }
    @media (max-width: 1300px) {
      .hero-numerique4--budget .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--budget .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--budget .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }
  .hero-numerique4--budget .ButtonEffect {
    color: #000 !important;
    background: transparent;
    border: 2px solid transparent; }
    .hero-numerique4--budget .ButtonEffect:hover {
      color: #FFF !important; }
  .hero-numerique4--budget .ButtonEffect:before {
    background: #FFF !important; }

.hero-numerique4--referral {
  position: relative;
  overflow: hidden; }
  .hero-numerique4--referral::after, .hero-numerique4--referral::before {
    display: none !important; }
  @media (max-width: 991px) {
    .hero-numerique4--referral {
      padding-top: 65px !important; } }
  .hero-numerique4--referral .hero-numerique-content,
  .hero-numerique4--referral .hero-numerique-content--title,
  .hero-numerique4--referral .hero-numerique-content--description {
    color: #C9443B !important; }
    @media (max-width: 991px) {
      .hero-numerique4--referral .hero-numerique-content,
      .hero-numerique4--referral .hero-numerique-content--title,
      .hero-numerique4--referral .hero-numerique-content--description {
        text-align: center !important; } }
  @media (max-width: 991px) {
    .hero-numerique4--referral .hero-numerique-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .hero-numerique4--referral .hero-numerique-content--title-bold {
    color: #BE2323 !important;
    font: 900 64px/70px 'BrandonGrotesque';
    text-transform: uppercase;
    max-width: 600px;
    display: block; }
    @media (max-width: 1300px) {
      .hero-numerique4--referral .hero-numerique-content--title-bold {
        font: 900 50px/55px 'BrandonGrotesque'; } }
    @media (max-width: 991px) {
      .hero-numerique4--referral .hero-numerique-content--title-bold {
        font: 900 48px/55px 'BrandonGrotesque';
        text-align: center !important;
        max-width: 100% !important; } }
  .hero-numerique4--referral .hero-numerique-content--description {
    font: 400 20px/24px 'BrandonGrotesque';
    max-width: 500px;
    color: #081035 !important;
    margin-bottom: 40px !important; }
    @media (max-width: 991px) {
      .hero-numerique4--referral .hero-numerique-content--description {
        font: 400 20px/22px 'BrandonGrotesque';
        max-width: 100% !important;
        margin-top: 10px;
        margin-bottom: 10px !important; } }
  .hero-numerique4--referral .hero-numerique-tag {
    background-color: #081035;
    color: #FFF; }
    @media (max-width: 991px) {
      .hero-numerique4--referral .hero-numerique-tag {
        margin-bottom: 26px !important;
        padding: 12px 16px !important;
        line-height: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border-radius: 16px !important;
        width: -webkit-min-content !important;
        width: -moz-min-content !important;
        width: min-content !important; } }
    @media (max-width: 592px) {
      .hero-numerique4--referral .hero-numerique-tag {
        border-radius: 16px !important; } }
  .hero-numerique4--referral .hero-numerique-motif-right {
    position: absolute;
    right: -190px;
    bottom: -600px;
    height: auto;
    width: auto;
    max-width: 1640px;
    pointer-events: none;
    z-index: 1; }
    .hero-numerique4--referral .hero-numerique-motif-right img {
      width: 100%;
      height: auto;
      -o-object-fit: contain;
         object-fit: contain; }
      @media (max-width: 991px) {
        .hero-numerique4--referral .hero-numerique-motif-right img {
          width: 1000px !important; } }
    @media (max-width: 1334px) {
      .hero-numerique4--referral .hero-numerique-motif-right {
        max-width: 1002px;
        right: -90px;
        bottom: -350px; } }
    @media (max-width: 991px) {
      .hero-numerique4--referral .hero-numerique-motif-right {
        right: -170px;
        bottom: -275px; } }
  .hero-numerique4--referral .hero-numerique-illustration {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: auto !important;
    max-width: 750px !important;
    height: auto !important;
    z-index: 2;
    /*img {
            width: 100%;
            height: auto;
            object-fit: contain;
            object-position: right bottom;
        }*/ }
    @media (max-width: 1600px) {
      .hero-numerique4--referral .hero-numerique-illustration {
        max-width: 640px !important; } }
    @media (max-width: 1334px) {
      .hero-numerique4--referral .hero-numerique-illustration {
        max-width: 550px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--referral .hero-numerique-illustration {
        max-width: 450px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--referral .hero-numerique-illustration {
        display: none !important; } }
  .hero-numerique4--referral .hero-numerique-image-mobile {
    display: none; }
    @media (max-width: 991px) {
      .hero-numerique4--referral .hero-numerique-image-mobile {
        display: block;
        margin: 30px 0;
        text-align: center; }
        .hero-numerique4--referral .hero-numerique-image-mobile img {
          max-width: 510px;
          width: 100%;
          height: auto;
          max-height: 510px;
          margin-top: -54px; } }
  .hero-numerique4--referral .hero-numerique-content {
    position: relative;
    z-index: 3; }
  .hero-numerique4--referral .hero-numerique-content--btn:before, .hero-numerique4--referral .hero-numerique-content--btn:after {
    display: none; }
  @media (max-width: 991px) {
    .hero-numerique4--referral .hero-numerique-content--btn {
      margin: -58px auto -6px;
      max-width: 100%; } }
  .hero-numerique4--referral .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    color: #FFF !important;
    background: #BE2323;
    border: 2px solid transparent;
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important; }
    .hero-numerique4--referral .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect:hover {
      background: #343434;
      color: #FFF !important;
      -webkit-box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5);
      box-shadow: 5px 5px 5px rgba(52, 52, 52, 0.5); }
    @media (max-width: 1300px) {
      .hero-numerique4--referral .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--referral .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--referral .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }
  .hero-numerique4--referral .ButtonEffect {
    color: #FFF !important;
    background: #BE2323;
    border: 2px solid transparent; }
    .hero-numerique4--referral .ButtonEffect:hover {
      color: #FFF !important; }
  .hero-numerique4--referral .ButtonEffect:before {
    background: #BE2323 !important; }

.no-img-animation .TwoCol-LeftImgRightText__leftImg--shown,
.no-img-animation .TwoCol-LeftTextRightImg__rightImg--shown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
          transform: none !important; }

.img80 .TwoCol-LeftTextRightImg__rightImg img {
  max-width: 80% !important; }

.page-id-120177 .PageTitle {
  display: none !important; }

.hero-numerique4--sans-contrat {
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .hero-numerique4--sans-contrat::after, .hero-numerique4--sans-contrat::before {
    display: none !important; }
  @media (max-width: 1220px) {
    .hero-numerique4--sans-contrat {
      max-height: 600px; } }
  @media (max-width: 470px) {
    .hero-numerique4--sans-contrat {
      padding: 92px 0 112px !important; } }
  .hero-numerique4--sans-contrat .hero-numerique-content {
    position: relative;
    z-index: 2;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
    margin: 0 auto 76px;
    padding: 0 20px; }
    @media (max-width: 991px) {
      .hero-numerique4--sans-contrat .hero-numerique-content {
        max-width: 100%; } }
    @media (max-width: 767px) {
      .hero-numerique4--sans-contrat .hero-numerique-content {
        max-width: 100%;
        margin: 0 auto !important; } }
  .hero-numerique4--sans-contrat .hero-numerique-tag {
    background-color: #FFF;
    color: #081035;
    border-radius: 40px;
    text-transform: uppercase;
    margin-bottom: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (max-width: 1220px) {
      .hero-numerique4--sans-contrat .hero-numerique-tag {
        font-size: 30px; } }
    @media (max-width: 991px) {
      .hero-numerique4--sans-contrat .hero-numerique-tag {
        margin-top: -30px !important;
        margin-bottom: 30px !important;
        padding: 11px 16px !important;
        line-height: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border-radius: 16px !important; } }
    @media (max-width: 592px) {
      .hero-numerique4--sans-contrat .hero-numerique-tag {
        border-radius: 16px !important; } }
  .hero-numerique4--sans-contrat .hero-numerique-content--title {
    color: #FFF !important;
    margin-bottom: 0px;
    max-width: 100% !important; }
  .hero-numerique4--sans-contrat .hero-numerique-content--title-bold {
    color: #FFF !important;
    font: 900 64px/70px 'BrandonGrotesque';
    text-transform: uppercase;
    display: block;
    max-width: 100% !important; }
    @media (max-width: 1300px) {
      .hero-numerique4--sans-contrat .hero-numerique-content--title-bold {
        font: 900 56px/62px 'BrandonGrotesque'; } }
    @media (max-width: 991px) {
      .hero-numerique4--sans-contrat .hero-numerique-content--title-bold {
        font: 900 48px/55px 'BrandonGrotesque';
        text-align: center !important;
        max-width: 100% !important; } }
  .hero-numerique4--sans-contrat .hero-numerique-content--description {
    color: #FFF !important;
    font: 900 32px/36px 'BrandonGrotesque';
    margin: 20px 0 44px;
    text-transform: uppercase;
    max-width: 100% !important; }
    @media (max-width: 991px) {
      .hero-numerique4--sans-contrat .hero-numerique-content--description {
        font: 900 24px/32px 'BrandonGrotesque';
        margin-bottom: 42px; } }
  .hero-numerique4--sans-contrat .hero-numerique-content--btn {
    max-width: inherit !important; }
    .hero-numerique4--sans-contrat .hero-numerique-content--btn:before, .hero-numerique4--sans-contrat .hero-numerique-content--btn:after {
      display: none; }
  .hero-numerique4--sans-contrat .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
    color: #FFF !important;
    background: #BE2323 !important;
    border-radius: 80px !important;
    font-size: 20px !important;
    font-weight: 900 !important; }
    .hero-numerique4--sans-contrat .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect:hover {
      color: #FFF !important; }
    @media (max-width: 1300px) {
      .hero-numerique4--sans-contrat .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 20px !important; } }
    @media (max-width: 1220px) {
      .hero-numerique4--sans-contrat .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 18px !important; } }
    @media (max-width: 991px) {
      .hero-numerique4--sans-contrat .ButtonEffect.ButtonEffect.ButtonEffect.ButtonEffect {
        font-size: 16px !important; } }
  .hero-numerique4--sans-contrat .hero-numerique-motif-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 240px;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
    background: url(../img/svg/motifs-bleu.svg) !important;
    background-size: 2790px auto !important;
    background-position: -206px 804px !important; }
    @media (max-width: 991px) {
      .hero-numerique4--sans-contrat .hero-numerique-motif-bottom {
        height: 150px;
        background-size: 1396px auto !important; } }
    @media (max-width: 767px) {
      .hero-numerique4--sans-contrat .hero-numerique-motif-bottom {
        background-position: -386px 804px !important; } }
  .hero-numerique4--sans-contrat .hero-numerique-image-mobile {
    display: none !important; }
  .hero-numerique4--sans-contrat .hero-numerique-illustration {
    display: none !important; }

.VirageNum {
  background: white !important; }
  .VirageNum__arrow {
    position: relative; }
    .VirageNum__arrow:after {
      content: '';
      width: 55px;
      height: 58px;
      background: url(../img/svg/ic-drawing-arrow02-white2023.svg) center center no-repeat;
      background-size: 100%;
      position: absolute;
      right: -6px;
      top: -38px;
      -webkit-transform: rotate(-43deg);
              transform: rotate(-43deg); }
      @media (max-width: 1200px) {
        .VirageNum__arrow:after {
          height: 40px;
          width: 40px;
          right: -19px;
          top: -27px; } }
  .VirageNum__circle {
    position: relative;
    margin-left: 24px; }
    .VirageNum__circle::after {
      content: '';
      width: 174px;
      height: 82px;
      background: url(../img/svg/ic-circle-white.svg) center center no-repeat;
      background-size: 100%;
      position: absolute;
      right: -20px;
      top: -10px; }
      @media (max-width: 1200px) {
        .VirageNum__circle::after {
          height: 48px !important;
          width: 101px !important;
          right: -16px !important;
          top: -6px !important; } }
    @media (max-width: 1024px) {
      .VirageNum__circle {
        margin-left: 12px; } }
    .VirageNum__circle--en {
      display: inline-block;
      margin-bottom: 10px; }
      @media (max-width: 1200px) {
        .VirageNum__circle--en {
          margin-left: 10px !important; } }
      .VirageNum__circle--en::after {
        background: url(../img/svg/ic-circle-white-en.svg) center center no-repeat;
        background-size: contain;
        width: 275px !important;
        height: 85px;
        right: -31px;
        top: -20px; }
        @media (max-width: 1200px) {
          .VirageNum__circle--en::after {
            height: 52px !important;
            top: -8px !important;
            right: -77px !important; } }
        @media (max-width: 767px) {
          .VirageNum__circle--en::after {
            height: 44px !important;
            right: -87px !important;
            top: -9px !important; } }
  .VirageNum__intro {
    width: 100%;
    padding: 94px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFF;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .VirageNum__intro-wrapper {
      height: 520px;
      width: 100%;
      max-width: 1170px;
      padding: 0 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 1199px) {
        .VirageNum__intro-wrapper {
          height: auto; } }
      @media (max-width: 1024px) {
        .VirageNum__intro-wrapper {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          height: auto;
          padding: 0 15px; } }
    .VirageNum__intro-left {
      padding: 97px 0;
      min-width: 670px;
      margin-right: 30px; }
      @media (max-width: 1300px) {
        .VirageNum__intro-left {
          min-width: 560px;
          margin-right: 0; } }
      @media (max-width: 1024px) {
        .VirageNum__intro-left {
          width: 100%;
          text-align: center;
          max-width: 708px;
          min-width: auto;
          margin: 0 auto;
          padding: 0 0 40px; } }
      .VirageNum__intro-left svg {
        fill: #333333; }
      .VirageNum__intro-left h1 {
        margin-bottom: 10px; }
      .VirageNum__intro-left p {
        max-width: 595px; }
        @media (max-width: 1024px) {
          .VirageNum__intro-left p {
            max-width: 100%; } }
    .VirageNum__intro-right {
      position: relative; }
      @media (max-width: 1300px) {
        .VirageNum__intro-right {
          -ms-flex-item-align: center;
              align-self: center; } }
      @media (max-width: 1024px) {
        .VirageNum__intro-right {
          width: 100%;
          text-align: center; } }
      .VirageNum__intro-right img {
        max-height: 100%;
        width: auto; }
        @media (max-width: 1400px) {
          .VirageNum__intro-right img {
            height: 460px; } }
        @media (max-width: 1300px) {
          .VirageNum__intro-right img {
            height: 400px; } }
        @media (max-width: 1024px) {
          .VirageNum__intro-right img {
            margin: 0 auto;
            max-width: 460px;
            height: auto; } }
        @media (max-width: 767px) {
          .VirageNum__intro-right img {
            max-width: 275px; } }
      .VirageNum__intro-right .eboxPastille {
        position: absolute;
        top: 45px;
        left: -40px;
        height: 189px; }
        @media (max-width: 1400px) {
          .VirageNum__intro-right .eboxPastille {
            height: 189px;
            left: -65px; } }
        @media (max-width: 1300px) {
          .VirageNum__intro-right .eboxPastille {
            top: 0;
            left: -15px;
            height: 150px; } }
        @media (max-width: 1024px) {
          .VirageNum__intro-right .eboxPastille {
            top: -40px;
            left: 55%;
            height: 169px; } }
        @media (max-width: 767px) {
          .VirageNum__intro-right .eboxPastille {
            height: 120px; } }
    .VirageNum__intro-icons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 20px;
      margin-bottom: 40px; }
      @media (max-width: 1024px) {
        .VirageNum__intro-icons {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      @media (max-width: 767px) {
        .VirageNum__intro-icons {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-bottom: 0; } }
      .VirageNum__intro-icons-item {
        width: 95px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        margin-right: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        @media (max-width: 767px) {
          .VirageNum__intro-icons-item {
            margin: 0 5px 30px 5px; } }
        .VirageNum__intro-icons-item:last-of-type {
          margin-right: 0; }
        .VirageNum__intro-icons-item svg {
          margin-bottom: 3px;
          width: 60px;
          height: 60px; }
  .VirageNum__subTitle {
    font-size: 35px;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    margin-bottom: 30px; }
    @media (max-width: 1024px) {
      .VirageNum__subTitle {
        font-size: 26px; } }
    @media (max-width: 767px) {
      .VirageNum__subTitle {
        font-size: 20px; } }
  .VirageNum__blackline {
    width: 100%;
    min-height: 500px;
    background: #1f1f1f;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 1225px) {
      .VirageNum__blackline--internet {
        min-height: 340px; } }
    @media (max-width: 767px) {
      .VirageNum__blackline--internet {
        min-height: auto;
        padding-top: 0px !important; } }
    @media (max-width: 1400px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
        right: 10%; } }
    @media (max-width: 1225px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
        max-width: 340px;
        height: auto; } }
    @media (max-width: 767px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
        position: relative;
        margin: 0 auto;
        bottom: auto;
        right: auto !important;
        padding-top: 40px;
        max-width: 280px; } }
    @media (max-width: 1225px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-left {
        min-height: 340px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; } }
    @media (max-width: 767px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        min-height: auto;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        text-align: center; } }
    @media (max-width: 1225px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 {
        font: 800 26px/32px "BrandonGrotesque"; } }
    @media (max-width: 767px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 {
        font: 800 22px/24px "BrandonGrotesque"; } }
    @media (max-width: 1225px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right .VirageNum__arrow svg {
        height: 40px;
        width: 40px;
        right: -19px;
        top: -27px;
        display: block; } }
    @media (max-width: 1225px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right .VirageNum__circle {
        margin-left: 18px; }
        .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right .VirageNum__circle svg {
          display: block;
          height: 48px;
          width: 101px;
          right: -16px;
          top: 18px; } }
    @media (max-width: 767px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right .VirageNum__circle svg {
        width: 88px;
        top: 16px; } }
    @media (max-width: 1225px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right {
        min-height: 340px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; } }
    @media (max-width: 767px) {
      .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right {
        min-height: auto;
        padding-top: 95px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
    .VirageNum__blackline-wrapper {
      max-width: 1170px;
      padding: 0 15px;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 767px) {
        .VirageNum__blackline-wrapper {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
    .VirageNum__blackline-left {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      height: 100%;
      min-height: 500px;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .VirageNum__blackline-left img {
        position: absolute;
        bottom: 0;
        right: 30%; }
        @media (max-width: 1024px) {
          .VirageNum__blackline-left img {
            right: 30px;
            max-width: 340px;
            height: auto; } }
        @media (max-width: 767px) {
          .VirageNum__blackline-left img {
            position: relative;
            margin: 0 auto;
            bottom: auto;
            right: auto;
            padding-top: 40px; } }
      @media (max-width: 1024px) {
        .VirageNum__blackline-left {
          min-height: 340px; } }
      @media (max-width: 767px) {
        .VirageNum__blackline-left {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          min-height: auto;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          text-align: center; } }
    .VirageNum__blackline-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      height: 100%;
      min-height: 500px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .VirageNum__blackline-right h2 {
        margin-bottom: 10px;
        white-space: nowrap;
        font-size: 40px; }
        @media (min-width: 1025px) and (max-width: 1225px) {
          .VirageNum__blackline-right h2 {
            white-space: inherit; } }
      .VirageNum__blackline-right p {
        margin-bottom: 30px; }
      @media (max-width: 1024px) {
        .VirageNum__blackline-right {
          min-height: 340px; } }
      @media (max-width: 767px) {
        .VirageNum__blackline-right {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          min-height: auto; } }
    @media (max-width: 1024px) {
      .VirageNum__blackline {
        min-height: 340px; } }
    @media (max-width: 767px) {
      .VirageNum__blackline {
        min-height: auto;
        padding-top: 60px; } }
    .VirageNum__blackline--router {
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, #333333), color-stop(50%, #1F1F1F));
      background: linear-gradient(90deg, #333333 50%, #1F1F1F 50%);
      overflow: hidden; }
      .VirageNum__blackline--router .VirageNum__blackline-right {
        min-height: 520px;
        padding-left: 90px; }
        .VirageNum__blackline--router .VirageNum__blackline-right h2 {
          white-space: inherit; }
        .VirageNum__blackline--router .VirageNum__blackline-right li {
          margin-bottom: 5px; }
        @media (max-width: 1024px) {
          .VirageNum__blackline--router .VirageNum__blackline-right {
            min-height: 382px; } }
        @media (max-width: 767px) {
          .VirageNum__blackline--router .VirageNum__blackline-right {
            padding: 40px 15px 60px;
            min-height: auto; } }
      .VirageNum__blackline--router .VirageNum__blackline-left {
        min-height: 520px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .VirageNum__blackline--router .VirageNum__blackline-left:after {
          height: 850px;
          width: 520px;
          content: "";
          background: #1f1f1f;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          right: -202px;
          bottom: 0;
          z-index: 0; }
        .VirageNum__blackline--router .VirageNum__blackline-left img {
          bottom: auto;
          right: auto;
          position: relative;
          z-index: 1; }
        @media (max-width: 1024px) {
          .VirageNum__blackline--router .VirageNum__blackline-left {
            min-height: 382px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        @media (max-width: 767px) {
          .VirageNum__blackline--router .VirageNum__blackline-left {
            -webkit-box-ordinal-group: 1 !important;
                -ms-flex-order: 0 !important;
                    order: 0 !important;
            background: #333333 !important;
            min-height: auto !important;
            padding: 40px 15px; } }
      @media (max-width: 767px) {
        .VirageNum__blackline--router {
          background: #1f1f1f;
          padding-top: 0; } }
      .VirageNum__blackline--router .VirageNum__blackline-wrapper {
        padding: 0; }
  .VirageNum__arrow {
    position: relative; }
    .VirageNum__arrow:after {
      content: '';
      width: 55px;
      height: 58px;
      background: url(../img/svg/ic-drawing-arrow02-white2023.svg) center center no-repeat;
      background-size: 100%;
      position: absolute;
      right: -6px;
      top: -38px;
      -webkit-transform: rotate(-43deg);
              transform: rotate(-43deg); }
      @media (max-width: 1200px) {
        .VirageNum__arrow:after {
          height: 40px;
          width: 40px;
          right: -19px;
          top: -27px; } }
  .VirageNum__circle {
    position: relative;
    margin-left: 28px; }
    .VirageNum__circle svg {
      position: absolute;
      fill: #FFF;
      width: 174px;
      height: 82px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media (max-width: 1024px) {
        .VirageNum__circle svg {
          width: 102px;
          height: 48px; } }
      @media (min-width: 1025px) and (max-width: 1225px) {
        .VirageNum__circle svg {
          display: none; } }
      @media (max-width: 420px) {
        .VirageNum__circle svg {
          width: 85px;
          height: 40px; } }
    @media (min-width: 1025px) and (max-width: 1225px) {
      .VirageNum__circle {
        margin-left: 0; } }
    @media (max-width: 1024px) {
      .VirageNum__circle {
        margin-left: 15px; } }
  .VirageNum__packages {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #F2F2F2;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .VirageNum__packages-wrapper {
      width: 100% !important;
      max-width: 1170px !important;
      padding: 100px 30px 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative; }
      .VirageNum__packages-wrapper h2 {
        text-align: center;
        max-width: 770px;
        margin: 0 auto; }
      .VirageNum__packages-wrapper:before {
        content: '';
        background: #F2F2F2;
        height: 100%;
        width: 100%;
        position: absolute;
        right: 100%;
        top: 0;
        z-index: 2; }
      @media (max-width: 1024px) {
        .VirageNum__packages-wrapper {
          padding: 100px 30px; } }
      @media (max-width: 767px) {
        .VirageNum__packages-wrapper {
          padding: 70px 15px; } }
    .VirageNum__packages .premier-mois-legende {
      margin: 20px 0 0 !important; }
      .VirageNum__packages .premier-mois-legende li {
        list-style-type: none;
        margin-bottom: 0; }
      .VirageNum__packages .premier-mois-legende svg {
        width: 40px;
        height: 40px;
        fill: #BE2323;
        margin: 0 8px 0 0; }
      .VirageNum__packages .premier-mois-legende p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 16px;
        color: #BE2323;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .VirageNum__packages-tools a {
      color: #BE2323;
      font-weight: bold; }
    .VirageNum__packages-tools-choisir {
      font-weight: 700;
      font-size: 16px;
      text-decoration: underline;
      display: inline-block;
      margin-bottom: 10px; }
    .VirageNum__packages-tools #routerservice {
      margin-top: 35px; }
    .VirageNum__packages-tools ul {
      margin: 0;
      padding: 0; }
      .VirageNum__packages-tools ul li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 30px; }
        .VirageNum__packages-tools ul li svg {
          width: 32px;
          height: 32px;
          fill: #BE2323;
          margin-right: 5px; }
        .VirageNum__packages-tools ul li a {
          margin-left: 5px; }
    .VirageNum__packages-slider {
      margin-bottom: 70px; }
    .VirageNum__packages-notice {
      font-size: 12px;
      line-height: 16px; }
    .VirageNum__packages-slider-wrapper {
      margin-top: 10px; }
      .VirageNum__packages-slider-wrapper ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0px; }
    .VirageNum__packages-slider-item__wrapper {
      width: 100%;
      max-width: 270px;
      height: 321px;
      border-radius: 12px;
      border: 4px solid #FFF;
      background: #FFF;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: inline-block;
      -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.5);
              box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.5);
      position: relative; }
      @media (max-width: 767px) {
        .VirageNum__packages-slider-item__wrapper {
          height: 290px; } }
    .VirageNum__packages-slider-item-corner {
      width: 32px;
      height: 32px;
      background: #1F1F1F;
      border-top-right-radius: 12px;
      border-bottom-left-radius: 12px;
      position: absolute;
      right: -4px;
      top: -4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .VirageNum__packages-slider-item-corner svg {
        fill: #FFF;
        width: 16px;
        height: 16px; }
      .VirageNum__packages-slider-item-corner .icon-ic_check {
        display: none; }
    .VirageNum__packages-slider-item--active .VirageNum__packages-slider-item__wrapper {
      border: 4px solid #BE2323; }
      .VirageNum__packages-slider-item--active .VirageNum__packages-slider-item__wrapper .VirageNum__packages-slider-item-corner {
        background: #BE2323; }
      .VirageNum__packages-slider-item--active .VirageNum__packages-slider-item__wrapper .icon-ic_check {
        display: block; }
      .VirageNum__packages-slider-item--active .VirageNum__packages-slider-item__wrapper .icon-ic_add {
        display: none; }
    .VirageNum__packages-slider-item-download {
      margin: 30px auto 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .VirageNum__packages-slider-item-download p {
        font-size: 72px;
        font-weight: 900; }
      .VirageNum__packages-slider-item-download-type {
        color: #BE2323;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 20px;
        display: block; }
      .VirageNum__packages-slider-item-download-mbits {
        font-size: 24px;
        font-weight: 400;
        margin-left: -10px;
        margin-bottom: 10px; }
    .VirageNum__packages-slider-item-upload {
      width: 100%;
      max-width: 210px;
      border-top: 1px solid #C7C7C7;
      border-bottom: 1px solid #C7C7C7;
      padding: 4px 0;
      text-align: center;
      margin: 0 auto; }
    .VirageNum__packages-slider-item-prix {
      margin: 25px auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .VirageNum__packages-slider-item-prix p {
        position: relative;
        font-size: 44px;
        font-weight: 700;
        margin-left: -34px; }
        .VirageNum__packages-slider-item-prix p sup {
          font-size: 16px;
          top: -18px; }
        .VirageNum__packages-slider-item-prix p span {
          position: absolute;
          right: -34px;
          top: 3px;
          font-size: 14px;
          font-family: 'Gloria Hallelujah';
          font-weight: 400; }
    .VirageNum__packages-slider-pager {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .VirageNum__packages .tv-items-cart-corner-flag {
      position: absolute;
      left: -8px;
      top: -7px;
      z-index: 9; }
      .VirageNum__packages .tv-items-cart-corner-flag svg {
        width: 81px;
        height: 71px; }
      .VirageNum__packages .tv-items-cart-corner-flag .flag-text-container {
        width: 82px;
        height: 72px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transform: rotate(-41deg);
                transform: rotate(-41deg);
        position: absolute;
        top: -7px;
        left: -9px; }
        .VirageNum__packages .tv-items-cart-corner-flag .flag-text-container .flag-text {
          color: white;
          font-size: 12px; }
  .VirageNum__pager, button[data-controls='prev'], button[data-controls='next'] {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #333333;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .VirageNum__pager:hover, button[data-controls='prev']:hover, button[data-controls='next']:hover {
      background: #BE2323; }
    .VirageNum__pager svg, button[data-controls='prev'] svg, button[data-controls='next'] svg {
      fill: #FFF;
      width: 20px;
      height: 20px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .VirageNum__pager--next {
      margin-left: 10px; }
      .VirageNum__pager--next svg {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
  .VirageNum__timeline, .tns-nav {
    background: #333333;
    height: 15px;
    border-radius: 8px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
    .VirageNum__timeline span, .tns-nav span {
      position: absolute;
      left: 0;
      top: 0;
      height: 15px;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      background: #BE2323;
      width: 144px; }

@media (max-width: 1024px) {
  button[data-controls='prev'] svg {
    left: -1px;
    position: relative; } }

@media (max-width: 1024px) {
  button[data-controls='next'] svg {
    left: 1px;
    position: relative; } }

.VirageNumerique {
  background: #FFF; }
  .VirageNumerique .Burger svg {
    fill: #BE2323; }
  .VirageNumerique .HeadBanner {
    display: none !important; }
  .VirageNumerique .ThreeCalltos {
    display: none; }

@media (max-width: 1024px) {
  .page-template-virage-numerique-landing-internet .Burger svg {
    fill: #BE2323; } }

@media (max-width: 767px) {
  .page-template-virage-numerique-landing-internet .creerForfaitBtn .Qualification__button {
    display: none; } }

.icon-ebox-premium-white {
  max-width: 95px;
  border-left: 1px solid #FFF;
  padding-left: 10px;
  margin-left: 10px; }

.icon-ic-basket-numerique {
  fill: #BE2323 !important;
  width: 32px !important;
  height: 32px !important; }

.VirageNum__basket {
  display: none; }
  @media (max-width: 1024px) {
    .VirageNum__basket {
      display: inline-block; } }

.icon-lg-ebox-numerique-color,
.icon-lg-ebox-digital {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #626262; }

.icon-ebox-premium,
.icon-lg-ebox-digital-dark {
  max-width: 85px;
  height: auto; }

/* FOOTER */
.Footer {
  z-index: 999; }
  .Footer--viragenumerique {
    background: #000; }
  @media (max-width: 1024px) {
    .Footer .Footer__copyright .col-sm-5 {
      width: 100%;
      text-align: left; } }
  @media (max-width: 767px) {
    .Footer .Footer__menu-right {
      width: 100%;
      text-align: center; } }
  .Footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0; }
    @media (max-width: 767px) {
      .Footer__links {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 10px; } }
    .Footer__links li:after {
      content: "|";
      margin: 0 10px;
      color: #FFF; }
      @media (max-width: 1199px) {
        .Footer__links li:after {
          margin: 0 5px; } }
    .Footer__links li:last-child:after {
      display: none; }
    .Footer__links a {
      font: 400 12px/16px "BrandonGrotesque", sans-serif; }

.tns-liveregion {
  display: none; }

.tns-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px; }

.tns-nav button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #333333; }
  .tns-nav button.tns-nav-active {
    background: #BE2323; }

button[data-controls='next'] {
  margin-left: 10px; }
  button[data-controls='next'] svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

#VirageNum__telephonie-packages,
#VirageNum__telephonie-packages-ow {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  display: none; }
  @media (max-width: 767px) {
    #VirageNum__telephonie-packages,
    #VirageNum__telephonie-packages-ow {
      display: inline-block; } }
  #VirageNum__telephonie-packages .bloc-forfait,
  #VirageNum__telephonie-packages-ow .bloc-forfait {
    margin-right: 30px; }

#VirageNum__telephonie-packages--desktop {
  width: 100%;
  display: none; }
  @media (min-width: 768px) {
    #VirageNum__telephonie-packages--desktop {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }

.VirageNumerique.page-template-page-faq #Formulaire,
.VirageNumerique.page-template-page-faq .CardListing,
.VirageNumerique.page-template-page-faq .Divider {
  display: none; }

.VirageNumerique.page-template-page-faq .faq:after {
  display: none; }

.VirageNum__packages-slider-item {
  cursor: pointer; }

.VirageNumerique .CarrieresListing {
  background: #1F1F1F; }

.VirageNumerique .BandeRougeCarousel,
.VirageNumerique .BandeRouge {
  background: #BE2323; }

.VirageNumerique.single-carriere {
  background: #BE2323; }

@media (max-width: 1200px) {
  .page-id-112147 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2, .page-id-112151 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2, .page-id-112167 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 {
    margin-bottom: 20px; } }

.page-id-112147 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-112151 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-112167 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg {
  width: 236px !important;
  height: 125px !important; }
  @media (max-width: 1200px) {
    .page-id-112147 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-112151 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-112167 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg {
      width: 135px !important;
      height: 100px !important; } }
  @media (max-width: 767px) {
    .page-id-112147 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-112151 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg, .page-id-112167 .VirageNum__blackline--internet .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 .VirageNum__circle svg {
      width: 120px !important; } }

@-webkit-keyframes promo-shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg); }
  40% {
    -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg); }
  80% {
    -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes promo-shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg); }
  40% {
    -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg); }
  80% {
    -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.VirageNum__packages-slider-item-prix p .spanEN {
  right: -54px; }

.VirageNum__packages-slider-item-prix p.prix-avec-reduction {
  -webkit-animation: promo-shake 1s ease-in-out infinite;
          animation: promo-shake 1s ease-in-out infinite;
  color: #BE2323 !important; }
  .VirageNum__packages-slider-item-prix p.prix-avec-reduction span {
    color: #333333 !important; }

.VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--price p .spanEN {
  left: 0 !important;
  left: -16px !important;
  top: -4px !important;
  font-family: "Gloria Hallelujah";
  margin-right: -18px;
  font-size: 14px !important;
  font-weight: 400;
  color: #626262 !important; }

.VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--price p .spanFR {
  left: 0 !important;
  left: -24px !important;
  margin-right: -16px;
  top: -4px !important;
  font-family: "Gloria Hallelujah";
  font-size: 14px !important;
  font-weight: 400;
  color: #626262 !important; }

.VirageNum__forfait-telephonie--items-container .bloc-forfait-price .spanEN {
  left: -16px !important;
  top: 0px !important;
  font-family: "Gloria Hallelujah";
  font-size: 14px !important;
  font-weight: 400;
  color: #626262 !important; }

.VirageNum__forfait-telephonie--items-container .bloc-forfait-price .spanFR {
  left: -24px !important;
  top: 0px !important;
  font-family: "Gloria Hallelujah";
  font-size: 14px !important;
  font-weight: 400;
  color: #626262 !important; }

@media (max-width: 767px) {
  .VirageNum__forfait-telephonie--items-container .bloc-forfait-price {
    padding: 15px 0 !important; } }

.spacer {
  width: 100%;
  height: 100px; }
  @media (max-width: 767px) {
    .spacer {
      height: 80px; } }

@media (max-width: 1024px) {
  .VirageNum__packages-slider--internet {
    margin-bottom: 0; } }

.tns-controls button:focus {
  outline: 2px solid blue;
  outline-offset: 2px; }

#receiverCart:focus,
.check-mg:focus,
.paiementInput:focus {
  outline: 2px solid blue;
  outline-offset: 2px; }

.sticky-cart-action-btn--delete:focus {
  outline: 2px solid #FFF;
  outline-offset: 2px; }

@media (max-width: 765px) {
  .text-xs-center {
    text-align: center; } }

.single-carriere .Wysiwyg h2 {
  font: 700 35px/40px "BrandonGrotesque", sans-serif !important;
  text-transform: none !important; }

.single-carriere .benifits h2 {
  font: 700 35px/40px "BrandonGrotesque", sans-serif !important;
  text-transform: none !important; }

.cmplz-cookiebanner .cmplz-close:focus,
.cmplz-btn:focus {
  outline: 2px solid blue !important;
  outline-offset: 2px; }

.addtocart a {
  margin-top: 15px !important;
  min-width: 150px !important;
  height: 38px !important;
  font-size: 12px !important; }

@media (max-width: 767px) {
  .addtocart {
    display: none !important; } }

.VirageNum__intro {
  background: white !important; }
  .VirageNum__intro--telephonie {
    overflow: hidden;
    position: relative; }
    @media (max-width: 1024px) {
      .VirageNum__intro--telephonie {
        padding: 70px 0 0; } }
    .VirageNum__intro--telephonie .VirageNum__intro-right {
      position: absolute;
      right: 15%;
      bottom: 0; }
      @media (max-width: 1024px) {
        .VirageNum__intro--telephonie .VirageNum__intro-right {
          position: relative;
          right: auto; } }
    .VirageNum__intro--telephonie .intro-icon {
      width: 60px;
      height: 60px;
      margin-bottom: 3px; }
    @media (max-width: 1200px) {
      .VirageNum__intro--telephonie .VirageNum__intro-wrapper {
        max-width: 970px; } }
    .VirageNum__intro--telephonie .VirageNum__intro-wrapper .VirageNum__intro-left h1 {
      margin-bottom: 10px; }
      .VirageNum__intro--telephonie .VirageNum__intro-wrapper .VirageNum__intro-left h1 span {
        display: block; }
        @media (max-width: 1024px) {
          .VirageNum__intro--telephonie .VirageNum__intro-wrapper .VirageNum__intro-left h1 span {
            display: inline-block; } }
      @media (max-width: 767px) {
        .VirageNum__intro--telephonie .VirageNum__intro-wrapper .VirageNum__intro-left h1 {
          font: 900 24px/28px "BrandonGrotesque", sans-serif; } }
    .VirageNum__intro--telephonie .VirageNum__intro-wrapper .VirageNum__intro-left .VirageNum__intro-icons-item svg {
      fill: #333333; }
    .VirageNum__intro--telephonie .VirageNum__intro-wrapper .VirageNum__intro-left .VirageNum__intro-icons-item .icon-ic-call-waiting {
      height: 45px;
      width: 60px;
      margin-bottom: 18px; }
    @media (max-width: 767px) {
      .VirageNum__intro--telephonie .VirageNum__intro-wrapper .VirageNum__intro-left .VirageNum__intro-icons-item {
        margin-bottom: 0;
        margin: 0 5px 30px 5px; } }

@media (max-width: 767px) {
  .VirageNum__blackline--telephonie .VirageNum__blackline-wrapper {
    margin-right: 0;
    padding: 0px 15px 0 30px; } }

@media (max-width: 1125px) {
  .VirageNum__blackline--telephonie .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 {
    font: 800 26px/32px "BrandonGrotesque"; } }

@media (max-width: 767px) {
  .VirageNum__blackline--telephonie .VirageNum__blackline-wrapper .VirageNum__blackline-right h2 {
    font: 800 22px/24px "BrandonGrotesque"; } }

@media (max-width: 1024px) {
  .VirageNum__blackline--telephonie .VirageNum__blackline-wrapper .VirageNum__blackline-left {
    margin-right: 27px; } }

.VirageNum__blackline--telephonie .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
  right: 146px; }
  @media (max-width: 1200px) {
    .VirageNum__blackline--telephonie .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
      max-height: 370px;
      right: 10%; } }
  @media (max-width: 1024px) {
    .VirageNum__blackline--telephonie .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
      max-width: 389px;
      right: 2%; } }
  @media (max-width: 767px) {
    .VirageNum__blackline--telephonie .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
      right: 9%;
      max-height: 253px;
      padding-top: 5px; } }

.VirageNum__forfait-telephonie {
  padding: 100px 0;
  background: #F2F2F2; }
  .VirageNum__forfait-telephonie img {
    height: 32px;
    width: 32px;
    margin-right: 5px; }
  .VirageNum__forfait-telephonie svg {
    height: 32px;
    width: 32px;
    margin-right: 5px;
    fill: white; }
  .VirageNum__forfait-telephonie li {
    list-style: none; }
  .VirageNum__forfait-telephonie-container {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 30px; }
    @media (max-width: 767px) {
      .VirageNum__forfait-telephonie-container {
        padding: 0 15px; } }
  .VirageNum__forfait-telephonie-title {
    text-align: center; }
    @media (max-width: 767px) {
      .VirageNum__forfait-telephonie-title h2 {
        font: 900 22px/24px "BrandonGrotesque", sans-serif; } }
  .VirageNum__forfait-telephonie--items-container {
    padding: 63px 0 47px 0; }
    .VirageNum__forfait-telephonie--items-container span {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-bottom: 10px; }
    .VirageNum__forfait-telephonie--items-container .bloc-forfait-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .VirageNum__forfait-telephonie--items-container .bloc-forfait {
      color: #333333;
      width: calc(50% - 15px);
      border: 1px solid #adadad;
      -webkit-box-shadow: 0px 1px 6px -1px #343434;
              box-shadow: 0px 1px 6px -1px #343434;
      background: white;
      border-radius: 12px;
      position: relative;
      padding: 0;
      cursor: pointer; }
      @media (max-width: 767px) {
        .VirageNum__forfait-telephonie--items-container .bloc-forfait {
          width: 100% !important;
          margin-bottom: 40px; } }
      .VirageNum__forfait-telephonie--items-container .bloc-forfait-item-corner {
        width: 32px;
        height: 32px;
        border-radius: 0 12px 0 12px;
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        z-index: 1;
        background: #333333;
        padding-bottom: 0 !important; }
        .VirageNum__forfait-telephonie--items-container .bloc-forfait-item-corner svg {
          height: 16px !important;
          width: 16px !important;
          margin-right: 0 !important;
          fill: #FFF !important; }
        .VirageNum__forfait-telephonie--items-container .bloc-forfait-item-corner .icon-ic_check {
          display: none; }
      .VirageNum__forfait-telephonie--items-container .bloc-forfait h4,
      .VirageNum__forfait-telephonie--items-container .bloc-forfait h3 {
        padding: 26px 22px;
        text-align: center;
        background: #1F1F1F;
        color: white;
        border-radius: 8px 8px 0 0; }
      .VirageNum__forfait-telephonie--items-container .bloc-forfait-list {
        min-height: 180px;
        margin: 21px 26px 0;
        border-bottom: 1px solid #C7C7C7; }
        .VirageNum__forfait-telephonie--items-container .bloc-forfait-list li {
          line-height: 22px; }
        @media (max-width: 1024px) {
          .VirageNum__forfait-telephonie--items-container .bloc-forfait-list {
            margin: 20px 18px 0; } }
      .VirageNum__forfait-telephonie--items-container .bloc-forfait-list2 {
        min-height: 220px;
        margin: 21px 26px 10px 26px; }
      .VirageNum__forfait-telephonie--items-container .bloc-forfait--active {
        border: 4px solid #BE2323;
        border-radius: 12px 12px 8px 8px; }
        .VirageNum__forfait-telephonie--items-container .bloc-forfait--active .bloc-forfait-item-corner {
          background: #BE2323;
          border-radius: 0 0 0 12px; }
          .VirageNum__forfait-telephonie--items-container .bloc-forfait--active .bloc-forfait-item-corner .icon-ic_add {
            display: none; }
          .VirageNum__forfait-telephonie--items-container .bloc-forfait--active .bloc-forfait-item-corner .icon-ic_check {
            display: block; }
      .VirageNum__forfait-telephonie--items-container .bloc-forfait ul {
        margin: 0; }
        .VirageNum__forfait-telephonie--items-container .bloc-forfait ul li {
          padding-bottom: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .VirageNum__forfait-telephonie--items-container .bloc-forfait ul li svg {
            margin-right: 5px; }
      .VirageNum__forfait-telephonie--items-container .bloc-forfait-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 13px 0 10px; }
        @media (max-width: 1024px) {
          .VirageNum__forfait-telephonie--items-container .bloc-forfait-price {
            padding: 0; } }
        .VirageNum__forfait-telephonie--items-container .bloc-forfait-price .price {
          font-size: 44px;
          font-weight: 700;
          margin-bottom: 0; }
          .VirageNum__forfait-telephonie--items-container .bloc-forfait-price .price sup {
            font-size: 16px; }
        .VirageNum__forfait-telephonie--items-container .bloc-forfait-price .bymonth {
          font: 400 14px/14px 'Gloria Hallelujah';
          margin-left: -25px;
          padding-top: 5px;
          color: #626262; }

@media (max-width: 767px) {
  .page-id-7605 .bymonth {
    margin-left: -15px !important;
    padding-top: 8px !important; } }

#VirageNum__teleslider,
#VirageNum__heroSlider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #VirageNum__teleslider > .tns-item,
  #VirageNum__heroSlider > .tns-item {
    width: 100% !important; }

#VirageNum__heroSlider {
  visibility: hidden; }

@media (max-width: 767px) {
  #virage-numerique-forfait-telephonie .tns-controls {
    display: none; } }

@media (max-width: 767px) {
  .VirageNum__forfait-telephonie--items-container {
    padding-bottom: 0; } }

.VirageNum__packages-slider-offretype {
  color: #BE2323 !important;
  font: 700 16px/16px "BrandonGrotesque", sans-serif !important;
  text-transform: uppercase;
  margin-bottom: 8px; }

.VirageNum__packages-slider-item-download-type {
  text-align: center;
  font-weight: 900; }

.liste-qualif-services {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .liste-qualif-services li {
    margin: 4px 0;
    background: url(../img/svg/ic-check-qualif.svg) left center no-repeat;
    background-size: 14px 14px;
    padding-left: 24px; }

.page-id-118673 .TwoCol,
.page-id-118826 .TwoCol,
.page-id-118776 .TwoCol,
.page-id-118774 .TwoCol {
  padding: 0 !important; }
  .page-id-118673 .TwoCol img,
  .page-id-118826 .TwoCol img,
  .page-id-118776 .TwoCol img,
  .page-id-118774 .TwoCol img {
    max-height: 150px;
    height: auto;
    width: auto; }
  .page-id-118673 .TwoCol a,
  .page-id-118826 .TwoCol a,
  .page-id-118776 .TwoCol a,
  .page-id-118774 .TwoCol a {
    color: #FFF !important;
    text-decoration: underline !important; }

.page-id-118673 .WYSIWYGGeneral,
.page-id-118826 .WYSIWYGGeneral,
.page-id-118776 .WYSIWYGGeneral,
.page-id-118774 .WYSIWYGGeneral {
  padding-bottom: 0 !important; }

.page-id-118673 .WYSIWYGGeneral:last-of-type,
.page-id-118826 .WYSIWYGGeneral:last-of-type,
.page-id-118776 .WYSIWYGGeneral:last-of-type,
.page-id-118774 .WYSIWYGGeneral:last-of-type {
  padding-bottom: 100px !important; }

.HeroCarrouselTV .tns-controls.tns-controls.tns-controls.tns-controls.tns-controls.tns-controls {
  margin-top: 0px !important; }

.VirageNum__price-details .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.VirageNum__price-details--active .VirageNum__price-details-content {
  bottom: 85px !important; }
  @media (max-width: 1024px) {
    .VirageNum__price-details--active .VirageNum__price-details-content {
      bottom: 85px !important; } }

.VirageNum__price-details--active .details-title:after {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important; }

.details-title:focus {
  outline-offset: 2px;
  color: #FFF;
  outline: 1px solid #FFF; }

.VirageNum__sticky-cart {
  background: #BE2323;
  -webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.5);
  position: fixed;
  bottom: 0px;
  z-index: 999;
  left: 0;
  width: 100%; }
  @media (max-width: 767px) {
    .VirageNum__sticky-cart {
      bottom: 0px; } }
  .VirageNum__sticky-cart .VirageNum__price-details-content {
    color: white;
    border-radius: 8px 8px 0 0;
    background: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 15px;
    position: absolute;
    bottom: -30px;
    right: 15px;
    min-height: 165px;
    min-width: 200px;
    z-index: 5;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    @media (max-width: 1024px) {
      .VirageNum__sticky-cart .VirageNum__price-details-content {
        bottom: -30px; } }
    @media (max-width: 320px) {
      .VirageNum__sticky-cart .VirageNum__price-details-content {
        display: none; } }
    .VirageNum__sticky-cart .VirageNum__price-details-content .details-title {
      font-size: 16px;
      font-weight: 900;
      padding: 10px 15px;
      border-radius: 8px 8px 0 0;
      background: #000;
      position: relative;
      cursor: pointer;
      border: 0;
      text-align: left; }
      .VirageNum__sticky-cart .VirageNum__price-details-content .details-title::after {
        content: "";
        background-image: url(../img/svg/ic_arrow-right.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
        height: 15px;
        width: 15px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 15px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
    .VirageNum__sticky-cart .VirageNum__price-details-content .sticky-cart-action-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .VirageNum__sticky-cart .VirageNum__price-details-content .sticky-cart-action-btn {
      background: none;
      border: none; }
      .VirageNum__sticky-cart .VirageNum__price-details-content .sticky-cart-action-btn svg {
        width: 10px;
        height: 10px;
        margin-left: 5px;
        fill: white; }
      .VirageNum__sticky-cart .VirageNum__price-details-content .sticky-cart-action-btn--delete {
        position: absolute;
        right: -20px; }
    .VirageNum__sticky-cart .VirageNum__price-details-content .sticky-cart-action-price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      position: relative; }
    .VirageNum__sticky-cart .VirageNum__price-details-content .detail-items {
      padding: 15px 25px 15px 15px;
      min-height: 88px; }
      .VirageNum__sticky-cart .VirageNum__price-details-content .detail-items ul {
        margin: 0; }
        .VirageNum__sticky-cart .VirageNum__price-details-content .detail-items ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          list-style: none;
          padding-bottom: 4px; }
          .VirageNum__sticky-cart .VirageNum__price-details-content .detail-items ul li span::before {
            content: "";
            width: 15px;
            margin: 0 3px;
            display: inline-block; }
    .VirageNum__sticky-cart .VirageNum__price-details-content .ButtonEffect {
      margin: 0 auto; }
  .VirageNum__sticky-cart .VirageNum__price-container {
    background: #BE2323;
    padding: 26px 0 22px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 100; }
    @media (max-width: 1350px) {
      .VirageNum__sticky-cart .VirageNum__price-container {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    .VirageNum__sticky-cart .VirageNum__price-container .Footer__menu-nav__link {
      color: #FFF;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      display: inline-block; }
      .VirageNum__sticky-cart .VirageNum__price-container .Footer__menu-nav__link:hover {
        color: #343434 !important; }
      @media (max-width: 1350px) {
        .VirageNum__sticky-cart .VirageNum__price-container .Footer__menu-nav__link {
          display: none; } }
    .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-price {
      font: 700 44px/44px "BrandonGrotesque", sans-serif; }
      @media (max-width: 1024px) {
        .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-price {
          font: 700 44px/44px "BrandonGrotesque", sans-serif;
          position: relative; } }
      .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-price sup {
        font-size: 16px;
        top: -1.5em !important; }
        @media (max-width: 1024px) {
          .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-price sup {
            font-size: 16px; } }
    .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-bymonth {
      font: 400 14px/14px 'Gloria Hallelujah';
      margin-left: -20px;
      padding-top: 5px;
      position: relative;
      padding-left: 2px;
      top: 7px; }
      @media (max-width: 1024px) {
        .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-bymonth {
          font: 400 14px/14px 'Gloria Hallelujah';
          margin-left: -20px; } }
      .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-bymonth--fr {
        margin-left: -27px; }
        @media (max-width: 1024px) {
          .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-bymonth--fr {
            margin-left: -27px; } }
    .VirageNum__sticky-cart .VirageNum__price-container .ButtonEffect {
      color: #BE2323;
      height: 40px;
      min-width: 110px;
      margin-left: 48px; }
      .VirageNum__sticky-cart .VirageNum__price-container .ButtonEffect::before {
        background: white !important; }
      .VirageNum__sticky-cart .VirageNum__price-container .ButtonEffect:hover, .VirageNum__sticky-cart .VirageNum__price-container .ButtonEffect:focus {
        color: white !important; }
      @media (max-width: 1024px) {
        .VirageNum__sticky-cart .VirageNum__price-container .ButtonEffect {
          height: 40px;
          min-width: 110px;
          margin-left: 48px; } }
      @media (max-width: 599px) {
        .VirageNum__sticky-cart .VirageNum__price-container .ButtonEffect {
          margin-left: 15px; } }
  .VirageNum__sticky-cart--notfixed {
    position: relative;
    bottom: 0; }
  .VirageNum__sticky-cart .missingChannelsBanner {
    display: none;
    position: absolute;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 202px;
    bottom: 0;
    background: #333333;
    color: #FFF;
    z-index: 999;
    right: 360px;
    height: 100px; }
    .VirageNum__sticky-cart .missingChannelsBanner .Banner__wrapper {
      background: none;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .VirageNum__sticky-cart .missingChannelsBanner .Banner__wrapper::before {
        right: -12px;
        left: auto;
        border-color: transparent #000 transparent transparent;
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
        border-width: 0 12px 12px 0;
        top: 0; }
    .VirageNum__sticky-cart .missingChannelsBanner .Banner__title {
      font-size: 16px; }
    .VirageNum__sticky-cart .missingChannelsBanner .Banner__splash {
      width: 5px;
      margin: 0 4px; }
    @media (max-width: 1024px) {
      .VirageNum__sticky-cart .missingChannelsBanner {
        right: 360px;
        height: 100px; } }

.VirageNum__sticky-cart .container {
  max-width: 1170px;
  position: relative;
  z-index: 9999; }

@media (max-width: 991px) {
  .VirageNumerique .BackToTop {
    display: none; } }

.VirageNum__sticky-cart--notfixed #chatToggle {
  bottom: 318px !important;
  z-index: 0; }
  @media (max-width: 799px) {
    .VirageNum__sticky-cart--notfixed #chatToggle {
      bottom: 330px !important; } }

.VirageNum__sticky-cart--notfixed .chatHeader #lhc_need_help_container {
  bottom: 400px !important; }

.VirageNum__sticky-cart--notfixed #chat-container {
  z-index: 1; }

.VirageNum__sticky-cart #chatToggle {
  bottom: 105px;
  z-index: 0; }

.VirageNum__sticky-cart .chatHeader #lhc_need_help_container {
  bottom: 190px; }
  .VirageNum__sticky-cart .chatHeader #lhc_need_help_container:after {
    -webkit-transform: rotate(-325deg);
            transform: rotate(-325deg); }

.sticky-cart-price-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

@media (max-height: 300px) {
  .VirageNum__sticky-cart .VirageNum__price-container {
    padding: 5px 0; }
  .VirageNum__sticky-cart .sticky-cart-btn {
    font-size: 5px !important;
    height: 20px !important;
    min-width: 20px !important; }
  .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-price {
    font: 700 23px/23px "BrandonGrotesque" !important; }
  .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-price sup {
    font-size: 7px !important; }
  .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-bymonth {
    font-size: 5px !important;
    margin-left: -11px !important;
    top: 0 !important; }
  .VirageNum__sticky-cart .VirageNum__price-container .sticky-cart-bymonth:lang(en) {
    margin-left: -8px !important; }
  .VirageNum__sticky-cart .VirageNum__price-details-content {
    bottom: -112px !important; }
  .VirageNum__sticky-cart .VirageNum__price-details-content {
    min-width: 125px !important; }
  .VirageNum__sticky-cart .VirageNum__price-details-content .details-title {
    font-size: 9px !important;
    padding: 4px 15px !important; }
  .VirageNum__sticky-cart .VirageNum__price-details-content .details-title::after {
    width: 10px !important;
    height: 10px !important;
    right: 10px !important;
    top: 5px !important; }
  .VirageNum__sticky-cart .detail-items p {
    font-size: 7px !important;
    line-height: 8px !important; }
  .VirageNum__sticky-cart .detail-items li {
    font-size: 7px !important; }
  .VirageNum__sticky-cart .VirageNum__price-details-content .sticky-cart-action-btn svg {
    width: 6px !important; }
  .VirageNum__price-details--active .VirageNum__price-details-content {
    bottom: -35px !important; } }

.page-template-ebox-tv-landing {
  background: white !important; }
  .page-template-ebox-tv-landing .TVForfaitItem__toggle-head {
    background: #1F1F1F; }
  @media (max-width: 1024px) {
    .page-template-ebox-tv-landing #receiverCart {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; } }
  @media (max-width: 767px) {
    .page-template-ebox-tv-landing .tns-outer {
      overflow-x: hidden;
      overflow-y: hidden; } }
  @media (max-width: 767px) {
    .page-template-ebox-tv-landing .tv-item-cart__wrapper {
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      border: 1px solid #ccc !important; } }
  .page-template-ebox-tv-landing .tv-items-cart {
    color: #1F1F1F; }
    @media (max-width: 767px) {
      .page-template-ebox-tv-landing .tv-items-cart-corner {
        right: 0px !important;
        top: 0px !important; } }
    @media (max-width: 767px) {
      .page-template-ebox-tv-landing .tv-items-cart--title {
        width: 100% !important;
        left: 0 !important;
        top: 0 !important; } }
    @media (max-width: 767px) {
      .page-template-ebox-tv-landing .tv-items-cart--active .tv-item-cart__wrapper:before {
        border: 1px solid #BE2323 !important;
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important; } }
  @media (max-width: 767px) {
    .page-template-ebox-tv-landing .TVForfaitItem__toggle--opened {
      border-left: 1px solid #BE2323 !important;
      border-right: 1px solid #BE2323 !important;
      border-bottom: 1px solid #BE2323 !important; } }

.VirageNum__intro--tv {
  padding: 80px 48px;
  max-width: 1170px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .VirageNum__intro--tv {
      padding: 70px 0; } }
  .VirageNum__intro--tv .VirageNum__intro-wrapper {
    height: inherit !important;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1160px) {
      .VirageNum__intro--tv .VirageNum__intro-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        height: auto; } }
    .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-left {
      margin-right: 118px;
      /*@media(max-width: 1600px){
                margin-right: 0;
            }*/ }
      @media (max-width: 1024px) {
        .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-left .VirageNum__intro-icons-items {
          width: auto; } }
      @media (max-width: 1300px) {
        .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-left {
          margin: 0 auto; } }
      @media (max-width: 1160px) {
        .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-left {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-bottom: 0;
          padding-bottom: 0; } }
      .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-left .VirageNum__intro-btn-container .ButtonEffect:first-of-type {
        margin-right: 30px; }
      @media (max-width: 767px) {
        .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-left .VirageNum__intro-btn-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-left .VirageNum__intro-btn-container .ButtonEffect:first-of-type {
            margin-bottom: 30px;
            margin-right: 0; } }
    @media (max-width: 1300px) {
      .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -60px; }
        .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-right img {
          max-width: 500px; } }
    @media (max-width: 1200px) {
      .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-right {
        margin-left: -75px; } }
    @media (max-width: 1160px) {
      .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-right {
        margin-left: 0;
        margin: 0 auto; } }
    @media (max-width: 1024px) {
      .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-right img {
        max-width: 460px;
        height: auto; } }
    @media (max-width: 767px) {
      .VirageNum__intro--tv .VirageNum__intro-wrapper .VirageNum__intro-right img {
        max-width: 275px; } }

.VirageNum__packages--eboxtv {
  background: #F2F2F2; }
  @media (max-width: 1300px) {
    .VirageNum__packages--eboxtv {
      padding-left: 75px; } }
  @media (max-width: 499px) {
    .VirageNum__packages--eboxtv {
      padding-left: 60px; } }
  .VirageNum__packages--eboxtv .VirageNum__packages-wrapper {
    max-width: 100%;
    width: 100%;
    position: relative;
    padding-top: 0;
    padding-bottom: 100px; }
    .VirageNum__packages--eboxtv .VirageNum__packages-wrapper::before {
      content: "";
      background: #F2F2F2;
      height: 100%;
      width: 100%;
      position: absolute;
      right: 100%;
      top: 0;
      z-index: 99; }
    @media (max-width: 1300px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper {
        padding: 30px 30px 70px 10px !important; } }
    @media (max-width: 767px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper {
        padding: 20px 15px 70px 10px !important; } }
    @media (max-width: 810px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .eboxTv__title {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 55px;
        z-index: 99; } }
    @media (max-width: 810px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .eboxTv__title .Qualification {
        position: absolute;
        bottom: 0;
        margin: 0 auto 0px; } }
    @media (max-width: 610px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .eboxTv__title .Qualification {
        left: 8%; } }
    @media (max-width: 499px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .eboxTv__title .Qualification {
        left: 0; } }
    @media (max-width: 430px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .eboxTv__title .Qualification {
        left: -8%; } }
    @media (max-width: 400px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .eboxTv__title .Qualification {
        left: -14%; } }
    @media (max-width: 380px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .eboxTv__title .Qualification {
        left: -58px; } }
    @media (max-width: 360px) {
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .eboxTv__title .Qualification {
        left: -67px; } }
    .VirageNum__packages--eboxtv .VirageNum__packages-wrapper h2 {
      margin: 0 auto;
      padding: 100px 0 20px; }
      @media (max-width: 1024px) {
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper h2 {
          padding: 70px 0; } }
      @media (max-width: 767px) {
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper h2 {
          margin-left: -45px;
          z-index: 10; } }
    .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-tools h3 {
      font-weight: 900 !important;
      padding-bottom: 28px; }
    .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-tools p a {
      text-decoration: underline; }
    .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-tools ul li {
      line-height: 22px; }
      @media (max-width: 499px) {
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-tools ul li {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          margin-right: 0; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-tools ul li svg {
            min-width: 32px;
            width: 32px; } }
    .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart__wrapper {
        max-width: 270px;
        background: #fff;
        border: 4px solid #FFF;
        width: 100%;
        margin-top: 10px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        -webkit-box-shadow: 0px 1px 6px -1px #000000;
                box-shadow: 0px 1px 6px -1px #000000;
        border-radius: 16px; }
        @media (max-width: 767px) {
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart__wrapper {
            border-radius: 20px 16px 16px 16px;
            border: 4px solid transparent; } }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart {
        cursor: pointer; }
        @media (max-width: 767px) {
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart {
            max-width: 100%;
            margin-right: 0;
            margin-left: 5px; } }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart .TVForfaitItem__toggle-head {
          border-radius: 0 0 16px 16px;
          overflow: hidden; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart:last-child {
          margin-right: 0; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--active .tv-items-cart__wrapper {
          border-radius: 16px; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--active .tv-items-cart__wrapper::before {
            content: '';
            width: calc(100% + 8px);
            height: calc(100% + 8px);
            border: 4px solid #BE2323;
            position: absolute;
            z-index: 2;
            border-radius: 16px;
            pointer-events: none;
            left: -4px;
            top: -4px; }
          @media (max-width: 767px) {
            .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--active .tv-items-cart__wrapper {
              border-radius: 20px 16px 16px 16px; }
              .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--active .tv-items-cart__wrapper::before {
                border-radius: 20px 16px 16px 16px; } }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--active .tv-items-cart-corner-flag {
          left: -8px;
          top: -7px;
          z-index: 9; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--active .tv-items-cart-corner {
          background: #BE2323;
          top: -4px;
          right: -4px;
          position: absolute; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--active .tv-items-cart-corner .icon-ic_check {
            display: block;
            fill: white !important; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--active .tv-items-cart-corner .icon-ic_add {
            display: none; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart .alacarte {
          font-size: 12px;
          font-weight: 400; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--title {
          height: 90px;
          min-height: 80px;
          max-height: 80px;
          width: calc(100% + 8px);
          position: relative;
          left: -4px;
          top: -4px;
          background: #1F1F1F;
          color: white;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-radius: 16px 16px 0 0; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--title h4 {
            display: inline-block;
            max-width: 180px;
            font: 700 20px/22px "BrandonGrotesque", sans-serif; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-corner-flag {
          position: absolute;
          left: -8px;
          top: -7px;
          z-index: 9; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-corner-flag svg {
            width: 81px;
            height: 71px; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-corner-flag .flag-text-container {
            width: 82px;
            height: 72px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-transform: rotate(-41deg);
                    transform: rotate(-41deg);
            position: absolute;
            top: -7px;
            left: -9px; }
            .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-corner-flag .flag-text-container .flag-text {
              color: white;
              font-size: 12px; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-corner {
          width: 32px;
          height: 32px;
          border-radius: 0 12px 0 12px;
          position: absolute;
          top: -4px;
          right: -4px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          z-index: 1;
          background: #333333;
          padding-bottom: 0 !important; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-corner svg {
            height: 16px !important;
            width: 16px !important;
            margin-right: 0 !important;
            fill: white !important; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-corner .icon-ic_check {
            display: none; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart p {
          font-size: 20px;
          font-weight: 400;
          max-height: 100px;
          border-bottom: 1px solid #c7c7c7;
          margin: 5px 15px 0; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart p .channel-number {
            font: 900 45px/45px "BrandonGrotesque", sans-serif;
            display: block; }
            .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart p .channel-number .icon-ic-heart {
              position: absolute;
              right: 78px;
              top: 56px;
              width: 15px;
              height: auto;
              -webkit-transform: rotate(15deg);
                      transform: rotate(15deg);
              fill: #BE2323; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart p .channel-number--alacarte {
            display: inline-block;
            font: 900 45px/45px "BrandonGrotesque", sans-serif;
            padding-bottom: 6px; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart p .apartirde {
            font-size: 12px;
            font-weight: 400;
            margin-bottom: -6px;
            display: block; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart p.alacarte-section .channel-number {
            display: inline; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--channel {
          border-bottom: 1px solid #c7c7c7;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          text-align: center;
          min-height: 110px; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--channel span {
            font-size: 12px;
            font-weight: 400;
            display: inline-block;
            margin-bottom: 10px; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--channel img {
            width: 30px;
            height: auto;
            margin-right: 3px; }
            .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--channel img:last-of-type {
              margin-right: 0; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--price {
          margin: 20px 15px 0;
          min-height: 50px;
          position: relative; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--price p {
            font-size: 44px;
            font-weight: 700;
            border: none;
            position: relative;
            border: none; }
            .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--price p sup {
              font-size: 16px;
              top: -19px; }
            .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--price p span {
              font-size: 14px;
              display: inline-block;
              font-weight: 400;
              position: absolute;
              top: 0;
              left: 107px;
              color: #626262;
              font-family: "Gloria Hallelujah"; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--littlenotice {
          background: #1F1F1F;
          height: 32px;
          border-radius: 0 0 12px 12px;
          overflow: hidden; }
          .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--littlenotice .notice {
            font-size: 12px;
            font-weight: 400;
            text-align: left;
            padding: 8px;
            color: white;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 0;
            height: 33px; }
            .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--littlenotice .notice svg {
              width: 16px;
              height: 16px;
              fill: white;
              -webkit-transform: rotate(180deg);
                      transform: rotate(180deg); }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .TVForfaitItem__toggle-title {
        font: 400 12px/16px "BrandonGrotesque", sans-serif;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 30px;
        padding: 0 15px;
        color: #FFF; }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .channel__details-btn {
        display: none; }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .TVForfaitItem__toggle {
        width: calc(100% + 8px);
        left: -4px;
        bottom: -4px;
        border-radius: 0 0 16px 16px;
        height: 30px !important;
        position: relative; }
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .TVForfaitItem__toggle--pre {
          left: 0;
          bottom: 0;
          width: 100%; }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .TVForfaitItem__channel-list-item.TVForfaitItem__channel-list-item {
        margin: 0 0 15px !important; }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .TVForfaitItem__toggle-title-icon {
        width: 16px;
        height: 16px;
        fill: currentColor;
        margin-left: 5px; }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .TVForfaitItem__toggle-body {
        padding: 28px 15px;
        text-align: left;
        background: #333333;
        color: #FFF; }
      .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .TVForfaitItem__channel-list.TVForfaitItem__channel-list {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 0 10px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
    .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-notice {
      margin-top: 47px; }
      @media (max-width: 767px) {
        .VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-notice {
          display: none; } }

.Spacer-container {
  margin: 0 auto;
  max-width: 1170px;
  width: 100%;
  padding: 0 15px; }
  .Spacer-container .Spacer {
    border-top: 1px solid #333333;
    height: 70px;
    display: block; }
  @media (max-width: 1300px) {
    .Spacer-container {
      padding: 0 85px; } }
  @media (max-width: 1024px) {
    .Spacer-container {
      padding: 0 70px; } }
  @media (max-width: 767px) {
    .Spacer-container {
      padding: 0 15px 0 70px; } }

.VirageNum__packages--infonuagique {
  background: #F2F2F2; }
  .VirageNum__packages--infonuagique-wrapper {
    max-width: 1170px;
    padding: 0 20px;
    margin: 0 auto; }
    @media (max-width: 1300px) {
      .VirageNum__packages--infonuagique-wrapper {
        padding: 0 68px 0 85px;
        margin: 0; } }
    @media (max-width: 1024px) {
      .VirageNum__packages--infonuagique-wrapper {
        padding: 0 48px 0 85px; } }
    @media (max-width: 499px) {
      .VirageNum__packages--infonuagique-wrapper {
        padding: 0 15px 0 70px; } }
  .VirageNum__packages--infonuagique .tns-controls {
    padding-bottom: 40px; }
  .VirageNum__packages--infonuagique-text-content h3 {
    margin-bottom: 10px; }
  .VirageNum__packages--infonuagique-text-content p {
    padding-bottom: 35px; }
  .VirageNum__packages--infonuagique-text-content--receiver p {
    padding-bottom: 0; }

@media (max-width: 1300px) {
  .VirageNum__packages--eboxtv--infonuagique {
    padding-left: 75px; } }

@media (max-width: 499px) {
  .VirageNum__packages--eboxtv--infonuagique {
    padding-left: 60px; } }

.VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper {
  width: 100%;
  max-width: 1170px;
  padding: 25px 15px 120px; }
  .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper::before {
    z-index: 60; }
  .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages--infonuagique-text-content p {
    padding-top: 10px;
    padding-bottom: 35px; }
  .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart__wrapper {
      height: 367px; }
      .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart__wrapper:lang(en-CA) {
        height: 397px; }
    .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart p {
      margin: 17px 15px 0;
      padding-bottom: 17px; }
    .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--price p span {
      top: 0;
      left: 108px; }
    .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver {
      height: 370px; }
      .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver p {
        margin: 30px 15px 20px;
        padding-bottom: 20px;
        font-size: 16px; }
      .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver .tv-items-cart-infonuagique {
        padding: 20px 0 30px; }
        .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver .tv-items-cart-infonuagique label {
          font-size: 16px; }
          .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver .tv-items-cart-infonuagique label input {
            width: 72px;
            margin-top: 10px; }
      @media (max-width: 767px) {
        .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver .tv-items-cart__wrapper {
          margin-top: 0px !important; } }
      .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver .tv-items-cart--price {
        margin: 0; }
        .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver .tv-items-cart--price p {
          font-size: 44px; }
          .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver .tv-items-cart--price p span {
            left: 122px; }
      .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver input[type="checkbox"] {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        width: 16px !important;
        height: 16px;
        border-radius: 2px;
        border: 1px solid #999999;
        cursor: pointer;
        position: relative; }
        .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver input[type="checkbox"]::after {
          content: "";
          background-image: url(../img/ic_check.png);
          background-size: cover;
          width: 16px;
          height: 16px;
          display: none;
          position: absolute;
          top: -2px;
          left: 0; }
      .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver input[type="checkbox"]:checked {
        background-color: none; }
      .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart--receiver input[type="checkbox"]:checked:after {
        display: block; }
    .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-noInfonuagique {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 25px;
      font-weight: 900;
      padding: 0 15px; }
    .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-infonuagique {
      padding: 25px 0;
      margin: 0 15px;
      border-bottom: 1px solid #c7c7c7; }
      .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-infonuagique ul {
        margin: 0; }
        .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-infonuagique ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          padding-bottom: 10px;
          text-align: left;
          line-height: 16px; }
          .VirageNum__packages--eboxtv--infonuagique .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart-infonuagique ul li svg {
            width: 32px;
            height: 32px;
            fill: #BE2323;
            margin-right: 5px;
            -ms-flex-negative: 0;
                flex-shrink: 0; }

.page-template-ebox-tv-landing .VirageNum__blackline h2 {
  line-height: 48px; }

@media (max-width: 767px) {
  .VirageNum__blackline--eboxtv {
    padding: 0; } }

.VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-left {
  padding-left: 30px; }
  .VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
    max-height: 380px; }
    @media (max-width: 1100px) {
      .VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
        max-height: 360px; } }
  @media (max-width: 1400px) {
    .VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
      right: 0; } }
  @media (max-width: 1024px) {
    .VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-left img {
      min-height: 242px; } }

.VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-right {
  padding-right: 30px; }
  @media (max-width: 1200px) {
    .VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-right {
      padding-left: 45px; } }
  @media (max-width: 1024px) {
    .VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-right {
      padding-left: 30px; } }
  @media (max-width: 767px) {
    .VirageNum__blackline--eboxtv .VirageNum__blackline-wrapper .VirageNum__blackline-right {
      padding: 40px 15px 60px; } }

.VirageNum__packages--eboxtv--carrouselBasPage {
  padding-left: 0; }
  .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper {
    max-width: 1170px; }
    @media (max-width: 1024px) {
      .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper {
        padding: 70px 30px 0px !important; } }
    @media (max-width: 767px) {
      .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper {
        padding: 70px 15px 0px !important; } }
    .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 382px; }
      @media (max-width: 1024px) {
        .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul {
        margin: 0; }
        .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          @media (max-width: 1024px) {
            .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; } }
          .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-left {
            width: 50%;
            margin-right: 30px; }
            .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-left h2 {
              margin: 0 auto 10px;
              text-align: left; }
            @media (max-width: 1200px) {
              .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-left {
                width: 40%; } }
            @media (max-width: 1024px) {
              .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-left {
                -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                        order: 1;
                width: 100%;
                text-align: center;
                max-width: 464px;
                margin-top: 30px;
                margin-right: 0; }
                .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-left h2 {
                  text-align: center; } }
          .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-right {
            width: 50%;
            text-align: center; }
            .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-right img {
              max-height: 380px;
              max-width: 100%;
              height: auto; }
            @media (max-width: 1024px) {
              .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-right {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center; }
                .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-right img {
                  max-height: 310px; } }
            @media (max-width: 767px) {
              .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-items ul li .slide-item-right img {
                max-height: 231px; } }
    .VirageNum__packages--eboxtv--carrouselBasPage .VirageNum__packages-wrapper .VirageNum__packages-slider-pager {
      margin-top: 60px; }
  .VirageNum__packages--eboxtv--carrouselBasPage--hero {
    background: none !important; }
    .VirageNum__packages--eboxtv--carrouselBasPage--hero .VirageNum__packages-wrapper {
      padding: 30px !important; }
      .VirageNum__packages--eboxtv--carrouselBasPage--hero .VirageNum__packages-wrapper:before {
        background: #FFF !important; }
    .VirageNum__packages--eboxtv--carrouselBasPage--hero .VirageNum__packages-items {
      overflow: hidden !important; }
    .VirageNum__packages--eboxtv--carrouselBasPage--hero .VirageNum__heroSlider-iw {
      overflow: hidden !important; }

#intDecodeur {
  left: inherit;
  position: relative;
  top: inherit;
  font-size: inherit;
  font-size: 44px;
  font-weight: 700;
  font-family: "BrandonGrotesque", sans-serif;
  color: #000; }

#decDecodeur {
  font-size: 16px;
  left: inherit;
  position: relative;
  font-weight: 700;
  color: #000;
  font-family: "BrandonGrotesque", sans-serif; }

.section--title {
  background: #FFF;
  text-align: center;
  padding: 100px 15px; }
  @media (max-width: 1024px) {
    .section--title {
      padding: 70px 15px; } }

body.page-template-virage-numerique-landing-chaines .order--has-tabs,
body.page-template-premium-landing-chaines .order--has-tabs {
  padding-top: 0; }

body.page-template-virage-numerique-landing-chaines h1,
body.page-template-premium-landing-chaines h1 {
  font: 800 45px/50px "BrandonGrotesque", sans-serif;
  text-transform: uppercase; }
  @media (max-width: 1024px) {
    body.page-template-virage-numerique-landing-chaines h1,
    body.page-template-premium-landing-chaines h1 {
      font: 800 26px/32px "BrandonGrotesque", sans-serif; } }
  @media (max-width: 420px) {
    body.page-template-virage-numerique-landing-chaines h1,
    body.page-template-premium-landing-chaines h1 {
      font: 800 22px/24px "BrandonGrotesque", sans-serif; } }

body.page-template-virage-numerique-landing-chaines .textured-bg--black,
body.page-template-premium-landing-chaines .textured-bg--black {
  background: #1F1F1F; }

body.page-template-virage-numerique-landing-chaines .order__main-title,
body.page-template-premium-landing-chaines .order__main-title {
  display: none; }

body.page-template-virage-numerique-landing-chaines .order__content,
body.page-template-premium-landing-chaines .order__content {
  padding-top: 0; }
  @media (max-width: 1024px) {
    body.page-template-virage-numerique-landing-chaines .order__content,
    body.page-template-premium-landing-chaines .order__content {
      padding-bottom: 70px; } }

@media (max-width: 450px) {
  body.page-template-virage-numerique-landing-chaines #otherPremiumChannels button,
  body.page-template-premium-landing-chaines #otherPremiumChannels button {
    min-width: 81px; } }

@media (max-width: 600px) {
  body.page-template-virage-numerique-landing-chaines .channel-list:not(.channel-list--plain) .channel-list__body,
  body.page-template-premium-landing-chaines .channel-list:not(.channel-list--plain) .channel-list__body {
    padding: 30px 20px; } }

@media (max-width: 600px) {
  body.page-template-virage-numerique-landing-chaines .channel:not(.channel--selected) .channel__logo-container--has-price .channel__logo-wrapper,
  body.page-template-premium-landing-chaines .channel:not(.channel--selected) .channel__logo-container--has-price .channel__logo-wrapper {
    position: absolute; } }

@media (max-width: 600px) {
  body.page-template-virage-numerique-landing-chaines .channel-list--bundle,
  body.page-template-premium-landing-chaines .channel-list--bundle {
    padding: 30px 42px 30px 20px; } }

.subtitle-wrapper {
  padding: 100px 160px 60px;
  width: 100%; }
  .subtitle-wrapper h3 {
    font: 900 35px "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
    @media (max-width: 1024px) {
      .subtitle-wrapper h3 {
        font: 900 26px/32px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 767px) {
      .subtitle-wrapper h3 {
        font: 900 24px/28px "BrandonGrotesque", sans-serif; } }
  @media (max-width: 1700px) {
    .subtitle-wrapper {
      padding: 100px 60px 60px; } }
  @media (max-width: 1200px) {
    .subtitle-wrapper {
      padding: 100px 30px 60px; } }
  @media (max-width: 1024px) {
    .subtitle-wrapper {
      padding: 70px 30px 60px; } }
  @media (max-width: 600px) {
    .subtitle-wrapper {
      padding: 100px 15px 60px; } }

.tns-inner {
  position: relative;
  z-index: 9; }

body .tablepress.VirageNum__tab {
  border: 1px solid #C7C7C7 !important; }
  body .tablepress.VirageNum__tab th {
    background: #FFF !important;
    color: #333333 !important;
    border-right: 1px solid #c7c7c7 !important; }
  body .tablepress.VirageNum__tab .odd td {
    background: #FFF !important; }
  body .tablepress.VirageNum__tab .even td {
    background: rgba(199, 199, 199, 0.3) !important; }

@media (max-width: 991px) {
  #alert-tabforfait:before,
  #alert-appcompatible:before {
    display: none; } }

@media (max-width: 991px) {
  #alert-tabforfait table,
  #alert-appcompatible table {
    width: 100% !important; } }

#alert-tabforfait .dataTables_wrapper,
#alert-appcompatible .dataTables_wrapper {
  overflow: scroll !important; }

@media (max-width: 991px) {
  #alert-tabforfait .modal-content,
  #alert-appcompatible .modal-content {
    padding: 40px; } }

@media (max-width: 767px) {
  #alert-tabforfait .modal-content,
  #alert-appcompatible .modal-content {
    padding: 40px 20px; } }

.VirageNum__tab th {
  background: #FFF !important;
  color: #333333 !important;
  font: 400 16px/16px "BrandonGrotesque", sans-serif;
  font-weight: 400 !important;
  text-align: center !important; }
  .VirageNum__tab th .startfrom {
    font: 400 12px/16px "BrandonGrotesque", sans-serif !important; }
  .VirageNum__tab th .bignumber {
    font: 900 40px/40px "BrandonGrotesque", sans-serif; }
  .VirageNum__tab th:last-of-type {
    border-right: 0; }

.VirageNum__tab td.column-1 {
  border-right: 1px solid #c7c7c7;
  width: 170px;
  border-top: 0;
  height: 80px;
  vertical-align: middle;
  font: 700 16px/18px "BrandonGrotesque", sans-serif;
  color: #333333; }
  .VirageNum__tab td.column-1 span {
    font: 400 14px/16px "BrandonGrotesque", sans-serif; }

.VirageNum__tab td.column-2, .VirageNum__tab td.column-3, .VirageNum__tab td.column-4, .VirageNum__tab td.column-5, .VirageNum__tab td.column-6, .VirageNum__tab td.column-7, .VirageNum__tab td.column-8 {
  border-right: 1px solid #c7c7c7;
  border-top: 0;
  text-align: center;
  vertical-align: middle;
  font: 700 16px/18px "BrandonGrotesque", sans-serif;
  width: 158px; }

.VirageNum__tab td.column-8 {
  border-right: 0; }

.ebox-modal-white .modal-dialog {
  width: 95%;
  max-width: 1226px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .ebox-modal-white .modal-dialog .modal-content {
    padding: 60px;
    position: relative; }
    .ebox-modal-white .modal-dialog .modal-content p {
      font: 400 16px/22px "BrandonGrotesque", sans-serif;
      color: #333333; }
    .ebox-modal-white .modal-dialog .modal-content p.title {
      font: 900 45px/50px "BrandonGrotesque", sans-serif;
      text-transform: uppercase;
      color: #333333; }
      @media (max-width: 991px) {
        .ebox-modal-white .modal-dialog .modal-content p.title {
          font-size: 26px; } }
      @media (max-width: 767px) {
        .ebox-modal-white .modal-dialog .modal-content p.title {
          font-size: 20px; } }
    .ebox-modal-white .modal-dialog .modal-content table {
      margin-top: 40px !important; }
  .ebox-modal-white .modal-dialog .close {
    background: none;
    border: none;
    position: absolute;
    right: 22px;
    top: 22px; }
    .ebox-modal-white .modal-dialog .close svg {
      width: 18px;
      height: 18px; }

.VirageNum__forfait-telephonie--items-container .icon-ic_phone {
  fill: #BE2323; }

.VirageNum__forfait-telephonie--items-container .icon-ic-promotions {
  fill: #BE2323;
  margin-left: 16px; }
  @media (max-width: 742px) {
    .VirageNum__forfait-telephonie--items-container .icon-ic-promotions {
      margin-left: 0; } }
  @media (max-width: 432px) {
    .VirageNum__forfait-telephonie--items-container .icon-ic-promotions {
      margin-top: -25px; } }

.page-template-virage-numerique-info-personnelle .userInfos select {
  padding: 0; }

.page-template-virage-numerique-info-personnelle .order__wrapper form {
  padding-top: 80px; }

.TabButton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  border-radius: 6px 0 0 6px;
  font-size: 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.76);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.76); }
  .TabButton__content {
    background: #1F1F1F;
    padding: 14px 6px 12px 8px; }
  .TabButton__title {
    font: 100 8px/11px "BrandonGrotesque", sans-serif;
    margin-bottom: 3px;
    color: #FFF; }
  .TabButton__price {
    font: 900 22px/16px "BrandonGrotesque", sans-serif;
    white-space: nowrap;
    color: #FFF; }
    .TabButton__price sup {
      position: relative;
      display: inline-block;
      font: 900 10px/8px "BrandonGrotesque", sans-serif;
      top: -0.7em;
      margin-left: 2px; }
      .TabButton__price sup:after {
        content: 'par mois';
        position: absolute;
        display: block;
        left: 2px;
        top: 100%;
        font: 400 4px/1 "Gloria Hallelujah"; }
    .TabButton__price:lang(en) sup:after {
      content: 'per month'; }
  .TabButton__foot {
    background: #BE2323;
    padding: 7px 6px 7px 8px;
    color: #FFF;
    white-space: nowrap; }
  .TabButton__foot-title, .TabButton__foot-icon {
    display: inline-block;
    vertical-align: middle; }
  .TabButton__foot-title {
    font-size: 10px;
    line-height: 1;
    margin-right: 3px; }
  .TabButton__foot-icon {
    width: 10px;
    height: 10px;
    fill: currentColor;
    -webkit-animation: arrowRight 0.9s steps(3) infinite;
            animation: arrowRight 0.9s steps(3) infinite; }

.VirageNum__packages-packages {
  position: relative;
  z-index: 99; }

.page-template-virage-numerique-landing-chaines .order__tabs {
  display: none; }

#VirageNum__enregistrement-infonuagique .tv-items-cart {
  margin-top: 0px; }

div[data-a-la-carte="1"] .TVForfaitItem__toggle-head {
  width: calc(100% + 8px);
  left: -4px;
  bottom: -4px;
  border-radius: 0 0 16px 16px !important;
  position: relative; }

.tv-items-cart--active .TVForfaitItem__toggle--opened {
  z-index: 9;
  border-left: 4px solid #BE2323;
  border-right: 4px solid #BE2323;
  border-bottom: 4px solid #BE2323; }

.VirageNum__packages-tools a:hover, .VirageNum__packages-tools a:focus {
  color: #343434;
  text-decoration: underline; }

.VirageNum__packages-tools li a:hover {
  color: #343434; }

.TVForfaitItem__channel-list-item.TVForfaitItem__channel-list-item .channel__logo-container {
  width: 65px;
  height: 65px; }

.page-template-ebox-tv-landing .channel__logo-container {
  position: relative;
  border: 1px solid #8E8E8E;
  border-radius: 8px;
  background: #FFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  width: 90px;
  height: 90px;
  cursor: pointer;
  margin-bottom: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

.page-template-ebox-tv-landing .channel__logo {
  position: absolute;
  width: 60%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: none;
  transition: none;
  font-size: 10px;
  color: #000; }

.VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .channel__details-btn {
  display: none; }

.TVForfaitItem__channel-list-item.TVForfaitItem__channel-list-item .channel__add-overlay {
  display: none; }

.illustration-credit img {
  right: 0; }
  @media (max-width: 1400px) {
    .illustration-credit img {
      right: -70px !important; } }
  @media (max-width: 1225px) {
    .illustration-credit img {
      right: 10% !important;
      max-width: 500px !important; } }
  @media (max-width: 991px) {
    .illustration-credit img {
      right: -8px !important; } }
  @media (max-width: 767px) {
    .illustration-credit img {
      max-width: 380px !important; } }

#alert-tabforfait.modal.in,
#alert-appcompatible.modal.in {
  display: block !important; }

.VirageNum__packages-tools p a,
.VirageNum__packages--infonuagique-wrapper p a {
  text-decoration: underline; }

@media (max-width: 600px) {
  #alert-tabforfait table.responsiveTable,
  #alert-appcompatible table.responsiveTable {
    width: 100% !important; } }

#alert-tabforfait table.responsiveTable svg,
#alert-appcompatible table.responsiveTable svg {
  width: 24px;
  height: 24px; }

@media (max-width: 600px) {
  #alert-tabforfait table.responsiveTable td.column-1,
  #alert-tabforfait table.responsiveTable td.column-2,
  #alert-tabforfait table.responsiveTable td.column-3,
  #alert-tabforfait table.responsiveTable td.column-4,
  #alert-tabforfait table.responsiveTable td.column-5,
  #alert-tabforfait table.responsiveTable td.column-6,
  #alert-tabforfait table.responsiveTable td.column-7,
  #alert-tabforfait table.responsiveTable td.column-8,
  #alert-appcompatible table.responsiveTable td.column-1,
  #alert-appcompatible table.responsiveTable td.column-2,
  #alert-appcompatible table.responsiveTable td.column-3,
  #alert-appcompatible table.responsiveTable td.column-4,
  #alert-appcompatible table.responsiveTable td.column-5,
  #alert-appcompatible table.responsiveTable td.column-6,
  #alert-appcompatible table.responsiveTable td.column-7,
  #alert-appcompatible table.responsiveTable td.column-8 {
    width: 100% !important;
    height: auto !important;
    border-right: 0 !important; }
    #alert-tabforfait table.responsiveTable td.column-1:before,
    #alert-tabforfait table.responsiveTable td.column-2:before,
    #alert-tabforfait table.responsiveTable td.column-3:before,
    #alert-tabforfait table.responsiveTable td.column-4:before,
    #alert-tabforfait table.responsiveTable td.column-5:before,
    #alert-tabforfait table.responsiveTable td.column-6:before,
    #alert-tabforfait table.responsiveTable td.column-7:before,
    #alert-tabforfait table.responsiveTable td.column-8:before,
    #alert-appcompatible table.responsiveTable td.column-1:before,
    #alert-appcompatible table.responsiveTable td.column-2:before,
    #alert-appcompatible table.responsiveTable td.column-3:before,
    #alert-appcompatible table.responsiveTable td.column-4:before,
    #alert-appcompatible table.responsiveTable td.column-5:before,
    #alert-appcompatible table.responsiveTable td.column-6:before,
    #alert-appcompatible table.responsiveTable td.column-7:before,
    #alert-appcompatible table.responsiveTable td.column-8:before {
      text-transform: none; } }

#alert-tabforfait table.responsiveTable td:before,
#alert-appcompatible table.responsiveTable td:before {
  text-transform: none !important;
  font-weight: normal !important; }

.recepteurWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .recepteurWrapper svg {
    width: 60px;
    height: 60px;
    margin: 40px 0; }
  .recepteurWrapper p {
    font-weight: 700 !important;
    border-bottom: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    color: #333333 !important; }

.VirageNum__bandeauPromo {
  width: 100%;
  max-width: 1170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 50px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .VirageNum__bandeauPromo-left, .VirageNum__bandeauPromo-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (max-width: 1199px) {
      .VirageNum__bandeauPromo-left, .VirageNum__bandeauPromo-right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin-bottom: 40px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .VirageNum__bandeauPromo-left img, .VirageNum__bandeauPromo-right img {
      margin-right: 15px;
      margin-bottom: 15px; }
      @media (max-width: 1199px) {
        .VirageNum__bandeauPromo-left img, .VirageNum__bandeauPromo-right img {
          margin-bottom: 36px; } }
  .VirageNum__bandeauPromo-right, .VirageNum__bandeauPromo-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .VirageNum__bandeauPromo-right img, .VirageNum__bandeauPromo-left img {
      margin-right: 15px;
      margin-bottom: 15px;
      max-width: 177px;
      height: auto;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      @media (max-width: 1024px) {
        .VirageNum__bandeauPromo-right img, .VirageNum__bandeauPromo-left img {
          -ms-flex-item-align: center;
              align-self: center; } }
  .VirageNum__bandeauPromo-left {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .VirageNum__bandeauPromo-left svg {
      width: 100px;
      height: 100px;
      fill: #BE2323;
      margin-right: 15px;
      margin-bottom: 23px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      @media (max-width: 1199px) {
        .VirageNum__bandeauPromo-left svg {
          margin-bottom: 36px; } }
      @media (max-width: 1024px) {
        .VirageNum__bandeauPromo-left svg {
          -ms-flex-item-align: center;
              align-self: center; } }
  .VirageNum__bandeauPromo p {
    margin-bottom: 15px;
    line-height: 22px; }
  .VirageNum__bandeauPromo img {
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .VirageNum__bandeauPromo .textuppercase {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 27px; }
  .VirageNum__bandeauPromo-right img {
    margin-left: -5px; }

a[data-numerique-select-tv-package="12021"] .tv-items-cart--channel {
  /*span.inclusentreautre {
        display: none!important;
    }*/ }

a[data-numerique-select-tv-package="113574"] .vignettePremierMois,
a[data-numerique-select-tv-package="113587"] .vignettePremierMois {
  display: none; }

.nbchaineWrapper {
  min-height: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0; }

.vignettePromoCrave {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .vignettePromoCrave span {
    margin: 0 !important; }
  .vignettePromoCrave img {
    margin-right: 10px !important;
    width: 50px; }

.vignettePremierMois {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .vignettePremierMois span {
    margin: 0 !important; }
  .vignettePremierMois svg {
    width: 40px;
    height: 35px;
    fill: #BE2323;
    margin-right: 10px; }
  .vignettePremierMois--internet {
    margin-top: 15px; }
  .vignettePremierMois a {
    color: #BE2323;
    margin-left: 3px; }
  .vignettePremierMois--Crave {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

.smallCrave {
  width: 50px !important; }

.VirageNum__packages--eboxtv .VirageNum__packages-wrapper .VirageNum__packages-slider-tv-items .tv-items-cart .TVForfaitItem__toggle-head {
  width: calc(100% + 8px);
  left: -4px;
  bottom: -4px;
  border-radius: 0 0 16px 16px;
  height: 30px !important;
  position: relative; }

.apartirde {
  position: absolute;
  left: 3px;
  font-size: 12px;
  top: -5px; }

.chainepreselectionnees {
  display: none; }

a[data-numerique-select-tv-package="12021"] .chainesgenerique,
a[data-numerique-select-tv-package="12024"] .chainesgenerique {
  display: none; }

a[data-numerique-select-tv-package="12021"] .chainepreselectionnees,
a[data-numerique-select-tv-package="12024"] .chainepreselectionnees {
  display: inline-block; }

a[data-numerique-select-tv-package="12021"] .incluschannel,
a[data-numerique-select-tv-package="12024"] .incluschannel {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

a[data-numerique-select-tv-package="12021"] .incluschannel span,
a[data-numerique-select-tv-package="12024"] .incluschannel span {
  margin-bottom: 0 !important; }

.incluschannel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.apartirde:lang(en-CA) {
  left: -7px !important; }

.wrapperInfolettre {
  background: #FFF;
  max-width: 1170px;
  padding: 60px 15px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .wrapperInfolettre {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .wrapperInfolettre__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
            flex: 0 0 62%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 767px) {
      .wrapperInfolettre__left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0 20px; } }
    .wrapperInfolettre__left p {
      font: 600 26px/33px "BrandonGrotesque", sans-serif;
      color: #1F1F1F; }
      @media (max-width: 767px) {
        .wrapperInfolettre__left p {
          font: 600 20px/28px "BrandonGrotesque", sans-serif; } }
      .wrapperInfolettre__left p.wrapperInfolettre__title {
        font-weight: 900;
        margin-bottom: 8px; }
        .wrapperInfolettre__left p.wrapperInfolettre__title span {
          position: relative; }
          .wrapperInfolettre__left p.wrapperInfolettre__title span:after {
            content: '';
            position: absolute;
            left: 0;
            top: 32px;
            width: 169px;
            height: 12px;
            display: inline-block;
            background: url(../img/svg/red-underline.svg) center top no-repeat;
            background-size: contain; }
            @media (max-width: 767px) {
              .wrapperInfolettre__left p.wrapperInfolettre__title span:after {
                top: 24px;
                width: 133px; } }
    @media (max-width: 460px) {
      .wrapperInfolettre__left {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0 20px; } }
    .wrapperInfolettre__left svg {
      fill: #BE2323;
      margin-right: 60px;
      width: 137px;
      height: 137px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-top: 10px; }
      @media (max-width: 992px) {
        .wrapperInfolettre__left svg {
          width: 100px;
          height: 100px;
          margin-right: 30px; } }
      @media (max-width: 767px) {
        .wrapperInfolettre__left svg {
          width: 100px;
          height: 100px;
          margin-right: 30px;
          margin-top: 6px; } }
      @media (max-width: 460px) {
        .wrapperInfolettre__left svg {
          margin-bottom: 15px;
          width: 60px;
          height: 60px; } }
  .wrapperInfolettre__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
            flex: 0 0 38%; }
    @media (max-width: 767px) {
      .wrapperInfolettre__right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
    .wrapperInfolettre__right h2 {
      font: 900 26px/40px "BrandonGrotesque", sans-serif !important;
      text-transform: inherit !important;
      margin-top: 0 !important;
      color: #1F1F1F; }
      @media (max-width: 767px) {
        .wrapperInfolettre__right h2 {
          margin-top: 25px !important;
          font-size: 20px !important;
          margin-bottom: 0 !important; } }
    .wrapperInfolettre__right p {
      padding: 0 20px;
      color: #1F1F1F;
      font: 13px/18px "BrandonGrotesque", sans-serif; }
      .wrapperInfolettre__right p a {
        color: #1F1F1F;
        text-decoration: underline; }
        .wrapperInfolettre__right p a:hover {
          color: #BE2323; }
    .wrapperInfolettre__right .indicates-required {
      display: none; }
    .wrapperInfolettre__right .email {
      width: 234px !important;
      height: 40px !important; }
    .wrapperInfolettre__right #mc_embed_signup form {
      margin-top: 0; }
    .wrapperInfolettre__right #mc_embed_signup .button {
      height: 40px;
      background: #BE2323;
      color: #FFF;
      max-width: 118px;
      text-transform: uppercase;
      font: 700 12px "BrandonGrotesque", sans-serif !important;
      position: relative; }
      .wrapperInfolettre__right #mc_embed_signup .button:after {
        position: absolute;
        background: url(../img/svg/arrow-black-register.svg) center center no-repeat;
        content: '';
        width: 84px;
        height: 58px;
        background-size: 100%;
        right: 0;
        top: 0; }
        @media (max-width: 767px) {
          .wrapperInfolettre__right #mc_embed_signup .button:after {
            display: none; } }
    .wrapperInfolettre__right .mc-field-group {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      gap: 20px;
      width: 100%;
      padding-bottom: 0 !important;
      position: relative;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .wrapperInfolettre__right .mc-field-group:after {
        position: absolute;
        background: url(../img/svg/arrow-black-register.svg) center center no-repeat;
        content: '';
        width: 84px;
        height: 58px;
        background-size: 100%;
        right: -50px;
        top: -50px; }
        @media (max-width: 1168px) {
          .wrapperInfolettre__right .mc-field-group:after {
            display: none; } }
    .wrapperInfolettre__right #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
      margin: 0 !important; }

.wrapperInfolettre__left p.wrapperInfolettre__title span:lang(en-CA):after {
  width: 160px !important; }
  @media (max-width: 767px) {
    .wrapperInfolettre__left p.wrapperInfolettre__title span:lang(en-CA):after {
      top: 24px !important;
      width: 128px !important; } }

h2.subTitle {
  font-size: 32px !important;
  line-height: 35px !important;
  font-weight: 900 !important; }

.VirageNum__intro--grey .VirageNum__intro.VirageNum__intro--tv {
  background: #F2F2F2 !important; }

.VirageNum__intro--grey {
  background: #F2F2F2 !important; }
  .VirageNum__intro--grey .VirageNum__intro--tv {
    padding: 10px 48px !important; }

.VirageNum__intro--grey .VirageNum__packages-wrapper.VirageNum__packages-wrapper.VirageNum__packages-wrapper.VirageNum__packages-wrapper.VirageNum__packages-wrapper:before {
  display: none !important; }

.PromoTV__wrapper-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  padding: 20px 0; }
  .PromoTV__wrapper-logo img {
    max-width: 80px;
    width: 100%;
    height: auto; }
  @media (max-width: 1160px) {
    .PromoTV__wrapper-logo {
      width: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.PromoTV__title--smaller {
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 25px !important; }

.VirageNum__packages--infonuagique-text-content ul {
  margin-top: 10px; }
  .VirageNum__packages--infonuagique-text-content ul li {
    list-style-type: disc !important;
    line-height: 30px; }
    .VirageNum__packages--infonuagique-text-content ul li a {
      color: #BE2323; }
      .VirageNum__packages--infonuagique-text-content ul li a:hover {
        text-decoration: underline; }

#VirageNum__recepteur .channel-number {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 10px; }

#VirageNum__recepteur .tv-items-cart__wrapper {
  padding-bottom: 30px !important; }
  #VirageNum__recepteur .tv-items-cart__wrapper p {
    max-height: inherit !important; }

#VirageNum__recepteur .tv-items-cart__wrapper {
  height: 350px !important; }

#VirageNum__recepteur .tv-items-cart-infonuagique {
  padding-top: 0 !important; }

#VirageNum__recepteur .recepteurWrapper svg {
  margin: 12px 0 0 0 !important; }

.VirageNum__packages--eboxtv .VirageNum__packages-wrapper {
  padding-bottom: 0 !important; }

.VirageNum__packages--eboxtv--infonuagique .tns-controls,
.VirageNum__packages--eboxtv .tns-controls {
  padding-bottom: 40px !important; }

.VirageNum__packages--infonuagique .Spacer-container--margin .Spacer {
  margin: 0 10px; }

.VirageNum__Tv-timeline {
  background: white;
  position: absolute;
  top: 25%;
  left: 0;
  bottom: 920px;
  width: 1760px;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 99; }
  .VirageNum__Tv-timeline--wrapper {
    height: 60px;
    width: 100%;
    position: relative;
    margin-left: 30px; }
    .VirageNum__Tv-timeline--wrapper::after {
      content: "";
      height: 5px;
      width: 95%;
      background: #BE2323;
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 2%;
      z-index: 0; }
      @media (max-width: 1024px) {
        .VirageNum__Tv-timeline--wrapper::after {
          width: 93%; } }
  .VirageNum__Tv-timeline--content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    counter-reset: compteStep; }
    .VirageNum__Tv-timeline--content ul li {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      position: absolute;
      top: 0;
      z-index: 1; }
      .VirageNum__Tv-timeline--content ul li:nth-child(2) {
        right: 51%; }
      .VirageNum__Tv-timeline--content ul li:nth-child(3) {
        right: 1.6%; }
        @media (max-width: 1024px) {
          .VirageNum__Tv-timeline--content ul li:nth-child(3) {
            right: 4.6%; } }
      .VirageNum__Tv-timeline--content ul li .active-step {
        font-size: 30px;
        font-weight: 900;
        color: white; }
        .VirageNum__Tv-timeline--content ul li .active-step::after {
          counter-increment: compteStep 1;
          content: counter(compteStep);
          background-image: url(../img/svg/active-step.svg);
          background-repeat: no-repeat;
          background-size: cover;
          height: 60px;
          width: 60px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          position: relative;
          z-index: 1; }
          .VirageNum__Tv-timeline--content ul li .active-step::after:nth-child(1) {
            position: absolute;
            right: 35%; }
  @media (max-width: 1300px) {
    .VirageNum__Tv-timeline {
      top: 28%;
      bottom: 920px;
      width: 1737px; }
      .VirageNum__Tv-timeline--wrapper {
        height: 40px; }
      .VirageNum__Tv-timeline--content ul li:nth-child(2) {
        right: 48%; }
      .VirageNum__Tv-timeline--content ul li .active-step::after {
        width: 40px;
        height: 40px; } }
  @media (max-width: 1024px) {
    .VirageNum__Tv-timeline {
      top: 24%; }
      .VirageNum__Tv-timeline--content ul li:nth-child(2) {
        right: 53%; } }
  @media (max-width: 850px) {
    .VirageNum__Tv-timeline {
      top: 18%;
      width: 1775px; }
      .VirageNum__Tv-timeline--content ul li:nth-child(2) {
        right: 48%; } }
  @media (max-width: 768px) {
    .VirageNum__Tv-timeline {
      top: 25%;
      width: 1834px; }
      .VirageNum__Tv-timeline--content ul li:nth-child(2) {
        right: 49%; } }
  @media (max-width: 767px) {
    .VirageNum__Tv-timeline--content ul li:nth-child(2) {
      right: 54%; } }
  @media (max-width: 499px) {
    .VirageNum__Tv-timeline {
      width: 1920px;
      left: -7px; }
      .VirageNum__Tv-timeline--content ul li:nth-child(2) {
        right: 55%; } }
  @media (max-width: 360px) {
    .VirageNum__Tv-timeline {
      width: 1980px;
      left: -7px;
      top: 22%; }
      .VirageNum__Tv-timeline--content ul li:nth-child(2) {
        right: 56%; } }

.VirageNum__aide-toggle--closed-title {
  background: #1F1F1F;
  color: white;
  padding: 46px 15px 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer; }
  @media (max-width: 1024px) {
    .VirageNum__aide-toggle--closed-title {
      padding: 42px 30px 38px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .VirageNum__aide-toggle--closed-title::after {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    margin-left: 30px;
    background-image: url(../img/svg/ic_arrow-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom; }
    @media (max-width: 1024px) {
      .VirageNum__aide-toggle--closed-title::after {
        margin-top: -15px; } }
  .VirageNum__aide-toggle--closed-title--opened::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.VirageNum__aide-toggle svg {
  fill: #BE2323;
  height: 72px;
  width: 72px; }

.VirageNum__aide-toggle--opened {
  background: #333333;
  padding: 70px 30px;
  display: inline-block;
  width: 100%; }
  @media (max-width: 767px) {
    .VirageNum__aide-toggle--opened {
      padding: 70px 15px; } }

.VirageNum__aide-toggle--wrapper {
  max-width: 1170px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.VirageNum__aide-toggle--items ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px; }
  .VirageNum__aide-toggle--items ul .VirageNum__aide-items {
    margin-bottom: 30px;
    width: calc(50% - 15px); }
    @media (max-width: 991px) {
      .VirageNum__aide-toggle--items ul .VirageNum__aide-items {
        width: 100%; } }
    .VirageNum__aide-toggle--items ul .VirageNum__aide-items a {
      color: #333333; }
      .VirageNum__aide-toggle--items ul .VirageNum__aide-items a:hover {
        cursor: pointer; }
    .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 30px 15px 30px;
      background: white;
      border-radius: 12px;
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-shadow: 0px 1px 8px -1px #343434;
              box-shadow: 0px 1px 8px -1px #343434;
      min-height: 166px; }
      @media (max-width: 1200px) {
        .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item {
          min-height: 166px; } }
      @media (max-width: 767px) {
        .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item {
          min-height: 166px;
          height: 100%; } }
      .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item h4 {
        font-size: 22px !important;
        line-height: 26px !important;
        font-weight: 900 !important; }
      .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item:hover {
        border: 4px solid #BE2323;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 16px; }
        .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item:hover .toggle-item--corner {
          background: #BE2323; }
      .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item svg {
        margin-right: 15px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
      .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item--text h4 {
        padding-bottom: 5px; }
      .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item--text span {
        line-height: 22px; }
      .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item--corner {
        width: 32px;
        height: 32px;
        background: #1F1F1F;
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-radius: 0 8px; }
        .VirageNum__aide-toggle--items ul .VirageNum__aide-items .toggle-item--corner svg {
          fill: white;
          width: 16px;
          height: 16px;
          margin-right: 0; }

.caaQuebecLanding .caaQuebecHero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 140px 0;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1620px) {
    .caaQuebecLanding .caaQuebecHero {
      padding: 95px 0; } }
  @media (max-width: 768px) {
    .caaQuebecLanding .caaQuebecHero {
      padding: 60px 0;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start; } }
  .caaQuebecLanding .caaQuebecHero::before {
    content: "";
    width: 100%;
    max-width: 260px;
    max-height: 400px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/svg/left-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none; }
    @media (max-width: 1620px) {
      .caaQuebecLanding .caaQuebecHero::before {
        max-height: 113px;
        max-width: 74px; } }
    @media (max-width: 768px) {
      .caaQuebecLanding .caaQuebecHero::before {
        max-height: 105px;
        max-width: 94px;
        -webkit-transform: rotate(20deg);
                transform: rotate(20deg);
        top: -39px;
        left: -10px; } }
  .caaQuebecLanding .caaQuebecHero::after {
    content: "";
    width: 1032px;
    height: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../img/svg/right-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none; }
    @media (max-width: 1860px) {
      .caaQuebecLanding .caaQuebecHero::after {
        width: 930px; } }
    @media (max-width: 1620px) {
      .caaQuebecLanding .caaQuebecHero::after {
        width: 380px; } }
    @media (max-width: 768px) {
      .caaQuebecLanding .caaQuebecHero::after {
        width: 235px;
        -webkit-transform: rotate(24deg);
                transform: rotate(24deg);
        bottom: -109px;
        right: -200px; } }
  .caaQuebecLanding .caaQuebecHero__title {
    font: 700 35px/40px 'BrandonGrotesque' !important;
    line-height: 70px;
    max-width: 650px;
    text-transform: none !important; }
    @media (max-width: 1024px) {
      .caaQuebecLanding .caaQuebecHero__title {
        line-height: 50px;
        max-width: 490px; } }
    @media (max-width: 768px) {
      .caaQuebecLanding .caaQuebecHero__title {
        line-height: 40px; } }
    .caaQuebecLanding .caaQuebecHero__title .caafootnote {
      color: #BE2323;
      font: 400 20px/24px 'BrandonGrotesque'; }
  .caaQuebecLanding .caaQuebecHero__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 1300px) {
      .caaQuebecLanding .caaQuebecHero__wrapper {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    @media (max-width: 768px) {
      .caaQuebecLanding .caaQuebecHero__wrapper {
        padding: 50px 0;
        margin: 0 !important;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start; } }
  .caaQuebecLanding .caaQuebecHero__right {
    position: absolute;
    right: 250px;
    z-index: 1; }
    @media (max-width: 1620px) {
      .caaQuebecLanding .caaQuebecHero__right {
        display: none; } }
  .caaQuebecLanding .caaQuebecHero__left {
    position: relative;
    z-index: 1; }
    @media (max-width: 1620px) {
      .caaQuebecLanding .caaQuebecHero__left {
        width: auto; } }
    @media (max-width: 768px) {
      .caaQuebecLanding .caaQuebecHero__left {
        width: 100%; } }
    .caaQuebecLanding .caaQuebecHero__left h2 {
      font: 700 25px/30px "BrandonGrotesque" !important;
      text-transform: none !important;
      max-width: 900px; }
    .caaQuebecLanding .caaQuebecHero__left h3 {
      font: 700 25px/30px "BrandonGrotesque" !important; }
    .caaQuebecLanding .caaQuebecHero__left .fontRed {
      color: #BE2323; }
    .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info {
      padding: 40px 0 20px; }
      @media (max-width: 768px) {
        .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info {
          padding: 40px 0 20px; } }
      .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info .fontDarkRed {
        color: #661618;
        font-weight: 700; }
      .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info .roundRed {
        min-width: 50px;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: white;
        background: #BE2323; }
      .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info-container {
        padding: 25px 0; }
      .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info .divButton {
        position: relative;
        display: inline-block; }
        .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info .divButton::after {
          content: "";
          background-image: url(../img/svg/ic-computer-mouse.svg);
          background-repeat: no-repeat;
          background-size: contain;
          height: 40px;
          width: 40px;
          position: absolute;
          display: inline-block;
          right: -34px;
          top: 12px; }
        .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info .divButton a {
          margin-left: 60px;
          position: relative; }
      .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        margin: 0 0 20px 0; }
      .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 10px;
        max-width: 450px; }
        @media (max-width: 768px) {
          .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__info-item {
            max-width: 600px; } }
    .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__callUs {
      margin-top: 15px; }
      .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__callUs-text {
        max-width: 50%;
        padding: 10px 0; }
        .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__callUs-text a {
          color: #343434 !important; }
          .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__callUs-text a:hover {
            color: #BE2323 !important; }
        @media (max-width: 768px) {
          .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__callUs-text {
            max-width: 100%; } }
      .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__callUs .smallP {
        font: 400 12px/16px 'BrandonGrotesque'; }
        .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__callUs .smallP a {
          font: 400 12px/16px 'BrandonGrotesque';
          color: #BE2323;
          text-decoration: underline; }
        .caaQuebecLanding .caaQuebecHero__left .caaQuebecEnLigne__callUs .smallP .reversefootnote {
          text-decoration: none !important; }

/* Feuille de style spécifique pour la landing black friday */
.black-friday {
  background-color: #1F1F1F;
  color: #fff;
  padding: 50px 16px; }
  .black-friday .zone-texte {
    padding-bottom: 45px; }
    .black-friday .zone-texte h1 {
      font: 500 80px/90px "BrandonGrotesque", sans-serif;
      padding-bottom: 30px;
      text-transform: none; }
      .black-friday .zone-texte h1 span {
        text-transform: uppercase;
        display: block;
        font-weight: 900;
        font-size: 100px; }
      @media (max-width: 1024px) {
        .black-friday .zone-texte h1 {
          font: 500 60px/70px "BrandonGrotesque", sans-serif; }
          .black-friday .zone-texte h1 span {
            font: 900 68px/78px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 768px) {
        .black-friday .zone-texte h1 {
          font: 500 44px/54px "BrandonGrotesque", sans-serif; }
          .black-friday .zone-texte h1 span {
            font: 900 52px/62px "BrandonGrotesque", sans-serif; } }
    .black-friday .zone-texte p {
      font: 400 30px/36px "BrandonGrotesque", sans-serif; }
      @media (max-width: 1024px) {
        .black-friday .zone-texte p {
          font: 400 24px/32px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 768px) {
        .black-friday .zone-texte p {
          font: 400 20px/24px "BrandonGrotesque", sans-serif; } }
  .black-friday .zone-compteur {
    padding-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px; }
    @media (max-width: 1024px) {
      .black-friday .zone-compteur {
        gap: 32px; } }
    @media (max-width: 768px) {
      .black-friday .zone-compteur {
        gap: 12px;
        padding-bottom: 65px; } }
    .black-friday .zone-compteur .days, .black-friday .zone-compteur .hours, .black-friday .zone-compteur .minutes {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 216px;
      width: 213px;
      background-image: url(../img/svg/box-compteur.svg);
      background-repeat: no-repeat;
      background-size: contain; }
      .black-friday .zone-compteur .days .text-compteur, .black-friday .zone-compteur .hours .text-compteur, .black-friday .zone-compteur .minutes .text-compteur {
        font: 500 24px/30px "BrandonGrotesque", sans-serif;
        text-transform: uppercase;
        color: #FFF;
        position: absolute;
        bottom: -40px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%; }
        @media (max-width: 1024px) {
          .black-friday .zone-compteur .days .text-compteur, .black-friday .zone-compteur .hours .text-compteur, .black-friday .zone-compteur .minutes .text-compteur {
            font: 500 14px/20px "BrandonGrotesque", sans-serif; } }
      .black-friday .zone-compteur .days .numbers, .black-friday .zone-compteur .hours .numbers, .black-friday .zone-compteur .minutes .numbers {
        font: 900 95px/0px "BrandonGrotesque", sans-serif;
        color: #1F1F1F; }
      @media (max-width: 1024px) {
        .black-friday .zone-compteur .days, .black-friday .zone-compteur .hours, .black-friday .zone-compteur .minutes {
          height: 120px;
          width: 120px; }
          .black-friday .zone-compteur .days .numbers, .black-friday .zone-compteur .hours .numbers, .black-friday .zone-compteur .minutes .numbers {
            font-size: 55px; } }
      @media (max-width: 768px) {
        .black-friday .zone-compteur .days, .black-friday .zone-compteur .hours, .black-friday .zone-compteur .minutes {
          height: 105px;
          width: 108px; }
          .black-friday .zone-compteur .days .numbers, .black-friday .zone-compteur .hours .numbers, .black-friday .zone-compteur .minutes .numbers {
            font-size: 45px; } }

.black-friday-infolettre {
  padding: 30px 16px 0; }
  .black-friday-infolettre .wrapperInfolettre form label {
    display: none !important; }
  @media (max-width: 1024px) {
    .black-friday-infolettre .wrapperInfolettre {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0; }
      .black-friday-infolettre .wrapperInfolettre form {
        text-align: center !important; } }
  .black-friday-infolettre .wrapperInfolettre p {
    padding: 10px 0 20px 0 !important; }
  .black-friday-infolettre .wrapperInfolettre__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
    @media (max-width: 1024px) {
      .black-friday-infolettre .wrapperInfolettre__left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding-bottom: 30px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media (max-width: 768px) {
      .black-friday-infolettre .wrapperInfolettre__left {
        padding-bottom: 0; } }
  .black-friday-infolettre .wrapperInfolettre__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
    .black-friday-infolettre .wrapperInfolettre__right .button {
      z-index: 2; }
    .black-friday-infolettre .wrapperInfolettre__right .mc-field-group {
      margin-bottom: 15px;
      gap: 0 !important; }
    @media (max-width: 1024px) {
      .black-friday-infolettre .wrapperInfolettre__right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
    .black-friday-infolettre .wrapperInfolettre__right h2 {
      font: 900 34px/44px "BrandonGrotesque", sans-serif !important;
      text-transform: uppercase !important;
      padding-bottom: 20px !important; }
      @media (max-width: 768px) {
        .black-friday-infolettre .wrapperInfolettre__right h2 {
          font: 900 28px/34px "BrandonGrotesque", sans-serif !important; } }
    .black-friday-infolettre .wrapperInfolettre__right .mc-field-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start; }
      .black-friday-infolettre .wrapperInfolettre__right .mc-field-group:after {
        display: none; }
      .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input {
        border-color: #BE2323 !important;
        color: #BE2323;
        height: 60px !important;
        width: 100% !important;
        font-size: 18px;
        padding: 10px 15px; }
        .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input::-webkit-input-placeholder {
          color: #BE2323;
          font-size: 18px; }
        .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input:-ms-input-placeholder {
          color: #BE2323;
          font-size: 18px; }
        .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input::-ms-input-placeholder {
          color: #BE2323;
          font-size: 18px; }
        .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input::placeholder {
          color: #BE2323;
          font-size: 18px; }
        @media (max-width: 1200px) {
          .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input {
            height: 45px !important;
            font-size: 16px; }
            .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input::-webkit-input-placeholder {
              font-size: 16px; }
            .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input:-ms-input-placeholder {
              font-size: 16px; }
            .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input::-ms-input-placeholder {
              font-size: 16px; }
            .black-friday-infolettre .wrapperInfolettre__right .mc-field-group input::placeholder {
              font-size: 16px; } }
    .black-friday-infolettre .wrapperInfolettre__right .divButton {
      position: relative;
      width: 117px;
      z-index: 2; }
      @media (max-width: 1024px) {
        .black-friday-infolettre .wrapperInfolettre__right .divButton {
          -ms-flex-item-align: center;
              align-self: center; } }
      @media (max-width: 991px) {
        .black-friday-infolettre .wrapperInfolettre__right .divButton {
          width: 117px; } }
      .black-friday-infolettre .wrapperInfolettre__right .divButton:before {
        content: "";
        background-image: url(../img/svg/ic-highlight.svg);
        background-repeat: no-repeat;
        background-size: contain;
        height: 38px;
        width: 33px;
        position: absolute;
        left: -15px;
        top: -12px;
        display: inline-block; }
      .black-friday-infolettre .wrapperInfolettre__right .divButton:after {
        content: '';
        background-image: url(../img/svg/ic-computer-mouse.svg) !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 64px !important;
        width: 64px !important;
        position: absolute !important;
        display: inline-block !important;
        right: -52px !important;
        bottom: -35px !important;
        z-index: 0; }
        @media (max-width: 1024px) {
          .black-friday-infolettre .wrapperInfolettre__right .divButton:after {
            height: 54px !important;
            width: 54px !important;
            right: -50px !important;
            bottom: -25px !important; } }
  .black-friday-infolettre .tag-vendredi-fou {
    background-image: url(../img/svg/etiquette-vendredi-fou.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: inherit;
    width: 100%;
    height: 150px; }
    @media (max-width: 1024px) {
      .black-friday-infolettre .tag-vendredi-fou {
        width: 280px;
        -ms-flex-item-align: center;
            align-self: center; } }
  .black-friday-infolettre .tag-black-friday {
    background-image: url(../img/svg/tag-black-friday.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: inherit;
    width: 100%;
    height: 150px; }
    @media (max-width: 1024px) {
      .black-friday-infolettre .tag-black-friday {
        width: 280px;
        -ms-flex-item-align: center;
            align-self: center; } }
  .black-friday-infolettre h3 {
    padding: 25px 0 40px;
    font: 400 50px/60px "BrandonGrotesque", sans-serif; }
    @media (max-width: 1200px) {
      .black-friday-infolettre h3 {
        font: 400 36px/42px "BrandonGrotesque", sans-serif; } }
    @media (max-width: 768px) {
      .black-friday-infolettre h3 {
        padding: 25px 0; } }
    .black-friday-infolettre h3 .red-font {
      color: #BE2323;
      position: relative;
      font-weight: 900;
      position: relative;
      margin-right: 10px; }
      .black-friday-infolettre h3 .red-font:after {
        content: "";
        background-image: url(../img/svg/soulignemnt.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 80px;
        height: 10px;
        position: absolute;
        bottom: -5px;
        left: 0; }
        @media (max-width: 768px) {
          .black-friday-infolettre h3 .red-font:after {
            width: 60px; } }
    .black-friday-infolettre h3 .bold-text {
      font-weight: 900; }
  .black-friday-infolettre .wrapperInfolettre__text {
    max-width: 548px; }
    @media (max-width: 1024px) {
      .black-friday-infolettre .wrapperInfolettre__text {
        max-width: 100%;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .black-friday-infolettre .wrapperInfolettre__text p {
      font: 400 30px/38px "BrandonGrotesque", sans-serif; }
      @media (max-width: 1200px) {
        .black-friday-infolettre .wrapperInfolettre__text p {
          font: 400 24px/32px "BrandonGrotesque", sans-serif; } }
  .black-friday-infolettre .infolettre-title {
    font: 900 34px/44px "BrandonGrotesque", sans-serif; }
    @media (max-width: 1200px) {
      .black-friday-infolettre .infolettre-title {
        font: 900 24px/32px "BrandonGrotesque", sans-serif; } }

/* LANDING BLACK FRIDAY OFFRES */
.black-friday-offres {
  background: #FFF2EE;
  overflow: hidden; }
  .black-friday-offres ul {
    margin: 0 !important; }
  .black-friday-offres .hero-numerique {
    padding: 140px 0; }
    .black-friday-offres .hero-numerique:after {
      width: 890px; }
      @media (max-width: 1366px) {
        .black-friday-offres .hero-numerique:after {
          width: 670px !important; } }
      @media (max-width: 1200px) {
        .black-friday-offres .hero-numerique:after {
          width: 470px !important; } }
      @media (max-width: 1024px) {
        .black-friday-offres .hero-numerique:after {
          -webkit-transform: rotate(40deg) !important;
                  transform: rotate(40deg) !important; } }
    @media (max-width: 499px) {
      .black-friday-offres .hero-numerique {
        padding: 100px 0 120px; } }
  .black-friday-offres .hero-numerique-illustration {
    right: 0px !important;
    width: 800px !important;
    height: 700px !important; }
    @media (max-width: 1366px) {
      .black-friday-offres .hero-numerique-illustration {
        width: 600px !important;
        height: 600px !important; } }
    @media (max-width: 1200px) {
      .black-friday-offres .hero-numerique-illustration {
        width: 500px !important;
        height: 500px !important; } }
    @media (max-width: 991px) {
      .black-friday-offres .hero-numerique-illustration {
        width: 340px !important;
        height: 400px !important; } }
    @media (max-width: 499px) {
      .black-friday-offres .hero-numerique-illustration {
        width: 280px !important; } }
  .black-friday-offres .hero-numerique-content--description {
    margin: 0 0 40px;
    max-width: 600px; }
    @media (max-width: 1300px) {
      .black-friday-offres .hero-numerique-content--description {
        padding-right: 20px; } }
  .black-friday-offres .hero-numerique-content--title {
    margin-bottom: 20px; }
    @media (max-width: 1300px) {
      .black-friday-offres .hero-numerique-content--title {
        padding-right: 20px; } }
    .black-friday-offres .hero-numerique-content--title-bold {
      max-width: 600px; }
  .black-friday-offres .hero-numerique-content--disclaimer {
    margin-top: 60px !important; }

.VirageNum__blackline {
  width: 100%;
  min-height: 500px;
  background: #1f1f1f;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .VirageNum__blackline-wrapper {
    max-width: 1170px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px; }
    @media (max-width: 1200px) {
      .VirageNum__blackline-wrapper {
        padding: 0 30px; } }
    @media (max-width: 767px) {
      .VirageNum__blackline-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0 15px; } }
  .VirageNum__blackline-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    height: 100%;
    min-height: 500px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    .VirageNum__blackline-left img {
      position: absolute;
      bottom: 0;
      right: -193px !important; }
      @media (max-width: 1600px) {
        .VirageNum__blackline-left img {
          right: -80px !important; } }
      @media (max-width: 1300px) {
        .VirageNum__blackline-left img {
          right: 30px !important; } }
      @media (max-width: 1200px) {
        .VirageNum__blackline-left img {
          max-width: 340px;
          height: auto; } }
      @media (max-width: 899px) {
        .VirageNum__blackline-left img {
          right: -73px !important; } }
      @media (max-width: 767px) {
        .VirageNum__blackline-left img {
          position: relative;
          margin: 0 auto;
          bottom: auto;
          right: auto !important;
          padding-top: 40px;
          max-width: 280px; } }
    @media (max-width: 1200px) {
      .VirageNum__blackline-left {
        min-height: 340px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 40%;
                flex: 0 0 40%; } }
    @media (max-width: 767px) {
      .VirageNum__blackline-left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        min-height: auto;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        text-align: center; } }
  .VirageNum__blackline-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    height: 100%;
    min-height: 500px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .VirageNum__blackline-right h2 {
      margin-bottom: 10px; }
      @media (max-width: 1200px) {
        .VirageNum__blackline-right h2 {
          font: 800 26px/32px "BrandonGrotesque", sans-serif; } }
      @media (max-width: 767px) {
        .VirageNum__blackline-right h2 {
          font: 800 22px/24px "BrandonGrotesque", sans-serif; } }
    .VirageNum__blackline-right p {
      margin-bottom: 30px;
      max-width: 416px; }
    @media (max-width: 1200px) {
      .VirageNum__blackline-right {
        min-height: 340px; } }
    @media (max-width: 767px) {
      .VirageNum__blackline-right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        min-height: auto; } }
  @media (max-width: 1200px) {
    .VirageNum__blackline {
      min-height: 340px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 60%;
              flex: 0 0 60%; } }
  @media (max-width: 767px) {
    .VirageNum__blackline {
      min-height: auto;
      padding-top: 95px; } }

.BlackFridayPromoHeader {
  background: #1F1F1F;
  color: #FFF;
  padding: 60px 15px;
  position: relative;
  z-index: 1; }
  .BlackFridayPromoHeader h1 {
    margin-bottom: 20px;
    font-size: 70px; }
    @media (max-width: 767px) {
      .BlackFridayPromoHeader h1 {
        font-size: 50px; } }
  .BlackFridayPromoHeader p {
    font-size: 18px; }

.black-friday-2025 {
  background: #FFF2EE;
  padding: 120px 15px; }
  .black-friday-2025 h2 {
    font-size: 60px;
    line-height: 65px;
    margin-bottom: 20px;
    font-weight: 500; }
    .black-friday-2025 h2 span {
      font-weight: 900;
      display: block; }
  .black-friday-2025 p {
    font-size: 22px;
    line-height: 30px;
    max-width: 900px;
    margin: 0 auto;
    font-weight: 700;
    margin-top: 40px; }
  .black-friday-2025 .ButtonEffect {
    margin-top: 40px; }
  .black-friday-2025 img {
    max-width: 500px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 60px; }
  .black-friday-2025--smaller {
    padding: 60px 15px; }
    .black-friday-2025--smaller h2 {
      font: 500 25px / 35px "BrandonGrotesque"; }
      .black-friday-2025--smaller h2 span {
        font: 900 45px / 50px "BrandonGrotesque"; }
    .black-friday-2025--smaller p {
      font: 400 20px/24px 'BrandonGrotesque'; }
    .black-friday-2025--smaller img {
      position: relative;
      right: -50px; }

.black-friday-offres--2025 {
  background: #FFF2EE !important; }
  .black-friday-offres--2025 .hero-numerique {
    background: #FFF2EE !important; }
    .black-friday-offres--2025 .hero-numerique:before {
      display: none; }
    .black-friday-offres--2025 .hero-numerique:after {
      display: none; }
  .black-friday-offres--2025 .hero-numerique-illustration {
    width: auto !important;
    height: 460px !important;
    bottom: 40px !important;
    right: 220px !important; }
    @media (max-width: 1600px) {
      .black-friday-offres--2025 .hero-numerique-illustration img {
        -ms-flex-item-align: inherit !important;
            align-self: inherit !important; } }
    @media (max-width: 1350px) {
      .black-friday-offres--2025 .hero-numerique-illustration img {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
        width: auto !important;
        max-height: 400px !important; } }
    @media (max-width: 1750px) {
      .black-friday-offres--2025 .hero-numerique-illustration {
        right: 40px !important; } }
    @media (max-width: 1350px) {
      .black-friday-offres--2025 .hero-numerique-illustration {
        position: relative !important;
        right: auto !important;
        top: 30px !important;
        left: 100px; } }
    @media (max-width: 767px) {
      .black-friday-offres--2025 .hero-numerique-illustration {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        left: 15px !important; } }
    .black-friday-offres--2025 .hero-numerique-illustration--blackfriday {
      bottom: 140px !important; }
      .black-friday-offres--2025 .hero-numerique-illustration--blackfriday.hero-numerique-illustration--blackfriday-ontario {
        bottom: 0 !important; }
  .black-friday-offres--2025 .hero-numerique-content--btn:before {
    display: none !important; }
  .black-friday-offres--2025 .hero-numerique-content--btn:after {
    display: none !important; }

.VirageNumerique-home .black-friday-offres--2025 .hero-numerique {
  background: #FFF2EE !important; }

.heading-vendredi-fou {
  font: 500 25px / 35px "BrandonGrotesque";
  margin-bottom: 60px;
  text-align: center; }
  .heading-vendredi-fou span {
    font: 900 45px / 50px "BrandonGrotesque";
    display: block; }

/* Style pour la 'landing' B2B2C qui apparaît dans la listing internet */
.b2b2c {
  padding: 120px 0 0px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1300px) {
    .b2b2c {
      padding: 120px 16px 0px; } }
  @media (max-width: 1024px) {
    .b2b2c {
      padding: 120px 0 0px; } }
  @media (max-width: 991px) {
    .b2b2c {
      padding: 80px 0; } }
  .b2b2c_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1170px;
    margin: 0 auto;
    padding-bottom: 80px;
    border-bottom: 1px solid #F2F2F2; }
    @media (max-width: 1024px) {
      .b2b2c_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .b2b2c_container-left {
      width: 50%;
      padding: 0 16px 60px; }
      @media (max-width: 1024px) {
        .b2b2c_container-left {
          width: 100%; } }
      .b2b2c_container-left h1 {
        margin-bottom: 20px;
        font: 800 60px/65px "BrandonGrotesque", sans-serif; }
        @media (max-width: 1024px) {
          .b2b2c_container-left h1 {
            font: 800 48px/56px "BrandonGrotesque", sans-serif; } }
        @media (max-width: 767px) {
          .b2b2c_container-left h1 {
            font: 800 40px/48px "BrandonGrotesque", sans-serif; } }
      .b2b2c_container-left p {
        max-width: 555px;
        margin-bottom: 15px;
        font: 20px/28px "BrandonGrotesque", sans-serif; }
      .b2b2c_container-left .container-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 35px;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: end;
        margin-bottom: 40px; }
        @media (max-width: 1024px) {
          .b2b2c_container-left .container-logo img {
            width: 300px; } }
      .b2b2c_container-left .container-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative; }
        .b2b2c_container-left .container-btn:before {
          content: "";
          background-image: url(../img/svg/ic-highlight.svg);
          background-repeat: no-repeat;
          background-size: contain;
          height: 38px;
          width: 33px;
          position: absolute;
          left: -15px;
          top: -12px;
          display: inline-block; }
        .b2b2c_container-left .container-btn:after {
          content: '';
          background-image: url(../img/svg/ic-computer-mouse.svg) !important;
          background-repeat: no-repeat !important;
          background-size: contain !important;
          height: 64px !important;
          width: 64px !important;
          position: absolute !important;
          display: inline-block !important;
          right: -55px !important;
          bottom: -35px !important;
          z-index: 0; }
          @media (max-width: 1024px) {
            .b2b2c_container-left .container-btn:after {
              height: 54px !important;
              width: 54px !important;
              right: -50px !important;
              bottom: -25px !important; } }
    .b2b2c_container-right {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
      z-index: 1;
      color: white;
      text-align: right; }
      @media (max-width: 1024px) {
        .b2b2c_container-right {
          width: 100%;
          padding: 60px 16px;
          background: #BE2323;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: start;
          text-align: left; } }

.b2b2c-fiftyfifty {
  padding: 90px 24px;
  margin: 0 auto;
  max-width: 1170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 1024px) {
    .b2b2c-fiftyfifty {
      padding: 0px 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px; } }
  @media (max-width: 767px) {
    .b2b2c-fiftyfifty {
      padding: 0px 16px; } }
  .b2b2c-fiftyfifty-text {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .b2b2c-fiftyfifty-text:first-child {
      margin-right: 60px; }
    .b2b2c-fiftyfifty-text h2 {
      text-transform: none !important; }
    @media (max-width: 1024px) {
      .b2b2c-fiftyfifty-text {
        width: 100%; }
        .b2b2c-fiftyfifty-text:first-child {
          margin-right: 0; } }

.red-separator {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 60px; }
  @media (max-width: 1024px) {
    .red-separator img {
      width: 200px;
      margin: 40px auto; } }
  @media (max-width: 991px) {
    .red-separator {
      margin-bottom: 30px; }
      .red-separator img {
        margin: 20px auto; } }

.b2b2c-column-product {
  padding: 0 0 80px; }
  .b2b2c-column-product h2 {
    text-align: center;
    text-transform: none !important; }
  .b2b2c-column-product .column-product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 30px 24px;
    max-width: 1170px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    .b2b2c-column-product .column-product-container .mention {
      position: absolute;
      bottom: -30px;
      left: 0;
      font-size: 16px; }
      @media (max-width: 1300px) {
        .b2b2c-column-product .column-product-container .mention {
          left: 24px; } }
    @media (max-width: 1024px) {
      .b2b2c-column-product .column-product-container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 60px 0; } }
  .b2b2c-column-product .column-product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    @media (max-width: 1024px) {
      .b2b2c-column-product .column-product-item {
        width: 50%; } }
    @media (max-width: 991px) {
      .b2b2c-column-product .column-product-item {
        width: 100%; } }
    .b2b2c-column-product .column-product-item h3 {
      margin-top: 20px;
      font: 800 30px/30px "BrandonGrotesque", sans-serif !important; }
      @media (max-width: 1024px) {
        .b2b2c-column-product .column-product-item h3 {
          font: 800 22px/28px "BrandonGrotesque", sans-serif !important; } }
      .b2b2c-column-product .column-product-item h3 sup {
        font-size: 14px !important;
        top: -1em !important; }
    .b2b2c-column-product .column-product-item .imageWithRedTag {
      position: relative;
      z-index: 0; }
      .b2b2c-column-product .column-product-item .imageWithRedTag .red-tag {
        width: 120px;
        height: 120px;
        background: #BE2323;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1; }
        @media (max-width: 1024px) {
          .b2b2c-column-product .column-product-item .imageWithRedTag .red-tag {
            height: 80px;
            width: 80px; } }
        .b2b2c-column-product .column-product-item .imageWithRedTag .red-tag p {
          font: 700 26px/30px "BrandonGrotesque", sans-serif !important;
          color: white;
          text-align: center; }
          .b2b2c-column-product .column-product-item .imageWithRedTag .red-tag p sup {
            font-size: 14px !important;
            top: -1em !important; }
          @media (max-width: 1024px) {
            .b2b2c-column-product .column-product-item .imageWithRedTag .red-tag p {
              font: 700 18px/20px "BrandonGrotesque", sans-serif !important; } }

/* Style pour la 'landing' B2B2C qui apparaît dans la listing internet */
.distributel,
.oricom {
  padding: 120px 0 0px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1300px) {
    .distributel,
    .oricom {
      padding: 120px 16px 0px; } }
  @media (max-width: 1024px) {
    .distributel,
    .oricom {
      padding: 120px 0 0px; } }
  @media (max-width: 991px) {
    .distributel,
    .oricom {
      padding: 80px 0; } }
  .distributel_container,
  .oricom_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1170px;
    margin: 0 auto;
    padding-bottom: 80px;
    border-bottom: 1px solid #F2F2F2; }
    @media (max-width: 1024px) {
      .distributel_container,
      .oricom_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .distributel_container-left,
    .oricom_container-left {
      width: 50%;
      padding: 0 16px 60px; }
      @media (max-width: 1024px) {
        .distributel_container-left,
        .oricom_container-left {
          width: 100%; } }
      .distributel_container-left h1,
      .oricom_container-left h1 {
        margin-bottom: 20px;
        font: 800 60px/65px "BrandonGrotesque", sans-serif; }
        @media (max-width: 1024px) {
          .distributel_container-left h1,
          .oricom_container-left h1 {
            font: 800 48px/56px "BrandonGrotesque", sans-serif; } }
        @media (max-width: 767px) {
          .distributel_container-left h1,
          .oricom_container-left h1 {
            font: 800 40px/48px "BrandonGrotesque", sans-serif; } }
      .distributel_container-left p,
      .oricom_container-left p {
        max-width: 555px;
        margin-bottom: 15px;
        font: 20px/28px "BrandonGrotesque", sans-serif; }
      .distributel_container-left .container-logo,
      .oricom_container-left .container-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 35px;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: end;
        margin-bottom: 40px; }
        .distributel_container-left .container-logo img,
        .oricom_container-left .container-logo img {
          max-width: 100%;
          height: auto; }
        @media (max-width: 1024px) {
          .distributel_container-left .container-logo img,
          .oricom_container-left .container-logo img {
            width: 300px; } }
      .distributel_container-left .container-btn,
      .oricom_container-left .container-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative; }
        .distributel_container-left .container-btn:before,
        .oricom_container-left .container-btn:before {
          content: "";
          background-image: url(../img/svg/ic-highlight.svg);
          background-repeat: no-repeat;
          background-size: contain;
          height: 38px;
          width: 33px;
          position: absolute;
          left: -15px;
          top: -12px;
          display: inline-block; }
        .distributel_container-left .container-btn:after,
        .oricom_container-left .container-btn:after {
          content: '';
          background-image: url(../img/svg/ic-computer-mouse.svg) !important;
          background-repeat: no-repeat !important;
          background-size: contain !important;
          height: 64px !important;
          width: 64px !important;
          position: absolute !important;
          display: inline-block !important;
          right: -55px !important;
          bottom: -35px !important;
          z-index: 0; }
          @media (max-width: 1024px) {
            .distributel_container-left .container-btn:after,
            .oricom_container-left .container-btn:after {
              height: 54px !important;
              width: 54px !important;
              right: -50px !important;
              bottom: -25px !important; } }
    .distributel_container-right,
    .oricom_container-right {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
      z-index: 1;
      color: white;
      text-align: right; }
      @media (max-width: 1024px) {
        .distributel_container-right,
        .oricom_container-right {
          width: 100%;
          padding: 60px 16px;
          background: #BE2323;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: start;
          text-align: left; } }
      .distributel_container-right--enqc,
      .oricom_container-right--enqc {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        @media (max-width: 1024px) {
          .distributel_container-right--enqc,
          .oricom_container-right--enqc {
            background: #FFF; } }

.distributel-fiftyfifty,
.oricom-fiftyfifty {
  padding: 90px 24px;
  margin: 0 auto;
  max-width: 1170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 1024px) {
    .distributel-fiftyfifty,
    .oricom-fiftyfifty {
      padding: 0px 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px; } }
  @media (max-width: 767px) {
    .distributel-fiftyfifty,
    .oricom-fiftyfifty {
      padding: 60px 16px; } }
  .distributel-fiftyfifty-text,
  .oricom-fiftyfifty-text {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .distributel-fiftyfifty-text:first-child,
    .oricom-fiftyfifty-text:first-child {
      margin-right: 60px; }
    .distributel-fiftyfifty-text h2,
    .oricom-fiftyfifty-text h2 {
      text-transform: none !important; }
    @media (max-width: 1024px) {
      .distributel-fiftyfifty-text,
      .oricom-fiftyfifty-text {
        width: 100%; }
        .distributel-fiftyfifty-text:first-child,
        .oricom-fiftyfifty-text:first-child {
          margin-right: 0; } }

.red-separator {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 60px; }
  @media (max-width: 1024px) {
    .red-separator img {
      width: 200px;
      margin: 40px auto; } }
  @media (max-width: 991px) {
    .red-separator {
      margin-bottom: 30px; }
      .red-separator img {
        margin: 20px auto; } }

.distributel-column-product,
.oricom-column-product {
  padding: 0 0 80px; }
  .distributel-column-product h2,
  .oricom-column-product h2 {
    text-align: center;
    text-transform: none !important; }
  .distributel-column-product .column-product-container,
  .oricom-column-product .column-product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 30px 24px;
    max-width: 1170px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 60px;
    position: relative; }
    .distributel-column-product .column-product-container .mention,
    .oricom-column-product .column-product-container .mention {
      position: absolute;
      bottom: -30px;
      left: 0;
      font-size: 16px; }
      @media (max-width: 1300px) {
        .distributel-column-product .column-product-container .mention,
        .oricom-column-product .column-product-container .mention {
          left: 24px; } }
    @media (max-width: 1024px) {
      .distributel-column-product .column-product-container,
      .oricom-column-product .column-product-container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 60px 0; } }
  .distributel-column-product .column-product-item,
  .oricom-column-product .column-product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    @media (max-width: 1024px) {
      .distributel-column-product .column-product-item,
      .oricom-column-product .column-product-item {
        width: 50%; } }
    @media (max-width: 991px) {
      .distributel-column-product .column-product-item,
      .oricom-column-product .column-product-item {
        width: 100%; } }
    .distributel-column-product .column-product-item h3,
    .oricom-column-product .column-product-item h3 {
      margin-top: 20px;
      font: 800 30px/30px "BrandonGrotesque", sans-serif !important; }
      @media (max-width: 1024px) {
        .distributel-column-product .column-product-item h3,
        .oricom-column-product .column-product-item h3 {
          font: 800 22px/28px "BrandonGrotesque", sans-serif !important; } }
      .distributel-column-product .column-product-item h3 sup,
      .oricom-column-product .column-product-item h3 sup {
        font-size: 14px !important;
        top: -1em !important; }
    .distributel-column-product .column-product-item .imageWithRedTag,
    .oricom-column-product .column-product-item .imageWithRedTag {
      position: relative;
      z-index: 0; }
      .distributel-column-product .column-product-item .imageWithRedTag .red-tag,
      .oricom-column-product .column-product-item .imageWithRedTag .red-tag {
        width: 120px;
        height: 120px;
        background: #BE2323;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1; }
        @media (max-width: 1024px) {
          .distributel-column-product .column-product-item .imageWithRedTag .red-tag,
          .oricom-column-product .column-product-item .imageWithRedTag .red-tag {
            height: 80px;
            width: 80px; } }
        .distributel-column-product .column-product-item .imageWithRedTag .red-tag p,
        .oricom-column-product .column-product-item .imageWithRedTag .red-tag p {
          font: 700 26px/30px "BrandonGrotesque", sans-serif !important;
          color: white;
          text-align: center; }
          .distributel-column-product .column-product-item .imageWithRedTag .red-tag p sup,
          .oricom-column-product .column-product-item .imageWithRedTag .red-tag p sup {
            font-size: 14px !important;
            top: -1em !important; }
          @media (max-width: 1024px) {
            .distributel-column-product .column-product-item .imageWithRedTag .red-tag p,
            .oricom-column-product .column-product-item .imageWithRedTag .red-tag p {
              font: 700 18px/20px "BrandonGrotesque", sans-serif !important; } }

/* Style pour la 'landing' B2B2C qui apparaît dans la listing internet */
.distributel,
.oricom,
.yak {
  padding: 120px 0 0px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1300px) {
    .distributel,
    .oricom,
    .yak {
      padding: 120px 16px 0px; } }
  @media (max-width: 1024px) {
    .distributel,
    .oricom,
    .yak {
      padding: 120px 0 0px; } }
  @media (max-width: 991px) {
    .distributel,
    .oricom,
    .yak {
      padding: 80px 0; } }
  .distributel_container,
  .oricom_container,
  .yak_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1170px;
    margin: 0 auto;
    padding-bottom: 80px;
    border-bottom: 1px solid #F2F2F2; }
    @media (max-width: 1024px) {
      .distributel_container,
      .oricom_container,
      .yak_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .distributel_container-left,
    .oricom_container-left,
    .yak_container-left {
      width: 50%;
      padding: 0 16px 60px; }
      @media (max-width: 1024px) {
        .distributel_container-left,
        .oricom_container-left,
        .yak_container-left {
          width: 100%; } }
      .distributel_container-left h1,
      .oricom_container-left h1,
      .yak_container-left h1 {
        margin-bottom: 20px;
        font: 800 60px/65px "BrandonGrotesque", sans-serif; }
        @media (max-width: 1024px) {
          .distributel_container-left h1,
          .oricom_container-left h1,
          .yak_container-left h1 {
            font: 800 48px/56px "BrandonGrotesque", sans-serif; } }
        @media (max-width: 767px) {
          .distributel_container-left h1,
          .oricom_container-left h1,
          .yak_container-left h1 {
            font: 800 40px/48px "BrandonGrotesque", sans-serif; } }
      .distributel_container-left p,
      .oricom_container-left p,
      .yak_container-left p {
        max-width: 555px;
        margin-bottom: 15px;
        font: 20px/28px "BrandonGrotesque", sans-serif; }
      .distributel_container-left .container-logo,
      .oricom_container-left .container-logo,
      .yak_container-left .container-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 35px;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: end;
        margin-bottom: 40px; }
        .distributel_container-left .container-logo img,
        .oricom_container-left .container-logo img,
        .yak_container-left .container-logo img {
          max-width: 100%;
          height: auto; }
        @media (max-width: 1024px) {
          .distributel_container-left .container-logo img,
          .oricom_container-left .container-logo img,
          .yak_container-left .container-logo img {
            width: 300px; } }
      .distributel_container-left .container-btn,
      .oricom_container-left .container-btn,
      .yak_container-left .container-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative; }
        .distributel_container-left .container-btn:before,
        .oricom_container-left .container-btn:before,
        .yak_container-left .container-btn:before {
          content: "";
          background-image: url(../img/svg/ic-highlight.svg);
          background-repeat: no-repeat;
          background-size: contain;
          height: 38px;
          width: 33px;
          position: absolute;
          left: -15px;
          top: -12px;
          display: inline-block; }
        .distributel_container-left .container-btn:after,
        .oricom_container-left .container-btn:after,
        .yak_container-left .container-btn:after {
          content: '';
          background-image: url(../img/svg/ic-computer-mouse.svg) !important;
          background-repeat: no-repeat !important;
          background-size: contain !important;
          height: 64px !important;
          width: 64px !important;
          position: absolute !important;
          display: inline-block !important;
          right: -55px !important;
          bottom: -35px !important;
          z-index: 0; }
          @media (max-width: 1024px) {
            .distributel_container-left .container-btn:after,
            .oricom_container-left .container-btn:after,
            .yak_container-left .container-btn:after {
              height: 54px !important;
              width: 54px !important;
              right: -50px !important;
              bottom: -25px !important; } }
    .distributel_container-right,
    .oricom_container-right,
    .yak_container-right {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
      z-index: 1;
      color: white;
      text-align: right; }
      @media (max-width: 1024px) {
        .distributel_container-right,
        .oricom_container-right,
        .yak_container-right {
          width: 100%;
          padding: 60px 16px;
          background: #BE2323;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: start;
          text-align: left; } }

.distributel-fiftyfifty,
.oricom-fiftyfifty,
.yak-fiftyfifty {
  padding: 90px 24px;
  margin: 0 auto;
  max-width: 1170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 1024px) {
    .distributel-fiftyfifty,
    .oricom-fiftyfifty,
    .yak-fiftyfifty {
      padding: 0px 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px; } }
  @media (max-width: 767px) {
    .distributel-fiftyfifty,
    .oricom-fiftyfifty,
    .yak-fiftyfifty {
      padding: 0px 16px; } }
  .distributel-fiftyfifty-text,
  .oricom-fiftyfifty-text,
  .yak-fiftyfifty-text {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .distributel-fiftyfifty-text:first-child,
    .oricom-fiftyfifty-text:first-child,
    .yak-fiftyfifty-text:first-child {
      margin-right: 60px; }
    .distributel-fiftyfifty-text h2,
    .oricom-fiftyfifty-text h2,
    .yak-fiftyfifty-text h2 {
      text-transform: none !important; }
    @media (max-width: 1024px) {
      .distributel-fiftyfifty-text,
      .oricom-fiftyfifty-text,
      .yak-fiftyfifty-text {
        width: 100%; }
        .distributel-fiftyfifty-text:first-child,
        .oricom-fiftyfifty-text:first-child,
        .yak-fiftyfifty-text:first-child {
          margin-right: 0; } }

.red-separator {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 60px; }
  @media (max-width: 1024px) {
    .red-separator img {
      width: 200px;
      margin: 40px auto; } }
  @media (max-width: 991px) {
    .red-separator {
      margin-bottom: 30px; }
      .red-separator img {
        margin: 20px auto; } }

.distributel-column-product,
.oricom-column-product,
.yak-column-product {
  padding: 0 0 80px; }
  .distributel-column-product h2,
  .oricom-column-product h2,
  .yak-column-product h2 {
    text-align: center;
    text-transform: none !important; }
  .distributel-column-product .column-product-container,
  .oricom-column-product .column-product-container,
  .yak-column-product .column-product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 30px 24px;
    max-width: 1170px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    .distributel-column-product .column-product-container .mention,
    .oricom-column-product .column-product-container .mention,
    .yak-column-product .column-product-container .mention {
      position: absolute;
      bottom: -30px;
      left: 0;
      font-size: 16px; }
      @media (max-width: 1300px) {
        .distributel-column-product .column-product-container .mention,
        .oricom-column-product .column-product-container .mention,
        .yak-column-product .column-product-container .mention {
          left: 24px; } }
    @media (max-width: 1024px) {
      .distributel-column-product .column-product-container,
      .oricom-column-product .column-product-container,
      .yak-column-product .column-product-container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 60px 0; } }
  .distributel-column-product .column-product-item,
  .oricom-column-product .column-product-item,
  .yak-column-product .column-product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    @media (max-width: 1024px) {
      .distributel-column-product .column-product-item,
      .oricom-column-product .column-product-item,
      .yak-column-product .column-product-item {
        width: 50%; } }
    @media (max-width: 991px) {
      .distributel-column-product .column-product-item,
      .oricom-column-product .column-product-item,
      .yak-column-product .column-product-item {
        width: 100%; } }
    .distributel-column-product .column-product-item h3,
    .oricom-column-product .column-product-item h3,
    .yak-column-product .column-product-item h3 {
      margin-top: 20px;
      font: 800 30px/30px "BrandonGrotesque", sans-serif !important; }
      @media (max-width: 1024px) {
        .distributel-column-product .column-product-item h3,
        .oricom-column-product .column-product-item h3,
        .yak-column-product .column-product-item h3 {
          font: 800 22px/28px "BrandonGrotesque", sans-serif !important; } }
      .distributel-column-product .column-product-item h3 sup,
      .oricom-column-product .column-product-item h3 sup,
      .yak-column-product .column-product-item h3 sup {
        font-size: 14px !important;
        top: -1em !important; }
    .distributel-column-product .column-product-item .imageWithRedTag,
    .oricom-column-product .column-product-item .imageWithRedTag,
    .yak-column-product .column-product-item .imageWithRedTag {
      position: relative;
      z-index: 0; }
      .distributel-column-product .column-product-item .imageWithRedTag .red-tag,
      .oricom-column-product .column-product-item .imageWithRedTag .red-tag,
      .yak-column-product .column-product-item .imageWithRedTag .red-tag {
        width: 120px;
        height: 120px;
        background: #BE2323;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1; }
        @media (max-width: 1024px) {
          .distributel-column-product .column-product-item .imageWithRedTag .red-tag,
          .oricom-column-product .column-product-item .imageWithRedTag .red-tag,
          .yak-column-product .column-product-item .imageWithRedTag .red-tag {
            height: 80px;
            width: 80px; } }
        .distributel-column-product .column-product-item .imageWithRedTag .red-tag p,
        .oricom-column-product .column-product-item .imageWithRedTag .red-tag p,
        .yak-column-product .column-product-item .imageWithRedTag .red-tag p {
          font: 700 26px/30px "BrandonGrotesque", sans-serif !important;
          color: white;
          text-align: center; }
          .distributel-column-product .column-product-item .imageWithRedTag .red-tag p sup,
          .oricom-column-product .column-product-item .imageWithRedTag .red-tag p sup,
          .yak-column-product .column-product-item .imageWithRedTag .red-tag p sup {
            font-size: 14px !important;
            top: -1em !important; }
          @media (max-width: 1024px) {
            .distributel-column-product .column-product-item .imageWithRedTag .red-tag p,
            .oricom-column-product .column-product-item .imageWithRedTag .red-tag p,
            .yak-column-product .column-product-item .imageWithRedTag .red-tag p {
              font: 700 18px/20px "BrandonGrotesque", sans-serif !important; } }

.page-template-page-nous-joindre .PageTitle {
  position: relative; }
  @media (max-width: 1200px) {
    .page-template-page-nous-joindre .PageTitle {
      min-height: 270px; } }
  @media (max-width: 767px) {
    .page-template-page-nous-joindre .PageTitle {
      min-height: 200px;
      text-align: left; } }
  @media (max-width: 599px) {
    .page-template-page-nous-joindre .PageTitle {
      min-height: 150px;
      padding: 0 !important; } }

@media (max-width: 767px) {
  .page-template-page-nous-joindre .container {
    margin: 0; } }

.page-template-page-nous-joindre .PageTitle__img {
  width: 800px;
  height: 100%;
  bottom: 0;
  right: 15%; }
  .page-template-page-nous-joindre .PageTitle__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  @media (max-width: 1500px) {
    .page-template-page-nous-joindre .PageTitle__img {
      right: 5%; } }
  @media (max-width: 1200px) {
    .page-template-page-nous-joindre .PageTitle__img {
      width: 550px; }
      .page-template-page-nous-joindre .PageTitle__img img {
        -o-object-fit: contain;
           object-fit: contain; } }
  @media (max-width: 991px) {
    .page-template-page-nous-joindre .PageTitle__img {
      right: -50px; } }
  @media (max-width: 599px) {
    .page-template-page-nous-joindre .PageTitle__img {
      right: -70px !important;
      width: 300px; } }

.box-infos {
  background: #f2f2f2;
  padding: 120px 0;
  position: relative; }
  @media (max-width: 767px) {
    .box-infos {
      padding: 60px 0; } }
  .box-infos__subtext {
    text-align: center;
    padding-bottom: 60px;
    max-width: 800px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .box-infos__subtext {
        padding-bottom: 40px; } }
  .box-infos__title {
    text-align: center;
    padding-bottom: 30px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto; }
    .box-infos__title::after {
      content: "";
      position: absolute;
      right: 0;
      top: 40px;
      width: 150px;
      height: 12px;
      display: inline-block;
      background: url(../img/svg/red-underline.svg) center top no-repeat;
      background-size: contain; }
    @media (max-width: 991px) {
      .box-infos__title::after {
        top: 32px;
        width: 100px; } }
  .box-infos__container {
    width: 620px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: white;
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 8px -1px #343434;
            box-shadow: 0px 1px 8px -1px #343434;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (max-width: 767px) {
      .box-infos__container {
        gap: 0px;
        width: 100%; } }
  .box-infos__item {
    width: calc(100% - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px 40px;
    padding: 30px 0; }
    .box-infos__item svg, .box-infos__item img {
      width: 65px !important;
      height: 60px;
      min-width: 65px;
      fill: #BE2323;
      margin-right: 20px; }
    .box-infos__item-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 6px; }
      .box-infos__item-content ul {
        margin: 0 !important; }

.RefererAmi {
  margin: 140px 0; }
  .RefererAmi__container {
    background-color: #FFF2EE;
    min-height: 535px;
    position: relative; }
    .RefererAmi__container-motif {
      height: 535px;
      overflow: auto;
      background: url(../img/svg/motif-rose.svg) right center no-repeat;
      width: 300px;
      position: absolute;
      left: 0;
      top: 0; }
      @media (max-width: 1250px) {
        .RefererAmi__container-motif {
          height: 446px; } }
      @media (max-width: 867px) {
        .RefererAmi__container-motif {
          height: 100%;
          left: -50px; } }
      @media (max-width: 767px) {
        .RefererAmi__container-motif {
          display: none; } }
    @media (max-width: 1250px) {
      .RefererAmi__container {
        min-height: 446px; } }
  .RefererAmi__wrapper {
    max-width: 1170px;
    width: 100%;
    min-height: 536px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 1250px) {
      .RefererAmi__wrapper {
        min-height: 446px; } }
    @media (max-width: 1200px) {
      .RefererAmi__wrapper {
        padding: 0 30px; } }
    @media (max-width: 867px) {
      .RefererAmi__wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .RefererAmi__wrapper-left {
      position: relative;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; }
      @media (max-width: 867px) {
        .RefererAmi__wrapper-left {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          padding-top: 50px; } }
    .RefererAmi__wrapper-right {
      position: relative;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      min-height: 536px; }
      @media (max-width: 1250px) {
        .RefererAmi__wrapper-right {
          min-height: 446px; } }
      @media (max-width: 867px) {
        .RefererAmi__wrapper-right {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      .RefererAmi__wrapper-right img {
        height: auto;
        max-height: 920px;
        position: absolute;
        left: 0;
        top: -192px; }
        @media (max-width: 1578px) {
          .RefererAmi__wrapper-right img {
            max-height: 730px;
            top: -97px; } }
        @media (max-width: 1250px) {
          .RefererAmi__wrapper-right img {
            max-height: 660px;
            top: -108px; } }
        @media (max-width: 1150px) {
          .RefererAmi__wrapper-right img {
            max-height: 460px;
            top: -8px;
            left: auto;
            right: 0; } }
        @media (max-width: 867px) {
          .RefererAmi__wrapper-right img {
            position: relative;
            left: auto;
            right: auto;
            top: auto;
            max-width: 100%; } }
    .RefererAmi__wrapper .ButtonEffect {
      font-size: 20px !important;
      font-weight: 900 !important;
      border-radius: 80px;
      height: 60px;
      padding: 0 40px; }
      @media (max-width: 1250px) {
        .RefererAmi__wrapper .ButtonEffect {
          font-size: 18px !important;
          height: 50px;
          padding: 0 30px; } }
      @media (max-width: 867px) {
        .RefererAmi__wrapper .ButtonEffect {
          font-size: 16px !important;
          height: 40px;
          padding: 0 20px; } }
  .RefererAmi__title {
    font-size: 64px;
    line-height: 72px;
    font-weight: 900;
    color: #BE2323;
    text-transform: uppercase;
    margin-bottom: 40px; }
    @media (max-width: 1250px) {
      .RefererAmi__title {
        font-size: 44px;
        line-height: 52px; } }
  .RefererAmi__description {
    font-size: 20px;
    line-height: 24px;
    color: #081035;
    margin-bottom: 40px; }

.Loading {
  display: inline-block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 64px;
  height: 64px;
  color: #FFF; }
  .Loading:after {
    content: '';
    display: block;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    border: 1px solid currentColor;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    will-change: transform;
    border-color: currentColor transparent currentColor transparent;
    -webkit-animation: spin 0.75s cubic-bezier(0.55, 0, 0.1, 1) infinite;
            animation: spin 0.75s cubic-bezier(0.55, 0, 0.1, 1) infinite; }

@-webkit-keyframes motionBlur {
  0%, 70% {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  30% {
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px); } }

@keyframes motionBlur {
  0%, 70% {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  30% {
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); } }

.SectionLoading {
  font: 700 18px/24px 'BrandonGrotesque', sans-serif; }
  .SectionLoading__text {
    display: inline-block; }
  .SectionLoading__Loading {
    color: #BE2323;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    position: relative;
    bottom: 3px; }

.GoogleMap {
  height: 400px; }

.AlertBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #FFF;
  padding: 12px;
  border: 2px solid rgba(102, 22, 24, 0.75);
  border-radius: 8px; }
  @media (max-width: 460px) {
    .AlertBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .AlertBox__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .AlertBox__col--icon-container {
      width: 40px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
      @media (max-width: 460px) {
        .AlertBox__col--icon-container {
          display: none; } }
    .AlertBox__col--content {
      padding: 0 15px; }
      @media (max-width: 460px) {
        .AlertBox__col--content {
          padding: 0;
          margin-bottom: 15px; } }
  .AlertBox__title {
    font-size: 16px; }
  .AlertBox__message {
    font-size: 16px;
    line-height: 1.4; }
  .AlertBox__icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    fill: currentColor; }
  .AlertBox__btn.ButtonEffect.ButtonEffect {
    font-size: 11px !important;
    min-width: 1px;
    padding: 0 10px;
    min-height: 40px;
    white-space: nowrap;
    margin-top: 0;
    color: #FFF; }
    .AlertBox__btn.ButtonEffect.ButtonEffect:before {
      background-color: #661618; }

.ActionWindows {
  position: relative;
  padding: 214px 15px 100px;
  background: #343434;
  text-align: center;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .ActionWindows {
      padding: 100px 15px 62px; } }
  @media (max-width: 767px) {
    .ActionWindows {
      padding: 70px 15px; } }
  .ActionWindows__bg-title-container {
    position: absolute;
    top: 33%;
    left: -20px; }
    @media (max-width: 1024px) {
      .ActionWindows__bg-title-container {
        top: 15%;
        left: 0; } }
    @media (max-width: 767px) {
      .ActionWindows__bg-title-container {
        display: none; } }
  .ActionWindows__bg-title {
    font: 900 240px/1 "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    color: rgba(199, 199, 199, 0.08);
    text-align: left;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none; }
    @media (min-width: 1921px) {
      .ActionWindows__bg-title {
        font-size: 12vw; } }
    @media (max-width: 1024px) {
      .ActionWindows__bg-title {
        font: 900 110px/130px "BrandonGrotesque", sans-serif;
        white-space: normal; } }
  .ActionWindows__mobile-title {
    display: none;
    font: 900 22px/24px "BrandonGrotesque", sans-serif;
    color: #FFF;
    margin-bottom: 40px; }
    .ActionWindows__mobile-title .is-doodled--underlined:after {
      text-outline: 85%;
      height: 32%; }
    @media (max-width: 767px) {
      .ActionWindows__mobile-title {
        display: block; } }
  .ActionWindows .PostCardItem {
    max-width: 570px; }
    .ActionWindows .PostCardItem__forfaitwrapper {
      margin-bottom: 0; }
    @media (max-width: 1024px) {
      .ActionWindows .PostCardItem .RedCircle {
        width: 100px;
        height: 100px;
        background-size: 100%; }
        .ActionWindows .PostCardItem .RedCircle__price {
          font: 900 25px/26px "BrandonGrotesque", sans-serif;
          width: 55px; }
          .ActionWindows .PostCardItem .RedCircle__price sup {
            top: -8px; }
        .ActionWindows .PostCardItem .RedCircle__mois {
          font: 400 7px/10px "Gloria Hallelujah";
          left: -4px; } }
    @media (max-width: 767px) {
      .ActionWindows .PostCardItem {
        max-width: 570px; } }
  @media (max-width: 767px) {
    .ActionWindows__PostCardItem {
      -webkit-transform: none !important;
              transform: none !important;
      opacity: 1 !important; } }
  .ActionWindows__titleDisabled {
    color: #FFF;
    font: 900 45px/65px "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    margin-bottom: 56px; }
    @media (max-width: 767px) {
      .ActionWindows__titleDisabled {
        font: 900 26px/32px "BrandonGrotesque", sans-serif;
        margin-bottom: 36px; } }
  .ActionWindows__descriptionDisabled {
    max-width: 1200px;
    color: #FFF;
    font: 400 30px/43px "BrandonGrotesque", sans-serif;
    margin: 0 auto 60px; }
    @media (max-width: 767px) {
      .ActionWindows__descriptionDisabled {
        font: 400 20px/33px "BrandonGrotesque", sans-serif;
        margin-bottom: 26px; } }
  .ActionWindows__break {
    display: block; }

.ActionWindows__break .is-doodled--underlined-large:after {
  top: 78%; }

.SearchForm {
  padding: 0 0 100px;
  margin-left: -30px !important;
  margin-right: -30px !important;
  color: #FFF; }
  .SearchForm:before, .SearchForm:after {
    content: " ";
    display: table; }
  .SearchForm:after {
    clear: both; }
  .SearchForm--padded {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .SearchForm--black {
    background-color: #1F1F1F; }
  .SearchForm--red {
    background-image: url(../img/ebox-texture-background--red.jpg); }
  .SearchForm--rounded {
    border-radius: 12px; }
  @media (max-width: 1024px) {
    .SearchForm {
      padding-bottom: 70px; } }
  @media (max-width: 600px) {
    .SearchForm {
      padding-bottom: 40px; } }
  .SearchForm--has-results {
    padding-bottom: 40px; }
  .SearchForm--is-loading .SearchForm__results {
    display: none; }
  .SearchForm__col {
    position: relative;
    padding-left: 30px;
    padding-right: 30px; }
  .SearchForm__col-wrapper {
    position: relative; }
  .SearchForm__fieldset {
    border: none;
    padding: 0;
    margin: 0; }
  .SearchForm__section-title {
    font: 700 18px/20px "BrandonGrotesque";
    color: #FFF;
    border: none;
    margin-bottom: 16px; }
  .SearchForm__input-container {
    position: relative; }
  .SearchForm__input {
    height: 44px;
    width: 100%;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    border-radius: 5px !important;
    background: #343434;
    border-radius: 0;
    color: #FFF;
    font: 400 16px/22px "BrandonGrotesque";
    padding: 11px 62px 11px 15px; }
    .SearchForm__input::-webkit-input-placeholder {
      color: currentColor; }
    .SearchForm__input:-ms-input-placeholder {
      color: currentColor; }
    .SearchForm__input::-ms-input-placeholder {
      color: currentColor; }
    .SearchForm__input::placeholder {
      color: currentColor; }
  .SearchForm__input-icon, .SearchForm__clear-button {
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 15px !important;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    fill: currentColor; }
  .SearchForm__clear-button {
    color: currentColor;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    font-size: 26px !important;
    padding: 0 7px 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1; }
    .SearchForm__clear-button:hover {
      color: rgba(255, 255, 255, 0.75) !important; }
  .SearchForm__filters-container {
    margin-left: -10px !important;
    margin-right: -10px !important; }
  .SearchForm__checkbox-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
    font: 400 14px/22px "BrandonGrotesque"; }
  .SearchForm__checkbox {
    display: inline-block;
    margin: 0 6px 0 0 !important;
    vertical-align: middle; }
  .SearchForm__result-container {
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 8px 0 0;
    margin-top: 5px;
    z-index: 1; }
  .SearchForm__result-wrapper {
    position: relative;
    background: #343434;
    padding: 19px 20px 17px;
    width: 100%;
    border-radius: 5px;
    min-height: 60px;
    height: 180px;
    overflow: hidden; }
    .SearchForm__result-wrapper:before {
      content: '';
      position: absolute;
      pointer-events: none;
      bottom: 100%;
      left: 50%;
      margin-left: -23px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 23px 8px 23px;
      border-color: transparent transparent #343434 transparent; }
    .SearchForm__result-wrapper:after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      width: 60px;
      height: 100%;
      background: -webkit-gradient(linear, right top, left top, from(#343434), to(transparent));
      background: linear-gradient(-90deg, #343434, transparent); }
  .SearchForm__no-result-warning {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .SearchForm__results {
    position: absolute;
    margin: 0 -20px -15px;
    padding-right: 60px;
    font-size: 0;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%; }
  .SearchForm__result-item {
    display: inline-block;
    margin: 0 15px 15px;
    width: 77px;
    white-space: normal; }
    .SearchForm__result-item .channel {
      width: 100%;
      padding-bottom: 0; }
      .SearchForm__result-item .channel__logo-container {
        width: 100%;
        height: auto; }
        .SearchForm__result-item .channel__logo-container:after {
          content: '';
          display: block;
          width: 100%;
          padding-top: 100%; }

.duet-date {
  width: 200px !important; }

.duet-date__dialog-content {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: inherit; }

.duet-date__day {
  font: 14px "BrandonGrotesque", sans-serif; }

.duet-date__table-header,
.duet-date__select-label {
  font: 600 14px "BrandonGrotesque", sans-serif; }

.BackToTop {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 50; }
  .BackToTop__wrapper {
    position: relative; }
  .BackToTop__button {
    position: absolute;
    display: block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 2);
    transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 2);
    transition: transform 0.2s cubic-bezier(0.55, 0, 0.1, 2);
    transition: transform 0.2s cubic-bezier(0.55, 0, 0.1, 2), -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 2); }
    @media (min-width: 1025px) {
      .BackToTop__button:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.2s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.1, 1); } }
    @media (max-width: 767px) {
      .BackToTop__button {
        width: 60px;
        height: 60px; } }
  .BackToTop__icon {
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .BackToTop--hidden .BackToTop__button {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.55, 0, 0.1, 1);
    transition: -webkit-transform 0.15s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.15s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.15s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0, 0.1, 1); }
  .BackToTop--out-of-grid .BackToTop__button {
    left: 20px; }
  .BackToTop--out-of-grid .higher {
    bottom: 120px; }
  @media (min-width: 1025px) {
    .BackToTop--tv-order.BackToTop--is-sticky .BackToTop__button {
      right: 315px; } }

.CustomCheckbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px; }
  .CustomCheckbox__input {
    position: absolute;
    width: 0px;
    height: 1px; }
    .CustomCheckbox__input:checked + .CustomCheckbox__icon-container {
      background-color: #FFF; }
      .CustomCheckbox__input:checked + .CustomCheckbox__icon-container .CustomCheckbox__icon {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1); }
  .CustomCheckbox__icon-container {
    position: relative;
    background: #343434;
    width: 100%;
    height: 100%;
    border-radius: 20%; }
  .CustomCheckbox__icon {
    display: inline-block;
    width: 150%;
    height: 150%;
    position: absolute;
    top: 22%;
    left: 70%;
    fill: #BE2323;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0); }

.CustomRadio {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFF;
  border: 2px solid #651418;
  border-radius: 100%;
  width: 9px;
  height: 9px;
  max-width: 9px;
  max-height: 9px; }
  .CustomRadio:checked {
    background: #651418; }

.DemenagementPopup {
  font-family: "BrandonGrotesque", sans-serif;
  z-index: 99999 !important; }
  .DemenagementPopup a:hover {
    color: #FFF; }
  .DemenagementPopup .dark {
    color: #651418; }
  .DemenagementPopup__window {
    position: relative;
    width: 95% !important;
    max-width: 1190px;
    background: #E03743;
    color: #FFF;
    padding: 35px 60px 90px;
    margin: 30px auto; }
    @media (max-width: 1250px) {
      .DemenagementPopup__window {
        padding: 35px 30px 90px; } }
    @media (max-width: 1023px) {
      .DemenagementPopup__window {
        padding: 18px 30px 35px; } }
    @media (max-width: 574px) {
      .DemenagementPopup__window {
        padding: 15px 15px 35px; } }
  .DemenagementPopup__head {
    text-align: right;
    margin-bottom: 80px; }
    @media (max-width: 1023px) {
      .DemenagementPopup__head {
        text-align: left;
        margin-bottom: 30px; } }
  .DemenagementPopup__ebox-logo {
    display: inline-block;
    width: 300px;
    height: 88px; }
    @media (max-width: 1250px) {
      .DemenagementPopup__ebox-logo {
        width: 200px;
        height: 58.66667px; } }
    @media (max-width: 574px) {
      .DemenagementPopup__ebox-logo {
        width: 150px;
        height: 44px; } }
  .DemenagementPopup__body {
    margin-bottom: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1023px) {
      .DemenagementPopup__body {
        margin-bottom: 60px; } }
    @media (max-width: 490px) {
      .DemenagementPopup__body {
        display: block;
        margin-bottom: 40px; } }
  .DemenagementPopup__close-btn {
    position: absolute;
    top: 10px;
    right: 13px;
    font: 900 23px/14px "BrandonGrotesque", sans-serif;
    width: 19px;
    height: 19px;
    text-align: center;
    background: #FFF;
    color: #E03743;
    cursor: pointer; }
    .DemenagementPopup__close-btn:hover {
      color: #FFF;
      background: transparent; }
    @media (max-width: 1023px) {
      .DemenagementPopup__close-btn {
        top: 13px; } }
  .DemenagementPopup__title {
    text-align: left;
    margin-bottom: 60px;
    font: 900 44px/60px "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    font-size: 44px;
    line-height: 60px; }
    @media (max-width: 1250px) {
      .DemenagementPopup__title {
        font-size: 38px;
        line-height: 55px; } }
    @media (max-width: 1023px) {
      .DemenagementPopup__title {
        text-align: center;
        margin-bottom: 42px;
        line-height: 1.2; } }
    @media (max-width: 574px) {
      .DemenagementPopup__title {
        font-size: 22px; } }
    .DemenagementPopup__title .agent, .DemenagementPopup__title .contacter {
      position: relative;
      display: inline-block; }
      .DemenagementPopup__title .agent:before, .DemenagementPopup__title .contacter:before {
        content: '';
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
    .DemenagementPopup__title .agent:before {
      bottom: 90%;
      left: 50%;
      width: 58px;
      height: 60px;
      margin-left: -38px;
      background-image: url(../img/svg/emoticon.svg); }
      @media (max-width: 1023px) {
        .DemenagementPopup__title .agent:before {
          width: 39px;
          height: 40px;
          bottom: 90%;
          left: 10px; } }
      @media (max-width: 574px) {
        .DemenagementPopup__title .agent:before {
          display: none; } }
    .DemenagementPopup__title .contacter {
      padding-right: 35px; }
      .DemenagementPopup__title .contacter:before {
        bottom: 75%;
        right: 0;
        width: 42px;
        height: 47px;
        background-image: url(../img/svg/wifi.svg); }
      @media (max-width: 1023px) {
        .DemenagementPopup__title .contacter {
          display: table;
          margin: 0 auto;
          padding-right: 0; }
          .DemenagementPopup__title .contacter:before {
            bottom: auto;
            top: 60%;
            right: auto;
            left: 98%;
            width: 26px;
            height: 37px;
            -webkit-transform: rotateX(180deg);
                    transform: rotateX(180deg); } }
      @media (max-width: 574px) {
        .DemenagementPopup__title .contacter:before {
          bottom: auto;
          top: 60%;
          right: auto;
          left: 98%;
          width: 20px;
          height: 28.46154px; } }
  .DemenagementPopup__form-container {
    margin: 0 -30px;
    display: inline-block; }
    @media (max-width: 1023px) {
      .DemenagementPopup__form-container {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  .DemenagementPopup__form {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 0 30px;
    width: 475px; }
    .DemenagementPopup__form .DemenagementPopup__form-wrapper:after {
      content: '';
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    .DemenagementPopup__form:after {
      content: '';
      position: absolute;
      top: 47%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      height: 115%;
      background-position: top left;
      background-repeat: no-repeat; }
    .DemenagementPopup__form--phone .DemenagementPopup__form-wrapper:after {
      background-image: url(../img/svg/dring-dring.svg);
      width: 101px;
      height: 43px;
      top: 10px;
      right: 10px; }
      html[lang^="en"] .DemenagementPopup__form--phone .DemenagementPopup__form-wrapper:after {
        background-image: url(../img/svg/ring-ring.svg); }
      @media (max-width: 490px) {
        .DemenagementPopup__form--phone .DemenagementPopup__form-wrapper:after {
          width: 75px;
          height: 31.93069px; } }
      @media (max-width: 399px) {
        .DemenagementPopup__form--phone .DemenagementPopup__form-wrapper:after {
          display: none; } }
    .DemenagementPopup__form--phone:after {
      background-size: 100% 100%;
      background-image: url(../img/svg/border_when-can-we-chat.svg); }
    .DemenagementPopup__form--email {
      padding-left: 70px; }
      .DemenagementPopup__form--email .DemenagementPopup__form-wrapper:after {
        background-image: url(../img/svg/letter.svg);
        width: 88px;
        height: 60px;
        bottom: 8px;
        right: -15px; }
        @media (max-width: 1023px) {
          .DemenagementPopup__form--email .DemenagementPopup__form-wrapper:after {
            width: 79px;
            height: 53px; } }
        @media (max-width: 490px) {
          .DemenagementPopup__form--email .DemenagementPopup__form-wrapper:after {
            width: 79px;
            height: 42.27273px;
            right: -5px; } }
        @media (max-width: 399px) {
          .DemenagementPopup__form--email .DemenagementPopup__form-wrapper:after {
            display: none; } }
      .DemenagementPopup__form--email .DemenagementPopup__text-input {
        width: 301px; }
        @media (max-width: 574px) {
          .DemenagementPopup__form--email .DemenagementPopup__text-input {
            width: 245px; } }
      .DemenagementPopup__form--email:after {
        background-size: 92% 100%;
        background-image: url(../img/svg/border_dont-like-the-phone.svg);
        left: 58%; }
    @media (max-width: 1023px) {
      .DemenagementPopup__form {
        display: block;
        padding: 0 30px; }
        .DemenagementPopup__form--email {
          padding-right: 70px;
          padding-left: 30px;
          margin-top: 50px; }
          .DemenagementPopup__form--email:after {
            background-size: 99% 100%;
            background-image: url(../img/svg/border_dont-like-the-phone.svg);
            left: 50%; } }
    @media (max-width: 574px) {
      .DemenagementPopup__form {
        width: 100%; } }
    @media (max-width: 490px) {
      .DemenagementPopup__form--email {
        padding-right: 30px; } }
    @media (max-width: 490px) {
      .DemenagementPopup__form {
        padding: 0 20px; }
        .DemenagementPopup__form--email {
          padding-right: 15px; } }
    .DemenagementPopup__form.form-sending .DemenagementPopup__btn {
      display: none; }
    .DemenagementPopup__form.form-sending .DemenagementPopup__btn-loading {
      display: inline-block; }
    .DemenagementPopup__form.form-sent--success .DemenagementPopup__form-wrapper {
      display: none; }
    .DemenagementPopup__form.form-sent--success .DemenagementPopup__form-confirmation--success {
      display: block;
      position: relative;
      z-index: 1; }
    .DemenagementPopup__form.form-sent--error .DemenagementPopup__form-wrapper {
      display: none; }
    .DemenagementPopup__form.form-sent--error .DemenagementPopup__form-confirmation--error {
      display: block;
      position: relative;
      z-index: 1; }
  .DemenagementPopup__form-confirmation {
    display: none;
    font: 700 20px/1.4 "BrandonGrotesque", sans-serif;
    text-align: center;
    padding: 60px 0; }
    .DemenagementPopup__form-confirmation a {
      display: inline-block;
      color: inherit;
      text-decoration: underline; }
  .DemenagementPopup__btn-container {
    display: table;
    margin: 0 auto; }
  .DemenagementPopup__btn-loading {
    display: none; }
  .DemenagementPopup__btn {
    position: relative;
    display: table;
    margin: 0 auto;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    font: 900 16px/1 "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    color: #FFF;
    padding: 8px;
    z-index: 1; }
    .DemenagementPopup__btn:after {
      content: '';
      position: absolute;
      display: inline-block;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-size: 100% 100%;
      background-position: top left;
      background-repeat: no-repeat;
      z-index: -1; }
    .DemenagementPopup__btn:hover:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    .DemenagementPopup__btn--1:after {
      background-image: url(../img/svg/bt-call-me.svg); }
    .DemenagementPopup__btn--2:after {
      background-image: url(../img/svg/bt_email-me.svg); }
  .DemenagementPopup__form-wrapper {
    position: relative;
    padding: 20px 0;
    z-index: 1; }
  .DemenagementPopup__form-title {
    font: 900 23px/1 "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px; }
    @media (max-width: 574px) {
      .DemenagementPopup__form-title {
        font-size: 18px; } }
  .DemenagementPopup__input-wrapper, .DemenagementPopup__input-container {
    position: relative;
    display: inline-block; }
    .DemenagementPopup__input-wrapper input.invalid-input, .DemenagementPopup__input-container input.invalid-input {
      margin-bottom: 20px; }
      .DemenagementPopup__input-wrapper input.invalid-input + .form-error, .DemenagementPopup__input-container input.invalid-input + .form-error {
        display: block; }
        @media (min-width: 491px) {
          .DemenagementPopup__input-wrapper input.invalid-input + .form-error, .DemenagementPopup__input-container input.invalid-input + .form-error {
            bottom: -10px; } }
    @media (max-width: 490px) {
      .DemenagementPopup__input-wrapper, .DemenagementPopup__input-container {
        width: 100% !important; } }
  .DemenagementPopup .form-error {
    position: absolute;
    display: none;
    font: 400 11px/16px "BrandonGrotesque", sans-serif;
    color: #FFF;
    bottom: 0;
    left: 0; }
  .DemenagementPopup__text-input, .DemenagementPopup__radio-container {
    display: inline-block; }
  .DemenagementPopup__radio-container {
    position: relative; }
    .DemenagementPopup__radio-container.invalid-input {
      padding-bottom: 20px; }
      .DemenagementPopup__radio-container.invalid-input .form-error {
        display: block; }
    @media (max-width: 490px) {
      .DemenagementPopup__radio-container {
        display: table;
        margin: 0 auto; } }
  .DemenagementPopup__input-container {
    margin-bottom: 20px; }
    html[lang^="en"] .DemenagementPopup__input-container {
      white-space: nowrap; }
    @media (max-width: 490px) {
      .DemenagementPopup__input-container {
        margin-bottom: 10px; } }
  .DemenagementPopup__radio-label {
    font: 900 14px/1 "BrandonGrotesque", sans-serif;
    text-transform: uppercase;
    color: #651418;
    margin-right: 15px; }
    html[lang^="en"] .DemenagementPopup__radio-label {
      margin-right: 3px; }
    .DemenagementPopup__radio-label .CustomRadio {
      margin-right: 3px; }
    .DemenagementPopup__radio-label:last-child {
      margin-right: 0; }
    @media (max-width: 574px) {
      .DemenagementPopup__radio-label {
        margin-right: 15px; }
        .DemenagementPopup__radio-label .CustomRadio {
          margin-right: 0; } }
  .DemenagementPopup__text-input {
    position: relative;
    width: 146px;
    height: 41px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    font: 900 17px/1 "BrandonGrotesque", sans-serif;
    text-align: center;
    text-transform: uppercase;
    left: -10px;
    background-size: 100% 100%;
    background-position: center;
    background-image: url(../img/svg/bt_phone.svg);
    background-color: transparent; }
    .DemenagementPopup__text-input--tel {
      margin-right: 10px; }
      html[lang^="en"] .DemenagementPopup__text-input--tel {
        margin-right: 0; }
      @media (max-width: 574px) {
        .DemenagementPopup__text-input--tel {
          margin-right: 0; } }
    .DemenagementPopup__text-input::-webkit-input-placeholder {
      color: #FFF;
      line-height: 25px; }
    .DemenagementPopup__text-input:-ms-input-placeholder {
      color: #FFF;
      line-height: 25px; }
    .DemenagementPopup__text-input::-ms-input-placeholder {
      color: #FFF;
      line-height: 25px; }
    .DemenagementPopup__text-input::placeholder {
      color: #FFF;
      line-height: 25px; }
    @media (max-width: 574px) {
      .DemenagementPopup__text-input {
        font-size: 14px;
        width: 125px;
        height: 35px; }
        .DemenagementPopup__text-input::-webkit-input-placeholder {
          color: #FFF;
          line-height: 21px; }
        .DemenagementPopup__text-input:-ms-input-placeholder {
          color: #FFF;
          line-height: 21px; }
        .DemenagementPopup__text-input::-ms-input-placeholder {
          color: #FFF;
          line-height: 21px; }
        .DemenagementPopup__text-input::placeholder {
          color: #FFF;
          line-height: 21px; } }
    @media (max-width: 490px) {
      .DemenagementPopup__text-input {
        display: table;
        margin-right: auto !important;
        margin: 0 auto 10px;
        left: auto;
        text-align: center; } }
  .DemenagementPopup__foot {
    text-align: center; }
  .DemenagementPopup__foot-title {
    margin-bottom: 105px;
    font: 900 23px/1 "BrandonGrotesque", sans-serif;
    text-transform: uppercase; }
    .DemenagementPopup__foot-title .underline {
      position: relative;
      display: inline-block; }
      .DemenagementPopup__foot-title .underline:after {
        content: '';
        position: absolute;
        display: inline-block;
        top: 100%;
        left: 49%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 104%;
        height: 7px;
        background-image: url(../img/svg/underline_trop-impatient.svg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat; }
    @media (max-width: 1023px) {
      .DemenagementPopup__foot-title {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 60px; }
        .DemenagementPopup__foot-title .underline:after {
          top: 80%; } }
    @media (max-width: 835px) {
      .DemenagementPopup__foot-title {
        margin-bottom: 40px; } }
  @media (max-width: 535px) {
    .DemenagementPopup__main-tel-number-container {
      display: table;
      margin: 23px auto 0; } }
  .DemenagementPopup__main-tel-number {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    color: #FFF;
    text-decoration: none;
    outline: none !important; }
    .DemenagementPopup__main-tel-number:hover {
      color: #651418 !important;
      text-decoration: none; }
    .DemenagementPopup__main-tel-number:after {
      content: '';
      position: absolute;
      display: block;
      width: 237px;
      height: 120px;
      bottom: -35px;
      left: -15px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url(../img/svg/highlight-phone.svg);
      pointer-events: none; }
      @media (max-width: 1023px) {
        .DemenagementPopup__main-tel-number:after {
          display: none; } }
    .DemenagementPopup__main-tel-number:before {
      content: '';
      position: absolute;
      display: block;
      width: 120%;
      height: 170%;
      top: 58%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url(../img/svg/border_phone.svg); }
    @media (max-width: 535px) {
      .DemenagementPopup__main-tel-number {
        margin-left: 0; } }
  .DemenagementPopup__foot-link-container {
    display: inline-block;
    position: relative; }
  .DemenagementPopup__foot-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    height: 41px;
    font: 900 16px/1 "BrandonGrotesque", sans-serif;
    padding: 0 15px;
    text-transform: uppercase;
    color: #FFF;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/svg/bt_check-out-packages.svg); }
    .DemenagementPopup__foot-link:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
      .DemenagementPopup__foot-link:hover .DemenagementPopup__btn-capoter {
        -webkit-transform: scale(0.9) translateY(-30%);
                transform: scale(0.9) translateY(-30%); }
  .DemenagementPopup__btn-capoter {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 151px;
    height: 45px;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
    margin-right: 35px;
    pointer-events: none; }
    @media (max-width: 1023px) {
      .DemenagementPopup__btn-capoter {
        margin-right: 9px; } }
    @media (max-width: 650px) {
      html[lang^="en"] .DemenagementPopup__btn-capoter {
        width: 100px;
        height: 29.80132px; } }
    @media (max-width: 490px) {
      html[lang^="en"] .DemenagementPopup__btn-capoter {
        display: none; } }
    @media (max-width: 540px) {
      .DemenagementPopup__btn-capoter {
        width: 100px;
        height: 29.80132px; } }
    @media (max-width: 415px) {
      .DemenagementPopup__btn-capoter {
        display: none; } }

.RecommendedStar {
  color: #BE2323;
  margin-bottom: 15px; }
  .RecommendedStar__icon, .RecommendedStar__title {
    display: inline-block;
    vertical-align: middle; }
  .RecommendedStar__icon {
    width: 30px;
    height: 30px;
    fill: currentColor;
    margin-right: 4px; }

html {
  background-color: #1F1F1F;
  scroll-behavior: smooth; }
.material-input-container {
  font-family: sans-serif;
  padding-top: 22px !important;
  font-size: 16px;
  width: 100%; }

.material-input-container input,
.material-input-container textarea {
  border: none;
  border-bottom: 1px solid #1F1F1F;
  height: 25px;
  outline: none;
  font-size: 16px; }

.material-input-container label {
  position: absolute;
  font-size: 18px;
  font-weight: 300;
  font-family: 'Open sans';
  bottom: 0;
  left: 0;
  pointer-events: none;
  cursor: text;
  will-change: transform;
  -webkit-transform: translateY(-5px) scale(1);
  transform: translateY(-5px) scale(1);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.1, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.1, 1); }

.material-input-container--textarea label {
  bottom: auto !important;
  top: 0;
  padding-top: 0;
  margin-top: 14px;
  padding-left: 15px;
  padding-right: 15px; }

.ginput_container_textarea {
  margin-top: 50px !important; }
auto-complete {
  position: absolute;
  display: block;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  background: #FAFAFA;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  z-index: 1; }
  auto-complete .AutoComplete__list {
    list-style: none;
    padding: 0;
    margin: 0;
    background: inherit; }
  auto-complete .AutoComplete__fake-link, auto-complete .AutoComplete__loading-container, auto-complete .AutoComplete__item--no-result {
    display: block;
    padding: 8px 10px; }
  auto-complete .AutoComplete__item {
    cursor: pointer;
    border-bottom: 1px solid #C7C7C7; }
    auto-complete .AutoComplete__item:last-child {
      margin-bottom: 0;
      border: none; }
    auto-complete .AutoComplete__item--no-result {
      border: none;
      cursor: default;
      padding: 15px 10px; }
      auto-complete .AutoComplete__item--no-result:hover {
        background: initial; }
  auto-complete .AutoComplete__fake-link {
    position: relative;
    display: block;
    color: #1F1F1F;
    background: #FFF;
    -webkit-transition: background 0.1s linear;
    transition: background 0.1s linear;
    outline: none; }
    auto-complete .AutoComplete__fake-link:hover, auto-complete .AutoComplete__fake-link:focus {
      background: #e1e1e1; }
    auto-complete .AutoComplete__fake-link:focus, auto-complete .AutoComplete__fake-link:hover, auto-complete .AutoComplete__fake-link:active {
      text-decoration: none;
      color: #1F1F1F; }
  auto-complete .AutoComplete__wrapper {
    position: relative; }
  auto-complete .AutoComplete__title {
    font: 700 14px/18px 'BrandonGrotesque', sans-serif;
    margin: 0; }
  auto-complete .AutoComplete__infos {
    font: 400 12px/14px 'BrandonGrotesque', sans-serif; }
  auto-complete .AutoComplete__result-count {
    position: absolute;
    top: 0;
    right: 0;
    color: #343434;
    font: 400 11px/14px 'BrandonGrotesque', sans-serif; }
  auto-complete .AutoComplete__Loading {
    color: #BE2323;
    width: 35px;
    height: 35px;
    padding: 5px; }
  auto-complete .AutoComplete__Loading, auto-complete .AutoComplete__loading-title {
    vertical-align: middle; }
  auto-complete .AutoComplete__loading-title {
    display: inline-block; }
okt-select {
  display: block;
  width: 100%;
  background: url(../img/svg/select-input-arrow.svg) right center no-repeat;
  height: 40px;
  position: relative; }
  okt-select .OktSelect__select {
    width: 100%;
    background: none;
    padding: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    height: 40px;
    font-family: 'BrandonGrotesque', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    border-top: 0;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-right: 22px !important; }
.data-clearable {
  position: relative; }
  .data-clearable__btn {
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 0;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    color: currentColor;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    font-size: 26px !important;
    padding: 0 7px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
    .data-clearable__btn:hover, .data-clearable__btn:focus {
      -webkit-transform: scale(1.1) !important;
              transform: scale(1.1) !important;
      color: #343434; }
  .data-clearable input {
    padding-right: 30px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .data-clearable input:disabled {
      opacity: 0.75; }
      .data-clearable input:disabled + .clearable__btn {
        display: none; }

.clearable__btn {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 0;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  color: currentColor;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  font-size: 26px !important;
  padding: 0 7px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }
  .clearable__btn:hover, .clearable__btn:focus {
    -webkit-transform: scale(1.1) !important;
            transform: scale(1.1) !important;
    color: #343434; }
  .clearable__btn:focus {
    -webkit-transform: scale(1.1) !important;
            transform: scale(1.1) !important;
    color: #343434;
    outline: 1px solid #FFF; }
[show-on-init][show-on-init][show-on-init][show-on-init][data-show-on-init] {
  display: none; }
[show-on-localized] {
  display: none; }
[data-show-if-cookie][data-show-if-cookie][data-show-if-cookie][data-show-if-cookie][data-show-if-cookie] {
  display: none; }