@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; }

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

.footer-note {
  font-size: 11px;
  margin-top: 20px;
  text-align: left;
  color: #393939; }
  .footer-note > span:not([data-l10n-id]) {
    display: block; }
  .footer-note .exponent {
    display: inline-block;
    margin-right: 5px; }

#lolvisio-banner {
  background-size: 672px auto;
  height: 550px !important;
  background-image: url(../../../images/Telephonie/header/LOLVisio_672x550px.jpg); }

@media screen and (max-width: 671px) {
  .footer-note {
    margin: 20px 0; } }

@media screen and (min-width: 672px) {
  .footer-note {
    margin: 10px 0 35px; }
  .text-highlight {
    font-size: 41px; }
  #lolvisio-banner {
    height: 500px !important;
    background-size: 1056px auto;
    background-image: url(../../../images/Telephonie/header/LOLVisio_1056x500px.jpg); } }

@media screen and (min-width: 1056px) {
  .text-highlight {
    font-size: 44px; }
  .footer-note {
    margin: 0 0 15px; }
  #lolvisio-banner {
    height: 370px !important;
    background-size: 1302px auto;
    background-image: url(../../../images/Telephonie/header/LOLVISIO_1302x370px.jpg); } }

@media screen and (min-width: 1302px) {
  #lolvisio-banner {
    height: 500px !important;
    background-size: 1920px auto;
    background-image: url(../../../images/Telephonie/header/LOLVISIO_1920x500px.jpg); } }

#area-info {
  background-color: #00aae7; }
  #area-info .wife-background {
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center bottom; }
  #area-info .lol-valign-center {
    top: 50%;
    transform: translateY(-50%);
    position: relative; }
    #area-info .contact,#area-info .contact .contact-title h2,#area-info .contact .contact-title p {
      color: white; }
  @media screen and (max-width: 671px) {
    #area-info {
      height: 300px; }
      #area-info .wife-background {
        background-image: url("/images/Internet/offer/contact.png"); }
      #area-info .contact .contact-title h2 {
        font-size: 37px;
        line-height: 46px;
        margin: 0 0 25px; }
      #area-info .contact .contact-title p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 30px;
        line-height: 22px; } }
  @media screen and (min-width: 672px) {
    #area-info {
      height: 300px; }
      #area-info .wife-background {
        background-image: url("/images/Internet/offer/contact.png"); }
      #area-info .contact .contact-title h2 {
        font-size: 37px;
        line-height: 46px;
        margin: 0 0 25px; }
      #area-info .contact .contact-title p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 30px;
        line-height: 22px; } }
  @media screen and (min-width: 1056px) {
    #area-info {
      height: 300px; }
      #area-info .wife-background {
        background-image: url("/images/Internet/offer/contact.png"); }
      #area-info .contact .contact-title h2 {
        font-size: 37px;
        line-height: 46px;
        margin: 0 0 25px; }
      #area-info .contact .contact-title p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 30px;
        line-height: 22px; } }
  @media screen and (min-width: 1302px) {
    #area-info {
      height: 300px; }
      #area-info .wife-background {
        background-image: url("/images/Internet/offer/contact.png"); }
      #area-info .contact .contact-title h2 {
        font-size: 37px;
        line-height: 46px;
        margin: 0 0 25px; }
      #area-info .contact .contact-title p {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 30px;
        line-height: 22px; } }

@media screen and (max-width: 671px) {
  #tarif-details a {
    font-size: 16px !important; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-details {
    height: 820px !important; } }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-details {
    height: 400px !important; }
    #tarif-details #image_top {
      display: none; } }

@media screen and (max-width: 671px) {
  #tarif-details h2 {
    text-align: center; } }
  @media screen and (max-width: 671px) and (max-width: 375px) {
    #tarif-details h2 {
      width: 89%;
      left: 5%;
      position: relative;
      font-size: 22px !important; } }

@media screen and (max-width: 671px) {
  #tarif-details p {
    position: relative;
    left: 8%; } }

@media screen and (min-width: 672px) {
  #tarif-details {
    padding-top: 0;
    height: 536px !important; }
    #tarif-details a {
      font-size: 16px !important; } }

@media screen and (min-width: 1056px) {
  #tarif-details {
    height: 536px !important; }
    #tarif-details a {
      font-size: 16px !important; } }

@media screen and (min-width: 1302px) {
  #tarif-details {
    height: 536px !important; }
    #tarif-details a {
      font-size: 16px !important; } }

#tarif-details .subtitle-tarif {
  text-align: left;
  margin-bottom: 5%; }
  @media screen and (max-width: 671px) {
    #tarif-details .subtitle-tarif {
      font-size: 30px;
      text-align: center;
      margin-top: 0%; } }
  @media screen and (min-width: 672px) {
    #tarif-details .subtitle-tarif {
      padding-top: 70px !important; } }
  @media screen and (min-width: 672px) and (max-width: 844px) {
    #tarif-details .subtitle-tarif {
      font-size: 30px; } }
  @media screen and (min-width: 672px) and (min-width: 845px) {
    #tarif-details .subtitle-tarif {
      font-size: 35px; } }
  @media screen and (min-width: 1056px) {
    #tarif-details .subtitle-tarif {
      font-size: 35px;
      padding-top: 70px !important; } }
  @media screen and (min-width: 1302px) {
    #tarif-details .subtitle-tarif {
      font-size: 35px;
      padding-top: 92px !important; } }

@media screen and (max-width: 671px) {
  #tarif-details .table-details {
    width: 85% !important;
    left: 50%;
    position: relative;
    transform: translateX(-50%); } }

@media screen and (min-width: 672px) {
  #tarif-details .table-details {
    width: 89% !important; } }
  @media screen and (min-width: 672px) and (max-width: 844px) {
    #tarif-details .table-details {
      padding-top: 50px; } }
  @media screen and (min-width: 672px) and (min-width: 845px) {
    #tarif-details .table-details {
      padding-top: 70px; } }

@media screen and (min-width: 1056px) {
  #tarif-details .table-details {
    width: 89% !important;
    padding-top: 70px; } }

@media screen and (min-width: 1302px) {
  #tarif-details .table-details {
    width: 65% !important; } }

#tarif-details .table-cell {
  position: relative;
  z-index: 2; }

#tarif-details .div-main-image {
  position: relative;
  z-index: 1; }

#tarif-details .details-header {
  font-size: 16px;
  color: #fff;
  height: 54px;
  width: 100%;
  font-family: Open Sans, Regular; }

#tarif-details .header-left {
  height: 54px;
  float: left;
  text-align: center;
  border-left: solid #004994;
  border-bottom: solid #004994;
  border-radius: 10px 0 0 0;
  background-color: #004994;
  display: table; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-details .header-left {
    width: 50%; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-details .header-left {
    width: 33%; } }
  @media screen and (min-width: 672px) {
    #tarif-details .header-left {
      width: 34%; } }
  @media screen and (min-width: 1056px) {
    #tarif-details .header-left {
      width: 33%; } }

#tarif-details .header-left span {
  display: table-cell;
  vertical-align: middle; }

#tarif-details .header-right {
  height: 54px;
  float: left;
  text-align: center;
  border-left: solid #004994;
  border-bottom: solid #004994;
  border-right: solid #004994;
  border-radius: 0 10px 0 0;
  background-color: #004994;
  display: table; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-details .header-right {
    width: 50%; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-details .header-right {
    width: 67%; } }
  @media screen and (min-width: 672px) {
    #tarif-details .header-right {
      width: 66%; } }
  @media screen and (min-width: 1056px) {
    #tarif-details .header-right {
      width: 67%; } }

#tarif-details .header-right span {
  display: table-cell;
  vertical-align: middle; }

#tarif-details .image-top {
  height: auto !important;
  width: 100% !important; }

#tarif-details .div-image-right {
  top: inherit;
  transform: inherit;
  position: relative;
  float: right; }

#tarif-details .image-right {
  width: auto !important; }
  @media screen and (min-width: 672px) {
    #tarif-details .image-right {
      height: 536px !important; } }
  @media screen and (min-width: 1056px) {
    #tarif-details .image-right {
      height: 536px !important; } }
  @media screen and (min-width: 1302px) {
    #tarif-details .image-right {
      height: 536px !important; } }

#tarif-details .details-data {
  font-size: 16px;
  color: #004994;
  height: 54px;
  width: 100%; }

#tarif-details .data-left {
  height: 54px;
  float: left;
  text-align: center;
  font-family: Open Sans, SemiBold;
  font-weight: 600;
  border-left: solid #004994;
  border-bottom: solid #004994;
  background-color: #fff;
  display: table; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-details .data-left {
    width: 50%; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-details .data-left {
    width: 33%; } }
  @media screen and (min-width: 672px) {
    #tarif-details .data-left {
      width: 34%; } }
  @media screen and (min-width: 1056px) {
    #tarif-details .data-left {
      width: 33%; } }

#tarif-details .data-left span {
  display: table-cell;
  vertical-align: middle; }

#tarif-details .data-right {
  height: 54px;
  float: left;
  text-align: center;
  font-family: Open Sans, Regular;
  border-left: solid #004994;
  border-bottom: solid #004994;
  border-right: solid #004994;
  background-color: #fff;
  display: table; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-details .data-right {
    width: 50%; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-details .data-right {
    width: 67%; } }
  @media screen and (min-width: 672px) {
    #tarif-details .data-right {
      width: 66%; } }
  @media screen and (min-width: 1056px) {
    #tarif-details .data-right {
      width: 67%; } }

#tarif-details .data-right span {
  display: table-cell;
  vertical-align: middle; }

#tarif-details .details-footer {
  font-size: 16px;
  color: #004994;
  height: 54px;
  width: 100%; }

#tarif-details .footer-left {
  float: left;
  text-align: center;
  font-family: Open Sans, SemiBold;
  font-weight: 600;
  border-left: solid #004994;
  border-bottom: solid #004994;
  border-radius: 0 0 0 10px;
  background-color: #fff;
  display: table; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-details .footer-left {
    width: 50%; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-details .footer-left {
    width: 33%; } }
  @media screen and (min-width: 672px) {
    #tarif-details .footer-left {
      width: 34%; } }
  @media screen and (min-width: 1056px) {
    #tarif-details .footer-left {
      width: 33%; } }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-details .footer-left {
    height: 64px; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-details .footer-left {
    height: 54px; } }
  @media screen and (min-width: 672px) {
    #tarif-details .footer-left {
      height: 54px; } }

@media screen and (min-width: 1056px) and (max-width: 1161px) {
  #tarif-details .footer-left {
    height: 64px; } }

@media screen and (min-width: 1056px) and (min-width: 1162px) {
  #tarif-details .footer-left {
    height: 54px; } }
  @media screen and (min-width: 1302px) {
    #tarif-details .footer-left {
      height: 54px; } }

#tarif-details .footer-left span {
  display: table-cell;
  vertical-align: middle; }

#tarif-details .footer-right {
  float: left;
  text-align: center;
  font-family: Open Sans, Regular;
  border-left: solid #004994;
  border-bottom: solid #004994;
  border-right: solid #004994;
  border-radius: 0 0 10px 0;
  background-color: #fff;
  display: table; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-details .footer-right {
    width: 50%;
    height: 64px; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-details .footer-right {
    height: 54px;
    width: 67%; } }
  @media screen and (min-width: 672px) {
    #tarif-details .footer-right {
      height: 54px;
      width: 66%; } }
  @media screen and (min-width: 1056px) {
    #tarif-details .footer-right {
      width: 67%; } }
  @media screen and (min-width: 1056px) and (max-width: 1161px) {
    #tarif-details .footer-right {
      height: 64px; } }
  @media screen and (min-width: 1056px) and (min-width: 1162px) {
    #tarif-details .footer-right {
      height: 54px; } }
  @media screen and (min-width: 1302px) {
    #tarif-details .footer-right {
      height: 54px;
      width: 67%; } }

#tarif-details .footer-right span {
  display: table-cell;
  vertical-align: middle; }

#tarif-details .footer-note {
  color: #004994;
  margin: 15px 0 15px; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-options {
    padding-top: 38px !important; }
    #tarif-options .section-info {
      margin-top: 30px; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-options {
    padding-top: 67px !important; } }

@media screen and (min-width: 672px) {
  #tarif-options {
    padding-top: 58px !important; } }

@media screen and (min-width: 1056px) {
  #tarif-options {
    padding-top: 58px !important; } }

@media screen and (min-width: 1302px) {
  #tarif-options {
    padding-top: 63px !important; } }

#tarif-options .title-options {
  line-height: 40px;
  margin-top: 0; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-options .title-options {
    font-size: 30px !important; } }

@media screen and (max-width: 671px) and (min-width: 376px) {
  #tarif-options .title-options {
    font-size: 30px !important; } }
  @media screen and (min-width: 672px) {
    #tarif-options .title-options {
      font-size: 37px !important; } }
  @media screen and (min-width: 1056px) {
    #tarif-options .title-options {
      font-size: 37px !important; } }
  @media screen and (min-width: 1302px) {
    #tarif-options .title-options {
      font-size: 35px !important; } }

#tarif-options .offer-item-blue {
  margin-top: 22px; }
  @media (max-width: 375px) {
    #tarif-options .offer-item-blue {
      margin-left: 12px;
      margin-right: 22px; }
      #tarif-options .offer-item-blue .item-header {
        font-size: 25px; } }
  @media (min-width: 376px) {
    #tarif-options .offer-item-blue {
      margin-left: 22px;
      margin-right: 22px; } }

#tarif-options .flickity-button {
  background-color: rgba(0, 170, 231, 0.75) !important;
  color: #ffffff !important; }

#tarif-options .flickity-prev-next-button.previous {
  left: 10px !important; }

#tarif-options .flickity-prev-next-button.next {
  right: 10px !important; }

#tarif-options .option-container {
  border-radius: 10px; }

@media screen and (max-width: 671px) and (max-width: 375px) {
  #tarif-options .option-container {
    width: 80%;
    max-width: 324px; } }

@media screen and (max-width: 671px) and (min-width: 375px) {
  #tarif-options .option-container {
    width: 80%;
    max-width: 475px; } }
  @media screen and (min-width: 672px) {
    #tarif-options .option-container {
      width: 80%;
      max-width: 395px; } }
  @media screen and (min-width: 1056px) {
    #tarif-options .option-container {
      width: 80%;
      max-width: 395px; } }
  @media screen and (min-width: 1302px) {
    #tarif-options .option-container {
      width: 80%;
      max-width: 395px; } }

#tarif-options .div-note {
  width: 100%;
  height: 58px;
  background-color: #EEECEC; }

#tarif-options .footer-note {
  text-align: center;
  position: relative; }
  @media screen and (min-width: 672px) {
    #tarif-options .footer-note {
      top: 15px; } }
  @media screen and (min-width: 1056px) {
    #tarif-options .footer-note {
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (min-width: 1302px) {
    #tarif-options .footer-note {
      top: 50%;
      transform: translateY(-50%); } }

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