@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic);
.text-highlight {
  margin: 12px 0;
  text-align: center;
  color: #00aae7;
  font-size: 30px; }

.header-channel {
  margin-bottom: 25px; }

.image-container {
  text-align: center; }

.offer-item-blue .item-body > li {
  background-color: transparent; }

.footer-note {
  font-size: 11px;
  margin-top: 20px;
  text-align: center;
  color: #393939; }
  .footer-note > span {
    display: block; }
  .footer-note .exponent {
    display: inline-block;
    margin-right: 5px; }

.content-container .offer-item-blue .info .data,.content-container .offer-item-orange .info .data {
  padding: 0; }

.content-container .offer-item-blue .info,.content-container .offer-item-orange .info {
  text-align: center;
  font-size: 21px;
  font-weight: 400; }

.content-container .offer-item-blue .item-header,.content-container .offer-item-orange .item-header {
  padding: 12px 0;
  font-size: 31px; }

.img-layout {
  width: 100%;
  height: auto; }

.channels-language-links {
  font-size: 20px;
  color: #393939;
  font-weight: 400;
  margin-bottom: 35px; }
  .channels-language-links li {
    height: 30px;
    width: 150px;
    margin-bottom: 10px;
    text-align: center;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
        align-self: auto;
    padding: 0px 0px 5px;
    cursor: pointer; }
    .channels-language-links li:hover {
      border-bottom: 2px dotted #c0c0c0; }
    .channels-language-links li.active {
      color: #004994;
      font-weight: 600; }

.channels-items > div[data-language] {
  display: none !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .channels-items > div[data-language].is-visible {
    display: -ms-flexbox !important;
    display: flex !important; }

.channels-items .item {
  -ms-flex-order: 0;
  order: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
  position: relative;
  margin: 0px 11px 20px; }

.channel-logo {
  height: 75px;
  width: 130px;
  text-align: center;
  bottom: 5px;
  transform: translateX(-50%); }
  .channel-logo,.channel-logo img {
  position: absolute;
  left: 50%; }
  .channel-logo img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: 0px; }

.channel-brand {
  text-align: center;
  margin: 10px 0 8px;
  font-size: 13px; }

.equipement-description {
  display: block;
  font-size: 16px; }
  .equipement-description li {
    display: block;
    line-height: 20px; }

.minix-info h1 {
  font-size: 40px;
  font-weight: 800;
  line-height: 65px; }
  .minix-info h1 span {
    display: block;
    font-size: 45px;
    font-weight: 400; }
    .minix-info h1 span strong {
      font-weight: 800; }

.achat {
  font-size: 16px;
  line-height: 20px; }
  .achat span {
    display: inline-block;
    font-size: 0.9em; }

.minix-info-image img {
  max-width: 100%; }

#offre-tv-header {
  background-size: 672px auto;
  height: 320px !important; }
  #offre-tv-header.image-1 {
    background-image: url(../../../images/TV/header/football_672x320px.jpg); }
  #offre-tv-header.image-2 {
    background-image: url(../../../images/TV/header/love_672x320px.jpg); }
  #offre-tv-header.image-3 {
    background-image: url(../../../images/TV/header/space_672x320px.jpg); }
  #offre-tv-header .section-title {
    font-size: 27px;
    line-height: 31px;
    margin: 0 0 10px; }
  #offre-tv-header .section-price {
    font-size: 56px; }
    #offre-tv-header .section-price div {
      font-size: 25px;
      top: 10px;
      left: 155px; }
  #offre-tv-header .btn-tr-white {
    font-size: 21px; }

@media screen and (max-width: 671px) {
  .channels-language-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .header-channel img {
    display: inline-block;
    height: 180px;
    width: auto; }
  .footer-note {
    margin: 20px 0; }
  .section-info {
    margin-bottom: 30px; }
    .section-info p {
      font-size: 18px; }
    .section-info h1 {
      line-height: 31px;
      font-size: 21px; }
  .bouquet {
    max-height: 320px;
    min-width: 500px;
    padding: 20px 0 30px 0 !important; }
    .bouquet .section-subtitle {
      text-align: left !important;
      font-size: 23px; }
    .bouquet .bouquet-subtitle span {
      display: block; }
    .bouquet .channels-items div {
      -ms-flex-pack: left;
          justify-content: left; }
    .bouquet .channels-items .item {
      margin: 0px;
      width: 100px; }
    .bouquet .channels-items img {
      width: 100px;
      float: left; }
    .bouquet .channels-items .bouquet-subtitle {
      font-size: 1.2em !important; }
    .bouquet .container-wrapper {
      width: 80%; }
    .bouquet .bouquet-flag {
      width: 20px;
      position: relative;
      top: 1px; }
    .bouquet .bouquet-logo {
      width: 52px;
      position: relative; }
  .bouquet-betv {
    background-image: url(../../../images/TV/header/BeTV_672x320x.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-betv .bouquet-logo {
      top: 5px; }
    .bouquet-betv .bouquet-price {
      position: relative;
      top: 100px; }
      .bouquet-betv .bouquet-price .equipement-price {
        width: 120px;
        height: 60px;
        font-size: 2.8em; }
      .bouquet-betv .bouquet-price .price {
        position: relative;
        right: 20px;
        bottom: 4px; }
      .bouquet-betv .bouquet-price .price div {
        right: -40px !important; }
  .bouquet-voo {
    background-image: url(../../../images/TV/header/VOO-Sport_672x320x.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-voo .bouquet-logo {
      top: 3px; }
    .bouquet-voo .channels-items .item {
      width: 110px; }
    .bouquet-voo .channels-items .align-right {
      -ms-flex-pack: center;
          justify-content: center;
      margin-left: 25%; }
    .bouquet-voo .bouquet-price {
      position: absolute;
      bottom: -10px;
      left: 0px; }
      .bouquet-voo .bouquet-price .equipement-price {
        width: 120px;
        height: 60px;
        font-size: 2.8em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-voo .bouquet-price .price {
        position: relative;
        right: 23px;
        bottom: 4px; }
      .bouquet-voo .bouquet-price .price div {
        right: -40px !important; }
  .bouquet-charme {
    background-image: url(../../../images/TV/header/charme_phone.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-charme .bouquet-logo {
      top: 3px; }
    .bouquet-charme .channels-items .item {
      width: 150px; }
    .bouquet-charme .channel-logo-margin-right {
      margin-right: 20px; }
    .bouquet-charme .channel-logo-margin-left {
      margin-left: -20px; }
    .bouquet-charme .channel-logo {
      width: auto !important; }
      .bouquet-charme .channel-logo img {
        max-width: 140px !important; }
    .bouquet-charme .section-subtitle {
      margin-bottom: 10px; }
    .bouquet-charme .channels-items .align-right {
      -ms-flex-pack: center;
          justify-content: center;
      margin-left: 25%; }
    .bouquet-charme .bouquet-price {
      position: absolute;
      bottom: -10px;
      left: 0px; }
      .bouquet-charme .bouquet-price .equipement-price {
        width: 120px;
        height: 60px;
        font-size: 2.8em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-charme .bouquet-price .price {
        position: relative;
        right: 23px;
        bottom: 4px; }
      .bouquet-charme .bouquet-price .price div {
        right: -40px !important; }
  .bouquet-luso {
    background-image: url(../../../images/TV/header/LUSO_672x320x.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-luso .bouquet-subtitle h2 {
      text-align: center !important;
      color: #fff !important; }
    .bouquet-luso .bouquet-price {
      position: absolute;
      bottom: 0px;
      right: 0px; }
      .bouquet-luso .bouquet-price .equipement-price {
        width: 120px;
        height: 60px;
        font-size: 2.8em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-luso .bouquet-price .price {
        position: relative;
        right: 11px;
        bottom: 4px; }
      .bouquet-luso .bouquet-price .price div {
        right: -19px !important; }
  .bouquet-base {
    background-image: url(../../../images/TV/header/chaines_672x320x.jpg); }
  .bouquet-base,.bouquet-radio {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top; }
  .bouquet-radio {
    background-image: url(../../../images/TV/header/radio_672x320x.jpg); }
    .bouquet-radio .img-layout {
      height: auto;
      width: 100%; } }

@media screen and (min-width: 672px) {
  #video-fond.image-1 {
    background-image: url(../../images/TV/header/football_1056x290px.jpg); }
  #video-fond.image-2 {
    background-image: url(../../images/TV/header/love_1056x290px.jpg); }
  #video-fond.image-3 {
    background-image: url(../../images/TV/header/space_1056x290px.jpg); }
  #offre-tv-header {
    height: 290px !important;
    background-size: 1056px auto; }
    #offre-tv-header.image-1 {
      background-image: url(../../../images/TV/header/football_1056x290px.jpg); }
    #offre-tv-header.image-2 {
      background-image: url(../../../images/TV/header/love_1056x290px.jpg); }
    #offre-tv-header.image-3 {
      background-image: url(../../../images/TV/header/space_1056x290px.jpg); }
    #offre-tv-header .section-title {
      font-size: 30px;
      line-height: 35px; }
    #offre-tv-header .section-price {
      font-size: 60px; }
      #offre-tv-header .section-price div {
        font-size: 28px;
        top: 10px;
        left: 320px; }
  .header-channel img {
    display: inline-block;
    height: 230px;
    width: auto; }
  .channels-language-links:not(.radio) {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    -ms-flex-align: center;
    align-items: center; }
  .channels-language-links:not(.radio),.channels-language-links.radio {
    display: -ms-flexbox;
    display: flex;
    align-content: flex-start; }
  .channels-language-links.radio {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .channels-language-links.radio li {
      margin: 0 60px; }
  .footer-note {
    margin: 10px 0 35px; }
  .text-highlight {
    font-size: 41px; }
  .channels-items .item {
    margin: 0px 30px 25px; }
  .bouquet {
    max-height: 450px;
    padding: 50px 0 57px 0 !important; }
    .bouquet .section-subtitle {
      text-align: left !important; }
    .bouquet .bouquet-subtitle span {
      display: block; }
    .bouquet .bouquet-channels {
      display: inline-block; }
    .bouquet .channels-items div {
      -ms-flex-pack: left;
          justify-content: left; }
    .bouquet .channels-items .item {
      margin: 0px;
      width: 170px; }
    .bouquet .channels-items img {
      width: 100%;
      float: left; }
    .bouquet .bouquet-logo {
      width: 70px;
      position: relative; }
    .bouquet .bouquet-flag {
      width: 30px;
      position: relative;
      top: 5px; }
    .bouquet .channels-items .bouquet-subtitle {
      font-size: 1.5em !important; }
  .bouquet-betv {
    background-image: url(../../../images/TV/header/BeTV_1056x450px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-betv .bouquet-logo {
      top: 8px; }
    .bouquet-betv .bouquet-price {
      position: relative;
      top: 110px; }
      .bouquet-betv .bouquet-price .equipement-price {
        width: 150px;
        height: 75px;
        font-size: 3.5em; }
      .bouquet-betv .bouquet-price .price {
        position: relative;
        right: 18px;
        bottom: 1px; }
      .bouquet-betv .bouquet-price .price div {
        right: -30px !important; }
  .bouquet-voo {
    background-image: url(../../../images/TV/header/VOO-Sport_1056x450px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-voo .bouquet-logo {
      top: 4px; }
    .bouquet-voo .section-subtitle {
      text-align: right !important;
      padding-right: 100px; }
    .bouquet-voo .channels-items .item {
      margin: 0px;
      width: 130px; }
    .bouquet-voo .channels-items .fill-width {
      width: 100px; }
    .bouquet-voo .channels-items .fill-height {
      height: 60px; }
    .bouquet-voo .channels-items .pull-right {
      clear: both; }
    .bouquet-voo .bouquet-price {
      position: absolute;
      bottom: 0px;
      left: -5%; }
      .bouquet-voo .bouquet-price .equipement-price {
        width: 150px;
        height: 75px;
        font-size: 3.5em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-voo .bouquet-price .price {
        position: relative;
        right: 22px;
        bottom: 0px; }
      .bouquet-voo .bouquet-price .price div {
        right: -31px !important; }
  .bouquet-charme {
    background-image: url(../../../images/TV/header/charme_tab.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center; }
    .bouquet-charme .section-subtitle {
      margin-bottom: 20px; }
    .bouquet-charme .bouquet-logo {
      top: 4px; }
    .bouquet-charme .channel-logo {
      width: auto !important; }
      .bouquet-charme .channel-logo img {
        max-width: 200px !important; }
    .bouquet-charme .channel-logo-margin-right {
      margin-right: 20px; }
    .bouquet-charme .section-subtitle {
      text-align: left !important; }
    .bouquet-charme .channels-items .item {
      margin: 0px;
      width: auto !important; }
    .bouquet-charme .channels-items .fill-width {
      width: 100px; }
    .bouquet-charme .channels-items .fill-height {
      height: 60px; }
    .bouquet-charme .channels-items .pull-right {
      clear: both; }
    .bouquet-charme .bouquet-price {
      position: absolute;
      bottom: 0px;
      left: -5%; }
      .bouquet-charme .bouquet-price .equipement-price {
        width: 150px;
        height: 75px;
        font-size: 3.5em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-charme .bouquet-price .price {
        position: relative;
        right: 22px;
        bottom: 0px; }
      .bouquet-charme .bouquet-price .price div {
        right: -31px !important; }
  .bouquet-luso {
    background-image: url(../../../images/TV/header/LUSO_1056x450px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-luso .bouquet-subtitle h2 {
      text-align: center !important;
      color: #fff !important; }
    .bouquet-luso .channels-items .fill-width {
      width: 100px;
      float: left; }
    .bouquet-luso .channels-items .fill-height {
      height: 60px;
      float: left; }
    .bouquet-luso .bouquet-price {
      position: absolute;
      bottom: 0px;
      right: 0px; }
      .bouquet-luso .bouquet-price .equipement-price {
        width: 150px;
        height: 75px;
        font-size: 3.5em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-luso .bouquet-price .price {
        position: relative;
        right: 6px;
        bottom: 0px; }
      .bouquet-luso .bouquet-price .price div {
        right: -4px !important; }
  .bouquet-base {
    background-image: url(../../../images/TV/header/chaines_1056x450px.jpg); }
  .bouquet-base,.bouquet-radio {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top; }
  .bouquet-radio {
    background-image: url(../../../images/TV/header/radio_1056x450px.jpg); }
    .bouquet-radio .section-subtitle {
      position: relative;
      top: -40px; }
    .bouquet-radio .img-layout {
      height: auto;
      width: 170px;
      position: relative;
      top: 70px; } }

@media screen and (min-width: 1056px) {
  #offre-tv-header {
    height: 370px !important;
    background-size: 1302px auto; }
    #offre-tv-header.image-1 {
      background-image: url(../../../images/TV/header/football_1302x370px.jpg); }
    #offre-tv-header.image-2 {
      background-image: url(../../../images/TV/header/love_1302x370px.jpg); }
    #offre-tv-header.image-3 {
      background-image: url(../../../images/TV/header/space_1302x370px.jpg); }
    #offre-tv-header .section-price div {
      top: 10px !important;
      left: 70px; }
    #offre-tv-header .btn-tr-white {
      font-size: 18px; }
  .header-channel {
    margin-bottom: 0px; }
    .header-channel .img-layout {
      display: inline-block;
      height: 100%;
      width: auto; }
  .image-container {
    text-align: initial; }
  .channels-language-links li {
    width: auto; }
  .text-highlight {
    font-size: 44px; }
  .header-channel {
    height: 300px; }
    .header-channel > div[class^=phone-] {
      height: 100%; }
      .header-channel > div[class^=phone-] > * {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
  .section-subtitle {
    margin: 0;
    font-size: 45px; }
  .pull-right .section-subtitle {
    text-align: right; }
  .pull-right .img-layout {
    float: right; }
  .minix-info-image img {
    min-width: 350px; }
  .bouquet {
    max-height: 330px;
    padding: 50px 0 25px 0 !important; }
    .bouquet .section-subtitle {
      text-align: left !important;
      font-size: 27px; }
    .bouquet .bouquet-subtitle span {
      display: initial; }
    .bouquet .channels-items div {
      -ms-flex-pack: left;
          justify-content: left; }
    .bouquet .channels-items .item {
      margin: 0px;
      width: 170px; }
    .bouquet .channels-items img {
      width: 100%;
      float: left; }
    .bouquet .bouquet-logo {
      width: 70px;
      position: relative; }
    .bouquet .bouquet-flag {
      width: 30px;
      position: relative;
      top: 5px; }
    .bouquet .channels-items .bouquet-subtitle {
      font-size: 1.5em !important; }
  .bouquet-betv {
    background-image: url(../../../images/TV/header/BeTV_1302x330px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-betv .bouquet-price {
      position: relative;
      top: 95px; }
      .bouquet-betv .bouquet-price .equipement-price {
        width: 150px;
        height: 75px;
        font-size: 3.5em; }
      .bouquet-betv .bouquet-price .price {
        position: relative;
        right: 18px;
        bottom: 1px; }
      .bouquet-betv .bouquet-price .price div {
        right: -30px !important; }
  .bouquet-voo {
    background-image: url(../../../images/TV/header/VOO-Sport_1302x330px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    padding: 35px 0 35px 0 !important; }
    .bouquet-voo .section-subtitle {
      text-align: right !important;
      padding-right: 185px; }
    .bouquet-voo .channels-items .item {
      margin: 0px;
      width: 130px; }
    .bouquet-voo .channels-items .fill-width {
      width: 100px; }
    .bouquet-voo .channels-items .fill-height {
      height: 60px; }
    .bouquet-voo .channels-items .pull-right {
      clear: both; }
    .bouquet-voo .bouquet-price {
      position: absolute;
      bottom: 0px;
      left: -9%; }
      .bouquet-voo .bouquet-price .equipement-price {
        width: 150px;
        height: 75px;
        font-size: 3.5em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-voo .bouquet-price .price {
        position: relative;
        right: 22px;
        bottom: 0px; }
      .bouquet-voo .bouquet-price .price div {
        right: -31px !important; }
  .bouquet-charme {
    background-image: url(../../../images/TV/header/charme_desk.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-charme .section-subtitle {
      text-align: left !important;
      margin-bottom: 20px; }
    .bouquet-charme .channels-items .item {
      margin: 0px;
      width: auto !important; }
    .bouquet-charme .channel-logo-margin-right {
      margin-right: 50px; }
    .bouquet-charme .channel-logo {
      width: auto !important; }
      .bouquet-charme .channel-logo img {
        max-width: 200px !important; }
    .bouquet-charme .channels-items .fill-width {
      width: 100px; }
    .bouquet-charme .channels-items .fill-height {
      height: 60px; }
    .bouquet-charme .channels-items .pull-right {
      clear: both; }
    .bouquet-charme .bouquet-price {
      position: absolute;
      bottom: 0px;
      left: -9%; }
      .bouquet-charme .bouquet-price .equipement-price {
        width: 150px;
        height: 75px;
        font-size: 3.5em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-charme .bouquet-price .price {
        position: relative;
        right: 22px;
        bottom: 0px; }
      .bouquet-charme .bouquet-price .price div {
        right: -31px !important; }
  .bouquet-luso {
    background-image: url(../../../images/TV/header/LUSO_1302x330px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    padding: 35px 0 35px 0 !important; }
    .bouquet-luso .bouquet-subtitle h2 {
      text-align: center !important;
      color: #fff !important; }
    .bouquet-luso .channels-items .fill-width {
      width: 100px;
      float: left; }
    .bouquet-luso .channels-items .fill-height {
      height: 60px;
      float: left; }
    .bouquet-luso .bouquet-price {
      position: absolute;
      bottom: 0px;
      right: 0px; }
      .bouquet-luso .bouquet-price .equipement-price {
        width: 150px;
        height: 75px;
        font-size: 3.5em;
        -ms-flex-pack: right;
            justify-content: right; }
      .bouquet-luso .bouquet-price .price {
        position: relative;
        right: 6px;
        bottom: 0px; }
      .bouquet-luso .bouquet-price .price div {
        right: -4px !important; }
  .bouquet-base {
    background-image: url(../../../images/TV/header/chaines_1302x330px.jpg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .bouquet-base .section-subtitle {
      padding-left: 7%; }
  .bouquet-radio {
    background-image: url(../../../images/TV/header/radio_1302x330px.jpg);
    background-repeat: no-repeat;
    background-size: 100%; }
    .bouquet-radio .section-subtitle {
      text-align: center;
      padding-left: 23%; }
    .bouquet-radio .img-layout {
      height: auto;
      width: 243px;
      position: relative;
      top: -110px; } }

@media screen and (min-width: 1302px) {
  #offre-tv-header {
    height: 500px !important;
    background-size: 1920px auto; }
    #offre-tv-header.image-1 {
      background-image: url(../../../images/TV/header/football_1920x500px.jpg); }
    #offre-tv-header.image-2 {
      background-image: url(../../../images/TV/header/love_1920x500px.jpg); }
    #offre-tv-header.image-3 {
      background-image: url(../../../images/TV/header/space_1920x500px.jpg); }
    #offre-tv-header .section-title {
      font-size: 34px;
      line-height: 45px;
      margin: 0 0 20px; }
    #offre-tv-header .section-price {
      margin-bottom: 30px; }
    #offre-tv-header .btn-tr-white {
      font-size: 21px; }
  .bouquet {
    max-height: 460px;
    padding: 120px 0 100px 0 !important; }
    .bouquet .section-subtitle {
      text-align: left !important;
      font-size: 34px; }
    .bouquet .bouquet-subtitle span {
      display: initial; }
    .bouquet .channels-items div {
      -ms-flex-pack: left;
          justify-content: left; }
    .bouquet .channels-items .item {
      margin: 0px;
      width: 210px; }
    .bouquet .channels-items img {
      max-width: 200px !important;
      width: 170px !important;
      float: left; }
    .bouquet .bouquet-logo {
      width: 70px;
      position: relative; }
    .bouquet .bouquet-flag {
      width: 30px;
      position: relative;
      top: 3px; }
    .bouquet .channels-items .bouquet-subtitle {
      font-size: 2.5em !important; }
  .bouquet-betv {
    background-image: url(../../../images/TV/header/BeTV_1920x460px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-betv .bouquet-price {
      position: relative;
      top: 130px; }
  .bouquet-voo {
    background-image: url(../../../images/TV/header/VOO-Sport_1920x460px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    padding: 90px 0 100px 0 !important; }
    .bouquet-voo .section-subtitle {
      float: right;
      padding-right: 290px; }
    .bouquet-voo .channels-items img {
      width: 100% !important; }
    .bouquet-voo .bouquet-price {
      position: absolute;
      bottom: 0px;
      left: -11%; }
  .bouquet-luso {
    background-image: url(../../../images/TV/header/LUSO_1920x460px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    padding: 85px 0 100px 0 !important; }
  .bouquet-base {
    background-image: url(../../../images/TV/header/chaines_1920x460px.jpg); }
  .bouquet-base,.bouquet-radio {
    background-repeat: no-repeat;
    background-size: 100%; }
  .bouquet-radio {
    background-image: url(../../../images/TV/header/radio_1920x460px.jpg); }
    .bouquet-radio .img-layout {
      height: auto;
      width: auto;
      position: relative;
      top: -145px;
      left: -115px; }
  .bouquet-charme {
    background-image: url(../../../images/TV/header/charme_lgdesk.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .bouquet-charme .section-subtitle {
      text-align: left !important;
      margin-bottom: 20px; }
    .bouquet-charme .channel-logo-margin-right {
      margin-right: 50px; }
    .bouquet-charme .channel-logo {
      width: auto !important; }
      .bouquet-charme .channel-logo img {
        max-width: 200px !important; }
    .bouquet-charme .channels-items img {
      width: 100% !important; }
    .bouquet-charme .bouquet-price {
      position: absolute;
      bottom: 0px;
      left: -11%; } }

#offre-tv-header .circle-main {
  z-index: 2; }
  #offre-tv-header .circle-main .circle-circle {
    background-color: #F7E757 !important;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #004b94;
    text-transform: uppercase; }
    #offre-tv-header .circle-main .circle-circle .circle-content {
      position: relative;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
      text-align: center; }

@media screen and (max-width: 671px) {
  #offre-tv-header.image-4 {
    background-image: url(../../../images/TV/replay/slider_3mois_pageTV_phone.jpg); }
  #offre-tv-header .btn-tr-white {
    font-size: 16px;
    padding: 10px 15px; }
  #offre-tv-header .circle-main {
    position: absolute !important;
    top: 170px !important;
    left: 50% !important;
    transform: translateX(-165px) !important;
    width: 100px !important;
    height: 100px !important;
    font-size: 14px !important;
    font-weight: 501 !important; } }

@media screen and (min-width: 672px) {
  #offre-tv-header.image-4 {
    background-image: url(../../../images/TV/replay/slider_3mois_pageTV_tab.jpg); }
  #offre-tv-header .btn-tr-white {
    font-size: 16px;
    padding: 8px 15px; }
  #offre-tv-header .section-title {
    margin: 0 0 0px; }
  #offre-tv-header .container-wrapper {
    margin-top: -20px; }
  #offre-tv-header .circle-main {
    position: absolute !important;
    top: 120px !important;
    left: 50% !important;
    transform: translateX(-240px) !important;
    width: 150px !important;
    height: 150px !important;
    font-size: 21px !important;
    line-height: 1.25;
    font-weight: 501 !important; } }

@media screen and (min-width: 1056px) {
  #offre-tv-header.image-4 {
    background-image: url(../../../images/TV/replay/slider_3mois_pageTV_desk.jpg); }
  #offre-tv-header .btn-tr-white {
    font-size: 18px;
    padding: 15px 20px; }
  #offre-tv-header .section-title {
    margin: 0 0 10px; }
  #offre-tv-header .circle-main {
    position: absolute !important;
    top: 50% !important;
    left: inherit !important;
    right: 375px;
    transform: translateY(-50%) !important;
    width: 225px !important;
    height: 225px !important;
    font-size: 32px !important;
    line-height: 1.3;
    font-weight: 501 !important; } }

@media screen and (min-width: 1302px) {
  #offre-tv-header.image-4 {
    background-image: url(../../../images/TV/replay/slider_3mois_pageTV_lgdesk.jpg); }
  #offre-tv-header .btn-tr-white {
    padding: 15px 20px;
    font-size: 21px; }
  #offre-tv-header .section-title {
    margin: 0 0 20px; }
  #offre-tv-header .circle-main {
    position: absolute !important;
    top: 50% !important;
    left: inherit !important;
    right: 550px;
    transform: translateY(-50%) !important;
    width: 250px !important;
    height: 250px !important;
    font-size: 35px !important;
    line-height: 1.3;
    font-weight: 501 !important; } }

.pack-left .pack-price-main {
  left: 10%;
  bottom: 0; }

.pack-left .pack-text {
  padding-left: 100px; }

.pack-container {
  display: table;
  width: 100%; }
  .pack-container .pack-line {
    display: table-row;
    width: 100%; }
    .pack-container .pack-line .pack-text {
      display: table-cell;
      vertical-align: middle; }
      .pack-container .pack-line .pack-text .pack-text-content {
        display: table; }
        .pack-container .pack-line .pack-text .pack-text-content .pack-title {
          display: table-row;
          color: #004994;
          text-align: left !important; }
          .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-flag {
            width: 30px;
            position: relative;
            top: 3px; }
          .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-logo {
            width: 70px;
            position: relative; }
        .pack-container .pack-line .pack-text .pack-text-content .pack-description {
          display: table-row;
          width: 100%;
          color: #004994;
          text-align: left !important; }
        .pack-container .pack-line .pack-text .pack-text-content .pack-logos {
          display: table-row; }
          .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content {
            display: table; }
            .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line {
              display: table-row; }
              .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div {
                display: inline-block; }
                .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div img:not(:first-child) {
                  margin-left: 20px; }
            .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-last-line {
              display: block; }
              .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-last-line div {
                display: block;
                text-align: center; }
    .pack-container .pack-line .pack-price {
      position: relative;
      display: table-cell; }
      .pack-container .pack-line .pack-price.pack-hidden-phone {
        display: table-cell; }
        .pack-container .pack-line .pack-price.pack-hidden-phone .pack-price-main {
          left: 100px;
          bottom: 0; }
      .pack-container .pack-line .pack-price.pack-show-phone {
        display: none; }
      .pack-container .pack-line .pack-price .pack-price-main {
        font-weight: 800;
        background-color: #004994;
        border-radius: 8px;
        position: absolute; }
      .pack-container .pack-line .pack-price .pack-price-container {
        color: white;
        position: relative;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center; }
      .pack-container .pack-line .pack-price .pack-price-content {
        font-size: 1em;
        position: relative; }
        .pack-container .pack-line .pack-price .pack-price-content span {
          position: relative;
          left: 5px;
          font-weight: 500; }
        .pack-container .pack-line .pack-price .pack-price-content .pack-price-sub {
          left: 0;
          vertical-align: bottom;
          font-size: 0.40em;
          bottom: 0.65em; }
        .pack-container .pack-line .pack-price .pack-price-content .pack-price-sup {
          position: absolute;
          left: 0;
          vertical-align: top;
          font-size: 0.50em;
          top: 1.0em; }

@media screen and (max-width: 671px) {
  .pack-right .pack-text,.pack-right .pack-price {
    width: 100%; }
  .pack-left .pack-text {
    width: 100%;
    padding-left: 0px; }
  .pack-left .pack-price {
    width: 100%; }
  .pack-container {
    height: 400px; }
    .pack-container .pack-line .pack-text {
      width: 100%; }
      .pack-container .pack-line .pack-text .pack-text-content {
        padding-left: 5%; }
        .pack-container .pack-line .pack-text .pack-text-content .pack-title {
          font-size: 20px;
          line-height: 30px; }
          .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-flag {
            width: 20px;
            position: relative;
            top: 1px; }
          .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-logo {
            width: 52px;
            position: relative; }
        .pack-container .pack-line .pack-text .pack-text-content .pack-description {
          font-size: 20px;
          line-height: 30px; }
        .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div {
          margin-top: 20px;
          white-space: nowrap; }
          .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div img {
            max-width: 130px; }
          .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div img:not(:first-child) {
            margin-left: 5px; }
    .pack-container .pack-line .pack-price {
      width: 100%; }
      .pack-container .pack-line .pack-price.pack-hidden-phone {
        display: none; }
      .pack-container .pack-line .pack-price.pack-show-phone {
        display: table-cell; }
      .pack-container .pack-line .pack-price .pack-price-main {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 120px;
        height: 60px;
        font-size: 36px;
        line-height: 36px; } }

@media screen and (min-width: 672px) {
  .pack-right .pack-text {
    width: 65%; }
  .pack-right .pack-price {
    width: 35%; }
  .pack-left .pack-text {
    width: 75%;
    padding-left: 30px; }
    .pack-left .pack-text .pack-description {
      white-space: nowrap; }
  .pack-left .pack-price {
    width: 25%; }
  .pack-container {
    height: 450px;
    padding: 50px 50px; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-title {
      font-size: 27px;
      line-height: 40px; }
      .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-flag {
        width: 30px;
        position: relative;
        top: 5px; }
      .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-logo {
        width: 70px;
        position: relative; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-description {
      font-size: 27px;
      line-height: 40px; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div {
      margin-top: 20px;
      white-space: nowrap; }
      .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div img {
        max-width: 200px; }
    .pack-container .pack-line .pack-price .pack-price-main {
      width: 150px;
      height: 75px;
      font-size: 46px;
      line-height: 46px; }
    .pack-container .pack-line .pack-price.pack-hidden-phone {
      display: table-cell; }
      .pack-container .pack-line .pack-price.pack-hidden-phone .pack-price-main {
        left: 30px;
        bottom: 0; } }

@media screen and (min-width: 1056px) {
  .pack-right .pack-text {
    width: 55%; }
  .pack-right .pack-price {
    width: 45%; }
  .pack-left .pack-text {
    width: 66.6%; }
  .pack-left .pack-price {
    width: 33.3%; }
  .pack-container {
    height: 400px;
    padding: 50px 50px; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-title {
      font-size: 30px;
      line-height: 40px; }
      .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-flag {
        width: 30px;
        position: relative;
        top: 5px; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-description {
      font-size: 27px;
      line-height: 40px; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div {
      margin-top: 20px; }
      .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div img {
        max-width: 240px; }
    .pack-container .pack-line .pack-price .pack-price-main {
      width: 150px;
      height: 75px;
      font-size: 46px;
      line-height: 46px; } }

@media screen and (min-width: 1302px) {
  .pack-right .pack-text,.pack-right .pack-price {
    width: 49.9%; }
  .pack-left .pack-text {
    width: 66.6%; }
  .pack-left .pack-price {
    width: 33.3%; }
  .pack-container {
    height: 460px;
    padding: 50px 50px; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-title {
      font-size: 34px;
      line-height: 50px; }
      .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-flag {
        width: 30px;
        position: relative;
        top: 3px; }
      .pack-container .pack-line .pack-text .pack-text-content .pack-title .pack-logo {
        width: 70px;
        position: relative; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-description {
      font-size: 34px;
      line-height: 50px; }
    .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div {
      margin-top: 20px; }
      .pack-container .pack-line .pack-text .pack-text-content .pack-logos .pack-logos-content .pack-logos-line div img {
        max-width: 250px; }
    .pack-container .pack-line .pack-price .pack-price-main {
      width: 150px;
      height: 75px;
      font-size: 46px;
      line-height: 46px; } }

@media screen and (max-width: 671px) {
  .pack-betv {
    background-image: url(../../../images/TV/header/BeTV_672x320x.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left; }
    .pack-betv .pack-logo {
      top: 5px; }
  .pack-voosport {
    background-image: url(../../../images/TV/header/VOO-Sport_672x320x.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .pack-voosport .pack-logo {
      top: 3px; }
    .pack-voosport .pack-logos .pack-logos-content .pack-logos-line div {
      white-space: nowrap; }
      .pack-voosport .pack-logos .pack-logos-content .pack-logos-line div img {
        max-width: 110px !important; }
  .pack-luso {
    background-image: url(../../../images/TV/header/LUSO_672x320x.jpg); }
  .pack-luso,.pack-charme {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
  .pack-charme {
    background-image: url(../../../images/TV/header/charme_phone.jpg); }
    .pack-charme .pack-logos .pack-logos-content .pack-logos-line div {
      white-space: nowrap; }
      .pack-charme .pack-logos .pack-logos-content .pack-logos-line div img {
        max-width: 160px !important; } }

@media screen and (min-width: 672px) {
  .pack-betv {
    background-image: url(../../../images/TV/header/BeTV_1056x450px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .pack-betv .pack-logo {
      top: 8px; }
  .pack-voosport {
    background-image: url(../../../images/TV/header/VOO-Sport_1056x450px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .pack-voosport .pack-logo {
      top: 4px; }
  .pack-luso {
    background-image: url(../../../images/TV/header/LUSO_1056x450px.jpg); }
  .pack-luso,.pack-charme {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
  .pack-charme {
    background-image: url(../../../images/TV/header/charme_tab.jpg); } }

@media screen and (min-width: 1056px) {
  .pack-betv {
    background-image: url(../../../images/TV/header/BeTV_1302x330px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .pack-betv .pack-logo {
      top: 8px; }
  .pack-voosport {
    background-image: url(../../../images/TV/header/VOO-Sport_1302x330px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .pack-voosport .pack-logo {
      top: 4px; }
  .pack-luso {
    background-image: url(../../../images/TV/header/LUSO_1302x330px.jpg); }
  .pack-luso,.pack-charme {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
  .pack-charme {
    background-image: url(../../../images/TV/header/charme_desk.jpg); } }

@media screen and (min-width: 1302px) {
  .pack-betv {
    background-image: url(../../../images/TV/header/BeTV_1920x460px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .pack-betv .pack-logo {
      top: 8px; }
  .pack-voosport {
    background-image: url(../../../images/TV/header/VOO-Sport_1920x460px.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
    .pack-voosport .pack-logo {
      top: 4px; }
  .pack-luso {
    background-image: url(../../../images/TV/header/LUSO_1920x460px.jpg); }
  .pack-luso,.pack-charme {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center; }
  .pack-charme {
    background-image: url(../../../images/TV/header/charme_lgdesk.jpg); } }

#replay-tv-header.section-title {
  height: 320px !important;
  background-image: url(../../../images/TV/replay/slider_phone.jpg);
  background-size: auto !important;
  margin: 0px !important; }

@media screen and (min-width: 672px) {
  #replay-tv-header.section-title {
    height: 290px !important;
    background-size: 1056px auto;
    background-image: url(../../../images/TV/replay/slider_tab.jpg); } }

@media screen and (min-width: 1056px) {
  #replay-tv-header.section-title {
    height: 370px !important;
    background-size: 1302px auto;
    background-image: url(../../../images/TV/replay/slider_desk.jpg); } }

@media screen and (min-width: 1302px) {
  #replay-tv-header.section-title {
    height: 500px !important;
    background-size: 1920px auto;
    background-image: url(../../../images/TV/replay/slider_lgdesk.jpg); }
  #replay-tv-header .section-title {
    font-size: 48px; }
  #replay-tv-header .section-text {
    font-size: 18px;
    margin-left: 5px !important; } }

.special-margin-replay-chaine {
  margin: 0 0 15px !important; }

.img-replay-spacing {
  margin-left: 5px;
  margin-right: 5px;
  height: auto !important;
  width: auto !important; }

#offre-tv-header-new {
  background-color: light-blue;
  color: white; }
  #offre-tv-header-new .text-3 .btn-slider {
    background-color: #FFE923 !important;
    color: #004994 !important; }
  #offre-tv-header-new .condition-text {
    position: absolute;
    right: 2%;
    bottom: 2%; }
  #offre-tv-header-new .text-4 {
    color: white !important;
    text-transform: uppercase; }
  @media screen and (max-width: 671px) {
    #offre-tv-header-new {
      height: 480px;
      background-image: url("/images/TV/offre/phone/Slider_AndroidTV672x450@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #offre-tv-header-new .loltv-main-content {
        top: 50%;
        transform: translateY(-50%); }
      #offre-tv-header-new .main-text {
        left: 50%;
        transform: translateX(-50%);
        top: -160px; }
        #offre-tv-header-new .main-text .text-1 {
          text-transform: uppercase;
          font-weight: 800;
          text-transform: inherit; }
        #offre-tv-header-new .main-text .text-1,#offre-tv-header-new .main-text .text-2 {
          text-align: center;
          font: normal normal normal 25px/32px Open Sans !important;
          margin-left: 30px; }
        #offre-tv-header-new .main-text .text-2 {
          margin-top: 15px;
          margin-bottom: 20px; }
      #offre-tv-header-new .text-4 {
        font: normal normal 600 20px/60px Open Sans;
        margin-left: 30px; }
      #offre-tv-header-new .text-3 {
        margin-top: -242px;
        text-align: center; }
        #offre-tv-header-new .text-3 a {
          top: 71px; } }
  @media (max-width: 375px) {
    #offre-tv-header-new {
      height: 450px;
      background-image: url("/images/TV/offre/Slider_AndroidTV350x450@2x.png");
      text-align: left; }
      #offre-tv-header-new .text-1 {
        text-transform: inherit; }
      #offre-tv-header-new .text-1,#offre-tv-header-new .text-2 {
        text-align: left !important;
        font: normal normal normal 25px/32px Open Sans !important;
        margin-left: 30px; }
      #offre-tv-header-new .text-2 {
        margin-top: 15px;
        margin-bottom: 20px; }
      #offre-tv-header-new .text-4 {
        text-align: left !important;
        font: normal normal 600 20px/60px Open Sans;
        margin-left: 30px; }
      #offre-tv-header-new .main-text {
        top: -100px; }
      #offre-tv-header-new .text-3 {
        margin-top: 0; }
        #offre-tv-header-new .text-3 a {
          top: 71px; } }
  @media screen and (min-width: 672px) {
    #offre-tv-header-new {
      height: 405px;
      background-image: url("/images/TV/offre/Slider_AndroidTV1056x405@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: left; }
      #offre-tv-header-new .loltv-main-content,#offre-tv-header-new .main-text {
        top: 50%;
        transform: translateY(-50%); }
      #offre-tv-header-new .main-text {
        padding-left: 10%;
        left: inherit;
        position: absolute; }
        #offre-tv-header-new .main-text .text-1 {
          text-transform: inherit; }
        #offre-tv-header-new .main-text .text-1,#offre-tv-header-new .main-text .text-2 {
          text-align: left;
          font: normal normal normal 35px/40px Open Sans; }
        #offre-tv-header-new .main-text .text-2 {
          margin-top: 15px;
          margin-bottom: 20px; }
        #offre-tv-header-new .main-text .text-4 {
          text-align: left;
          font: normal normal 600 25px/60px Open Sans; }
      #offre-tv-header-new .text-3 {
        margin-top: inherit;
        text-align: left; } }
  @media screen and (min-width: 1056px) {
    #offre-tv-header-new {
      height: 405px;
      background-image: url("/images/TV/Slider_AndroidTV1302x405@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #offre-tv-header-new .loltv-main-content {
        height: 100%;
        top: inherit;
        transform: inherit; }
      #offre-tv-header-new .main-text {
        padding-left: 10%;
        top: 50%;
        left: inherit;
        transform: translateY(-50%); }
        #offre-tv-header-new .main-text .text-1 {
          text-transform: inherit; }
        #offre-tv-header-new .main-text .text-1,#offre-tv-header-new .main-text .text-2 {
          text-align: left;
          font: normal normal normal 40px/48px Open Sans; }
        #offre-tv-header-new .main-text .text-2 {
          margin-top: 15px;
          margin-bottom: 20px; }
        #offre-tv-header-new .main-text .text-4 {
          text-align: left;
          font: normal normal 600 30px/60px Open Sans; }
      #offre-tv-header-new .text-3 {
        margin-top: inherit;
        text-align: left; } }
  @media screen and (min-width: 1302px) {
    #offre-tv-header-new {
      height: 500px !important;
      background-image: url("/images/TV/Slider_AndroidTV1920x500@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right; }
      #offre-tv-header-new .main-text {
        padding-left: 6%;
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new .main-text .text-1 {
          text-align: left;
          font: normal normal 600 40px/48px Open Sans;
          text-transform: inherit; }
        #offre-tv-header-new .main-text .text-2 {
          text-align: left;
          font: normal normal normal 40px/48px Open Sans;
          margin-top: 15px;
          margin-bottom: 25px; }
        #offre-tv-header-new .main-text .text-4 {
          text-align: left;
          font: normal normal 600 30px/60px Open Sans; } }

#offre-tv-header-new-v2 {
  background-color: light-blue;
  color: white;
  overflow: hidden; }
  #offre-tv-header-new-v2 .btn-slider {
    background-color: #FFE923 !important;
    color: #004994 !important; }
  #offre-tv-header-new-v2 .condition-text {
    position: absolute;
    right: 2%;
    bottom: 2%; }
  #offre-tv-header-new-v2 .text-4 {
    color: white !important; }
  @media screen and (max-width: 671px) {
    #offre-tv-header-new-v2 {
      height: 480px;
      background-image: url("/images/TV/offre/Groupe de masques 66@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #offre-tv-header-new-v2 .loltv-main-content {
        top: 50%;
        height: 100%;
        transform: translateY(-50%); }
      #offre-tv-header-new-v2 .main-text {
        left: 50%;
        transform: translateX(-50%);
        top: 15px; }
        #offre-tv-header-new-v2 .main-text .text-1 {
          text-transform: uppercase;
          font-weight: 800;
          text-transform: inherit; }
        #offre-tv-header-new-v2 .main-text .text-1,#offre-tv-header-new-v2 .main-text .text-2 {
          text-align: center;
          font: normal normal normal 25px/32px Open Sans !important;
          margin-left: 30px; }
        #offre-tv-header-new-v2 .main-text .text-2 {
          margin-top: 15px;
          margin-bottom: 20px; }
      #offre-tv-header-new-v2 .text-4 {
        text-align: center;
        font: normal normal 300 27px/37px Open Sans;
        margin-bottom: 25px;
        position: relative; }
        #offre-tv-header-new-v2 .text-4 .big-txt4 {
          font: normal normal 600 36px/37px Open Sans; }
      #offre-tv-header-new-v2 .text-3 {
        text-align: center; }
        #offre-tv-header-new-v2 .text-3 a {
          top: 235px; }
      #offre-tv-header-new-v2 .condition-text {
        bottom: 51%; }
      #offre-tv-header-new-v2 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 162px;
        left: 50%;
        width: 467px;
        height: 320px;
        position: absolute;
        transform: translate(-50%); }
      #offre-tv-header-new-v2 #listSupport {
        top: -25px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-v2 #listSupport li {
          height: 36px; }
          #offre-tv-header-new-v2 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-v2 #googletv {
        width: 107px !important;
        height: 19px !important;
        margin: -7px 10px; }
      #offre-tv-header-new-v2 #lititle {
        width: 100%;
        font: normal normal 600 22px/36px Open Sans; }
      #offre-tv-header-new-v2 #androidtv {
        width: 82px !important;
        height: 14px !important; }
      #offre-tv-header-new-v2 #Amazon {
        width: 118px !important;
        height: 29px !important;
        margin: -16px 10px; }
      #offre-tv-header-new-v2 #AppleTV {
        width: 31px !important;
        height: 16px !important;
        margin-right: 10px; }
      #offre-tv-header-new-v2 .apple-exp {
        left: -10px; }
      #offre-tv-header-new-v2 #Samsung {
        width: 82px !important;
        height: 12px !important; } }
  @media screen and (min-width: 672px) {
    #offre-tv-header-new-v2 {
      background-position: center;
      background-size: cover;
      height: 405px;
      background-image: url("/images/promos/tv202202/Img_TV@2x.png");
      background-repeat: no-repeat; }
      #offre-tv-header-new-v2 .loltv-main-content {
        height: 100%; }
      #offre-tv-header-new-v2 .loltv-main-content,#offre-tv-header-new-v2 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-v2 .main-text .text-1 {
          text-transform: inherit;
          text-align: left;
          font: normal normal normal 35px/40px Open Sans; }
        #offre-tv-header-new-v2 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 35px/40px Open Sans;
          margin-top: 15px;
          margin-bottom: 20px; }
        #offre-tv-header-new-v2 .main-text .text-4 {
          left: 10%;
          text-align: left;
          font: normal normal 300 27px/37px Open Sans;
          margin-bottom: 25px;
          position: relative; }
          #offre-tv-header-new-v2 .main-text .text-4 .big-txt4 {
            font: normal normal 600 36px/37px Open Sans; }
      #offre-tv-header-new-v2 .text-3 {
        margin-top: inherit;
        text-align: left;
        position: relative; }
        #offre-tv-header-new-v2 .text-3 a {
          left: 10%; }
      #offre-tv-header-new-v2 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 96px;
        left: 0%;
        width: 467px;
        height: 320px;
        position: absolute; }
      #offre-tv-header-new-v2 #listSupport {
        top: 0px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-v2 #listSupport li {
          height: 43px; }
          #offre-tv-header-new-v2 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-v2 #googletv {
        width: 167px !important;
        height: 29px !important;
        margin: -7px 10px; }
      #offre-tv-header-new-v2 #lititle {
        width: 100%;
        font: normal normal 600 22px/36px Open Sans; }
      #offre-tv-header-new-v2 #androidtv {
        width: 128px !important;
        height: 22px !important; }
      #offre-tv-header-new-v2 #Amazon {
        width: 146px !important;
        height: 36px !important;
        margin: -16px 10px; }
      #offre-tv-header-new-v2 #AppleTV {
        width: 48px !important;
        height: 24px !important;
        margin-right: 10px; }
      #offre-tv-header-new-v2 .apple-exp {
        left: -10px; }
      #offre-tv-header-new-v2 #Samsung {
        width: 129px !important;
        height: 19px !important; } }
  @media screen and (min-width: 1056px) {
    #offre-tv-header-new-v2 {
      height: 405px;
      background-image: url("/images/TV/offre/Groupe de masques 62@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #offre-tv-header-new-v2 .loltv-main-content {
        height: 100%;
        top: inherit;
        transform: inherit; }
      #offre-tv-header-new-v2 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-v2 .main-text .text-1 {
          text-transform: inherit;
          text-align: left;
          font: normal normal normal 40px/48px Open Sans; }
        #offre-tv-header-new-v2 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 40px/48px Open Sans;
          margin-top: 15px;
          margin-bottom: 20px; }
        #offre-tv-header-new-v2 .main-text .text-4 {
          left: 20%;
          text-align: left;
          font: normal normal 300 25px/34px Open Sans;
          margin-bottom: 25px; }
          #offre-tv-header-new-v2 .main-text .text-4 .big-txt4 {
            font: normal normal 600 48px/65px Open Sans; }
        #offre-tv-header-new-v2 .main-text .text-3 a {
          left: 20%; }
      #offre-tv-header-new-v2 .text-3 {
        margin-top: inherit;
        text-align: left; }
      #offre-tv-header-new-v2 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 100px;
        left: 5%;
        width: 542px;
        height: 325px;
        position: absolute; }
      #offre-tv-header-new-v2 #listSupport {
        top: 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-v2 #listSupport li {
          height: 43px;
          max-width: 325px; }
          #offre-tv-header-new-v2 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-v2 #googletv {
        width: 215px !important;
        height: 37px !important;
        margin: -7px 25px; }
      #offre-tv-header-new-v2 #lititle {
        font: normal normal 600 32px/43px Open Sans; }
      #offre-tv-header-new-v2 #androidtv {
        width: 165px !important;
        height: 29px !important; }
      #offre-tv-header-new-v2 #Amazon {
        width: 188px !important;
        height: 46px !important;
        margin: -16px 32px; }
      #offre-tv-header-new-v2 #AppleTV {
        width: 62px !important;
        height: 31px !important;
        margin-right: 41px; }
      #offre-tv-header-new-v2 .apple-exp {
        left: -40px; }
      #offre-tv-header-new-v2 #Samsung {
        width: 166px !important;
        height: 24px !important; } }
  @media screen and (min-width: 1302px) {
    #offre-tv-header-new-v2 {
      background-image: url("/images/TV/offre/aurore 4 (1)@2x.png");
      background-position: right;
      height: 500px !important; }
      #offre-tv-header-new-v2 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-v2 .main-text .text-1 {
          text-align: left;
          font: normal normal 600 40px/48px Open Sans;
          text-transform: inherit; }
        #offre-tv-header-new-v2 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 40px/48px Open Sans;
          margin-top: 15px;
          margin-bottom: 25px; }
        #offre-tv-header-new-v2 .main-text .text-4 {
          left: 20%;
          text-align: left;
          font: normal normal 300 25px/34px Open Sans;
          margin-bottom: 25px; }
          #offre-tv-header-new-v2 .main-text .text-4 .big-txt4 {
            font: normal normal 600 48px/65px Open Sans; }
        #offre-tv-header-new-v2 .main-text .text-3 {
          left: inherit; }
          #offre-tv-header-new-v2 .main-text .text-3 a {
            left: 20%; }
      #offre-tv-header-new-v2 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 70px;
        left: 13%;
        width: 775px;
        height: 465px;
        position: absolute; }
      #offre-tv-header-new-v2 #listSupport {
        top: 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-v2 #listSupport li {
          height: 43px;
          max-width: 325px; }
          #offre-tv-header-new-v2 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-v2 #googletv {
        width: 215px !important;
        height: 37px !important;
        margin: -7px 25px; }
      #offre-tv-header-new-v2 #lititle {
        font: normal normal 600 32px/43px Open Sans; }
      #offre-tv-header-new-v2 #androidtv {
        width: 165px !important;
        height: 29px !important; }
      #offre-tv-header-new-v2 #Amazon {
        width: 188px !important;
        height: 46px !important;
        margin: -16px 32px; }
      #offre-tv-header-new-v2 #AppleTV {
        width: 62px !important;
        height: 31px !important;
        margin-right: 41px; }
      #offre-tv-header-new-v2 .apple-exp {
        left: -40px; }
      #offre-tv-header-new-v2 #Samsung {
        width: 166px !important;
        height: 24px !important; } }

#offre-tv-header-new-072022 {
  background-color: light-blue;
  color: white;
  overflow: hidden; }
  #offre-tv-header-new-072022 .btn-slider {
    background-color: #FFE923 !important;
    color: #004994 !important; }
  #offre-tv-header-new-072022 .condition-text {
    position: absolute;
    right: 2%;
    bottom: 2%; }
  #offre-tv-header-new-072022 .text-4 {
    color: white !important; }
  @media screen and (max-width: 671px) {
    #offre-tv-header-new-072022 {
      height: 480px;
      background-image: url("/images/TV/offre/Groupe de masques 66@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #offre-tv-header-new-072022 .loltv-main-content {
        top: 50%;
        height: 100%;
        transform: translateY(-50%); }
      #offre-tv-header-new-072022 .main-text {
        left: 50%;
        transform: translateX(-50%);
        top: 15px; }
        #offre-tv-header-new-072022 .main-text .text-1 {
          text-transform: uppercase;
          font-weight: 800;
          text-transform: inherit; }
        #offre-tv-header-new-072022 .main-text .text-1,#offre-tv-header-new-072022 .main-text .text-2 {
          text-align: center;
          font: normal normal normal 25px/32px Open Sans !important;
          margin-left: 30px; }
        #offre-tv-header-new-072022 .main-text .text-2 {
          margin-top: 15px;
          margin-bottom: 20px; }
      #offre-tv-header-new-072022 .text-4 {
        text-align: center;
        font: normal normal 300 27px/37px Open Sans;
        margin-bottom: 25px;
        position: relative; }
        #offre-tv-header-new-072022 .text-4 .big-txt4 {
          font: normal normal 600 36px/37px Open Sans; }
      #offre-tv-header-new-072022 .text-3 {
        text-align: center; }
        #offre-tv-header-new-072022 .text-3 a {
          top: 235px; }
      #offre-tv-header-new-072022 .condition-text {
        bottom: 51%; }
      #offre-tv-header-new-072022 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 162px;
        left: 50%;
        width: 467px;
        height: 320px;
        position: absolute;
        transform: translate(-50%); }
      #offre-tv-header-new-072022 #listSupport {
        top: -25px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-072022 #listSupport li {
          height: 36px; }
          #offre-tv-header-new-072022 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-072022 #googletv {
        width: 107px !important;
        height: 19px !important;
        margin: -7px 10px; }
      #offre-tv-header-new-072022 #lititle {
        width: 100%;
        font: normal normal 600 22px/36px Open Sans; }
      #offre-tv-header-new-072022 #androidtv {
        width: 82px !important;
        height: 14px !important; }
      #offre-tv-header-new-072022 #Amazon {
        width: 118px !important;
        height: 29px !important;
        margin: -16px 10px; }
      #offre-tv-header-new-072022 #AppleTV {
        width: 31px !important;
        height: 16px !important;
        margin-right: 10px; }
      #offre-tv-header-new-072022 .apple-exp {
        left: -10px; }
      #offre-tv-header-new-072022 #Samsung {
        width: 82px !important;
        height: 12px !important; } }
  @media screen and (min-width: 672px) {
    #offre-tv-header-new-072022 {
      background-position: center;
      background-size: cover;
      height: 405px;
      background-image: url("/images/promos/tv202202/Img_TV@2x.png");
      background-repeat: no-repeat; }
      #offre-tv-header-new-072022 .loltv-main-content {
        height: 100%; }
      #offre-tv-header-new-072022 .loltv-main-content,#offre-tv-header-new-072022 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-072022 .main-text .text-1 {
          text-transform: inherit;
          text-align: left;
          font: normal normal normal 35px/40px Open Sans; }
        #offre-tv-header-new-072022 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 35px/40px Open Sans;
          margin-top: 15px;
          margin-bottom: 20px; }
        #offre-tv-header-new-072022 .main-text .text-4 {
          left: 10%;
          text-align: left;
          font: normal normal 300 27px/37px Open Sans;
          margin-bottom: 25px;
          position: relative; }
          #offre-tv-header-new-072022 .main-text .text-4 .big-txt4 {
            font: normal normal 600 36px/37px Open Sans; }
      #offre-tv-header-new-072022 .text-3 {
        margin-top: inherit;
        text-align: left;
        position: relative; }
        #offre-tv-header-new-072022 .text-3 a {
          left: 10%; }
      #offre-tv-header-new-072022 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 96px;
        left: 0%;
        width: 467px;
        height: 320px;
        position: absolute; }
      #offre-tv-header-new-072022 #listSupport {
        top: 0px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-072022 #listSupport li {
          height: 43px; }
          #offre-tv-header-new-072022 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-072022 #googletv {
        width: 167px !important;
        height: 29px !important;
        margin: -7px 10px; }
      #offre-tv-header-new-072022 #lititle {
        width: 100%;
        font: normal normal 600 22px/36px Open Sans; }
      #offre-tv-header-new-072022 #androidtv {
        width: 128px !important;
        height: 22px !important; }
      #offre-tv-header-new-072022 #Amazon {
        width: 146px !important;
        height: 36px !important;
        margin: -16px 10px; }
      #offre-tv-header-new-072022 #AppleTV {
        width: 48px !important;
        height: 24px !important;
        margin-right: 10px; }
      #offre-tv-header-new-072022 .apple-exp {
        left: -10px; }
      #offre-tv-header-new-072022 #Samsung {
        width: 129px !important;
        height: 19px !important; } }
  @media screen and (min-width: 1056px) {
    #offre-tv-header-new-072022 {
      height: 405px;
      background-image: url("/images/TV/offre/Groupe de masques 62@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #offre-tv-header-new-072022 .loltv-main-content {
        height: 100%;
        top: inherit;
        transform: inherit; }
      #offre-tv-header-new-072022 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-072022 .main-text .text-1 {
          text-transform: inherit;
          text-align: left;
          font: normal normal normal 40px/48px Open Sans; }
        #offre-tv-header-new-072022 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 40px/48px Open Sans;
          margin-top: 15px;
          margin-bottom: 20px; }
        #offre-tv-header-new-072022 .main-text .text-4 {
          left: 20%;
          text-align: left;
          font: normal normal 300 25px/34px Open Sans;
          margin-bottom: 25px; }
          #offre-tv-header-new-072022 .main-text .text-4 .big-txt4 {
            font: normal normal 600 48px/65px Open Sans;
            text-transform: uppercase; }
        #offre-tv-header-new-072022 .main-text .text-3 a {
          left: 20%; }
      #offre-tv-header-new-072022 .text-3 {
        margin-top: inherit;
        text-align: left; }
      #offre-tv-header-new-072022 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 100px;
        left: 5%;
        width: 542px;
        height: 325px;
        position: absolute; }
      #offre-tv-header-new-072022 #listSupport {
        top: 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-072022 #listSupport li {
          height: 43px;
          max-width: 325px; }
          #offre-tv-header-new-072022 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-072022 #googletv {
        width: 215px !important;
        height: 37px !important;
        margin: -7px 25px; }
      #offre-tv-header-new-072022 #lititle {
        font: normal normal 600 32px/43px Open Sans; }
      #offre-tv-header-new-072022 #androidtv {
        width: 165px !important;
        height: 29px !important; }
      #offre-tv-header-new-072022 #Amazon {
        width: 188px !important;
        height: 46px !important;
        margin: -16px 32px; }
      #offre-tv-header-new-072022 #AppleTV {
        width: 62px !important;
        height: 31px !important;
        margin-right: 41px; }
      #offre-tv-header-new-072022 .apple-exp {
        left: -40px; }
      #offre-tv-header-new-072022 #Samsung {
        width: 166px !important;
        height: 24px !important; } }
  @media screen and (min-width: 1302px) {
    #offre-tv-header-new-072022 {
      background-image: url("/images/TV/offre/background_header.png");
      background-position: right;
      height: 500px !important; }
      #offre-tv-header-new-072022 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-072022 .main-text .text-1 {
          text-align: left;
          font: normal normal 600 40px/48px Open Sans;
          text-transform: inherit; }
        #offre-tv-header-new-072022 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 40px/48px Open Sans;
          margin-top: 15px;
          margin-bottom: 25px; }
        #offre-tv-header-new-072022 .main-text .text-4 {
          left: 44%;
          text-align: left;
          font: normal normal 300 25px/34px Open Sans;
          margin-bottom: 25px; }
          #offre-tv-header-new-072022 .main-text .text-4 .big-txt4 {
            font: normal normal 600 48px/65px Open Sans; }
        #offre-tv-header-new-072022 .main-text .text-3 {
          left: inherit; }
          #offre-tv-header-new-072022 .main-text .text-3 a {
            left: 44%; }
      #offre-tv-header-new-072022 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 70px;
        left: 13%;
        width: 775px;
        height: 465px;
        position: absolute; }
      #offre-tv-header-new-072022 #listSupport {
        top: 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-072022 #listSupport li {
          height: 43px;
          max-width: 325px; }
          #offre-tv-header-new-072022 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-072022 #googletv {
        width: 215px !important;
        height: 37px !important;
        margin: -7px 25px; }
      #offre-tv-header-new-072022 #lititle {
        font: normal normal 600 32px/43px Open Sans; }
      #offre-tv-header-new-072022 #androidtv {
        width: 165px !important;
        height: 29px !important; }
      #offre-tv-header-new-072022 #Amazon {
        width: 188px !important;
        height: 46px !important;
        margin: -16px 32px; }
      #offre-tv-header-new-072022 #AppleTV {
        width: 62px !important;
        height: 31px !important;
        margin-right: 41px; }
      #offre-tv-header-new-072022 .apple-exp {
        left: -40px; }
      #offre-tv-header-new-072022 #Samsung {
        width: 166px !important;
        height: 24px !important; } }

@media screen and (max-width: 671px) {
  #offre-tv-replay {
    padding-top: 4% !important; }
    #offre-tv-replay img {
      width: 100% !important;
      height: auto !important; }
    #offre-tv-replay .title {
      width: 30%;
      float: left;
      padding-left: 13%;
      font-weight: 600 !important; }
    #offre-tv-replay .title_line_blue {
      float: right;
      width: 55%;
      margin-top: 4%; }
    #offre-tv-replay h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      font-size: 25px !important;
      font-family: "Open Sans", SemiBold;
      margin-top: 20px !important; }
    #offre-tv-replay p {
      text-align: left !important;
      width: 80%;
      left: 13%;
      font-size: 16px !important;
      top: -3%; }
    #offre-tv-replay hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    #offre-tv-replay h3 {
      font-size: 30px !important; }
    #offre-tv-replay img {
      width: 100% !important;
      height: auto !important; }
    #offre-tv-replay p {
      width: 58%; } }

@media screen and (min-width: 672px) {
  #offre-tv-replay {
    padding: 5% 0 0 0;
    font-family: "Open Sans", regular; }
    #offre-tv-replay img {
      padding-top: 34px;
      width: 100% !important;
      height: auto !important; }
    #offre-tv-replay h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      margin-top: 15% !important;
      font-size: 30px !important;
      left: 49% !important;
      margin-bottom: 0;
      top: -5%; }
    #offre-tv-replay p {
      text-align: left !important;
      width: 80%;
      left: 50%;
      font-size: 16px !important;
      top: 5%; }
    #offre-tv-replay hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; }
    #offre-tv-replay .title {
      width: 52%;
      float: left;
      padding-left: 10%;
      font-weight: 600 !important; }
    #offre-tv-replay .title_line_blue {
      float: right;
      width: 48%;
      margin-top: 5%; } }

@media screen and (min-width: 1056px) {
  #offre-tv-replay {
    height: 460px; }
    #offre-tv-replay h3 {
      margin-top: 85% !important;
      font-size: 35px !important; }
    #offre-tv-replay p {
      width: 65%;
      left: 42%; } }

@media screen and (min-width: 1302px) {
  #offre-tv-replay {
    height: 664px; }
    #offre-tv-replay h3 {
      margin-top: 76% !important;
      font-size: 40px !important; }
    #offre-tv-replay p {
      width: 45% !important;
      left: 32%;
      font-size: 20px !important; }
    #offre-tv-replay .title {
      width: 39%; }
    #offre-tv-replay .title_line_blue {
      margin-top: 2%;
      width: 61%; } }

@media screen and (max-width: 671px) {
  #offre-tv-record {
    padding-top: 4% !important; }
    #offre-tv-record img {
      width: 100% !important;
      height: auto !important; }
    #offre-tv-record h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      font-size: 25px !important;
      font-family: "Open Sans", SemiBold;
      margin-top: 20px !important; }
    #offre-tv-record p {
      text-align: left !important;
      width: 75%;
      left: 27%;
      font-size: 16px !important;
      top: 5%;
      max-width: 265px; }
    #offre-tv-record .title {
      width: 80%;
      float: left;
      padding-left: 6%;
      font-weight: 600 !important; }
    #offre-tv-record .title_line_blue {
      float: left;
      width: 20%;
      margin-top: 3%; }
    #offre-tv-record hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    #offre-tv-record img {
      width: 100% !important;
      height: auto !important; }
    #offre-tv-record p {
      width: 50%;
      max-width: inherit; }
    #offre-tv-record h3 {
      font-size: 30px !important; } }

@media screen and (min-width: 672px) {
  #offre-tv-record {
    padding: 5% 0 0 0;
    font-family: "Open Sans", regular; }
    #offre-tv-record img {
      padding-top: 34px;
      width: 100% !important;
      height: auto !important; }
    #offre-tv-record h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      margin-top: 15% !important;
      font-size: 30px !important;
      left: 49% !important;
      margin-bottom: 0;
      top: -5%; }
    #offre-tv-record p {
      text-align: left !important;
      width: 80%;
      left: 58%;
      font-size: 16px !important;
      top: 5%; }
    #offre-tv-record hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; }
    #offre-tv-record .title {
      width: 52%;
      float: left;
      padding-left: 5%;
      font-weight: 600 !important; }
    #offre-tv-record .title_line_blue {
      float: left;
      width: 13%;
      margin-top: 4%; } }

@media screen and (min-width: 1056px) {
  #offre-tv-record .record_img {
    transform: inherit; }
  #offre-tv-record h3 {
    margin-top: 30% !important;
    font-size: 35px !important; }
  #offre-tv-record p {
    width: 71%;
    left: 53%; } }

@media screen and (min-width: 1302px) {
  #offre-tv-record {
    height: 664px; }
    #offre-tv-record h3 {
      font-size: 40px !important; }
    #offre-tv-record p {
      width: 48%;
      left: 53%;
      font-size: 20px !important; }
    #offre-tv-record .title_line_blue {
      width: 25%;
      margin-top: 2%; } }

@media screen and (max-width: 671px) {
  #offre-tv-direct {
    padding-top: 4% !important; }
    #offre-tv-direct img {
      width: 100% !important;
      height: auto !important; }
    #offre-tv-direct .title {
      width: 60%;
      float: left;
      padding-left: 13%;
      font-weight: 600 !important; }
    #offre-tv-direct .title_line_blue {
      float: right;
      width: 40%;
      margin-top: 11%; }
    #offre-tv-direct h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      font-size: 25px !important;
      font-family: "Open Sans", SemiBold;
      margin-top: 20px !important; }
    #offre-tv-direct p {
      text-align: left !important;
      width: 78%;
      left: 13%;
      font-size: 16px !important;
      top: -3%; }
    #offre-tv-direct hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    #offre-tv-direct img {
      width: 100% !important;
      height: auto !important; }
    #offre-tv-direct p {
      width: 49%; }
    #offre-tv-direct h3 {
      font-size: 30px !important; }
    #offre-tv-direct .title_line_blue {
      margin-top: 6%; } }

@media screen and (min-width: 672px) {
  #offre-tv-direct {
    padding: 5% 0 0 0;
    font-family: "Open Sans", regular; }
    #offre-tv-direct img {
      padding-top: 34px;
      width: 100% !important;
      height: auto !important; }
    #offre-tv-direct h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      margin-top: 15% !important;
      font-size: 30px !important;
      left: 49% !important;
      margin-bottom: 0;
      top: -5%; }
    #offre-tv-direct p {
      text-align: left !important;
      width: 80%;
      left: 50%;
      font-size: 16px !important;
      top: 5%; }
    #offre-tv-direct hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; }
    #offre-tv-direct .title {
      width: 66%;
      float: left;
      padding-left: 10%;
      font-weight: 600 !important;
      line-height: 41px; }
    #offre-tv-direct .title_line_blue {
      float: right;
      width: 34%;
      margin-top: 14%; } }

@media screen and (min-width: 1056px) {
  #offre-tv-direct h3 {
    margin-top: 75% !important;
    font-size: 35px !important; }
  #offre-tv-direct .title_line_blue {
    margin-top: 12%; }
  #offre-tv-direct p {
    width: 55%;
    left: 37%; } }

@media screen and (min-width: 1302px) {
  #offre-tv-direct {
    height: 664px; }
    #offre-tv-direct h3 {
      margin-top: 76% !important;
      font-size: 40px !important; }
    #offre-tv-direct p {
      width: 45% !important;
      left: 30%;
      font-size: 20px !important; }
    #offre-tv-direct .title_line_blue {
      margin-top: 2%; }
    #offre-tv-direct .title {
      padding-left: 8%; } }

@media screen and (max-width: 671px) {
  #offre-tv-application {
    background-image: url("/images/TV/offre/phone/bg_tv_offre_blue.png");
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Open Sans", regular;
    padding-bottom: 0; }
    #offre-tv-application .main-text {
      padding-bottom: 7px; }
      #offre-tv-application .main-text .text-4 {
        font: normal normal 400 16px Open Sans;
        color: white !important;
        line-height: 65px; }
        #offre-tv-application .main-text .text-4 .big-txt4 {
          font: normal normal 600 21px Open Sans;
          text-transform: uppercase;
          padding-bottom: 1%; }
    #offre-tv-application img {
      width: 100% !important;
      height: auto !important; } }

@media (max-width: 375px) {
  #offre-tv-application img {
    width: 100% !important;
    height: auto !important; }
  #offre-tv-application .phone675 {
    display: none; }
  #offre-tv-application .phone375 {
    display: block; } }

@media (min-width: 376px) {
  #offre-tv-application .phone675 {
    display: block; }
  #offre-tv-application .phone375 {
    display: none; } }

@media screen and (min-width: 672px) {
  #offre-tv-application {
    padding: 5% 0 0 0 !important;
    background-image: url("/images/TV/offre/tab/bg_tv_offre_blue.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: "Open Sans", regular;
    padding-bottom: 0 !important; }
    #offre-tv-application .main-text {
      padding-bottom: 7px; }
      #offre-tv-application .main-text .text-4 {
        font: normal normal 400 16px Open Sans;
        color: white !important;
        line-height: 65px; }
        #offre-tv-application .main-text .text-4 .big-txt4 {
          font: normal normal 600 30px Open Sans;
          text-transform: uppercase;
          padding-bottom: 1%; }
    #offre-tv-application img {
      width: 100% !important;
      height: auto !important;
      margin-top: 2px;
      transform: translateY(5%); }
    #offre-tv-application h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      margin-top: 26% !important;
      font-size: 40px !important;
      padding-top: 6%; }
    #offre-tv-application p {
      text-align: left !important;
      width: 43%;
      left: 37%;
      font-size: 20px !important; }
    #offre-tv-application hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; }
    #offre-tv-application .title {
      width: 77%;
      float: left;
      padding-left: 15%;
      font-weight: 600 !important;
      font-family: "Open Sans", SemiBold; }
    #offre-tv-application .title_line_blue {
      float: right;
      width: 23%;
      margin-top: 12px; } }

@media screen and (min-width: 1056px) {
  #offre-tv-application {
    height: inherit !important;
    margin-top: 7%; } }

@media screen and (min-width: 1302px) {
  #offre-tv-application .main-text .text-4 {
    font-size: 21px;
    font-family: "Open Sans", Regular; }
    #offre-tv-application .main-text .text-4 .big-txt4 {
      font-size: 40px; }
  #offre-tv-application img {
    width: 1412px !important;
    height: auto !important; } }

@media screen and (max-width: 671px) {
  #offre-tv-chaines {
    background-image: url("/images/TV/offre/phone/bg_tv_offre_chaines_blue.png") !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: "Open Sans", regular;
    padding-top: 5%;
    padding-bottom: inherit; }
    #offre-tv-chaines .chaines-txt {
      z-index: 3;
      position: absolute;
      color: white !important;
      line-height: 25px !important;
      top: 43%;
      left: 50%;
      transform: translateX(-50%); }
    #offre-tv-chaines h3 {
      text-transform: uppercase;
      text-align: left !important;
      margin-top: 6% !important;
      font-size: 30px !important;
      white-space: nowrap; }
    #offre-tv-chaines h3,#offre-tv-chaines p {
      color: white !important;
      width: 100%; }
    #offre-tv-chaines p {
      font-size: 16px !important;
      line-height: 22px !important;
      top: -21px;
      text-align: center !important;
      transform: inherit;
      padding-top: 2%; }
    #offre-tv-chaines .bold {
      color: white !important; }
    #offre-tv-chaines .title {
      width: 77%;
      float: left;
      padding-left: 232x;
      font-weight: 600 !important;
      font-family: "Open Sans", SemiBold; }
    #offre-tv-chaines .chaines-btn {
      margin-top: clamp(-70px, 25vw, -70px);
      padding-top: 4%; }
    #offre-tv-chaines .chaines-btn-btn {
      padding-left: 33px !important;
      padding-right: 33px !important; }
    #offre-tv-chaines .icon_chaine {
      width: 100% !important;
      height: auto !important;
      margin: 0;
      vertical-align: middle; }
    #offre-tv-chaines .chaines_l1i1,#offre-tv-chaines .chaines_l1i2,#offre-tv-chaines .chaines_l1i3,#offre-tv-chaines .chaines_l1i4,#offre-tv-chaines .chaines_l1i5,#offre-tv-chaines .chaines_l2i1,#offre-tv-chaines .chaines_l2i2,#offre-tv-chaines .chaines_l2i3,#offre-tv-chaines .chaines_l2i4,#offre-tv-chaines .chaines_l2i5 {
      width: 170px;
      height: 170px;
      display: inline-block; }
    #offre-tv-chaines .chaines_logos {
      background-color: #FFF;
      position: relative;
      width: 88%;
      height: auto;
      left: 6%;
      margin-top: 3%;
      border-radius: 35px 35px 0 0;
      padding-top: 1% !important; }
    #offre-tv-chaines .chaines_icon_line_1 {
      padding-top: 4%;
      position: relative; }
    #offre-tv-chaines .chaines_icon_line_2,#offre-tv-chaines .chaines_icon_line_3 {
      position: relative; }
    #offre-tv-chaines .chaines_channel1 {
      width: 87px !important;
      left: 34%; }
    #offre-tv-chaines .chaines_channel1,#offre-tv-chaines .chaines_channel2 {
      height: auto !important;
      float: left;
      position: relative; }
    #offre-tv-chaines .chaines_channel2 {
      width: 80px !important;
      left: 8%; }
    #offre-tv-chaines .chaines_channel3 {
      width: 68px !important;
      left: 8%; }
    #offre-tv-chaines .chaines_channel3,#offre-tv-chaines .chaines_channel4 {
      height: auto !important;
      float: left;
      position: relative; }
    #offre-tv-chaines .chaines_channel4 {
      width: 110px !important;
      left: 43%; }
    #offre-tv-chaines .chaines_channel5 {
      width: 82px !important;
      height: auto !important;
      float: left;
      position: relative;
      left: 40%;
      padding-top: 1%; }
    #offre-tv-chaines #icon_chaine_375 {
      display: block; }
    #offre-tv-chaines #icon_chaine_675 {
      display: none; }
    #offre-tv-chaines #icon_channel_375 {
      display: block; }
    #offre-tv-chaines #icon_channel_675 {
      display: none; } }

@media (min-width: 517px) {
  #offre-tv-chaines #icon_chaine_375 {
    display: none; }
  #offre-tv-chaines #icon_chaine_675 {
    display: block; }
  #offre-tv-chaines #icon_channel_375 {
    display: none; }
  #offre-tv-chaines #icon_channel_675 {
    display: block; }
  #offre-tv-chaines .chaines_l1i1,#offre-tv-chaines .chaines_l1i2,#offre-tv-chaines .chaines_l1i3,#offre-tv-chaines .chaines_l1i4,#offre-tv-chaines .chaines_l1i5,#offre-tv-chaines .chaines_l2i1,#offre-tv-chaines .chaines_l2i2,#offre-tv-chaines .chaines_l2i3,#offre-tv-chaines .chaines_l2i4,#offre-tv-chaines .chaines_l2i5,#offre-tv-chaines .chaines-txt {
    width: 22%;
    height: 22%; }
  #offre-tv-chaines h3 {
    color: white !important;
    text-transform: uppercase;
    width: 100%;
    margin-top: 6% !important;
    left: 5% !important;
    font-size: 30px !important;
    white-space: nowrap; }
  #offre-tv-chaines h3,#offre-tv-chaines p {
    text-align: left !important;
    margin-left: calc( 100% - 410px) !important; }
  #offre-tv-chaines p {
    left: 5%;
    width: 55%; }
  #offre-tv-chaines .chaines-btn {
    padding-top: 2% !important;
    margin-left: calc( 100% - 410px) !important;
    left: 5%;
    position: relative;
    float: left; }
  #offre-tv-chaines .chaines_logos {
    background-color: #FFF;
    position: relative;
    width: 90%;
    height: auto;
    left: 5%;
    margin-top: 16%;
    border-radius: 35px 35px 0 0;
    padding-top: 1% !important; }
  #offre-tv-chaines .chaines_channel1 {
    left: -2%; }
  #offre-tv-chaines .chaines_channel1,#offre-tv-chaines .chaines_channel2 {
    width: 17% !important;
    height: 100% !important;
    display: inline-block;
    position: relative;
    float: inherit; }
  #offre-tv-chaines .chaines_channel2 {
    left: 0%; }
  #offre-tv-chaines .chaines_channel3 {
    left: 3%; }
  #offre-tv-chaines .chaines_channel3,#offre-tv-chaines .chaines_channel4 {
    width: 17% !important;
    height: 100% !important;
    display: inline-block;
    position: relative;
    float: inherit; }
  #offre-tv-chaines .chaines_channel4 {
    left: 4%; }
  #offre-tv-chaines .chaines_channel5 {
    width: 17% !important;
    height: 100% !important;
    display: inline-block;
    position: relative;
    left: 2%;
    float: inherit; }
  #offre-tv-chaines .icon_chaine {
    width: 100% !important;
    height: auto !important;
    margin: 0;
    vertical-align: middle; }
  #offre-tv-chaines .chaines-txt {
    z-index: 3;
    position: absolute;
    color: white !important;
    line-height: 25px !important;
    right: -15%;
    top: 0%;
    width: 100%; } }

@media screen and (min-width: 672px) {
  #offre-tv-chaines {
    background-image: url("/images/TV/offre/tab/bg_tv_offre_chaines_blue.png");
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Open Sans", regular;
    padding-top: 5%;
    padding-bottom: inherit; }
    #offre-tv-chaines img {
      width: 1412px !important;
      height: 397px !important; }
    #offre-tv-chaines .chaines-txt {
      right: unset;
      left: calc( 100% - 403px);
      top: 22.5%; }
    #offre-tv-chaines h3 {
      left: unset !important;
      font-weight: 600 !important; }
    #offre-tv-chaines h3,#offre-tv-chaines p {
      margin: unset !important;
      transform: unset; }
    #offre-tv-chaines p {
      left: unset;
      width: 365px;
      color: white !important; } }
    @media screen and (min-width: 672px) and (max-width: 850px) {
      #offre-tv-chaines p {
        font-size: 14px !important; } }
    @media screen and (min-width: 672px) and (min-width: 851px) {
      #offre-tv-chaines p {
        font-size: 16px !important; } }

@media screen and (min-width: 672px) {
    #offre-tv-chaines .bold {
      color: white !important; }
    #offre-tv-chaines .chaines-btn {
      margin-left: unset !important;
      margin-top: unset;
      left: unset; }
    #offre-tv-chaines .chaines-btn-btn {
      padding-left: 33px !important;
      padding-right: 33px !important; }
    #offre-tv-chaines .icon_chaine {
      width: 100% !important;
      height: auto !important;
      margin: 0;
      vertical-align: middle; }
    #offre-tv-chaines hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; }
    #offre-tv-chaines .title_line_blue {
      float: right;
      width: 23%;
      margin-top: 12px; }
    #offre-tv-chaines .chaines_l1 {
      top: 0%; }
    #offre-tv-chaines .chaines_l1,#offre-tv-chaines .chaines_l2 {
      position: relative;
      left: 5%;
      width: 100% !important;
      height: auto !important; }
    #offre-tv-chaines .chaines_l2 {
      top: 38%; }
    #offre-tv-chaines .chaines_l1i1 {
      left: -7%; }
    #offre-tv-chaines .chaines_l1i1,#offre-tv-chaines .chaines_l1i2 {
      width: 17%;
      height: 17%;
      display: inline-block;
      margin-top: 3%;
      position: relative; }
    #offre-tv-chaines .chaines_l1i2 {
      left: -6%;
      margin-left: 5px; }
    #offre-tv-chaines .chaines_l1i3 {
      left: -4%;
      margin-left: -3px; }
    #offre-tv-chaines .chaines_l1i3,#offre-tv-chaines .chaines_l1i4 {
      width: 17%;
      height: 17%;
      display: inline-block;
      margin-top: 3%;
      position: relative; }
    #offre-tv-chaines .chaines_l1i4 {
      left: -3%;
      margin-left: 1px; }
    #offre-tv-chaines .chaines_l1i5 {
      width: 17%;
      height: 17%;
      display: inline-block;
      margin-top: 3%;
      position: relative;
      left: -2%;
      margin-left: 12px; }
    #offre-tv-chaines .chaines_l2i1 {
      left: -7%; }
    #offre-tv-chaines .chaines_l2i1,#offre-tv-chaines .chaines_l2i2 {
      width: 17%;
      height: 17%;
      display: inline-block;
      margin-top: 1%;
      position: relative; }
    #offre-tv-chaines .chaines_l2i2 {
      left: -6%;
      margin-left: 5px; }
    #offre-tv-chaines .chaines_l2i3 {
      left: -4%;
      margin-left: -3px; }
    #offre-tv-chaines .chaines_l2i3,#offre-tv-chaines .chaines_l2i4 {
      width: 17%;
      height: 17%;
      display: inline-block;
      margin-top: 1%;
      position: relative; }
    #offre-tv-chaines .chaines_l2i4 {
      left: -3%;
      margin-left: 1px; }
    #offre-tv-chaines .chaines_l2i5 {
      width: 17%;
      height: 17%;
      display: inline-block;
      margin-top: 1%;
      position: relative;
      left: -2%;
      margin-left: 12px; }
    #offre-tv-chaines .chaines_logos {
      background-color: #FFF;
      position: relative;
      width: 90%;
      height: auto;
      left: 5%;
      margin-top: 5%;
      border-radius: 35px 35px 0 0;
      padding-top: unset; }
    #offre-tv-chaines .chaines_channel1,#offre-tv-chaines .chaines_channel2,#offre-tv-chaines .chaines_channel3,#offre-tv-chaines .chaines_channel4,#offre-tv-chaines .chaines_channel5 {
      width: 17% !important;
      height: 100% !important;
      display: inline-block;
      position: relative; } }

@media screen and (min-width: 1056px) {
  #offre-tv-chaines {
    height: auto !important; }
    #offre-tv-chaines h3 {
      font-size: 29px !important; }
    #offre-tv-chaines p {
      font-size: 16px !important;
      line-height: 27px !important;
      width: 417px; }
    #offre-tv-chaines .chaines-txt {
      width: 34%;
      left: 61%;
      top: 22.5%; }
    #offre-tv-chaines .chaines-btn {
      top: 30%; }
    #offre-tv-chaines .div-text {
      position: relative;
      top: 15%; } }

@media screen and (min-width: 1302px) {
  #offre-tv-chaines h3 {
    font-size: 40px !important;
    font-weight: 600 !important;
    font-family: "Open Sans", SemiBold; }
  #offre-tv-chaines p {
    font-size: 20px !important;
    line-height: 27px !important;
    font-family: "Open Sans", Regular;
    min-width: 500px; }
  #offre-tv-chaines .chaines-txt {
    width: 34%;
    left: 59.4%;
    top: 26.5%; }
  #offre-tv-chaines .chaines-btn {
    top: 30%; }
  #offre-tv-chaines .div-text {
    position: relative;
    top: 6%; }
  #offre-tv-chaines .chaines_l1 {
    top: -4% !important; }
  #offre-tv-chaines .chaines_l1i1,#offre-tv-chaines .chaines_l1i2,#offre-tv-chaines .chaines_l1i3,#offre-tv-chaines .chaines_l1i4,#offre-tv-chaines .chaines_l1i5 {
    max-width: 260px;
    max-height: 260px;
    width: 15%;
    height: 15%; }
  #offre-tv-chaines .chaines_l2 {
    top: 27% !important; }
  #offre-tv-chaines .chaines_l2i1,#offre-tv-chaines .chaines_l2i2,#offre-tv-chaines .chaines_l2i3,#offre-tv-chaines .chaines_l2i4,#offre-tv-chaines .chaines_l2i5 {
    max-width: 260px;
    max-height: 260px;
    width: 15%;
    height: 15%; }
  #offre-tv-chaines .chaines_logos {
    width: 73% !important;
    left: 14% !important;
    top: -20%;
    margin-top: 5%; }
  #offre-tv-chaines .chaines_channel1 {
    width: 176px !important;
    margin-right: 98px; }
  #offre-tv-chaines .chaines_channel1,#offre-tv-chaines .chaines_channel2 {
    height: auto !important;
    margin-top: 2%;
    top: 50%;
    transform: translateY(-20%); }
  #offre-tv-chaines .chaines_channel2 {
    width: 160px !important;
    margin-right: 110px; }
  #offre-tv-chaines .chaines_channel3 {
    width: 139px !important; }
  #offre-tv-chaines .chaines_channel3,#offre-tv-chaines .chaines_channel4 {
    height: auto !important;
    margin-right: 100px;
    margin-top: 2%;
    top: 50%;
    transform: translateY(-20%); }
  #offre-tv-chaines .chaines_channel4 {
    width: 225px !important; }
  #offre-tv-chaines .chaines_channel5 {
    width: 167px !important;
    height: auto !important;
    margin-top: 2%;
    top: 50%;
    transform: translateY(-20%); } }

@media screen and (max-width: 671px) {
  #offre-tv-guide {
    height: 400px !important; }
    #offre-tv-guide h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      font-size: 25px !important;
      font-family: "Open Sans", SemiBold !important;
      margin-top: 10px !important; }
    #offre-tv-guide p {
      text-align: center !important;
      width: 75%;
      left: 15%;
      font-size: 16px !important;
      top: 5%;
      margin-bottom: 0px; }
    #offre-tv-guide .title {
      width: 100%;
      float: left;
      font-weight: 600 !important;
      text-align: center; }
    #offre-tv-guide .title_line_blue {
      display: none; }
    #offre-tv-guide .bubble-tvguide {
      background-color: #00A3E0;
      border-radius: 50%; }
    #offre-tv-guide #rbubble {
      width: 400px;
      height: 500px;
      position: absolute;
      z-index: 0;
      top: 21px;
      left: 130px; }
    #offre-tv-guide #lbubble {
      width: 345px;
      height: 574px;
      left: -38%;
      position: absolute;
      top: -554px; }
    #offre-tv-guide .tvguidebubble {
      height: 43px;
      width: 43px;
      z-index: 20;
      font-size: 22px;
      left: 13%;
      top: 64%;
      color: white;
      background-color: #09B6EB;
      background-image: url("/images/TV/offre/tv_guide_bulle.png");
      background-size: cover;
      border-radius: 50%;
      position: absolute;
      text-transform: uppercase; }
    #offre-tv-guide .guide-img {
      height: 100%; }
    #offre-tv-guide .img_guide_1 {
      width: 233px !important;
      height: auto !important;
      z-index: 10;
      top: 11% !important;
      left: -4% !important;
      margin-bottom: inherit;
      margin-top: 5%; }
    #offre-tv-guide .img_guide_2 {
      width: 208px !important;
      height: auto !important;
      z-index: 20;
      left: 16% !important;
      margin-bottom: inherit;
      margin-top: -23%; } }
  @media screen and (max-width: 671px) and (min-width: 620px) {
    #offre-tv-guide {
      height: 600px !important; }
      #offre-tv-guide h3 {
        text-transform: uppercase;
        text-align: left !important;
        width: 100%;
        font-size: 30px !important;
        font-family: "Open Sans", SemiBold;
        margin-top: 10% !important; }
      #offre-tv-guide p {
        text-align: left !important;
        width: 55%;
        left: 7%;
        font-size: 16px !important;
        top: -7%; }
      #offre-tv-guide .title {
        width: 25%;
        float: left;
        padding-left: inherit;
        font-weight: 600 !important; }
      #offre-tv-guide .title_line_blue {
        float: left;
        width: 4%;
        margin-top: 2%;
        display: block; }
      #offre-tv-guide hr {
        border-top: 1px solid #004994;
        border-bottom: 0px; }
      #offre-tv-guide .bubble-tvguide {
        background-color: #00A3E0;
        border-radius: 50%; }
      #offre-tv-guide #rbubble {
        width: 900px;
        height: 1000px;
        position: absolute;
        z-index: 0;
        top: -135px;
        left: 328px; }
      #offre-tv-guide #lbubble {
        width: 390px;
        height: 574px;
        left: -18%;
        position: absolute;
        top: -268%; }
      #offre-tv-guide .tvguidebubble {
        height: 62px;
        width: 62px;
        z-index: 20;
        font-size: 22px;
        left: 23%;
        top: 136%;
        color: white;
        background-color: #09B6EB;
        background-image: url("/images/TV/offre/tv_guide_bulle.png");
        background-size: cover;
        border-radius: 50%;
        position: absolute;
        text-transform: uppercase; }
      #offre-tv-guide .guide-img {
        height: 200px;
        top: -5%; }
      #offre-tv-guide .img_guide_1 {
        width: 336px !important;
        z-index: 10;
        top: 45% !important;
        left: 23% !important;
        margin-top: 5%; }
      #offre-tv-guide .img_guide_1,#offre-tv-guide .img_guide_2 {
        height: auto !important;
        margin-bottom: inherit; }
      #offre-tv-guide .img_guide_2 {
        width: 300px !important;
        z-index: 20;
        left: -13% !important;
        top: -10% !important;
        margin-top: -23%; } }

@media screen and (min-width: 672px) {
  #offre-tv-guide {
    font-family: "Open Sans", regular; }
    #offre-tv-guide .guide-content {
      width: 100%;
      height: 100%; }
    #offre-tv-guide .guide-img {
      height: 100%; }
    #offre-tv-guide h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 110%;
      margin-top: 10% !important;
      font-size: 30px !important;
      padding-top: 12%; }
    #offre-tv-guide p {
      text-align: left !important;
      width: 61%;
      left: 42%;
      font-size: 16px !important; }
    #offre-tv-guide hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; }
    #offre-tv-guide .title {
      width: 79%;
      float: left;
      font-weight: 600 !important;
      padding-left: 4% !important;
      font-family: "Open Sans", SemiBold; }
    #offre-tv-guide .title_line_blue {
      float: left;
      width: 11%;
      margin-top: 12px; }
    #offre-tv-guide .div_img_guide_1 {
      position: relative;
      top: 12%;
      width: 100%;
      height: auto;
      left: 5%; }
    #offre-tv-guide .img_guide_1 {
      width: 385px !important;
      height: auto !important;
      z-index: 10;
      top: 10% !important;
      left: -30% !important;
      margin-top: 17%;
      margin-bottom: inherit; }
    #offre-tv-guide .div_img_guide_2 {
      position: relative;
      top: 12%;
      width: 100%;
      height: auto;
      left: 5%; }
    #offre-tv-guide .img_guide_2 {
      width: 343px !important;
      height: auto !important;
      z-index: 20;
      left: 4% !important;
      margin-bottom: inherit;
      margin-top: -24%; }
    #offre-tv-guide .bubble-tvguide {
      background-color: #00A3E0;
      border-radius: 50%; }
    #offre-tv-guide #rbubble {
      width: 1781px;
      height: 1733px;
      position: absolute;
      z-index: 0;
      top: -455px;
      left: -23px; }
    #offre-tv-guide #lbubble {
      width: 945px;
      height: 1186px;
      left: -378px;
      position: absolute;
      top: -1127px; }
    #offre-tv-guide .tvguidebubble {
      height: 75px;
      width: 75px;
      z-index: 20;
      font-size: 22px;
      left: -137px;
      top: 59%;
      color: white;
      background-color: #09B6EB;
      background-image: url("/images/TV/offre/tv_guide_bulle.png");
      background-size: cover;
      border-radius: 50%;
      position: absolute;
      text-transform: uppercase; } }

@media screen and (min-width: 1056px) {
  #offre-tv-guide h3 {
    font-size: 35px !important; }
  #offre-tv-guide p {
    width: 51%;
    left: 38%; }
  #offre-tv-guide .title_line_blue {
    float: left;
    width: 11%;
    margin-top: 12px; }
  #offre-tv-guide .img_guide_1 {
    width: 428px !important;
    top: 10% !important;
    left: -22% !important;
    margin-top: 95%; }
  #offre-tv-guide .img_guide_2 {
    width: 382px !important;
    left: 10% !important;
    margin-top: -24%; }
  #offre-tv-guide .tvguidebubble {
    height: 80px;
    width: 80px;
    left: -25%;
    top: 83%; }
  #offre-tv-guide #rbubble {
    top: -12%;
    left: -7%; } }

@media screen and (min-width: 1302px) {
  #offre-tv-guide {
    height: 596px !important; }
    #offre-tv-guide h3 {
      font-size: 40px !important;
      margin-top: 9%;
      margin-bottom: inherit; }
    #offre-tv-guide p {
      width: 39% !important;
      left: 40%;
      font-size: 20px !important; }
    #offre-tv-guide .title {
      padding-left: 3% !important; }
    #offre-tv-guide .guide-img {
      top: inherit;
      transform: inherit; }
    #offre-tv-guide .title_line_blue {
      width: 20%; }
    #offre-tv-guide .img_guide_1 {
      width: 650px !important;
      top: 60px !important;
      left: -36% !important;
      margin-top: inherit; }
    #offre-tv-guide .img_guide_2 {
      width: 580px !important;
      left: -3% !important;
      margin-top: inherit;
      top: -200px; }
    #offre-tv-guide .tvguidebubble {
      height: 120px;
      width: 120px;
      left: -40%;
      top: 49%; }
    #offre-tv-guide #rbubble {
      top: -214px;
      left: -163px; }
    #offre-tv-guide #lbubble {
      width: 1186px;
      height: 1186px;
      left: -313px;
      top: -1023px; } }

#offre-tv-device {
  height: auto; }
  @media screen and (max-width: 671px) {
    #offre-tv-device {
      padding: 50px 10px;
      background-image: url("/images/TV/offre/phone/bg_tv_offre_blue.png");
      background-repeat: no-repeat;
      background-size: cover;
      font-family: "Open Sans", regular; }
      #offre-tv-device .device-title-1 {
        font-weight: 600; }
      #offre-tv-device .device-title-1,#offre-tv-device .device-title-2 {
        font-family: "Open Sans", regular;
        padding-top: 3px;
        font-size: 30px;
        color: white !important; }
      #offre-tv-device .device-title-2 {
        font-weight: 100 !important; }
      #offre-tv-device .device-services,#offre-tv-device .device-services-1,#offre-tv-device .device-services-2 {
        position: relative;
        width: 100% !important;
        height: auto !important;
        text-align: center; }
      #offre-tv-device .div_icone_service,#offre-tv-device .div_icone_marque {
        display: inline-block;
        margin: 20px 3% 0;
        vertical-align: middle; }
      #offre-tv-device .div_icone_marque {
        max-width: 25%; }
      #offre-tv-device .icon_service1 {
        width: 97px !important;
        margin-top: 0px; }
      #offre-tv-device .icon_service1,#offre-tv-device .icon_service2 {
        position: relative;
        display: block;
        float: left;
        height: auto !important;
        vertical-align: middle;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: inherit; }
      #offre-tv-device .icon_service2 {
        width: 75px !important;
        margin-top: -5px; }
      #offre-tv-device .icon_service3 {
        display: block;
        display: inline;
        width: 85px !important; }
      #offre-tv-device .icon_service3,#offre-tv-device .icon_service4 {
        position: relative;
        float: left;
        height: auto !important;
        vertical-align: middle;
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 0px;
        margin-bottom: inherit; }
      #offre-tv-device .icon_service4 {
        display: block;
        width: 28px !important; }
      #offre-tv-device .icon_service5 {
        position: relative;
        display: block;
        float: left;
        width: 75px !important;
        height: auto !important;
        vertical-align: middle;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: inherit;
        margin-top: 3px; }
      #offre-tv-device .icon_service {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        vertical-align: middle; }
      #offre-tv-device .icon_marque1 {
        width: 36px !important; }
      #offre-tv-device .icon_marque1,#offre-tv-device .icon_marque2 {
        position: relative;
        display: block;
        float: left;
        height: auto !important;
        vertical-align: middle;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: inherit; }
      #offre-tv-device .icon_marque2 {
        width: 62px !important; }
      #offre-tv-device .icon_marque3 {
        width: 65px !important; }
      #offre-tv-device .icon_marque3,#offre-tv-device .icon_marque4 {
        position: relative;
        display: block;
        float: left;
        height: auto !important;
        vertical-align: middle;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: inherit; }
      #offre-tv-device .icon_marque4 {
        width: 31px !important; }
      #offre-tv-device .icon_marque {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        vertical-align: middle; }
      #offre-tv-device .device-marques {
        width: 100% !important;
        height: auto !important;
        text-align: center; }
      #offre-tv-device .device-device-title {
        font-family: "Open Sans", regular !important;
        font-size: 16px !important;
        color: #FFFFFF !important;
        padding-top: 2%;
        line-height: 22px; }
        #offre-tv-device .device-device-title .bold {
          color: #FFFFFF !important; }
      #offre-tv-device .device-device-device {
        padding-top: 20%; }
      #offre-tv-device .img_device_1 {
        width: 45px !important; }
      #offre-tv-device .img_device_1,#offre-tv-device .img_device_2 {
        height: 76px !important;
        margin-bottom: 0px !important; }
      #offre-tv-device .img_device_2 {
        width: 115px !important; }
      #offre-tv-device .img_device_3 {
        width: 52px !important;
        height: 76px !important;
        margin-bottom: 0px !important; }
      #offre-tv-device .device-recommandation {
        font-family: "Open Sans", Light !important;
        font-size: 9px;
        line-height: 14px;
        color: #FFFFFF; }
      #offre-tv-device .device-device {
        margin-top: 43px; }
      #offre-tv-device .phone375 {
        display: block; }
      #offre-tv-device .phone675 {
        display: none; }
      #offre-tv-device .offres-devices {
        padding: 20px 1px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        max-width: 450px;
        margin: 0 auto 26px; }
        #offre-tv-device .offres-devices .offres-devices__device {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          font-size: 16px;
          line-height: 22px;
          color: #FFFFFF; }
          #offre-tv-device .offres-devices .offres-devices__device:nth-child(n + 3) {
            padding-top: 14px; }
          #offre-tv-device .offres-devices .offres-devices__device:nth-child(2n) {
            margin-left: 40px; }
          #offre-tv-device .offres-devices .offres-devices__device h4 {
            margin: 13px auto 0;
            color: inherit;
            font-weight: 600;
            white-space: nowrap; }
          #offre-tv-device .offres-devices .offres-devices__device div {
            margin: 0;
            color: inherit;
            max-width: 110px; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    #offre-tv-device .phone375 {
      display: none; }
    #offre-tv-device .phone675 {
      display: block; }
    #offre-tv-device #title_375_1,#offre-tv-device #title_375_2 {
      display: none; }
    #offre-tv-device #title_675 {
      display: block !important; }
    #offre-tv-device #service_phone_1,#offre-tv-device #service_phone_2 {
      display: none; }
    #offre-tv-device #service_phone {
      display: block !important; }
    #offre-tv-device #device_375 {
      display: none; }
    #offre-tv-device #device_675 {
      display: block !important; }
    #offre-tv-device .device-title {
      padding-top: 3px;
      font-size: 30px;
      text-transform: uppercase; }
      #offre-tv-device .device-title,#offre-tv-device .device-title .bold {
      color: white !important; }
    #offre-tv-device .icon_service1 {
      width: 115px !important; }
    #offre-tv-device .icon_service2 {
      width: 89px !important; }
    #offre-tv-device .icon_service3 {
      width: 101px !important; }
    #offre-tv-device .icon_service4 {
      width: 33px !important; }
    #offre-tv-device .icon_service5 {
      width: 89px !important; }
    #offre-tv-device .icon_marque1 {
      width: 45px !important; }
    #offre-tv-device .icon_marque2 {
      width: 77px !important; }
    #offre-tv-device .icon_marque3 {
      width: 80px !important; }
    #offre-tv-device .icon_marque4 {
      width: 39px !important; }
    #offre-tv-device .device-device {
      margin-top: 5%;
      text-align: center; }
    #offre-tv-device .device-device-device {
      padding-top: 5%; }
    #offre-tv-device .device-recommandation {
      font-size: 7px; } }
  @media screen and (min-width: 672px) {
    #offre-tv-device {
      padding: 50px 0;
      background-image: url("/images/TV/offre/lgdesk/bg_tv_offre_blue.png");
      background-repeat: no-repeat;
      background-size: cover;
      font-family: "Open Sans", regular; }
      #offre-tv-device .device-title {
        padding-top: 3px;
        font-size: 30px;
        text-transform: uppercase; }
        #offre-tv-device .device-title,#offre-tv-device .device-title .bold {
        color: white !important; }
      #offre-tv-device .device-marques {
        width: 675 !important;
        height: auto !important;
        text-align: center;
        margin-top: 3%;
        left: 50%;
        transform: translateX(-50%); }
      #offre-tv-device .div_icone_service {
        max-width: 20%; }
      #offre-tv-device .div_icone_service,#offre-tv-device .div_icone_marque {
        display: inline-block;
        margin-left: 3%;
        margin-right: 3%;
        vertical-align: middle; }
      #offre-tv-device .div_icone_marque {
        max-width: 25%; }
      #offre-tv-device .offres-devices {
        padding: 20px 1px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        max-width: 700px;
        margin: 0 auto 26px; }
        #offre-tv-device .offres-devices .offres-devices__device {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          font-size: 16px;
          line-height: 22px;
          color: #FFFFFF;
          min-width: 220px; }
          #offre-tv-device .offres-devices .offres-devices__device:nth-child(n + 3) {
            padding-top: 14px; }
          #offre-tv-device .offres-devices .offres-devices__device:nth-child(2n) {
            margin-left: 90px; }
          #offre-tv-device .offres-devices .offres-devices__device h4 {
            margin: 13px auto 0;
            color: inherit;
            font-weight: 600;
            white-space: nowrap; }
          #offre-tv-device .offres-devices .offres-devices__device div {
            margin: 0;
            color: inherit;
            max-width: 100%;
            width: auto; } }
  @media screen and (min-width: 672px) and (max-width: 900px) {
    #offre-tv-device .device-services {
      position: relative;
      width: 100% !important;
      height: auto !important;
      text-align: center;
      margin-top: 7%; }
    #offre-tv-device .icon_service1 {
      width: 116px !important;
      height: 20px !important; }
    #offre-tv-device .icon_service1,#offre-tv-device .icon_service2 {
      position: relative;
      display: block;
      float: left;
      vertical-align: middle;
      margin-left: 3%;
      margin-right: 3%;
      margin-top: 0px;
      margin-bottom: inherit; }
    #offre-tv-device .icon_service2 {
      width: 89px !important;
      height: 15px !important; }
    #offre-tv-device .icon_service3 {
      display: block;
      display: inline;
      width: 101px !important;
      height: 25px !important; }
    #offre-tv-device .icon_service3,#offre-tv-device .icon_service4 {
      position: relative;
      float: left;
      vertical-align: middle;
      margin-left: 3%;
      margin-right: 3%;
      margin-top: 0px;
      margin-bottom: inherit; }
    #offre-tv-device .icon_service4 {
      display: block;
      width: 33px !important;
      height: 17px !important; }
    #offre-tv-device .icon_service5 {
      position: relative;
      display: block;
      float: left;
      width: 89px !important;
      height: 13px !important;
      vertical-align: middle;
      margin-left: 3%;
      margin-right: 3%;
      margin-bottom: inherit;
      margin-top: 7px; } }
  @media screen and (min-width: 672px) and (min-width: 901px) {
    #offre-tv-device .device-services {
      position: relative;
      width: 100% !important;
      height: auto !important;
      text-align: center;
      margin-top: 5%; }
    #offre-tv-device .icon_service1 {
      width: 170px !important;
      height: 30px !important; }
    #offre-tv-device .icon_service1,#offre-tv-device .icon_service2 {
      position: relative;
      display: block;
      float: left;
      vertical-align: middle;
      margin-left: 3%;
      margin-right: 3%;
      margin-top: 0px;
      margin-bottom: inherit; }
    #offre-tv-device .icon_service2 {
      width: 130px !important;
      height: 22px !important; }
    #offre-tv-device .icon_service3 {
      display: block;
      display: inline;
      width: 148px !important;
      height: 37px !important; }
    #offre-tv-device .icon_service3,#offre-tv-device .icon_service4 {
      position: relative;
      float: left;
      vertical-align: middle;
      margin-left: 3%;
      margin-right: 3%;
      margin-top: 0px;
      margin-bottom: inherit; }
    #offre-tv-device .icon_service4 {
      display: block;
      width: 49px !important;
      height: 25px !important; }
    #offre-tv-device .icon_service5 {
      position: relative;
      display: block;
      float: left;
      width: 130px !important;
      height: 19px !important;
      vertical-align: middle;
      margin-left: 3%;
      margin-right: 3%;
      margin-bottom: inherit;
      margin-top: 7px; }
    #offre-tv-device .device-device-left {
      left: 5% !important; } }
  @media screen and (min-width: 672px) {
      #offre-tv-device .icon_service {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        vertical-align: middle; }
      #offre-tv-device .icon_marque1 {
        width: 65px !important; }
      #offre-tv-device .icon_marque1,#offre-tv-device .icon_marque2 {
        position: relative;
        display: block;
        float: left;
        height: 20px !important;
        vertical-align: middle;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: inherit; }
      #offre-tv-device .icon_marque2 {
        width: 110px !important; }
      #offre-tv-device .icon_marque3 {
        width: 114px !important;
        height: 20px !important; }
      #offre-tv-device .icon_marque3,#offre-tv-device .icon_marque4 {
        position: relative;
        display: block;
        float: left;
        vertical-align: middle;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: inherit; }
      #offre-tv-device .icon_marque4 {
        width: 55px !important;
        height: 25px !important; }
      #offre-tv-device .icon_marque {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        vertical-align: middle; }
      #offre-tv-device .device-device {
        margin-top: 5%; }
      #offre-tv-device .device-device-title {
        font-family: "Open Sans", regular !important;
        font-size: 16px !important;
        color: #FFFFFF !important;
        padding-top: 2%; }
        #offre-tv-device .device-device-title .bold {
          color: #FFFFFF !important; }
      #offre-tv-device .device-device-device {
        padding-top: 20px;
        left: -12%; }
      #offre-tv-device .img_device_1 {
        width: 45px !important; }
      #offre-tv-device .img_device_1,#offre-tv-device .img_device_2 {
        height: 76px !important;
        margin-bottom: 0px !important; }
      #offre-tv-device .img_device_2 {
        width: 90px !important; }
      #offre-tv-device .img_device_3 {
        width: 52px !important;
        height: 76px !important;
        margin-bottom: 0px !important; }
      #offre-tv-device .device-recommandation {
        font-family: "Open Sans", Light !important;
        font-size: 9px;
        line-height: 14px;
        color: #FFFFFF; } }
  @media screen and (min-width: 1056px) {
    #offre-tv-device .device-services {
      left: inherit;
      padding-right: inherit;
      text-align: center; }
    #offre-tv-device .icon_service1 {
      width: 184px !important;
      height: 32px !important;
      margin-left: inherit;
      margin-right: 2%; }
    #offre-tv-device .icon_service2 {
      width: 141px !important;
      height: 24px !important;
      margin-left: 2%;
      margin-right: 2%; }
    #offre-tv-device .icon_service3 {
      width: 161px !important;
      height: 40px !important;
      margin-left: 2%;
      margin-right: 2%; }
    #offre-tv-device .icon_service4 {
      width: 53px !important;
      height: 27px !important;
      margin-left: 2%;
      margin-right: 2%; }
    #offre-tv-device .icon_service5 {
      width: 142px !important;
      height: 21px !important;
      margin-left: 2%;
      margin-right: inherit; }
    #offre-tv-device .icon_marque1 {
      width: 70px !important;
      height: 21px !important;
      margin-left: 3%;
      margin-right: 3%; }
    #offre-tv-device .icon_marque2 {
      width: 119px !important; }
    #offre-tv-device .icon_marque2,#offre-tv-device .icon_marque3 {
      height: 22px !important;
      margin-left: 3%;
      margin-right: 3%; }
    #offre-tv-device .icon_marque3 {
      width: 124px !important; }
    #offre-tv-device .icon_marque4 {
      width: 61px !important;
      height: 27px !important;
      margin-left: 3%;
      margin-right: 3%; }
    #offre-tv-device .device-marques {
      left: 50%;
      transform: translateX(-50%);
      width: 900px; }
    #offre-tv-device .device-device {
      margin-top: 2%; }
    #offre-tv-device .device-device-left {
      font-size: 16px !important;
      left: 18% !important; }
    #offre-tv-device .device-device-right {
      font-size: 16px !important;
      left: -7% !important; }
    #offre-tv-device .device-device-right-text {
      left: 21% !important; }
    #offre-tv-device .offres-devices {
      margin-bottom: 27px;
      max-width: 800px;
      margin: 0 auto 26px;
      -ms-flex-align: baseline;
          align-items: baseline;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      #offre-tv-device .offres-devices .offres-devices__device:nth-child(n + 3) {
        padding-top: 0; }
      #offre-tv-device .offres-devices .offres-devices__device:nth-child(2n) {
        margin-left: 0px; }
      #offre-tv-device .offres-devices .offres-devices__device h4 {
        margin: 15px auto 0; }
    #offre-tv-device .device-recommandation {
      display: inline-block;
      width: 100%; } }
  @media screen and (min-width: 1302px) {
    #offre-tv-device .device-title {
      font-size: 40px; }
    #offre-tv-device .device-services {
      margin-top: 4%; }
    #offre-tv-device .icon_service1 {
      width: 223px !important;
      height: 38px !important; }
    #offre-tv-device .icon_service2 {
      width: 171px !important;
      height: 30px !important; }
    #offre-tv-device .icon_service3 {
      width: 194px !important;
      height: 48px !important; }
    #offre-tv-device .icon_service4 {
      width: 64px !important;
      height: 32px !important; }
    #offre-tv-device .icon_service5 {
      width: 171px !important;
      height: 25px !important; }
    #offre-tv-device .device-marques {
      margin-top: 2%;
      left: 50%;
      transform: translateX(-50%);
      width: 900px; }
    #offre-tv-device .icon_marque1 {
      width: 85px !important;
      height: 26px !important; }
    #offre-tv-device .icon_marque2 {
      width: 144px !important;
      height: 26px !important; }
    #offre-tv-device .icon_marque3 {
      width: 150px !important;
      height: 26px !important; }
    #offre-tv-device .icon_marque4 {
      width: 73px !important;
      height: 32px !important; }
    #offre-tv-device .device-device-title {
      font-size: 20px !important; }
    #offre-tv-device .device-device-left {
      font-size: 19px !important;
      left: 18% !important; }
    #offre-tv-device .device-device-right {
      font-size: 19px !important;
      left: -7% !important; }
    #offre-tv-device .device-device-right-text {
      left: 21% !important; }
    #offre-tv-device .img_device_1,#offre-tv-device .img_device_2,#offre-tv-device .img_device_3 {
      height: 82px !important;
      width: auto !important; }
    #offre-tv-device .device-recommandation {
      font-size: 12px !important;
      position: relative;
      left: 35%;
      top: 1px; }
    #offre-tv-device .offres-devices {
      margin-bottom: 30px; }
      #offre-tv-device .offres-devices .offres-devices__device h4 {
        margin: 19px auto 0; } }

@media screen and (max-width: 671px) {
  #offre-tv-mobile {
    height: 472px !important;
    font-family: "Open Sans", regular; }
    #offre-tv-mobile h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      font-family: "Open Sans", SemiBold !important;
      margin-top: 10px !important; }
    #offre-tv-mobile p {
      text-align: center !important;
      width: 81%;
      left: 10%;
      font-size: 16px !important;
      top: -10%;
      margin-bottom: 0px; }
    #offre-tv-mobile .title {
      width: 100%;
      float: left;
      color: #004994;
      text-align: center;
      font-size: 25px; }
      #offre-tv-mobile .title .bold {
        color: #004994 !important;
        font-weight: 600 !important; }
    #offre-tv-mobile .title-de {
      width: 100%;
      float: left;
      color: #004994;
      text-align: center;
      font-size: 22px; }
      #offre-tv-mobile .title-de .bold {
        color: #004994 !important;
        font-weight: 600 !important; }
    #offre-tv-mobile .title_line_blue {
      display: none; }
    #offre-tv-mobile .mobile-content {
      width: 100%;
      height: 100%; }
    #offre-tv-mobile .mobile-img {
      position: absolute;
      left: 29%;
      top: 115%; }
    #offre-tv-mobile hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; }
    #offre-tv-mobile .title_line_blue {
      float: left;
      width: 6%;
      margin-top: 12px; }
    #offre-tv-mobile .img_mobile {
      width: 240px !important;
      height: auto !important;
      z-index: 10; }
    #offre-tv-mobile .bubble-tvguide {
      background-color: #00A3E0;
      border-radius: 50%; }
    #offre-tv-mobile #rbubble {
      width: 800px;
      height: 1421px;
      position: absolute;
      z-index: 0;
      top: 367px;
      left: -75%; }
    #offre-tv-mobile #lbubble {
      display: none; }
    #offre-tv-mobile #dbbubble {
      width: 43px;
      height: 43px;
      position: absolute;
      z-index: 15;
      top: 124%;
      left: 26%;
      background-color: #00498F !important; }
    #offre-tv-mobile #ybubble {
      width: 100px;
      height: 100px;
      position: absolute;
      z-index: 0;
      top: 147%;
      left: 60%;
      background-color: #FFE923  !important; }
    #offre-tv-mobile .mobile-btn {
      margin-top: 8%;
      position: relative;
      margin-left: 0%;
      padding-left: 0%;
      float: left;
      top: 35%;
      left: 50%;
      transform: translateX(-50%); }
    #offre-tv-mobile .mobile-btn-btn {
      padding-left: 33px !important;
      padding-right: 33px !important; }
    #offre-tv-mobile .mobile-remarque {
      font-family: "Open Sans", Light !important;
      font-size: 7px !important;
      position: absolute;
      left: 12%;
      color: #FFFFFF;
      bottom: -210px;
      z-index: 1;
      width: 23%;
      text-align: left; } }
  @media screen and (max-width: 671px) and (min-width: 375px) {
    #offre-tv-mobile {
      height: 390px !important; }
      #offre-tv-mobile h3 {
        text-transform: uppercase;
        text-align: left !important;
        width: 100%;
        font-size: 30px !important;
        font-family: "Open Sans", SemiBold;
        margin-top: 5% !important; }
      #offre-tv-mobile p {
        text-align: left !important;
        width: 46%;
        left: 6%;
        font-size: 16px !important;
        top: -7% !important; }
      #offre-tv-mobile .title {
        width: 96%;
        text-align: left;
        float: left;
        left: 13px;
        position: relative;
        padding-left: inherit; }
        #offre-tv-mobile .title .bold {
          font-weight: 600 !important; }
      #offre-tv-mobile .title-de {
        width: 58%;
        float: left;
        padding-left: inherit;
        font-size: 25px; }
        #offre-tv-mobile .title-de .bold {
          font-weight: 600 !important; }
      #offre-tv-mobile .title_line_blue {
        float: left;
        width: 4%;
        margin-top: 2%;
        display: block; }
      #offre-tv-mobile hr {
        border-top: 1px solid #004994;
        border-bottom: 0px; }
      #offre-tv-mobile .mobile-btn {
        margin-top: 8%;
        position: relative;
        float: left;
        top: -10%;
        left: 6%;
        transform: inherit; }
      #offre-tv-mobile .mobile-remarque {
        font-family: "Open Sans", Light !important;
        font-size: 7px !important;
        position: absolute;
        left: 6%;
        color: #000000;
        bottom: -25%;
        z-index: 1;
        width: 40%;
        text-align: left; }
      #offre-tv-mobile #rbubble {
        top: 107%;
        left: 15%; }
      #offre-tv-mobile #rbubble,#offre-tv-mobile #lbubble {
        width: 800px;
        height: 1421px;
        position: absolute;
        z-index: 0; }
      #offre-tv-mobile #lbubble {
        display: block !important;
        top: -496%;
        left: 44%; }
      #offre-tv-mobile #dbbubble {
        width: 43px;
        height: 43px;
        position: absolute;
        z-index: 0;
        top: 58%;
        left: 62%;
        background-color: #00498F !important; }
      #offre-tv-mobile #ybubble {
        width: 100px;
        height: 100px;
        position: absolute;
        z-index: 0;
        top: 66%;
        left: 82%;
        background-color: #FFE923  !important; }
      #offre-tv-mobile .img_mobile {
        width: 272px !important; }
      #offre-tv-mobile .mobile-img {
        left: 57%;
        top: 42%; } }

@media screen and (min-width: 672px) {
  #offre-tv-mobile {
    height: 450px !important;
    font-family: "Open Sans", regular; }
    #offre-tv-mobile .mobile-content {
      width: 100%;
      height: 100%; }
    #offre-tv-mobile .mobile-img {
      position: absolute;
      left: 55%;
      top: -13%; }
    #offre-tv-mobile h3 {
      text-transform: uppercase;
      text-align: left !important;
      width: 100%;
      margin-top: 0% !important;
      font-size: 30px !important;
      padding-top: 12%; }
    #offre-tv-mobile p {
      text-align: left !important;
      width: 62%;
      left: 42%;
      font-size: 16px !important;
      top: -8%; }
    #offre-tv-mobile hr {
      border-top: 1px solid #004994;
      border-bottom: 0px; }
    #offre-tv-mobile .title {
      width: 82%;
      float: left;
      font-weight: normal !important;
      padding-left: 5%;
      font-family: "Open Sans", SemiBold; }
      #offre-tv-mobile .title .bold {
        color: #004994 !important; }
    #offre-tv-mobile .title-de {
      width: 82%;
      float: left;
      font-weight: normal !important;
      padding-left: 5%;
      font-family: "Open Sans", SemiBold; }
      #offre-tv-mobile .title-de .bold {
        color: #004994 !important; }
    #offre-tv-mobile .title_line_blue {
      float: left;
      width: 6%;
      margin-top: 12px; }
    #offre-tv-mobile .img_mobile {
      width: 490px !important;
      height: 464px !important;
      z-index: 10; }
    #offre-tv-mobile .bubble-tvguide {
      background-color: #00A3E0;
      border-radius: 50%; }
    #offre-tv-mobile #rbubble {
      width: 1185px;
      height: 1421px;
      position: absolute;
      z-index: 0;
      top: 112%;
      left: 8%; } }
  @media screen and (min-width: 672px) and (max-width: 815px) {
    #offre-tv-mobile #lbubble {
      width: 1702px;
      height: 1616px;
      left: 50%;
      position: absolute;
      top: -417%; } }
  @media screen and (min-width: 672px) and (min-width: 816px) {
    #offre-tv-mobile #lbubble {
      width: 1702px;
      height: 1616px;
      left: 55%;
      position: absolute;
      top: -512%; } }

@media screen and (min-width: 672px) {
    #offre-tv-mobile #dbbubble {
      width: 75px;
      height: 75px;
      position: absolute;
      z-index: 15;
      top: 25%;
      left: 52%;
      background-color: #00498F !important; }
    #offre-tv-mobile #ybubble {
      width: 200px;
      height: 200px;
      position: absolute;
      z-index: 0;
      top: 43%;
      left: 77%;
      background-color: #FFE923  !important; }
    #offre-tv-mobile .mobile-btn {
      margin-top: -4%;
      position: relative;
      margin-left: 6%;
      padding-left: 5%;
      float: left; }
    #offre-tv-mobile .mobile-btn-btn {
      padding-left: 33px !important;
      padding-right: 33px !important; }
    #offre-tv-mobile .mobile-remarque {
      font-family: "Open Sans", Light !important;
      font-size: 9px !important;
      position: absolute;
      left: 11%;
      color: #000000;
      bottom: -15%; } }

@media screen and (min-width: 1056px) {
  #offre-tv-mobile h3 {
    margin-top: 8% !important;
    font-size: 35px !important; }
  #offre-tv-mobile .mobile-btn {
    margin-top: 2% !important; }
  #offre-tv-mobile .mobile-img {
    top: -4%; } }

@media screen and (min-width: 1056px) and (max-width: 1200px) {
  #offre-tv-mobile #ybubble {
    left: 74%;
    top: 51%; }
  #offre-tv-mobile #rbubble {
    top: 100%;
    left: 12%; }
  #offre-tv-mobile #lbubble {
    top: -430%; } }

@media screen and (min-width: 1056px) and (min-width: 1201px) {
  #offre-tv-mobile #ybubble {
    left: 74%;
    top: 43%; }
  #offre-tv-mobile #rbubble {
    top: 100%;
    left: 19%; }
  #offre-tv-mobile #lbubble {
    top: -415%; } }

@media screen and (min-width: 1056px) {
  #offre-tv-mobile #dbbubble {
    top: 39%; } }

@media screen and (min-width: 1302px) {
  #offre-tv-mobile {
    height: 630px !important; }
    #offre-tv-mobile h3 {
      font-size: 40px !important;
      margin-bottom: 1%; }
    #offre-tv-mobile p {
      width: 43%;
      left: 51%;
      font-size: 20px !important; }
    #offre-tv-mobile .title,#offre-tv-mobile .title-de {
      width: 75%;
      padding-left: 6%; }
    #offre-tv-mobile .title_line_blue {
      width: 23%; }
    #offre-tv-mobile .mobile-remarque {
      font-size: 12px !important;
      bottom: -35%;
      left: 29%; }
    #offre-tv-mobile .mobile-btn {
      padding-top: 2%;
      padding-left: 23%; }
    #offre-tv-mobile #rbubble {
      top: 105%;
      left: 28%;
      width: 1284px;
      height: 1185px; }
    #offre-tv-mobile #dbbubble {
      width: 95px;
      height: 95px;
      left: 57%; }
    #offre-tv-mobile #ybubble {
      left: 74%;
      top: 56%;
      width: 250px;
      height: 250px; }
    #offre-tv-mobile #lbubble {
      top: -348%;
      left: 55%;
      width: 1678px;
      height: 1708px; }
    #offre-tv-mobile .img_mobile {
      width: 640px !important;
      height: auto !important; }
    #offre-tv-mobile .mobile-img {
      top: 6%;
      left: 58%; } }

#offre-tv-installation {
  background-image: url("/images/TV/offre/lgdesk/bg_tv_offre_blue.png");
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "Open Sans", regular; }
  @media screen and (max-width: 671px) {
    #offre-tv-installation {
      height: 800px !important;
      padding-top: 50px; }
      #offre-tv-installation .installation-title {
        padding-top: 3px;
        font-size: 23px;
        color: white !important;
        text-transform: uppercase !important;
        font-family: "Open Sans", SemiBold !important;
        font-weight: 600 !important;
        width: 102%; }
      #offre-tv-installation .installation-title-left {
        position: relative !important;
        margin-top: 28px; }
      #offre-tv-installation .installation-title-right {
        position: relative !important;
        margin-top: 17px; }
      #offre-tv-installation .installation-subtitle {
        padding-top: 3px;
        font-size: 15px;
        color: white !important;
        text-transform: uppercase !important;
        font-family: "Open Sans", Regular !important;
        position: relative;
        top: -25px; }
      #offre-tv-installation .img-installation-left {
        width: 74px !important;
        height: 66px !important;
        margin-top: 10%;
        position: relative; }
      #offre-tv-installation .img-installation-right {
        width: 77px !important;
        height: 78px !important;
        margin-top: 10%;
        position: relative; }
      #offre-tv-installation .installation-text {
        color: white !important;
        font-family: "Open Sans", regular;
        font-size: 16px;
        line-height: 27px; }
      #offre-tv-installation .installation-text-left {
        bottom: 14px;
        padding-left: 10%;
        padding-right: 10%; }
      #offre-tv-installation .installation-text-left,#offre-tv-installation .installation-text-right {
        width: 100%;
        text-align: center;
        position: relative;
        font-weight: 100; }
      #offre-tv-installation .installation-text-right {
        padding-left: 6%;
        padding-right: 6%; } }
  @media (min-width: 376px) {
    #offre-tv-installation {
      height: 730px !important;
      padding-top: 20px !important; }
      #offre-tv-installation .installation-title {
        font-size: 30px; }
      #offre-tv-installation .installation-subtitle {
        font-size: 20px; }
      #offre-tv-installation .installation-text-left {
        padding-left: 25%;
        padding-right: 25%; }
      #offre-tv-installation .img-installation-right {
        margin-top: 5%; }
      #offre-tv-installation .installation-text-right {
        padding-left: 23%;
        padding-right: 23%; } }
  @media screen and (min-width: 672px) {
    #offre-tv-installation {
      height: 424px !important;
      padding-top: 50px; }
      #offre-tv-installation .installation-title {
        padding-top: 3px;
        font-size: 30px;
        color: white !important;
        text-transform: uppercase !important;
        font-family: "Open Sans", SemiBold !important;
        font-weight: 600 !important;
        width: 102%; }
      #offre-tv-installation .installation-title-left {
        position: relative !important;
        margin-top: 28px; }
      #offre-tv-installation .installation-title-right {
        position: relative !important;
        margin-top: 17px; }
      #offre-tv-installation .installation-subtitle {
        padding-top: 3px;
        font-size: 20px;
        color: white !important;
        text-transform: uppercase !important;
        font-family: "Open Sans", Regular !important;
        position: relative;
        top: -25px; }
      #offre-tv-installation .img-installation-left {
        width: 74px !important;
        height: 66px !important;
        margin-top: 10%;
        position: relative; }
      #offre-tv-installation .img-installation-right {
        width: 77px !important;
        height: 78px !important;
        margin-top: 10%;
        position: relative; }
      #offre-tv-installation .installation-text {
        color: white !important;
        font-family: "Open Sans", regular;
        font-size: 16px;
        line-height: 27px; }
      #offre-tv-installation .installation-text-left {
        bottom: 14px; }
      #offre-tv-installation .installation-text-left,#offre-tv-installation .installation-text-right {
        width: 100%;
        text-align: center;
        position: relative;
        font-weight: 100;
        padding-left: 17%;
        padding-right: 17%; } }
  @media screen and (min-width: 1056px) {
    #offre-tv-installation .installation-title {
      text-align: center !important;
      font-size: 38px; }
    #offre-tv-installation .installation-text-left {
      text-align: center !important;
      width: 79%;
      left: 12%; }
    #offre-tv-installation .installation-text-right {
      text-align: center !important;
      width: 81%;
      left: 12%; }
    #offre-tv-installation .img-installation-left,#offre-tv-installation .img-installation-right {
      margin-top: inherit; }
    #offre-tv-installation .installation-text {
      font-size: 18px;
      line-height: 24px; }
    #offre-tv-installation .div-install {
      top: 50%;
      position: relative;
      transform: translateY(-50%); } }
  @media screen and (min-width: 1302px) {
    #offre-tv-installation {
      height: 601px !important; }
      #offre-tv-installation .installation-title {
        font-size: 40px; }
      #offre-tv-installation .installation-subtitle {
        font-size: 24px; }
      #offre-tv-installation .img-installation-left {
        width: 88px !important;
        height: 79px !important;
        margin-top: inherit;
        margin-left: 30%; }
      #offre-tv-installation .installation-title-left,#offre-tv-installation .installation-subtitle {
        left: 15%; }
      #offre-tv-installation .installation-text-left {
        left: 30%;
        width: 69%; }
      #offre-tv-installation .img-installation-right {
        width: 100px !important;
        height: auto !important;
        margin-top: inherit;
        margin-left: -22%; }
      #offre-tv-installation .installation-title-right {
        left: -12%; }
      #offre-tv-installation .installation-text {
        font-size: 20px; }
      #offre-tv-installation .installation-text-right {
        left: 4%;
        top: 6%;
        width: 70%; }
      #offre-tv-installation .div-install {
        top: 50%;
        position: relative;
        transform: translateY(-50%); } }

@media screen and (max-width: 671px) {
  #offre-tv-price {
    background-image: url("/images/TV/offre/tab/bg_tv_offre_blue_circles.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 473 !important;
    background-color: unset !important; }
    #offre-tv-price #area-offers {
      background-color: unset !important;
      font-size: 16px !important; }
      #offre-tv-price #area-offers .offer-row-title-price {
        font-size: 58px !important; }
      #offre-tv-price #area-offers .offer-row-title {
        height: 211px !important; }
      #offre-tv-price #area-offers .offer-row-title-details {
        padding-top: 36px !important; }
      #offre-tv-price #area-offers .offer-row-end {
        height: 85px !important; }
      #offre-tv-price #area-offers .offer-row-description-main {
        padding: 15px 25px 0px 25px !important; }
        #offre-tv-price #area-offers .offer-row-description-main .offer-row-description-text {
          font-family: "Open Sans", Light !important;
          font-size: 16px !important;
          line-height: 22px; }
    #offre-tv-price .offer-container {
      width: 98px !important; }
    #offre-tv-price .price-text {
      left: 50%;
      transform: translateX(-50%);
      with: 370px;
      position: relative; }
    #offre-tv-price .tv-price-sub {
      left: 0;
      font-size: 0.35em;
      bottom: 0.77em;
      display: contents; }
    #offre-tv-price .tv-price-sup {
      position: absolute;
      left: 0;
      font-size: 0.35em;
      top: 1.4em; }
    #offre-tv-price .price-title {
      padding-top: 3px;
      text-transform: uppercase !important;
      font-family: "Open Sans", SemiBold !important;
      font-weight: 600 !important;
      position: relative !important; }
    #offre-tv-price .price-title,#offre-tv-price .price-subtitle {
      font-size: 25px;
      color: white !important;
      line-height: 47px;
      width: 100%;
      text-align: center; }
    #offre-tv-price .price-subtitle {
      padding-top: 1px;
      position: relative;
      top: -5px; }
    #offre-tv-price .title {
      width: 39%;
      float: left;
      padding-left: 14%;
      font-weight: 600 !important; }
    #offre-tv-price .title_line_white {
      display: none; }
    #offre-tv-price .price-content {
      width: 100%;
      height: 100%;
      padding-right: 0px !important; }
    #offre-tv-price .price-offer {
      margin-top: 4%;
      position: relative;
      background-color: inherit;
      text-align: center;
      width: 340px !important;
      left: 50%;
      transform: translateX(-50%); }
    #offre-tv-price h3 {
      padding-left: 0 !important;
      text-transform: uppercase;
      text-align: left !important;
      width: 100% !important;
      margin-top: inherit;
      font-size: 25px !important;
      padding-top: inherit;
      color: #FFFFFF !important;
      line-height: 41px !important;
      margin-bottom: inherit; }
    #offre-tv-price h1 {
      margin-bottom: 0px !important; }
    #offre-tv-price .price-btn {
      position: relative;
      width: 100%;
      text-align: left;
      top: 60%; }
    #offre-tv-price .price-btn-btn {
      padding-left: 33px !important;
      padding-right: 33px !important; }
    #offre-tv-price .price-btn-btn,#offre-tv-price .tv-price-container {
      left: 50% !important;
      transform: translateX(-50%) !important;
      position: relative; } }
  @media screen and (max-width: 671px) and (min-width: 376px) {
    #offre-tv-price .price-title {
      text-align: left; }
    #offre-tv-price .price-subtitle {
      text-align: center; }
    #offre-tv-price .price-text-header {
      left: 50%;
      transform: translateX(-50%);
      width: 370px;
      position: relative; } }

@media screen and (min-width: 672px) {
  #offre-tv-price {
    background-image: url("/images/TV/offre/tab/bg_tv_offre_blue_circles.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 573 !important;
    background-color: unset !important; }
    #offre-tv-price #area-offers {
      background-color: unset !important;
      font-size: 16px !important; }
      #offre-tv-price #area-offers .offer-row-title-price {
        font-size: 58px !important; }
      #offre-tv-price #area-offers .offer-row-title {
        height: 211px !important; }
      #offre-tv-price #area-offers .offer-row-title-details {
        padding-top: 36px !important; }
      #offre-tv-price #area-offers .offer-row-end {
        height: 85px !important; }
      #offre-tv-price #area-offers .offer-row-description-main {
        padding: 15px 25px 0px 25px !important; }
        #offre-tv-price #area-offers .offer-row-description-main .offer-row-description-text {
          font-family: "Open Sans", Light !important;
          font-size: 16px !important;
          line-height: 22px; }
    #offre-tv-price .offer-container {
      width: 98px !important; }
    #offre-tv-price .tv-price-sub {
      left: 0px;
      vertical-align: bottom;
      font-size: 18px;
      bottom: 0.77em;
      display: contents; }
    #offre-tv-price .tv-price-sup {
      position: absolute;
      left: -8px;
      vertical-align: top;
      font-size: 26px;
      top: 29px; }
    #offre-tv-price .price-title {
      padding-top: 3px;
      color: white !important;
      text-transform: uppercase !important;
      font-family: "Open Sans", SemiBold !important;
      font-weight: 600 !important;
      position: relative !important;
      left: 17% !important;
      line-height: 47px;
      width: 75%; } }
    @media screen and (min-width: 672px) and (max-width: 850px) {
      #offre-tv-price .price-title {
        font-size: 23px; } }
    @media screen and (min-width: 672px) and (min-width: 851px) {
      #offre-tv-price .price-title {
        font-size: 30px; } }

@media screen and (min-width: 672px) {
    #offre-tv-price .price-subtitle {
      padding-top: 1px;
      color: white !important;
      position: relative;
      top: -73px;
      left: 17%;
      line-height: 47px;
      width: 100%;
      text-align: left; } }
    @media screen and (min-width: 672px) and (max-width: 850px) {
      #offre-tv-price .price-subtitle {
        font-size: 23px; } }
    @media screen and (min-width: 672px) and (min-width: 851px) {
      #offre-tv-price .price-subtitle {
        font-size: 30px; } }

@media screen and (min-width: 672px) {
    #offre-tv-price .title {
      width: 39%;
      float: left;
      padding-left: 14%;
      font-weight: 600 !important; } }
  @media screen and (min-width: 672px) and (max-width: 850px) {
    #offre-tv-price .title_line_white {
      display: none; } }
  @media screen and (min-width: 672px) and (min-width: 851px) {
    #offre-tv-price .title_line_white {
      color: #FFFFFF;
      float: right;
      width: 13%;
      margin-top: -16px; } }

@media screen and (min-width: 672px) {
    #offre-tv-price .price-content {
      width: 100%;
      height: 100%;
      padding-right: 0px !important; }
    #offre-tv-price .price-offer {
      margin-top: 4%;
      position: relative;
      margin-left: 15%; }
    #offre-tv-price h3 {
      padding-left: 0 !important;
      padding-top: 0 !important;
      text-transform: uppercase;
      text-align: left !important;
      width: 100% !important;
      margin-top: 0 !important;
      font-size: 30px !important;
      color: #FFFFFF !important;
      line-height: 41px !important; }
    #offre-tv-price h1 {
      margin-bottom: 0px !important; }
    #offre-tv-price .price-btn {
      position: relative;
      left: 44%;
      width: 100%;
      text-align: left; }
    #offre-tv-price .price-btn-btn {
      padding-left: 33px !important;
      padding-right: 33px !important;
      left: -27%;
      top: -40px; }
    #offre-tv-price .price-text {
      left: 15px;
      position: relative;
      margin-top: 200px; } }

@media screen and (min-width: 1056px) {
  #offre-tv-price .price-offer {
    left: 25%; }
  #offre-tv-price .title_line_white {
    width: 18%; }
  #offre-tv-price .price-text {
    left: 25px;
    margin-top: 188px;
    position: relative; } }

@media screen and (min-width: 1302px) {
  #offre-tv-price .price-offer {
    left: 29%; }
  #offre-tv-price .price-title {
    font-size: 35px !important;
    line-height: 47px !important;
    left: 0% !important;
    width: 50%;
    white-space: nowrap; }
  #offre-tv-price .title_line_white {
    width: 36%; }
  #offre-tv-price .price-subtitle {
    font-size: 35px !important;
    line-height: 47px !important;
    left: 0% !important; }
  #offre-tv-price .price-btn {
    left: 27.5%; }
  #offre-tv-price h3 {
    width: 100%; }
  #offre-tv-price .price-text {
    left: 25px;
    margin-top: 227px;
    position: relative; } }

#offre-tv-documentation {
  background-color: #00A3E0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  @media screen and (max-width: 671px) {
    #offre-tv-documentation {
      padding: 32px 0; }
      #offre-tv-documentation .offre-tv-documentation {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-align: center;
            align-items: center;
        max-width: 315px;
        margin: auto; }
        #offre-tv-documentation .offre-tv-documentation h1 {
          color: #FFFFFF;
          font-weight: 600;
          text-align: center;
          font-size: 25px;
          line-height: 34px;
          max-width: 271px;
          margin: 0; }
      #offre-tv-documentation .documentations-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        margin-top: 32px; }
      #offre-tv-documentation .document--display-none {
        display: none; }
      #offre-tv-documentation .document img {
        width: 84px; }
      #offre-tv-documentation .document__describe {
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
        font-size: 14px;
        margin-top: 13px; }
        #offre-tv-documentation .document__describe img {
          margin-left: 10px;
          width: 11px; }
        #offre-tv-documentation .document__describe p {
          color: #FFFFFF;
          font-size: 13px;
          line-height: 17px;
          margin: 0;
          text-align: center; }
      #offre-tv-documentation .document:not(:last-child) {
        margin-right: 30px; } }
  @media screen and (min-width: 672px) {
    #offre-tv-documentation {
      height: 450px; }
      #offre-tv-documentation .offre-tv-documentation {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: end;
        -ms-flex-align: start;
            align-items: start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        max-width: 600px;
        margin: auto; }
        #offre-tv-documentation .offre-tv-documentation::before {
          content: '';
          display: block;
          position: absolute;
          top: 94px;
          left: 0;
          width: 23px;
          height: 1px;
          background-color: #FFFFFF; }
        #offre-tv-documentation .offre-tv-documentation h1 {
          font-size: 30px;
          line-height: 41px;
          color: #FFFFFF;
          font-weight: 600;
          max-width: 213px;
          text-align: start; }
      #offre-tv-documentation .documentations-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: end;
        margin-left: 48px;
        margin-right: 70px; }
        #offre-tv-documentation .documentations-wrapper:not(:last-child) {
          margin-bottom: 30px; }
      #offre-tv-documentation .document--display-none {
        display: none; }
      #offre-tv-documentation .document img {
        width: 84px; }
      #offre-tv-documentation .document__describe {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 14px;
        white-space: nowrap;
        margin-top: 13px; }
        #offre-tv-documentation .document__describe img {
          margin-left: 10px;
          width: 10px; }
        #offre-tv-documentation .document__describe p {
          color: #FFFFFF;
          font-size: 13px;
          line-height: 17px;
          margin: 0;
          text-align: center; }
      #offre-tv-documentation .document:not(:last-child) {
        margin-right: 40px; } }
  @media screen and (min-width: 1056px) {
    #offre-tv-documentation {
      height: 300px; }
      #offre-tv-documentation .offre-tv-documentation {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        max-width: 100%; }
        #offre-tv-documentation .offre-tv-documentation::before {
          top: 145px;
          width: 37px; }
        #offre-tv-documentation .offre-tv-documentation h1 {
          font-size: 30px;
          line-height: 41px;
          max-width: 213px; }
      #offre-tv-documentation .documentations-wrapper {
        margin-left: 70px; }
        #offre-tv-documentation .documentations-wrapper--tab {
          display: none; }
        #offre-tv-documentation .documentations-wrapper:not(:last-child) {
          margin-bottom: 0; }
      #offre-tv-documentation .document--display-none {
        display: block; }
      #offre-tv-documentation .document img {
        width: 98px; }
      #offre-tv-documentation .document__describe {
        font-size: 14px; }
        #offre-tv-documentation .document__describe img {
          margin-left: 10px;
          width: 11px; }
        #offre-tv-documentation .document__describe p {
          font-size: 14px;
          line-height: 19px;
          text-align: center; }
      #offre-tv-documentation .document:not(:last-child) {
        margin-right: 26px; } }
  @media screen and (min-width: 1302px) {
    #offre-tv-documentation .offre-tv-documentation::before {
      width: 70px; }
    #offre-tv-documentation .offre-tv-documentation h1 {
      font-size: 38px;
      line-height: 52px;
      max-width: 269px; }
    #offre-tv-documentation .document:not(:last-child) {
      margin-right: 27px; } }
  @media (min-width: 1920px) {
    #offre-tv-documentation .offre-tv-documentation::before {
      top: 145px;
      width: 231px; }
    #offre-tv-documentation .offre-tv-documentation h1 {
      font-size: 40px;
      line-height: 55px;
      max-width: 284px; }
    #offre-tv-documentation .documentations-wrapper {
      margin-left: 153px; }
    #offre-tv-documentation .document img {
      width: 118px; }
    #offre-tv-documentation .document__describe {
      font-size: 16px;
      margin-top: 13px; }
      #offre-tv-documentation .document__describe img {
        margin-left: 9px;
        width: 11px; }
      #offre-tv-documentation .document__describe p {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;
        margin: 0; }
    #offre-tv-documentation .document:not(:last-child) {
      margin-right: 59px; } }

#offre-tv-header-new-092022 {
  background-color: light-blue;
  color: white;
  overflow: hidden; }
  #offre-tv-header-new-092022 .btn-slider {
    background-color: #FFE923 !important;
    color: #004994 !important; }
  #offre-tv-header-new-092022 .condition-text {
    position: absolute;
    right: 2%;
    bottom: 2%; }
  #offre-tv-header-new-092022 .text-4 {
    color: white !important; }
  @media screen and (max-width: 671px) {
    #offre-tv-header-new-092022 {
      height: 480px;
      background-image: url("/images/TV/offre/Groupe de masques 66@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #offre-tv-header-new-092022 .loltv-main-content {
        top: 50%;
        height: 100%;
        transform: translateY(-50%); }
      #offre-tv-header-new-092022 .main-text {
        left: 50%;
        transform: translateX(-50%);
        top: 15px; }
        #offre-tv-header-new-092022 .main-text .text-1 {
          text-transform: uppercase;
          font-weight: 800;
          text-transform: inherit; }
        #offre-tv-header-new-092022 .main-text .text-1,#offre-tv-header-new-092022 .main-text .text-2 {
          text-align: center;
          font: normal normal normal 25px/32px Open Sans !important;
          margin-left: 30px; }
        #offre-tv-header-new-092022 .main-text .text-2 {
          margin-top: 15px;
          margin-bottom: 20px; }
      #offre-tv-header-new-092022 .text-4 {
        text-align: center;
        font: normal normal 300 19px/26px Open Sans;
        margin-bottom: 25px;
        position: relative; }
        #offre-tv-header-new-092022 .text-4 .big-txt4 {
          font: normal normal 600 36px/49px Open Sans;
          text-transform: uppercase; }
      #offre-tv-header-new-092022 .text-3 {
        text-align: center; }
        #offre-tv-header-new-092022 .text-3 a {
          top: 279px; }
      #offre-tv-header-new-092022 .condition-text {
        bottom: 51%; }
      #offre-tv-header-new-092022 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 162px;
        left: 50%;
        width: 467px;
        height: 320px;
        position: absolute;
        transform: translate(-50%); }
      #offre-tv-header-new-092022 #listSupport {
        top: -25px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-092022 #listSupport li {
          height: 36px; }
          #offre-tv-header-new-092022 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-092022 #googletv {
        width: 107px !important;
        height: 19px !important;
        margin: -7px 10px; }
      #offre-tv-header-new-092022 #lititle {
        width: 100%;
        font: normal normal 600 22px/36px Open Sans; }
      #offre-tv-header-new-092022 #androidtv {
        width: 82px !important;
        height: 14px !important; }
      #offre-tv-header-new-092022 #Amazon {
        width: 118px !important;
        height: 29px !important;
        margin: -16px 10px; }
      #offre-tv-header-new-092022 #AppleTV {
        width: 31px !important;
        height: 16px !important;
        margin-right: 10px; }
      #offre-tv-header-new-092022 .apple-exp {
        left: -10px; }
      #offre-tv-header-new-092022 #Samsung {
        width: 82px !important;
        height: 12px !important; } }
  @media (max-width: 375px) {
    #offre-tv-header-new-092022 .circle-circle-loltv {
      width: 125px;
      height: 125px;
      right: calc(50% + -167px); } }
  @media screen and (min-width: 672px) {
    #offre-tv-header-new-092022 {
      background-position: center;
      background-size: cover;
      height: 405px;
      background-image: url("/images/promos/tv202202/Img_TV@2x.png");
      background-repeat: no-repeat; }
      #offre-tv-header-new-092022 .loltv-main-content {
        height: 100%; }
      #offre-tv-header-new-092022 .loltv-main-content,#offre-tv-header-new-092022 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-092022 .main-text .text-1 {
          text-transform: inherit;
          text-align: left;
          font: normal normal normal 35px/40px Open Sans; }
        #offre-tv-header-new-092022 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 35px/40px Open Sans;
          margin-top: 15px;
          margin-bottom: 20px; }
        #offre-tv-header-new-092022 .main-text .text-4 {
          left: 6%;
          text-align: left;
          font: normal normal 300 19px/26px Open Sans;
          margin-bottom: 25px;
          position: relative; }
          #offre-tv-header-new-092022 .main-text .text-4 .big-txt4 {
            font: normal normal 600 36px/49px Open Sans;
            text-transform: uppercase; }
      #offre-tv-header-new-092022 .text-3 {
        margin-top: inherit;
        text-align: left;
        position: relative; }
        #offre-tv-header-new-092022 .text-3 a {
          left: 6%; }
      #offre-tv-header-new-092022 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 96px;
        left: 0%;
        width: 467px;
        height: 320px;
        position: absolute; }
      #offre-tv-header-new-092022 #listSupport {
        top: 0px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-092022 #listSupport li {
          height: 43px; }
          #offre-tv-header-new-092022 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-092022 #googletv {
        width: 167px !important;
        height: 29px !important;
        margin: -7px 10px; }
      #offre-tv-header-new-092022 #lititle {
        width: 100%;
        font: normal normal 600 22px/36px Open Sans; }
      #offre-tv-header-new-092022 #androidtv {
        width: 128px !important;
        height: 22px !important; }
      #offre-tv-header-new-092022 #Amazon {
        width: 146px !important;
        height: 36px !important;
        margin: -16px 10px; }
      #offre-tv-header-new-092022 #AppleTV {
        width: 48px !important;
        height: 24px !important;
        margin-right: 10px; }
      #offre-tv-header-new-092022 .apple-exp {
        left: -10px; }
      #offre-tv-header-new-092022 #Samsung {
        width: 129px !important;
        height: 19px !important; } }
  @media screen and (min-width: 1056px) {
    #offre-tv-header-new-092022 {
      height: 405px;
      background-image: url("/images/TV/offre/Groupe de masques 62@2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #offre-tv-header-new-092022 .loltv-main-content {
        height: 100%;
        top: inherit;
        transform: inherit; }
      #offre-tv-header-new-092022 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-092022 .main-text .text-1 {
          text-transform: inherit;
          text-align: left;
          font: normal normal normal 40px/48px Open Sans; }
        #offre-tv-header-new-092022 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 40px/48px Open Sans;
          margin-top: 15px;
          margin-bottom: 20px; }
        #offre-tv-header-new-092022 .main-text .text-4 {
          left: 0%;
          text-align: left;
          font: normal normal 300 21px/28px Open Sans;
          margin-bottom: 25px; }
          #offre-tv-header-new-092022 .main-text .text-4 .big-txt4 {
            font: normal normal 600 40px/55px Open Sans;
            text-transform: uppercase; }
        #offre-tv-header-new-092022 .main-text .text-3 a {
          left: 0%; }
      #offre-tv-header-new-092022 .text-3 {
        margin-top: inherit;
        text-align: left; }
      #offre-tv-header-new-092022 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 100px;
        left: 5%;
        width: 542px;
        height: 325px;
        position: absolute; }
      #offre-tv-header-new-092022 #listSupport {
        top: 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-092022 #listSupport li {
          height: 43px;
          max-width: 325px; }
          #offre-tv-header-new-092022 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-092022 #googletv {
        width: 215px !important;
        height: 37px !important;
        margin: -7px 25px; }
      #offre-tv-header-new-092022 #lititle {
        font: normal normal 600 32px/43px Open Sans; }
      #offre-tv-header-new-092022 #androidtv {
        width: 165px !important;
        height: 29px !important; }
      #offre-tv-header-new-092022 #Amazon {
        width: 188px !important;
        height: 46px !important;
        margin: -16px 32px; }
      #offre-tv-header-new-092022 #AppleTV {
        width: 62px !important;
        height: 31px !important;
        margin-right: 41px; }
      #offre-tv-header-new-092022 .apple-exp {
        left: -40px; }
      #offre-tv-header-new-092022 #Samsung {
        width: 166px !important;
        height: 24px !important; } }
  @media screen and (min-width: 1302px) {
    #offre-tv-header-new-092022 {
      background-image: url("/images/TV/offre/background_header.png");
      background-position: right;
      height: 500px !important; }
      #offre-tv-header-new-092022 .main-text {
        top: 50%;
        transform: translateY(-50%); }
        #offre-tv-header-new-092022 .main-text .text-1 {
          text-align: left;
          font: normal normal 600 40px/48px Open Sans;
          text-transform: inherit; }
        #offre-tv-header-new-092022 .main-text .text-2 {
          text-align: left;
          font: normal normal normal 40px/48px Open Sans;
          margin-top: 15px;
          margin-bottom: 25px; }
        #offre-tv-header-new-092022 .main-text .text-4 {
          left: 0% !important;
          text-align: left;
          font: normal normal 300 25px/34px Open Sans;
          margin-bottom: 25px; }
          #offre-tv-header-new-092022 .main-text .text-4 .big-txt4 {
            font: normal normal 600 48px/65px Open Sans; }
        #offre-tv-header-new-092022 .main-text .text-3 {
          left: inherit; }
          #offre-tv-header-new-092022 .main-text .text-3 a {
            left: 0%; }
      #offre-tv-header-new-092022 .tv-img-new {
        background-image: url("/images/TV/offre/new/TV@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        top: 70px;
        left: 13%;
        width: 775px;
        height: 465px;
        position: absolute; }
      #offre-tv-header-new-092022 #listSupport {
        top: 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        #offre-tv-header-new-092022 #listSupport li {
          height: 43px;
          max-width: 325px; }
          #offre-tv-header-new-092022 #listSupport li img {
            max-width: 215px;
            position: relative;
            bottom: 0; }
      #offre-tv-header-new-092022 #googletv {
        width: 215px !important;
        height: 37px !important;
        margin: -7px 25px; }
      #offre-tv-header-new-092022 #lititle {
        font: normal normal 600 32px/43px Open Sans; }
      #offre-tv-header-new-092022 #androidtv {
        width: 165px !important;
        height: 29px !important; }
      #offre-tv-header-new-092022 #Amazon {
        width: 188px !important;
        height: 46px !important;
        margin: -16px 32px; }
      #offre-tv-header-new-092022 #AppleTV {
        width: 62px !important;
        height: 31px !important;
        margin-right: 41px; }
      #offre-tv-header-new-092022 .apple-exp {
        left: -40px; }
      #offre-tv-header-new-092022 #Samsung {
        width: 166px !important;
        height: 24px !important; } }

@media screen and (max-width: 671px) {
  .icone-replay {
    text-align: center;
    max-width: 18%;
    max-height: 18%; }
  .small-section,.small-section-2 {
    padding: 10px 0; }
  .Big-Title-1 {
    text-align: center;
    font-weight: 400;
    font-size: xx-large;
    margin-top: 20px; }
  .Big-Title-2 {
    margin-top: 40px;
    font-weight: 600;
    font-size: 21px; }
  .Big-Title-2,.Big-text {
    text-align: center; }
    .Big-text .bold {
      color: black; }
  .Replay-circle-content {
    color: white;
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    right: 3px;
    font-size: 33px;
    top: 46%; }
  .LOLapp-img {
    bottom: -32px; }
  .circle-main-loltv {
    z-index: 2; }
    .circle-main-loltv .circle-circle-loltv {
      background-color: #FFE923 !important;
      border-radius: 50%;
      width: 80px;
      height: 80px;
      text-align: center;
      text-transform: uppercase;
      right: calc(50% + -155px);
      position: absolute;
      top: 37%;
      font-weight: bold; }
      .circle-main-loltv .circle-circle-loltv .circle-content-loltv {
        color: #004994;
        position: relative;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center; }
  .image-back-offre-tv {
    background: #00A3E0 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover; } }

@media screen and (min-width: 672px) {
  .icone-replay {
    text-align: center;
    height: 45px !important; }
  .Big-Title-1 {
    font-weight: 400;
    text-align: center;
    font-size: 55px;
    margin-top: 20px; }
  .Big-Title-2 {
    font-weight: 600;
    font-size: 30px; }
  .Big-Title-2,.Big-text {
    text-align: center; }
    .Big-text .bold {
      color: black; }
  .Small-text {
    margin-bottom: 10px; }
  .LOLapp-img {
    bottom: -32px; }
  .small-section,.small-section-2 {
    padding: 10px 0; }
  .Replay-circle-content {
    color: white;
    position: absolute;
    width: 100%;
    right: 6px;
    font-size: 29px;
    top: 40%; }
  .circle-main-loltv {
    z-index: 2; }
    .circle-main-loltv .circle-circle-loltv {
      background-color: #FFE923 !important;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      text-align: center;
      text-transform: uppercase;
      right: 5%;
      position: absolute;
      top: 9%;
      font-weight: bold; }
      .circle-main-loltv .circle-circle-loltv .circle-content-loltv {
        color: #004994;
        position: relative;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 16px; }
  .image-back-offre-tv {
    background: #00A3E0 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover; }
    .image-back-offre-tv .Big-Title-1 {
      color: white !important; }
    .image-back-offre-tv .Big-Title-1,.image-back-offre-tv .btn-container {
      position: relative;
      width: -moz-max-content;
      width: max-content;
      left: inherit;
      transform: none; }
    .image-back-offre-tv .offer-row-description-text {
      color: black;
      font: normal normal normal 22px/30px Open Sans; }
  .circle-main-offre {
    z-index: 2; }
    .circle-main-offre .circle-circle-offre {
      background-color: #FFE923 !important;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      text-align: center;
      text-transform: uppercase;
      right: calc(3vw + 34px);
      position: absolute;
      top: 76%;
      font-weight: bold; }
      .circle-main-offre .circle-circle-offre .circle-content-offre {
        color: #004994;
        position: relative;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 16px; } }

@media screen and (min-width: 1056px) {
  .icone-replay {
    float: left;
    height: 40px !important; }
  .small-section-2 {
    padding: 30px 0; }
  .Big-Title-1 {
    font-weight: 400;
    font-size: 40px;
    margin-top: 40px;
    text-align: left; }
  .Big-Title-2 {
    font-weight: 600;
    font-size: 23px;
    text-align: left;
    line-height: 34px; }
  .Big-text {
    text-align: left;
    line-height: 23px; }
    .Big-text .bold {
      color: black; }
  .para-left,.para-left-2 {
    float: left; }
  .para-left-2 {
    margin-top: 60px; }
  .Replay-circle-content {
    color: white;
    position: relative;
    width: 100%;
    top: 62%;
    transform: translateY(-50%);
    text-align: center;
    right: 73px;
    font-size: 33px;
    line-height: 120%;
    z-index: 1; }
  .LOLapp-img {
    bottom: calc(8% - 28px); }
  .circle-main-loltv {
    z-index: 2; }
    .circle-main-loltv .circle-circle-loltv {
      background-color: #FFE923 !important;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      text-align: center;
      text-transform: uppercase;
      right: calc(-8vw + 158px);
      position: absolute;
      top: 4%;
      font-weight: bold; }
      .circle-main-loltv .circle-circle-loltv .circle-content-loltv {
        color: #004994;
        position: relative;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 15px;
        line-height: 120%; }
  .image-back-offre-tv {
    background: #00A3E0 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover; } }

@media screen and (min-width: 1302px) {
  .icone-replay {
    height: 40px !important;
    width: 40px !important; }
  .Big-Title-1 {
    font-weight: 400;
    font-size: 40px;
    margin-top: 40px; }
  .Big-Title-2 {
    font-weight: 600;
    font-size: 30px;
    text-align: left; }
  .Big-text {
    text-align: left;
    line-height: 23px; }
    .Big-text .bold {
      color: black; }
  .Replay-circle-content {
    right: 40px;
    font-size: 40px;
    top: 62%;
    z-index: 1; }
  .LOLapp-img {
    bottom: -2px; }
  .circle-main-loltv {
    z-index: 2; }
    .circle-main-loltv .circle-circle-loltv {
      background-color: #FFE923 !important;
      border-radius: 50%;
      width: 226px;
      height: 226px;
      text-align: center;
      text-transform: uppercase;
      right: calc(134px);
      position: absolute;
      top: 59px; }
      .circle-main-loltv .circle-circle-loltv .circle-content-loltv {
        font: normal normal 600 32px/43px Open Sans;
        color: #004994;
        position: relative;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center; }
  .image-back-offre-tv {
    background: #00A3E0 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover; }
  .circle-main-offre {
    z-index: 2; }
    .circle-main-offre .circle-circle-offre {
      background-color: #FFE923 !important;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      text-align: center;
      text-transform: uppercase;
      position: absolute;
      font-weight: bold;
      left: calc(6vw + 254px);
      top: 68%; }
      .circle-main-offre .circle-circle-offre .circle-content-offre {
        color: #004994;
        position: relative;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 16px; }
  .small-section {
    height: 300px !important; } }

.controle-section {
  overflow: hidden;
  background-color: white;
  text-align: center !important; }
  .controle-section img {
    position: relative;
    z-index: 3; }
  .controle-section .Big-Title-2 {
    font-weight: normal !important; }
  .controle-section .bold {
    color: black !important; }
  .controle-section .background_white {
    background-color: white;
    box-shadow: 0px 0px 50px #0000001A; }
  .controle-section .Big-Title-1 {
    text-align: center; }
  @media screen and (max-width: 671px) {
    .controle-section img {
      width: 60px !important;
      height: 60px !important; }
    .controle-section p {
      margin-bottom: 65px; }
    .controle-section p,.controle-section h3 {
      z-index: 3;
      position: relative; }
    .controle-section .background_white {
      border-radius: 4px;
      position: absolute !important;
      top: 50px;
      height: 290px;
      width: 372px;
      z-index: 2;
      left: 50%;
      transform: translateX(-50%); } }
  @media (max-width: 375px) {
    .controle-section img {
      width: 60px !important;
      height: 60px !important; } }
  @media screen and (min-width: 672px) {
    .controle-section img {
      width: 85px !important;
      height: 85px !important;
      margin-bottom: 40px;
      z-index: 3; }
    .controle-section h3 {
      font-size: 25px; }
    .controle-section h3,.controle-section p {
      text-align: center !important;
      margin-left: 0;
      z-index: 3;
      position: relative;
      width: 53%;
      left: 50%;
      transform: translateX(-50%); }
    .controle-section p {
      margin-bottom: 60px; }
    .controle-section .background_white {
      border-radius: 4px;
      position: absolute !important;
      top: 50px;
      height: 389px;
      width: 372px;
      z-index: 2;
      left: 50%;
      transform: translateX(-50%); } }
  @media screen and (min-width: 1056px) {
    .controle-section {
      height: 490px; }
      .controle-section img {
        width: 85px !important;
        height: 85px !important;
        margin-bottom: 5px;
        z-index: 3; }
      .controle-section h3 {
        font-size: 25px; }
      .controle-section h3,.controle-section p {
        text-align: center !important;
        margin-left: 0;
        z-index: 3;
        position: relative;
        width: 86%;
        left: 50%;
        transform: translateX(-50%); }
      .controle-section p {
        margin-bottom: inherit; }
      .controle-section .lastimg,.controle-section .background_white {
        left: 50%;
        transform: translateX(-50%); }
      .controle-section .background_white {
        border-radius: 4px;
        position: absolute !important;
        top: 50px;
        height: 297px;
        width: 325px;
        z-index: 2; } }
  @media screen and (min-width: 1302px) {
    .controle-section {
      height: 495px; }
      .controle-section img {
        width: 85px !important;
        height: 85px !important;
        margin-bottom: 5px;
        z-index: 3; }
      .controle-section h3 {
        width: 86%;
        font-size: 25px; }
      .controle-section h3,.controle-section p {
        z-index: 3;
        text-align: center !important;
        margin-left: 0;
        position: relative;
        left: 50%;
        transform: translateX(-50%); }
      .controle-section p {
        width: 65%; }
      .controle-section .lastimg,.controle-section .background_white {
        left: 50%;
        transform: translateX(-50%); }
      .controle-section .background_white {
        border-radius: 4px;
        position: absolute !important;
        top: 50px;
        height: 292px;
        width: 421px;
        z-index: 2; } }

#id_100plus {
  font: normal normal bold 74px/25px Open Sans; }
  @media screen and (max-width: 671px) {
    #id_100plus {
      margin-top: 55px; } }
  @media screen and (min-width: 672px) {
    #id_100plus {
      text-align: left;
      font: normal normal bold 40px/25px Open Sans; } }

@media screen and (min-width: 672px) {
  #id_100plus_sub {
    text-align: left;
    font: normal normal 600 20px/22px Open Sans; } }

@media screen and (min-width: 672px) {
  .img_chaines {
    position: absolute;
    left: -121px;
    top: -30px;
    height: 365px !important; } }

@media screen and (max-width: 671px) {
  .img_chaines {
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    width: 160% !important; } }

.btn-slider {
  background-color: #FFE923 !important;
  color: #004994 !important; }

#id_section_panel {
  background-size: cover;
  background-position: center;
  color: white !important;
  text-align: center !important; }
  @media screen and (max-width: 671px) {
    #id_section_panel {
      height: 434px;
      background-image: url("../../../images/TV/offre/phone/Groupe 220@2x.png"); }
      #id_section_panel .Big-Title-1 {
        margin-top: -12px !important; }
      #id_section_panel .Big-Title-1,#id_section_panel .Big-Title-2 {
        color: white !important;
        text-align: center !important; }
      #id_section_panel .Big-Title-2 {
        margin-top: 0px; }
      #id_section_panel p {
        text-align: center !important; }
      #id_section_panel p,#id_section_panel .bold {
        color: white !important; } }
  @media (max-width: 375px) {
    #id_section_panel {
      height: 514px;
      background-image: url("../../../images/TV/offre/phone/Groupe 184@2x.png"); }
      #id_section_panel .Big-Title-1 {
        margin-top: 0 !important; }
      #id_section_panel .Big-Title-1,#id_section_panel .Big-Title-2,#id_section_panel p {
        color: white !important;
        text-align: center !important; }
      #id_section_panel .bold {
        color: white !important; } }
  @media screen and (min-width: 672px) {
    #id_section_panel {
      height: 668px;
      background-image: url("../../../images/TV/offre/Groupe 230@2x.png"); }
      #id_section_panel .Big-Title-1,#id_section_panel .Big-Title-2,#id_section_panel p {
        color: white !important;
        text-align: center !important; }
      #id_section_panel .bold {
        color: white !important; } }
  @media screen and (min-width: 1056px) {
    #id_section_panel {
      height: 478px;
      background-position: center bottom;
      background-image: url("../../../images/TV/offre/Groupe 184@2x.png"); }
      #id_section_panel .Big-Title-1,#id_section_panel .Big-Title-2,#id_section_panel p {
        color: white !important;
        text-align: center !important; }
      #id_section_panel .bold {
        color: white !important; } }
  @media screen and (min-width: 1302px) {
    #id_section_panel {
      height: 668px;
      height: 595px;
      background-position: center bottom;
      background-image: url("../../../images/TV/offre/Groupe 184@2x.png"); }
      #id_section_panel .Big-Title-1,#id_section_panel .Big-Title-2,#id_section_panel p {
        color: white !important;
        text-align: center !important; }
      #id_section_panel .bold {
        color: white !important; } }

#id_section_remote {
  background-size: cover;
  background-position: center;
  color: white; }
  @media screen and (max-width: 671px) {
    #id_section_remote {
      height: 543px;
      background-image: url("../../../images/TV/offre/phone/Groupe 222@2x.png"); }
      #id_section_remote .Big-Title-1 {
        margin-top: 0 !important; }
      #id_section_remote .Big-Title-1,#id_section_remote .Big-Title-2,#id_section_remote p {
        color: white !important;
        text-align: center !important; }
      #id_section_remote .bold {
        color: white !important; }
      #id_section_remote img {
        position: relative;
        width: 297px;
        height: 63px !important; }
      #id_section_remote .openapp {
        position: absolute;
        font: normal normal normal 16px/22px Open Sans;
        text-align: center;
        left: 26%;
        top: 178px; } }
  @media (max-width: 375px) {
    #id_section_remote {
      height: 543px;
      background-image: url("../../../images/TV/offre/phone/Groupe 179@2x.png"); }
      #id_section_remote .Big-Title-1 {
        margin-top: 0 !important; }
      #id_section_remote .Big-Title-1,#id_section_remote .Big-Title-2,#id_section_remote p {
        color: white !important;
        text-align: center !important; }
      #id_section_remote .bold {
        color: white !important; }
      #id_section_remote img {
        position: relative;
        width: 297px;
        height: 63px !important; }
      #id_section_remote .openapp {
        position: absolute;
        font: normal normal normal 16px/22px Open Sans;
        text-align: center;
        left: 26%;
        top: 178px; } }
  @media screen and (min-width: 672px) {
    #id_section_remote {
      height: 784px;
      background-image: url("../../../images/TV/offre/Groupe 185@2x.png"); }
      #id_section_remote .Big-Title-1,#id_section_remote .Big-Title-2,#id_section_remote p {
        color: white !important;
        text-align: center !important; }
      #id_section_remote .bold {
        color: white !important; }
      #id_section_remote img {
        position: relative;
        width: 347px;
        height: 74px !important; }
      #id_section_remote .openapp {
        position: absolute;
        font: normal normal normal 20px/27px Open Sans;
        text-align: center;
        left: 35%;
        top: 194px; } }
  @media screen and (min-width: 1056px) {
    #id_section_remote {
      height: 784px;
      background-image: url("../../../images/TV/offre/Groupe 185@2x.png"); }
      #id_section_remote .Big-Title-1,#id_section_remote .Big-Title-2,#id_section_remote p {
        color: white !important;
        text-align: center !important; }
      #id_section_remote .bold {
        color: white !important; }
      #id_section_remote img {
        position: relative;
        width: 347px;
        height: 74px !important; }
      #id_section_remote .openapp {
        position: absolute;
        font: normal normal normal 20px/27px Open Sans;
        text-align: center;
        left: 40%;
        top: 207px; } }
  @media screen and (min-width: 1302px) {
    #id_section_remote {
      height: 784px;
      background-image: url("../../../images/TV/offre/Groupe 185@2x.png"); }
      #id_section_remote .Big-Title-1,#id_section_remote .Big-Title-2,#id_section_remote p {
        color: white !important;
        text-align: center !important; }
      #id_section_remote .bold {
        color: white !important; }
      #id_section_remote img {
        position: relative;
        width: 347px;
        height: 74px !important; }
      #id_section_remote .openapp {
        position: absolute;
        font: normal normal normal 20px/27px Open Sans;
        text-align: center;
        left: 43%;
        top: 217px; } }

#id_section_chromecast {
  background-size: cover;
  background-position: center; }
  @media screen and (max-width: 671px) {
    #id_section_chromecast {
      height: 510px;
      background-image: url("../../../images/TV/offre/phone/Groupe 216@2x.png"); }
      #id_section_chromecast .Big-Title-1 {
        margin-top: -10px  !important; }
      #id_section_chromecast .Big-Title-1,#id_section_chromecast .Big-Title-2,#id_section_chromecast p {
        text-align: center !important; } }
  @media (max-width: 375px) {
    #id_section_chromecast {
      height: 542px;
      background-image: url("../../../images/TV/offre/phone/Groupe 183@2x.png"); }
      #id_section_chromecast .Big-Title-1 {
        margin-top: 10px !important; }
      #id_section_chromecast .Big-Title-1,#id_section_chromecast .Big-Title-2,#id_section_chromecast p {
        text-align: center !important; } }
  @media screen and (min-width: 672px) {
    #id_section_chromecast {
      height: 910px;
      background-image: url("../../../images/TV/offre/Groupe 186@2x.png"); }
      #id_section_chromecast .Big-Title-1,#id_section_chromecast .Big-Title-2,#id_section_chromecast p {
        text-align: center !important; } }
  @media screen and (min-width: 1056px) {
    #id_section_chromecast {
      height: 910px;
      background-image: url("../../../images/TV/offre/Groupe 186@2x.png"); }
      #id_section_chromecast .Big-Title-1,#id_section_chromecast .Big-Title-2,#id_section_chromecast p {
        text-align: center !important; } }
  @media screen and (min-width: 1302px) {
    #id_section_chromecast {
      height: 910px;
      background-image: url("../../../images/TV/offre/Groupe 186@2x.png"); }
      #id_section_chromecast .Big-Title-1,#id_section_chromecast .Big-Title-2,#id_section_chromecast p {
        text-align: center !important; } }

.lol-exponent {
  font-size: 10px;
  margin-left: 0px;
  position: relative;
  top: -4px;
  vertical-align: top; }

@media screen and (max-width: 671px) {
  #id_install {
    height: 660px;
    background: transparent linear-gradient(148deg, #00498F 0%, #00A3E0 100%) 0% 0% no-repeat padding-box; }
    #id_install img {
      height: 52px !important;
      width: 52px;
      margin-top: 10px; }
    #id_install .Big-Title-1 {
      color: white !important;
      margin-top: 15px; }
    #id_install .Big-Title-2 {
      text-align: center !important; }
    #id_install .Big-Title-2,#id_install p {
      color: white !important; }
    #id_install .phone-12 {
      height: 50%; } }

@media (max-width: 375px) {
  #id_install {
    height: 660px;
    background: transparent linear-gradient(148deg, #00498F 0%, #00A3E0 100%) 0% 0% no-repeat padding-box; }
    #id_install img {
      height: 52px !important;
      width: 52px;
      margin-top: 10px; }
    #id_install .Big-Title-1 {
      color: white !important;
      margin-top: 15px; }
    #id_install .Big-Title-2 {
      text-align: center !important; }
    #id_install .Big-Title-2,#id_install p {
      color: white !important; }
    #id_install .phone-12 {
      height: 50%; } }

@media screen and (min-width: 672px) {
  #id_install {
    height: 553px;
    background: transparent linear-gradient(106deg, #00498F 0%, #00A3E0 100%) 0% 0% no-repeat padding-box; }
    #id_install img {
      height: 92px !important;
      width: 92px;
      margin-top: 15%; }
    #id_install .Big-Title-1 {
      width: 82%;
      left: 50%;
      transform: translateX(-50%);
      position: relative;
      font-size: 30px;
      line-height: 32px; }
    #id_install .Big-Title-1,#id_install .Big-Title-2,#id_install p {
      color: white !important;
      text-align: center !important; }
    #id_install p {
      width: 69%;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }

@media screen and (min-width: 1056px) {
  #id_install {
    height: 553px;
    background: transparent linear-gradient(106deg, #00498F 0%, #00A3E0 100%) 0% 0% no-repeat padding-box; }
    #id_install img {
      height: 92px !important;
      width: 92px;
      margin-top: 15%; }
    #id_install .Big-Title-1 {
      width: 82%;
      left: 50%;
      transform: translateX(-50%);
      position: relative; }
    #id_install .Big-Title-1,#id_install .Big-Title-2,#id_install p {
      color: white !important;
      text-align: center !important; }
    #id_install p {
      width: 69%;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }

@media screen and (min-width: 1302px) {
  #id_install {
    height: 553px;
    background: transparent linear-gradient(106deg, #00498F 0%, #00A3E0 100%) 0% 0% no-repeat padding-box; }
    #id_install img {
      height: 92px !important;
      width: 92px;
      margin-top: 15%; }
    #id_install .Big-Title-1 {
      width: 82%;
      left: 50%;
      transform: translateX(-50%);
      position: relative; }
    #id_install .Big-Title-1,#id_install .Big-Title-2,#id_install p {
      color: white !important;
      text-align: center !important; }
    #id_install p {
      width: 69%;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }

@media screen and (max-width: 671px) {
  .image-back-offre-tv .Big-Title-1 {
    color: white !important;
    text-align: center !important; }
  .image-back-offre-tv #area-offers {
    width: 103%; }
    .image-back-offre-tv #area-offers .offer-container {
      width: 100% !important; }
      .image-back-offre-tv #area-offers .offer-container .offer-row-description-main {
        padding: 0px 25px 13px 20px !important; }
    .image-back-offre-tv #area-offers .offer-row-description-text {
      color: black;
      font: normal normal normal 16px/30px Open Sans;
      text-align: left; } }

@media (max-width: 375px) {
  .image-back-offre-tv .Big-Title-1 {
    color: white !important;
    text-align: center !important; }
  .image-back-offre-tv #area-offers {
    width: 100%; }
    .image-back-offre-tv #area-offers .offer-container {
      width: 100% !important; }
    .image-back-offre-tv #area-offers .offer-row-description-text {
      color: black;
      font: normal normal normal 16px/30px Open Sans;
      text-align: left; } }

@media screen and (min-width: 672px) {
  .image-back-offre-tv .Big-Title-1 {
    color: white !important;
    text-align: left !important; }
  .image-back-offre-tv #area-offers {
    width: 100%; }
    .image-back-offre-tv #area-offers .offer-container {
      width: 100% !important; }
      .image-back-offre-tv #area-offers .offer-container .offer-row-description-main {
        padding: 0px 25px 13px 25px !important; }
    .image-back-offre-tv #area-offers .offer-row-description-text {
      color: black;
      font: normal normal normal 16px/30px Open Sans;
      text-align: left; } }

.section-guidetv {
  overflow: hidden; }
  .section-guidetv .bubble-tvguide {
    background-color: #00A3E0;
    border-radius: 50%; }
  .section-guidetv .tvguidebubble {
    color: white;
    background-color: #09B6EB;
    background-image: url("/images/TV/offre/Groupe 373@2x.png");
    background-size: cover;
    border-radius: 50%;
    position: absolute;
    text-transform: uppercase; }
    .section-guidetv .tvguidebubble .tvguidebubble-txt {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
  .section-guidetv .Big-Title-1 {
    text-transform: uppercase;
    font-weight: bold; }
  @media screen and (max-width: 671px) {
    .section-guidetv .tvguide {
      top: -35px;
      right: -44px;
      position: absolute; }
    .section-guidetv .channelList {
      left: -44px;
      position: relative; }
    .section-guidetv #rbubble {
      width: 641px;
      height: 630px;
      position: absolute;
      z-index: -1;
      top: -10px; } }
  @media screen and (min-width: 672px) {
    .section-guidetv {
      height: 350px; }
      .section-guidetv .Big-Title-1 {
        margin-top: 5px  !important;
        font-size: 29px !important;
        text-align: left !important; }
      .section-guidetv #rbubble {
        width: 629px;
        height: 629px;
        position: absolute;
        z-index: -1;
        top: -124px;
        left: 170px; }
      .section-guidetv p {
        width: 57%;
        text-align: left; }
      .section-guidetv #lbubble {
        width: 451px;
        height: 452px;
        left: -362.00006103515625px;
        position: absolute;
        top: 192px; }
      .section-guidetv .channelList {
        width: 300px !important;
        left: -88px;
        top: 33px; }
      .section-guidetv .channelList,.section-guidetv .tvguide {
        height: auto !important;
        position: absolute; }
      .section-guidetv .tvguide {
        width: 257px !important;
        left: 103px;
        top: 98px; }
      .section-guidetv .tvguidebubble {
        height: 90px;
        width: 90px;
        font-size: 22px;
        left: -115px;
        top: 52%; } }
  @media screen and (min-width: 1056px) {
    .section-guidetv {
      height: 350px; }
      .section-guidetv .Big-Title-1 {
        margin-top: 38px  !important; }
      .section-guidetv #rbubble {
        width: 629px;
        height: 629px;
        position: absolute;
        z-index: -1;
        top: -124px;
        left: 170px; }
      .section-guidetv p {
        width: 57%; }
      .section-guidetv #lbubble {
        width: 451px;
        height: 452px;
        left: -362.00006103515625px;
        position: absolute;
        top: 192px; }
      .section-guidetv .channelList {
        width: 378px !important;
        left: -88px;
        top: 33px; }
      .section-guidetv .channelList,.section-guidetv .tvguide {
        height: auto !important;
        position: absolute; }
      .section-guidetv .tvguide {
        width: 338px !important;
        left: 146px;
        top: 108px; }
      .section-guidetv .tvguidebubble {
        height: 90px;
        width: 90px;
        font-size: 22px;
        left: -106px;
        top: 59%; } }
  @media screen and (min-width: 1302px) {
    .section-guidetv {
      height: 600px; }
      .section-guidetv .Big-Title-1 {
        margin-top: 130px !important; }
      .section-guidetv #rbubble {
        width: 1081px;
        height: 1081px;
        position: absolute;
        z-index: -1;
        top: -257px;
        left: 170px; }
      .section-guidetv p {
        line-height: 22px;
        width: 57%; }
      .section-guidetv #lbubble {
        width: 1269px;
        height: 1269px;
        left: -1000px;
        position: absolute;
        top: 305px; }
      .section-guidetv .channelList {
        width: 572px !important;
        height: auto !important;
        position: absolute;
        left: -88px;
        top: 86px; }
      .section-guidetv .tvguide {
        width: 580px !important;
        height: 326px !important;
        position: absolute;
        left: 272px;
        top: 200px; }
      .section-guidetv .tvguidebubble {
        height: 90px;
        width: 90px;
        font-size: 22px;
        left: -106px;
        top: 59%; } }

.header-loltvmobile {
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover; }
  .header-loltvmobile .title-text {
    position: absolute;
    color: white; }
    .header-loltvmobile .title-text b {
      color: #FFE923; }
  .header-loltvmobile .text-1 {
    color: white;
    position: absolute; }
  .header-loltvmobile .deco-1,.header-loltvmobile .deco-2 {
    background-color: #FFE923;
    border-radius: 50%;
    position: absolute; }
  .header-loltvmobile .app-img-1,.header-loltvmobile .app-img-2 {
    position: absolute; }
  @media screen and (max-width: 671px) {
    .header-loltvmobile {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
      background-image: url("../../../../images/TV/loltvmobile/FOND_PHONE_HEADER.png");
      height: 540px; }
      .header-loltvmobile .title-text {
        top: 64px;
        font-size: 45px;
        left: 50%;
        transform: translateX(-50%); }
      .header-loltvmobile .text-1 {
        top: 411px;
        font-size: 19px;
        left: 50%;
        transform: translateX(-50%); }
      .header-loltvmobile .app-img-1 {
        left: 15%;
        height: 38px !important; }
      .header-loltvmobile .app-img-1,.header-loltvmobile .app-img-2 {
        position: absolute;
        top: 454px;
        width: 126px !important; }
      .header-loltvmobile .app-img-2 {
        right: 15%;
        height: 37px !important; } }
  @media screen and (min-width: 672px) {
    .header-loltvmobile {
      background-image: url("../../../../images/TV/loltvmobile/FOND_TAB_HEADER.png");
      height: 506px; }
      .header-loltvmobile .title-text {
        font-size: 51px;
        top: 83px;
        left: 52px;
        text-align: left; }
      .header-loltvmobile .text-1 {
        text-align: left;
        font-size: 23px;
        top: 343px;
        left: 52px; }
      .header-loltvmobile .deco-1 {
        top: 57px;
        left: 0px;
        height: 515px;
        width: 515px; }
      .header-loltvmobile .deco-2 {
        top: 10px;
        right: 342px;
        height: 70px;
        width: 70px; }
      .header-loltvmobile .header-img {
        right: -10px;
        top: 150px;
        width: 329px !important;
        height: auto !important; }
      .header-loltvmobile .app-img-1 {
        left: 46px; }
      .header-loltvmobile .app-img-1,.header-loltvmobile .app-img-2 {
        top: 390px;
        width: 169px !important;
        height: 49px !important;
        right: auto; }
      .header-loltvmobile .app-img-2 {
        left: 280px; } }
  @media screen and (min-width: 1056px) {
    .header-loltvmobile {
      height: 506px;
      background-image: url("../../../../images/TV/loltvmobile/FOND_DESK_HEADER.png"); }
      .header-loltvmobile .title-text {
        font-size: 51px;
        top: 83px;
        left: 106px; }
      .header-loltvmobile .text-1 {
        font-size: 23px;
        top: 343px;
        left: 106px; }
      .header-loltvmobile .deco-1 {
        top: 54px;
        right: -212px;
        height: 705px;
        width: 705px;
        left: auto; }
      .header-loltvmobile .deco-2 {
        top: 51px;
        right: 390px;
        height: 70px;
        width: 70px; }
      .header-loltvmobile .header-img {
        top: 158px;
        width: 433px !important;
        height: auto !important;
        right: -22px; }
      .header-loltvmobile .app-img-1 {
        top: 386px;
        left: 106px;
        width: 207px !important;
        height: 62px !important; }
      .header-loltvmobile .app-img-2 {
        top: 386px;
        left: 340px;
        width: 206px !important;
        height: 60px !important; } }
  @media screen and (min-width: 1302px) {
    .header-loltvmobile {
      height: 502px;
      background-image: url("../../../../images/TV/loltvmobile/FOND_LGDESK_HEADER.png"); }
      .header-loltvmobile .title-text {
        font-size: 51px;
        top: 83px;
        left: 166px;
        line-height: 56px; }
      .header-loltvmobile .text-1 {
        font-size: 23px;
        top: 343px;
        left: 166px; }
      .header-loltvmobile .deco-1 {
        top: -113px;
        height: 870px;
        width: 870px;
        left: auto;
        right: auto; }
      .header-loltvmobile .deco-2 {
        top: 79px;
        left: 842px;
        height: 70px;
        width: 70px;
        right: auto; }
      .header-loltvmobile .header-img {
        top: 61px;
        height: auto !important;
        width: 468px !important;
        left: 184px; }
      .header-loltvmobile .app-img-1 {
        top: 388px;
        left: 166px;
        width: 207px !important;
        height: 62px !important; }
      .header-loltvmobile .app-img-2 {
        top: 388px;
        left: 400px;
        width: 206px !important;
        height: 60px !important; } }

.phone-section-1 {
  overflow: hidden;
  background-color: white;
  height: 420px; }
  @media screen and (max-width: 671px) {
    .phone-section-1 .header-img {
      width: 206px;
      height: auto;
      top: 29px; }
    .phone-section-1 .header-img,.phone-section-1 .deco-1 {
      left: 50%;
      transform: translateX(-50%);
      position: absolute; }
    .phone-section-1 .deco-1 {
      top: -210px;
      height: 420px;
      width: 420px; }
    .phone-section-1 .deco-1,.phone-section-1 .deco-2 {
      background-color: #FFE923;
      border-radius: 50%; }
    .phone-section-1 .deco-2 {
      top: 230px;
      left: 282px;
      height: 53px;
      width: 53px;
      position: absolute; } }

.guide-tv-section {
  background-color: white;
  overflow: hidden; }
  .guide-tv-section .deco-1,.guide-tv-section .deco-2 {
    background-color: #FFE923;
    border-radius: 50%;
    position: absolute; }
  .guide-tv-section .deco-3,.guide-tv-section .deco-4,.guide-tv-section .deco-5 {
    background-color: #00498F;
    border-radius: 50%;
    position: absolute; }
  .guide-tv-section .deco-6 {
    background-color: #00A3E0;
    border-radius: 50%;
    position: absolute; }
  @media screen and (max-width: 671px) {
    .guide-tv-section {
      height: 563px;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
      .guide-tv-section .img-guide {
        z-index: 1;
        width: 375px !important;
        height: auto !important;
        top: 142px;
        position: absolute;
        transform: translateX(-50%); }
      .guide-tv-section .text-1 {
        top: 389px;
        position: absolute; }
        .guide-tv-section .text-1 .bold {
          color: #00498F; }
      .guide-tv-section .deco-1 {
        left: -21px;
        width: 146px;
        height: 146px;
        top: 168px; }
      .guide-tv-section .deco-2 {
        left: 41px;
        width: 43px;
        height: 43px;
        top: 320px; }
      .guide-tv-section .deco-3 {
        left: -10px;
        width: 17px;
        height: 17px;
        top: 314px; }
      .guide-tv-section .deco-4 {
        width: 228px;
        height: 228px;
        left: 50%;
        top: 142px;
        transform: translateX(-50%); }
      .guide-tv-section .deco-5 {
        width: 17px;
        height: 17px;
        top: 281px;
        right: -2px; }
      .guide-tv-section .deco-6 {
        width: 83px;
        height: 83px;
        top: 175px;
        right: -43px; } }
  @media screen and (min-width: 672px) {
    .guide-tv-section {
      height: 563px;
      text-align: left; }
      .guide-tv-section .title-1 {
        margin-top: 110px; }
      .guide-tv-section .text-1 {
        top: auto;
        position: relative; }
        .guide-tv-section .text-1 .bold {
          color: #00498F; }
      .guide-tv-section .img-guide {
        z-index: 1;
        left: -27px !important;
        position: absolute;
        top: 116px;
        width: 510px !important;
        height: auto !important; }
      .guide-tv-section .deco-1 {
        left: -74px;
        width: 195px;
        height: 197px;
        top: 153px; }
      .guide-tv-section .deco-2 {
        left: 11px;
        width: 56px;
        height: 59px;
        top: 390px; }
      .guide-tv-section .deco-3 {
        left: 58px;
        width: 306px;
        height: 308px;
        top: 153px; }
      .guide-tv-section .deco-4 {
        left: 439px;
        width: 21px;
        height: 23px;
        top: 306px; }
      .guide-tv-section .deco-6 {
        left: 352px;
        width: 112px;
        height: 112px;
        top: 123px; } }
  @media screen and (min-width: 1056px) {
    .guide-tv-section {
      height: 563px; }
      .guide-tv-section .title-1 {
        margin-top: auto; }
      .guide-tv-section .img-guide {
        z-index: 1;
        left: 0px !important;
        position: absolute;
        top: 126px;
        width: 416px !important;
        height: auto !important; }
      .guide-tv-section .deco-1 {
        left: -37px;
        width: 173px;
        height: 174px;
        top: 115px; }
      .guide-tv-section .deco-2 {
        left: 37px;
        width: 51px;
        height: 52px;
        top: 328px; }
      .guide-tv-section .deco-3 {
        left: 79px;
        width: 271px;
        height: 272px;
        top: 119px; }
      .guide-tv-section .deco-4 {
        left: 374px;
        width: 19px;
        height: 20px;
        top: 254px; }
      .guide-tv-section .deco-6 {
        left: 340px;
        width: 99px;
        height: 99px;
        top: 128px; } }
  @media screen and (min-width: 1302px) {
    .guide-tv-section {
      height: 563px; }
      .guide-tv-section .title-1 {
        max-width: 85%;
        margin-top: auto; }
      .guide-tv-section .text-1 {
        max-width: 85%; }
        .guide-tv-section .text-1 .bold {
          color: #00498F; }
      .guide-tv-section .img-guide {
        z-index: 1;
        position: absolute;
        top: 50%;
        height: 86% !important;
        width: auto !important;
        transform: translateY(-50%);
        left: auto; }
      .guide-tv-section .deco-1 {
        width: 251px;
        height: 261px;
        left: 11px;
        top: 79px; }
      .guide-tv-section .deco-2 {
        left: 108px;
        width: 77px;
        height: 77px;
        top: 400px; }
      .guide-tv-section .deco-3 {
        left: 28px;
        width: 32px;
        height: 32px;
        top: 340px; }
      .guide-tv-section .deco-4 {
        left: 144px;
        width: 409px;
        height: 409px;
        top: 79px; }
      .guide-tv-section .deco-5 {
        left: 615px;
        width: 30px;
        height: 30px;
        top: 282px; }
      .guide-tv-section .deco-6 {
        left: 559px;
        width: 149px;
        height: 149px;
        top: 92px; } }

.subscription-section {
  background-color: white;
  z-index: 3; }
  .subscription-section .deco-frame {
    overflow: hidden;
    width: 100%; }
  .subscription-section .deco-1 {
    background-color: #FFE923;
    border-radius: 50%;
    position: relative; }
  .subscription-section .text-1 b {
    color: #00498F; }
  .subscription-section .image,.subscription-section .icon {
    position: absolute; }
  @media screen and (max-width: 671px) {
    .subscription-section {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
      height: 900px;
      text-align: center; }
      .subscription-section .text-1 {
        margin: 243px 35px 30px !important; }
      .subscription-section .deco-frame {
        height: 300px; }
      .subscription-section .deco-1 {
        left: -42px;
        width: 295px;
        height: 295px; }
      .subscription-section .image {
        width: 331px !important;
        height: 374px !important;
        right: -1%;
        top: 160px; }
      .subscription-section .icon {
        width: 220px !important;
        height: 203px !important;
        left: 50% !important;
        transform: translateX(-50%);
        top: 425px; } }
  @media screen and (min-width: 672px) {
    .subscription-section {
      height: 500px;
      text-align: left;
      padding-top: 0; }
      .subscription-section .title-1 {
        top: 27%; }
      .subscription-section .title-1,.subscription-section .text-1 {
        margin-left: 35px;
        transform: translateY(-50%);
        position: relative; }
      .subscription-section .text-1 {
        top: 23%; }
      .subscription-section .deco-frame {
        height: 500px; }
      .subscription-section .deco-1 {
        left: 29%;
        width: 453px;
        height: 453px;
        bottom: 151px; }
      .subscription-section .image {
        top: 61px;
        width: 373px !important;
        height: auto !important;
        right: 0; }
      .subscription-section .icon {
        top: 286px;
        width: 139px !important;
        height: 128px !important;
        left: 0 !important; } }
  @media screen and (min-width: 1056px) {
    .subscription-section {
      height: 500px;
      text-align: left; }
      .subscription-section .title-1 {
        margin-left: 68px;
        top: 24%;
        transform: translateY(-50%); }
      .subscription-section .text-1 {
        margin-left: 68px;
        top: 30%;
        transform: translateY(-50%); }
      .subscription-section .deco-frame {
        height: 500px; }
      .subscription-section .deco-1 {
        left: 29%;
        width: 505px;
        height: 505px;
        bottom: 151px; }
      .subscription-section .image {
        z-index: 1;
        top: 38px;
        width: 469px !important;
        height: auto !important; }
      .subscription-section .icon {
        top: 286px;
        width: 155px !important;
        height: 143px !important;
        right: 376px !important;
        left: auto; } }
  @media screen and (min-width: 1302px) {
    .subscription-section {
      height: 500px;
      text-align: left; }
      .subscription-section .title-1 {
        top: 25%; }
      .subscription-section .title-1,.subscription-section .text-1 {
        margin-left: 160px;
        transform: translateY(-50%); }
      .subscription-section .text-1 {
        top: 28%; }
      .subscription-section .deco-frame {
        height: 500px; }
      .subscription-section .deco-1 {
        left: 10%;
        width: 649px;
        height: 649px;
        bottom: 151px; }
      .subscription-section .image {
        top: 38px;
        width: 696px !important;
        height: auto !important;
        left: 146px; }
      .subscription-section .icon {
        top: 286px;
        width: 260px !important;
        height: 239px !important;
        left: 0 !important;
        right: auto; } }

.record-section {
  background-color: white; }
  .record-section .text-1 b {
    color: #00498F; }
  .record-section .deco-frame {
    overflow: hidden;
    width: 100%; }
  .record-section .deco-1,.record-section .deco-2 {
    border-radius: 50%;
    position: relative; }
  @media screen and (max-width: 671px) {
    .record-section {
      height: 757px !important;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
      .record-section .text-1,.record-section .title-1 {
        position: relative;
        top: 42%;
        margin-left: 30px;
        margin-right: 30px; }
      .record-section .deco-2 {
        background-color: #FFE923;
        left: -38px;
        width: 110px;
        height: 110px;
        top: 281px;
        z-index: 1; }
      .record-section .image {
        top: 33px;
        left: -16px !important;
        width: 353px !important;
        height: 353px !important;
        position: absolute; }
      .record-section .icon {
        top: 0px;
        right: -10px;
        width: 201px !important;
        height: 209px !important;
        z-index: 2;
        position: absolute; } }
  @media screen and (min-width: 672px) {
    .record-section {
      height: 500px !important; }
      .record-section .text-1 {
        top: 40%; }
      .record-section .text-1,.record-section .title-1 {
        text-align: left;
        position: relative;
        transform: translateY(-50%); }
      .record-section .title-1 {
        top: 38%; }
      .record-section .deco-1 {
        background-color: #00A3E0;
        left: -94px;
        width: 321px;
        height: 320px;
        top: -80px; }
      .record-section .deco-2 {
        background-color: #FFE923;
        left: 284px;
        width: 71px;
        height: 71px;
        top: -135px;
        z-index: 1; }
      .record-section .image {
        top: 115px;
        left: 6px !important;
        width: 332px !important;
        height: 334px !important;
        position: absolute; }
      .record-section .icon {
        top: 28px;
        left: 253px !important;
        width: 180px !important;
        height: 188px !important;
        right: auto;
        z-index: 2;
        position: absolute; } }
  @media screen and (min-width: 1056px) {
    .record-section {
      height: 500px !important; }
      .record-section .text-1 {
        top: 42%; }
      .record-section .text-1,.record-section .title-1 {
        text-align: left;
        position: relative;
        transform: translateY(-50%); }
      .record-section .title-1 {
        top: 36%; }
      .record-section .deco-frame {
        height: 500px; }
      .record-section .deco-1 {
        background-color: #00A3E0;
        left: -65px;
        width: 359px;
        height: 359px;
        top: -80px; }
      .record-section .deco-2 {
        background-color: #FFE923;
        left: 318px;
        width: 80px;
        height: 79px;
        top: -168px;
        z-index: 1; }
      .record-section .image {
        top: 117px;
        left: 68px !important;
        width: 324px !important;
        height: 324px !important; }
      .record-section .icon {
        top: 31px;
        left: 330px !important;
        width: 202px !important;
        height: 210px !important;
        right: auto;
        z-index: 2; } }
  @media screen and (min-width: 1302px) {
    .record-section {
      height: 500px !important; }
      .record-section .text-1 {
        top: 42%; }
      .record-section .text-1,.record-section .title-1 {
        text-align: left;
        position: relative;
        max-width: 85%;
        transform: translateY(-50%); }
      .record-section .title-1 {
        top: 38%; }
      .record-section .deco-frame {
        height: 500px; }
      .record-section .deco-1 {
        background-color: #00A3E0;
        left: -88px;
        width: 484px;
        height: 484px;
        top: -100px; }
      .record-section .deco-2 {
        background-color: #FFE923;
        left: 490px;
        width: 107px;
        height: 107px;
        top: -215px;
        z-index: 1; }
      .record-section .image {
        top: 61px;
        left: 150px !important;
        width: 404px !important;
        height: 404px !important; }
      .record-section .icon {
        top: 41px;
        left: 505px !important;
        width: 272px !important;
        height: 283px !important;
        right: auto;
        z-index: 2; } }

.section-4-devices {
  background-color: white; }
  @media screen and (max-width: 671px) {
    .section-4-devices {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
      height: 600px; }
      .section-4-devices .image {
        top: 0 !important;
        position: absolute;
        left: -95px;
        height: 367px !important;
        width: 367px; }
      .section-4-devices .icon {
        width: 121px !important;
        height: 362px !important;
        top: -22px;
        position: absolute;
        left: 60%; }
      .section-4-devices .title-1 {
        top: 370px;
        position: absolute;
        width: 100%; }
      .section-4-devices .text-1 {
        top: 450px;
        position: absolute; } }
  @media screen and (min-width: 672px) {
    .section-4-devices {
      height: 486px !important;
      text-align: left; }
      .section-4-devices .image {
        left: 273px !important;
        position: absolute;
        height: 486px !important;
        width: auto; }
      .section-4-devices .title-1,.section-4-devices .text-1 {
        position: relative;
        top: 20%;
        transform: translateY(-50%);
        left: 30px; }
      .section-4-devices .icon {
        left: 11px;
        width: 408px !important;
        height: auto !important;
        bottom: -30px;
        position: absolute;
        top: auto; } }
  @media screen and (min-width: 1056px) {
      .section-4-devices,.section-4-devices .image {
      height: 486px !important; }
      .section-4-devices .image {
        right: 0 !important;
        width: 100% !important;
        left: auto; }
      .section-4-devices .title-1,.section-4-devices .text-1 {
        position: relative;
        left: 140px; }
      .section-4-devices .icon {
        left: 11px;
        width: 557px !important;
        height: 277px !important;
        bottom: 10px;
        position: absolute; } }
  @media screen and (min-width: 1302px) {
    .section-4-devices {
      height: 482px !important; }
      .section-4-devices .title-1,.section-4-devices .text-1 {
        position: relative;
        left: 184px; }
      .section-4-devices .image {
        right: 0 !important;
        width: 100% !important;
        height: 482px !important; }
      .section-4-devices .icon {
        left: -18.999786376953125px;
        width: 707px !important;
        height: 352px !important;
        bottom: 0;
        position: absolute; } }

.section-download {
  background-color: #00A3E0;
  text-align: center !important; }
  .section-download .app-img-1,.section-download .app-img-2 {
    position: relative; }
  .section-download .text-1,.section-download .title-1 {
    color: white !important; }
  @media screen and (max-width: 671px) {
    .section-download .app-img-1 {
      width: 126px !important;
      height: 38px !important; }
    .section-download .app-img-2 {
      width: 126px !important;
      height: 37px !important; }
    .section-download .text-1 {
      margin-top: 20px; } }
  @media screen and (min-width: 672px) {
    .section-download {
      height: 457px; }
      .section-download .app-img-1 {
        width: 207px !important;
        height: 62px !important; }
      .section-download .app-img-2 {
        width: 206px !important;
        height: 60px !important; }
      .section-download .title-1 {
        margin-top: 60px; }
      .section-download .text-1 {
        margin-top: 63px;
        font-size: 15px; } }
  @media screen and (min-width: 1056px) {
    .section-download {
      height: 457px; }
      .section-download .app-img-1 {
        width: 207px !important;
        height: 62px !important; }
      .section-download .app-img-2 {
        width: 206px !important;
        height: 60px !important; }
      .section-download .title-1 {
        margin-top: 60px; }
      .section-download .text-1 {
        margin-top: 63px;
        font-size: 15px; } }
  @media screen and (min-width: 1302px) {
    .section-download {
      height: 457px; }
      .section-download .app-img-1 {
        width: 207px !important;
        height: 62px !important; }
      .section-download .app-img-2 {
        width: 206px !important;
        height: 60px !important; }
      .section-download .title-1 {
        margin-top: 60px; }
      .section-download .text-1 {
        margin-top: 63px;
        font-size: 15px; } }

.header-channel {
  background-color: #00498F; }
  .header-channel .text-1 {
    color: white; }
  @media screen and (max-width: 671px) {
    .header-channel {
      height: 619px; }
      .header-channel .text-1 {
        height: 50%;
        margin-left: 2%;
        margin-right: 2%;
        font-size: 41px;
        text-align: center;
        margin-top: 15%;
        margin-bottom: 15%; }
      .header-channel .img-head {
        height: 197px;
        width: 167px;
        left: 50%;
        position: relative;
        transform: translateX(-50%); } }
  @media screen and (min-width: 672px) {
    .header-channel {
      height: 502px; }
      .header-channel > div[class^=phone-] {
        height: 100%; }
        .header-channel > div[class^=phone-] > * {
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
      .header-channel .text-1 {
        margin-top: auto;
        margin-bottom: auto;
        height: auto;
        margin-left: 10%;
        font-size: 46px;
        text-align: left; }
      .header-channel .img-head {
        left: auto;
        height: 311px;
        width: 263px; } }
  @media screen and (min-width: 1056px) {
    .header-channel {
      height: 502px; }
      .header-channel .text-1 {
        margin-top: auto;
        margin-bottom: auto;
        height: auto;
        margin-left: 10%;
        font-size: 51px;
        text-align: left; }
      .header-channel .img-head {
        left: auto;
        height: 443px;
        width: 374px; } }
  @media screen and (min-width: 1302px) {
    .header-channel .img-head {
      height: 450px;
      width: 380px; } }

.section-list .channels-language-links {
  width: 95%;
  transform: translateX(-50%);
  left: 50%;
  position: relative; }

.section-list .channels-items {
  background-color: #70707017; }

.section-list .channel-brand {
  padding-top: 8px;
  font-weight: bold;
  font-size: 18px;
  padding-left: 10px;
  text-align: left !important; }

.section-list .channel-lang {
  color: #707070;
  font-size: 12px;
  padding-left: 10px; }

.section-list .channel-type {
  color: #707070;
  font-size: 13px;
  padding-left: 10px; }

.section-list .item {
  height: 184px;
  width: 184px;
  background-color: white;
  margin: 12.5px 30px 12.5px; }

.section-list .grey-div {
  width: 90%;
  position: relative;
  background-color: #70707017;
  left: 50%;
  transform: translateX(-50%);
  min-height: 90px; }

@media screen and (max-width: 671px) {
  .section-list .item {
    margin: 15px 15px 15px !important; } }

@media screen and (min-width: 672px) {
  .section-list .item {
    margin: 12.5px 30px 12.5px !important; } }

.section-list .picto-div {
  right: 5px;
  position: absolute;
  width: 16px;
  top: 35px; }

.section-popcorn {
  background-color: #00A3E0; }
  .section-popcorn .text-1 {
    color: white; }
  @media screen and (max-width: 671px) {
    .section-popcorn {
      height: 619px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
      .section-popcorn .text-1 {
        font-size: 51px;
        margin-left: 2%;
        text-align: center;
        margin-right: 2%;
        position: relative;
        top: -35%; }
      .section-popcorn .img-popcorn {
        width: 222px;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        top: -115%;
        height: 143px; } }
  @media screen and (min-width: 672px) {
    .section-popcorn {
      height: 428px; }
      .section-popcorn > div[class^=phone-] {
        height: 100%; }
        .section-popcorn > div[class^=phone-] > * {
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
      .section-popcorn .text-1 {
        font-size: 40px;
        margin-left: 10%;
        text-align: left; }
      .section-popcorn .img-popcorn {
        width: 285px;
        height: 183px; } }
  @media screen and (min-width: 1056px) {
    .section-popcorn {
      height: 428px; }
      .section-popcorn .text-1 {
        font-size: 51px;
        margin-left: 10%;
        text-align: left; }
      .section-popcorn .img-popcorn {
        width: 300px;
        height: 193px; } }
  @media screen and (min-width: 1302px) {
    .section-popcorn .img-popcorn {
      width: 470px;
      height: 302px; } }

.section-slider {
  background-color: #70707017;
  /* price */ }
  .section-slider #slider {
    margin-top: 50px; }
    @media screen and (min-width: 1302px) {
      .section-slider #slider {
        margin-top: 0px; } }
  .section-slider .title-1,.section-slider .text-1 {
    color: white;
    text-align: left; }
  .section-slider .picto-hd {
    width: 18px !important;
    height: 18px !important; }
  .section-slider .main-price {
    color: #004994;
    position: absolute;
    animation: changewidth 3s infinite ease-in-out; }
  .section-slider .price-circle {
    position: absolute;
    background-color: #FDE842 !important;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .section-slider .price-circle-content-main-price {
    font-size: 1em;
    font-weight: 500; }
  .section-slider .price-circle-content {
    width: 100%;
    text-align: center; }
  .section-slider .price-circle-content,.section-slider .price-circle-content-main-price span {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .section-slider .price-circle-content-sup {
    position: absolute;
    left: 0;
    vertical-align: top;
    font-size: 0.3em;
    top: 1.4em; }
  .section-slider .price-circle-content-sub {
    left: 0;
    vertical-align: bottom;
    font-size: 0.3em;
    bottom: 0.77em;
    display: contents; }
  .section-slider .price-circle-content {
    font-size: 80px; }
  @media screen and (max-width: 671px) {
    .section-slider {
      height: 406px; }
      .section-slider .sliders {
        height: 319px;
        width: 281px;
        margin-left: 75px;
        margin-right: 75px; }
      .section-slider .title-1 {
        padding-top: 38px;
        margin-left: 40px;
        font-weight: bold;
        font-size: 26px; }
      .section-slider .text-1 {
        font-size: 12px; } }
  @media screen and (min-width: 672px) {
    .section-slider {
      height: 1131px; }
      .section-slider .sliders {
        height: 898px;
        width: 792px;
        margin-left: 104px;
        margin-right: 104px; }
      .section-slider .title-1 {
        padding-top: 38px;
        margin-left: 60px;
        font-weight: bold;
        font-size: 73px; }
      .section-slider .text-1 {
        font-size: 33px;
        margin-left: 60px; } }
  @media screen and (min-width: 1056px) {
    .section-slider {
      height: 765px; }
      .section-slider .sliders {
        height: 613px;
        width: 540px;
        margin-left: 20px;
        margin-right: 20px; }
      .section-slider .title-1 {
        padding-top: 38px;
        margin-left: 60px;
        font-weight: bold;
        font-size: 51px; }
      .section-slider .text-1 {
        font-size: 17px; } }
  @media screen and (min-width: 1302px) {
    .section-slider {
      height: 730px; }
      .section-slider .sliders {
        height: 613px;
        width: 540px;
        margin-left: 45px;
        margin-right: 45px;
        margin-top: 50px; } }
  .section-slider .slider-charme {
    overflow: hidden;
    background: transparent linear-gradient(140deg, #00498F 0%, #00599D 23%, #00569B 47%, #00A3E0 100%) 0% 0% no-repeat padding-box; }
    .section-slider .slider-charme .deco-1 {
      background-color: #00A3E0;
      border-radius: 50%;
      position: absolute; }
    .section-slider .slider-charme .deco-2 {
      background-color: #00498F;
      border-radius: 50%;
      position: absolute; }
    @media screen and (max-width: 671px) {
      .section-slider .slider-charme .title-1 {
        padding-top: 13px;
        margin-left: 13px;
        font-weight: bold;
        font-size: 26px; }
      .section-slider .slider-charme .text-1 {
        position: absolute;
        top: 71px;
        left: 89px; }
      .section-slider .slider-charme .img-charm {
        left: 110px;
        width: 271px !important;
        height: 241px !important;
        z-index: 3;
        top: 17px; }
      .section-slider .slider-charme .deco-1 {
        left: 84px;
        width: 24px;
        height: 23px;
        position: absolute;
        top: 58%;
        z-index: 3; }
      .section-slider .slider-charme .deco-2 {
        left: 159px;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 88%;
        z-index: 3; }
      .section-slider .slider-charme .main-price {
        left: 84px;
        width: 110px;
        height: 110px;
        top: 182px;
        z-index: 1; }
      .section-slider .slider-charme .price-circle-content {
        font-size: 38px; } }
    @media screen and (min-width: 672px) {
      .section-slider .slider-charme .text-1 {
        position: absolute;
        top: 254px;
        left: 108px; }
      .section-slider .slider-charme .img-charm {
        left: 306px;
        width: 766px !important;
        height: 681px !important;
        z-index: 3;
        top: 34px; }
      .section-slider .slider-charme .deco-1 {
        left: 150px;
        width: 68px;
        height: 67px;
        position: absolute;
        top: 53%;
        z-index: 3; }
      .section-slider .slider-charme .deco-2 {
        left: 344px;
        width: 41px;
        height: 41px;
        position: absolute;
        top: 84%;
        z-index: 3; }
      .section-slider .slider-charme .main-price {
        left: 133px;
        width: 310px;
        height: 311px;
        top: 481px;
        z-index: 1; }
      .section-slider .slider-charme .price-circle-content {
        font-size: 112px; } }
    @media screen and (min-width: 1056px) {
      .section-slider .slider-charme .text-1 {
        position: absolute;
        top: 204px;
        margin-left: 60px;
        left: auto; }
      .section-slider .slider-charme .img-charm {
        width: 491px !important;
        height: 466px !important;
        z-index: 3;
        top: 17px;
        left: 235px; }
      .section-slider .slider-charme .deco-1 {
        width: 46px;
        height: 46px;
        position: absolute;
        top: 53%;
        left: 17%;
        z-index: 3; }
      .section-slider .slider-charme .deco-2 {
        width: 28px;
        height: 28px;
        position: absolute;
        top: 84%;
        left: 37%;
        z-index: 3; }
      .section-slider .slider-charme .main-price {
        width: 212px;
        height: 212px;
        left: 63px;
        top: 336px;
        z-index: 1; }
      .section-slider .slider-charme .price-circle-content {
        font-size: 77px; } }
    @media screen and (min-width: 1302px) {
      .section-slider .slider-charme .text-1 {
        position: absolute;
        top: 260px; }
      .section-slider .slider-charme .img-charm {
        width: 491px !important;
        height: 466px !important;
        z-index: 3;
        top: 17px;
        left: 235px; }
      .section-slider .slider-charme .deco-1 {
        width: 46px;
        height: 46px;
        position: absolute;
        top: 57%;
        left: 17%;
        z-index: 3; }
      .section-slider .slider-charme .deco-2 {
        width: 28px;
        height: 28px;
        position: absolute;
        top: 85%;
        left: 38%;
        z-index: 3; }
      .section-slider .slider-charme .main-price {
        width: 212px;
        height: 212px;
        left: 96px;
        top: 380px;
        z-index: 1; }
      .section-slider .slider-charme .price-circle-content {
        font-size: 77px; } }
  .section-slider .slider-luso {
    overflow: hidden;
    background: transparent linear-gradient(210deg, #00A3E0 0%, #00498F 100%) 0% 0% no-repeat padding-box; }
    .section-slider .slider-luso .deco-1 {
      background-color: #FFE923;
      border-radius: 50%;
      position: absolute; }
    .section-slider .slider-luso .deco-2,.section-slider .slider-luso .deco-3 {
      background-color: #00498F;
      border-radius: 50%;
      position: absolute; }
    @media screen and (max-width: 671px) {
      .section-slider .slider-luso .title-1 {
        padding-top: 13px;
        margin-left: 13px;
        font-weight: bold;
        font-size: 26px; }
      .section-slider .slider-luso .text-1 {
        position: absolute;
        top: 71px;
        left: 89px; }
      .section-slider .slider-luso .main-price {
        width: 95px;
        height: 95px;
        left: 214px;
        top: 29px;
        z-index: 1; }
      .section-slider .slider-luso .price-circle-content {
        font-size: 39px; }
      .section-slider .slider-luso .img-luso {
        bottom: -38px;
        left: 66px;
        width: 262px !important;
        height: 216px !important;
        z-index: 3; }
      .section-slider .slider-luso .deco-1 {
        left: 133px;
        width: 15px;
        height: 14px;
        top: 266px; }
      .section-slider .slider-luso .deco-2 {
        left: 170px;
        width: 34px;
        height: 36px;
        bottom: 166px;
        z-index: 3; }
      .section-slider .slider-luso .deco-3 {
        left: 286px;
        width: 24px;
        height: 24px;
        top: 8%;
        z-index: 3; } }
    @media screen and (min-width: 672px) {
      .section-slider .slider-luso .text-1 {
        position: absolute;
        top: 254px;
        left: 108px; }
      .section-slider .slider-luso .main-price {
        left: 571px;
        width: 268px;
        height: 269px;
        top: 60px;
        z-index: 1; }
      .section-slider .slider-luso .price-circle-content {
        font-size: 112px; }
      .section-slider .slider-luso .img-luso {
        bottom: -106px;
        left: 201px;
        width: 739px;
        height: 608px;
        z-index: 3; }
      .section-slider .slider-luso .deco-1 {
        left: 297px;
        width: 41px;
        height: 41px;
        top: 812px; }
      .section-slider .slider-luso .deco-2 {
        left: 369px;
        width: 98px;
        height: 98px;
        bottom: 500px;
        z-index: 3; } }
    @media screen and (min-width: 1056px) {
      .section-slider .slider-luso .text-1 {
        position: absolute;
        top: 204px;
        left: auto;
        margin-left: 60px; }
      .section-slider .slider-luso .main-price {
        left: 133px;
        width: 184px;
        height: 184px;
        left: 312px;
        top: 60px;
        z-index: 1; }
      .section-slider .slider-luso .price-circle-content {
        font-size: 77px; }
      .section-slider .slider-luso .img-luso {
        bottom: -27px;
        left: 111px;
        z-index: 3; }
      .section-slider .slider-luso .deco-1 {
        width: 28px;
        height: 28px;
        top: 525px;
        left: 108px; }
      .section-slider .slider-luso .deco-2 {
        width: 67px;
        height: 67px;
        bottom: 328px;
        left: 41%;
        z-index: 3; }
      .section-slider .slider-luso .deco-3 {
        width: 46px;
        height: 46px;
        top: 8%;
        left: 73%;
        z-index: 3; } }
    @media screen and (min-width: 1302px) {
      .section-slider .slider-luso .text-1 {
        position: absolute;
        top: 260px; }
      .section-slider .slider-luso .main-price {
        left: 133px;
        width: 184px;
        height: 184px;
        left: 312px;
        top: 98px;
        z-index: 1; }
      .section-slider .slider-luso .price-circle-content {
        font-size: 77px; }
      .section-slider .slider-luso .img-luso {
        bottom: -27px;
        left: 111px; }
      .section-slider .slider-luso .deco-1 {
        width: 28px;
        height: 28px;
        top: 579px;
        left: 161px; }
      .section-slider .slider-luso .deco-2 {
        width: 67px;
        height: 67px;
        bottom: 328px;
        left: 41%;
        z-index: 3; }
      .section-slider .slider-luso .deco-3 {
        width: 46px;
        height: 46px;
        top: 16%;
        left: 73%;
        z-index: 3; } }
  .section-slider .slider-sport {
    overflow: hidden;
    background: transparent linear-gradient(197deg, #00A3E0 0%, #00599D 97%, #00498F 100%) 0% 0% no-repeat padding-box; }
    .section-slider .slider-sport .deco-1 {
      background-color: #FFE923;
      border-radius: 50%;
      position: absolute; }
    .section-slider .slider-sport .deco-2 {
      background-color: #00A3E0;
      border-radius: 50%;
      position: absolute; }
    .section-slider .slider-sport .deco-3 {
      background-color: #00498F;
      border-radius: 50%;
      position: absolute; }
    @media screen and (max-width: 671px) {
      .section-slider .slider-sport .title-1 {
        padding-top: 13px;
        margin-left: 13px;
        font-weight: bold;
        font-size: 26px; }
      .section-slider .slider-sport .text-1 {
        position: absolute;
        top: 71px;
        left: 89px; }
      .section-slider .slider-sport .img-sport {
        left: 86px;
        width: 236px !important;
        height: 230px !important;
        bottom: -24px; }
      .section-slider .slider-sport .main-price {
        left: 78px;
        width: 113px;
        height: 113px;
        top: 190px; }
      .section-slider .slider-sport .price-circle-content {
        font-size: 40px; }
      .section-slider .slider-sport .deco-2 {
        left: 94px;
        width: 24px;
        height: 25px;
        bottom: 10px;
        z-index: 3; }
      .section-slider .slider-sport .deco-3 {
        left: 201px;
        width: 13px;
        height: 14px;
        top: 51%; } }
    @media screen and (min-width: 672px) {
      .section-slider .slider-sport .text-1 {
        position: absolute;
        top: 254px;
        left: 108px; }
      .section-slider .slider-sport .img-sport {
        left: 251px;
        width: 667px !important;
        height: 648px !important;
        bottom: -65px; }
      .section-slider .slider-sport .main-price {
        left: 126px;
        width: 316px;
        height: 317px;
        top: 556px; }
      .section-slider .slider-sport .price-circle-content {
        font-size: 112px; }
      .section-slider .slider-sport .deco-2 {
        width: 70px;
        height: 71px;
        bottom: 29px;
        left: 139px;
        z-index: 3; } }
    @media screen and (min-width: 1056px) {
      .section-slider .slider-sport .text-1 {
        position: absolute;
        top: 204px;
        left: auto;
        margin-left: 60px; }
      .section-slider .slider-sport .img-sport {
        left: 167px;
        width: 455px !important;
        height: 442px !important;
        bottom: -31px;
        z-index: 3; }
      .section-slider .slider-sport .main-price {
        left: 35px;
        width: 216px;
        height: 216px;
        top: 350px; }
      .section-slider .slider-sport .price-circle-content {
        font-size: 77px; }
      .section-slider .slider-sport .deco-1 {
        width: 48px;
        height: 48px;
        top: 114px;
        left: 499px; }
      .section-slider .slider-sport .deco-2 {
        width: 48px;
        height: 48px;
        bottom: 29px;
        left: 71px;
        z-index: 3; }
      .section-slider .slider-sport .deco-3 {
        width: 26px;
        height: 26px;
        top: 50%;
        left: 49%; } }
    @media screen and (min-width: 1302px) {
      .section-slider .slider-sport .text-1 {
        position: absolute;
        top: 260px; }
      .section-slider .slider-sport .img-sport {
        left: 167px;
        width: 455px !important;
        height: 442px !important;
        bottom: -31px;
        z-index: 3; }
      .section-slider .slider-sport .main-price {
        left: 64px;
        width: 216px;
        height: 216px;
        top: 418px; }
      .section-slider .slider-sport .price-circle-content {
        font-size: 77px; }
      .section-slider .slider-sport .deco-1 {
        width: 48px;
        height: 48px;
        top: 197px;
        left: 499px; }
      .section-slider .slider-sport .deco-2 {
        width: 48px;
        height: 48px;
        bottom: 29px;
        left: 71px;
        z-index: 3; }
      .section-slider .slider-sport .deco-3 {
        width: 26px;
        height: 26px;
        top: 53%;
        left: 50%; } }
  .section-slider .slider-cinema {
    background: transparent linear-gradient(177deg, #00498F 0%, #00599D 23%, #00A3E0 100%) 0% 0% no-repeat padding-box; }
    .section-slider .slider-cinema .deco-1 {
      background-color: #FFE923;
      border-radius: 50%;
      position: absolute; }
    .section-slider .slider-cinema .deco-2 {
      background-color: #00A3E0;
      border-radius: 50%;
      position: absolute; }
    @media screen and (max-width: 671px) {
      .section-slider .slider-cinema .text-1 {
        position: absolute;
        top: 227px;
        left: 95px; }
      .section-slider .slider-cinema .deco-1 {
        left: 134px;
        width: 12px;
        height: 12px;
        top: 201px; }
      .section-slider .slider-cinema .deco-2 {
        left: 258px;
        width: 25px;
        height: 25px;
        top: 48px; }
      .section-slider .slider-cinema .img-cinema {
        left: 131px;
        width: 148px !important;
        height: 229px !important;
        top: 0px;
        z-index: 3; }
      .section-slider .slider-cinema .main-price {
        left: 135px;
        width: 112px;
        height: 112px;
        top: 96px; }
      .section-slider .slider-cinema .price-circle-content {
        font-size: 40px; } }
    @media screen and (min-width: 672px) {
      .section-slider .slider-cinema .text-1 {
        position: absolute;
        top: 676px;
        left: 136px; }
      .section-slider .slider-cinema .deco-1 {
        width: 33px;
        height: 33px;
        top: 582px;
        left: 282px; }
      .section-slider .slider-cinema .deco-2 {
        width: 70px;
        height: 70px;
        top: 101px;
        left: 615px; }
      .section-slider .slider-cinema .img-cinema {
        left: 366px;
        width: 418px !important;
        height: 648px !important;
        top: 65px;
        z-index: 3; }
      .section-slider .slider-cinema .main-price {
        left: 282px;
        width: 315px;
        height: 316px;
        top: 266px; }
      .section-slider .slider-cinema .price-circle-content {
        font-size: 110px; } }
    @media screen and (min-width: 1056px) {
      .section-slider .slider-cinema .text-1 {
        position: absolute;
        top: 509px;
        left: 80px;
        margin-left: auto; }
      .section-slider .slider-cinema .deco-1 {
        width: 22px;
        height: 22px;
        top: 445px;
        left: 135px; }
      .section-slider .slider-cinema .deco-2 {
        width: 48px;
        height: 48px;
        top: 69px;
        left: 354px; }
      .section-slider .slider-cinema .img-cinema {
        left: 246px;
        width: 284px !important;
        height: 441px !important;
        top: 31px;
        z-index: 3; }
      .section-slider .slider-cinema .main-price {
        left: 133px;
        width: 216px;
        height: 216px;
        top: 179px; }
      .section-slider .slider-cinema .price-circle-content {
        font-size: 77px; } }
    @media screen and (min-width: 1302px) {
      .section-slider .slider-cinema .text-1 {
        position: absolute;
        top: 546px;
        left: 108px; }
      .section-slider .slider-cinema .deco-1 {
        width: 22px;
        height: 22px;
        top: 445px;
        left: 135px; }
      .section-slider .slider-cinema .deco-2 {
        width: 48px;
        height: 48px;
        top: 124px;
        left: 381px; }
      .section-slider .slider-cinema .img-cinema {
        left: 246px;
        width: 284px !important;
        height: 441px !important;
        top: 31px;
        z-index: 3; }
      .section-slider .slider-cinema .main-price {
        left: 157px;
        width: 216px;
        height: 216px;
        top: 229px; }
      .section-slider .slider-cinema .price-circle-content {
        font-size: 77px; } }

/*# sourceMappingURL=../maps/tv/tv.css.map */