@charset "UTF-8";











@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  p, .auto-promo.paragraph--view-mode--message .auto-promo__content .auto-promo-message-title, .auto-promo.paragraph--view-mode--multi .auto-promo__content .auto-promo-message-title {
    font-size: 1.8rem;
    line-height: 2.6rem; } }

@media only screen and (min-width: 768px) {
  p, .auto-promo.paragraph--view-mode--message .auto-promo__content .auto-promo-message-title, .auto-promo.paragraph--view-mode--multi .auto-promo__content .auto-promo-message-title {
    font-size: 2rem;
    line-height: 3rem; } }

.tabs-content p, .tabs-content .auto-promo.paragraph--view-mode--message .auto-promo__content .auto-promo-message-title, .auto-promo.paragraph--view-mode--message .auto-promo__content .tabs-content .auto-promo-message-title, .tabs-content .auto-promo.paragraph--view-mode--multi .auto-promo__content .auto-promo-message-title, .auto-promo.paragraph--view-mode--multi .auto-promo__content .tabs-content .auto-promo-message-title {
  font-size: 1.6rem;
  line-height: 2.4rem; }

@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  .list-numbered li {
    font-size: 1.6rem;
    line-height: 2.4rem; } }

@media only screen and (min-width: 768px) {
  .list-numbered li {
    font-size: 1.8rem;
    line-height: 2.6rem; } }

blockquote {
  font-family: "AcherusBlack", sans-serif;
  margin: 0 0 32px; }
  blockquote::before, blockquote::after {
    display: block;
    height: 24px;
    line-height: 1; }
  blockquote:before {
    color: #58c5c7;
    content: '‘‘ ';
    margin-bottom: 6px; }
  blockquote:after {
    color: #58c5c7;
    content: ' ’’';
    margin-top: 6px; }
  html[lang='fr'] blockquote::before, html[lang='fr'] blockquote::after {
    height: 34px;
    line-height: 34px;
    vertical-align: middle; }
  html[lang='fr'] blockquote:before {
    content: '«';
    margin: -4px 0 6px; }
  html[lang='fr'] blockquote:after {
    content: '»';
    margin: 0; }
  @media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
    blockquote {
      font-size: 2.6rem;
      line-height: 3.6rem; } }
  @media only screen and (min-width: 768px) {
    blockquote {
      font-size: 3.6rem;
      line-height: 4rem; } }

.list-numbered {
  counter-reset: items;
  list-style: none; }
  .list-numbered:last-child {
    margin: 0; }
  .list-numbered li {
    counter-increment: items;
    margin: 0 0 20px;
    padding-left: 38px;
    position: relative; }
    .list-numbered li:last-child {
      margin: 0; }
    .list-numbered li:before {
      content: counter(items);
      left: 0;
      min-width: 18px;
      position: absolute;
      text-align: center;
      top: 0;
      font-size: 2.8rem;
      line-height: 3.2rem; }
    .list-numbered li:after {
      background: #58c5c7;
      content: '';
      display: block;
      height: 2px;
      left: 0;
      position: absolute;
      top: 35px;
      width: 18px; }

.price-with-rebate {
  text-align: center; }
  .price-with-rebate .old-price {
    text-decoration: line-through;
    font-size: 1.4rem; }
  .price-with-rebate .rebate {
    color: #f02244;
    font-family: "AcherusBold", sans-serif;
    margin-left: 10px; }
  .price-with-rebate + p {
    color: #58c5c7;
    font-family: "AcherusBold", sans-serif;
    margin-top: -2px !important;
    text-align: center; }

.auto-promo {
  
  
  
   }
  .auto-promo__wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 55px 28px;
    position: relative; }
    @media only screen and (min-width: 600px) {
      .auto-promo__wrapper {
        padding: 55px; } }
    .auto-promo__wrapper--newsletter {
      flex-wrap: wrap;
      flex-direction: column-reverse;
      padding: 0; }
      @media only screen and (min-width: 600px) {
        .auto-promo__wrapper--newsletter {
          flex-direction: row; }
          .auto-promo__wrapper--newsletter h2 {
            margin-top: 0; } }
  .auto-promo__content {
    margin-left: 0;
    width: 100%; }
    .auto-promo__content h3 + p {
      margin: 20px 0;
      font-size: 1.8rem; }
    .auto-promo__content .btn {
      box-sizing: border-box; }
    .auto-promo__content form label {
      display: none; }
    .auto-promo__content form .btn {
      width: 100%; }
  .auto-promo .media-image {
    align-self: flex-end;
    height: 100%;
    margin-bottom: -55px; }
    .auto-promo .media-image .media-container {
      width: 100%;
      height: 100%; }
  @media only screen and (min-width: 1024px) and (max-width: calc(1200px - 1px)) {
    #list-content-wrapper:not(.map-enabled) .layout-wrapper-cheater-left .auto-promo.paragraph--view-mode--newsletter {
      transform: translateX(-64px);
      width: calc(100% + 64px); } }
  @media only screen and (min-width: 1200px) and (max-width: calc(1559px - 1px)) {
    #list-content-wrapper:not(.map-enabled) .layout-wrapper-cheater-left .auto-promo.paragraph--view-mode--newsletter {
      transform: translateX(-120px);
      width: calc(100% + 120px); } }
  @media only screen and (min-width: 1560px) and (max-width: calc(1680px - 1px)) {
    #list-content-wrapper:not(.map-enabled) .layout-wrapper-cheater-left .auto-promo.paragraph--view-mode--newsletter {
      transform: translateX(calc(-120px - ((100vw - 1440px) / 4)));
      width: calc(100% + 120px + (100vw - 1440px) / 2); } }
  @media only screen and (min-width: 1680px) {
    #list-content-wrapper:not(.map-enabled) .layout-wrapper-cheater-left .auto-promo.paragraph--view-mode--newsletter {
      transform: translateX(calc((100% - 1440px) / -2));
      width: calc(100% + (100vw - 1440px) / 2); } }
  .auto-promo.paragraph--view-mode--newsletter .layout-wrapper {
    max-width: none;
    width: auto; }
  .auto-promo.paragraph--view-mode--newsletter .auto-promo__content {
    flex: 1;
    width: auto;
    padding: 28px; }
  .auto-promo.paragraph--view-mode--newsletter .auto-promo__image {
    aspect-ratio: 375 / 163;
    width: 100%; }
    .map-enabled .auto-promo.paragraph--view-mode--newsletter .auto-promo__image {
      display: none; }
    .auto-promo.paragraph--view-mode--newsletter .auto-promo__image .media-image .media-container img {
      aspect-ratio: 375 / 163;
      position: static; }
    @media only screen and (min-width: 600px) {
      .auto-promo.paragraph--view-mode--newsletter .auto-promo__image {
        aspect-ratio: auto;
        width: calc(100% / 3); }
        .auto-promo.paragraph--view-mode--newsletter .auto-promo__image .media-image .media-container img {
          aspect-ratio: auto;
          position: absolute; } }
  .auto-promo.paragraph--view-mode--newsletter__avelo:not(:has(.auto-promo__image)) > .layout-wrapper {
    padding-inline: 32px; }
    @media only screen and (min-width: 1024px) {
      .auto-promo.paragraph--view-mode--newsletter__avelo:not(:has(.auto-promo__image)) > .layout-wrapper {
        padding-inline: 64px; } }
    @media only screen and (min-width: 1200px) {
      .auto-promo.paragraph--view-mode--newsletter__avelo:not(:has(.auto-promo__image)) > .layout-wrapper {
        padding-inline: 120px; } }
  .auto-promo.paragraph--view-mode--newsletter__avelo:not(:has(.auto-promo__image)) .auto-promo__content {
    padding-inline: 0 !important; }
    @media only screen and (min-width: 768px) {
      .auto-promo.paragraph--view-mode--newsletter__avelo:not(:has(.auto-promo__image)) .auto-promo__content {
        margin: 0 auto;
        max-width: 720px; } }
    @media only screen and (min-width: 1440px) {
      .auto-promo.paragraph--view-mode--newsletter__avelo:not(:has(.auto-promo__image)) .auto-promo__content {
        max-width: 850px; } }
  .auto-promo.paragraph--view-mode--newsletter__avelo .auto-promo__content .layout-wrapper {
    padding-left: 0; }
    .auto-promo.paragraph--view-mode--newsletter__avelo .auto-promo__content .layout-wrapper .alert {
      width: auto; }
      .auto-promo.paragraph--view-mode--newsletter__avelo .auto-promo__content .layout-wrapper .alert button {
        display: none; }
  .auto-promo.paragraph--view-mode--newsletter__avelo .h-level-3 {
    margin-bottom: 20px; }
  .auto-promo.paragraph--view-mode--newsletter__avelo form a {
    text-decoration: underline;
    color: #282f50; }
  .auto-promo.paragraph--view-mode--newsletter__avelo form label {
    display: block;
    flex-shrink: 1; }
  .auto-promo.paragraph--view-mode--newsletter__avelo form .btn-primary {
    background: #282f50;
    display: inline-flex;
    width: auto; }
    .auto-promo.paragraph--view-mode--newsletter__avelo form .btn-primary .icon {
      transition: transform 0.2s; }
    .auto-promo.paragraph--view-mode--newsletter__avelo form .btn-primary:hover .icon {
      transform: translateX(5px); }
  .auto-promo.paragraph--view-mode--newsletter__avelo form .captcha {
    margin-bottom: 20px; }
    .auto-promo.paragraph--view-mode--newsletter__avelo form .captcha .captcha__title {
      display: none; }
  .auto-promo.paragraph--view-mode--default .auto-promo__wrapper {
    flex-direction: column-reverse; }
  .auto-promo.paragraph--view-mode--default .media-image {
    display: block;
    width: 280px;
    height: 280px;
    margin: 55px auto -55px auto; }
    .auto-promo.paragraph--view-mode--default .media-image .media-container {
      width: 280px;
      height: 100%; }
  .auto-promo.paragraph--view-mode--default .auto-promo__content {
    margin-left: 55px;
    max-width: calc(100% - 280px - 55px);
     }
    @media only screen and (min-width: 0) and (max-width: calc(900px - 1px)) {
      .auto-promo.paragraph--view-mode--default .auto-promo__content {
        margin-left: 0;
        max-width: none; } }
    @media only screen and (min-width: 0) and (max-width: calc(900px - 1px)) {
      .auto-promo.paragraph--view-mode--default .auto-promo__content .btn {
        width: 100%; } }
    .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div {
      text-align: left !important; }
      .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form {
        margin: 0 !important;
        padding: 0 !important; }
        .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 20px !important; }
          @media only screen and (min-width: 667px) {
            .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content {
              align-items: center;
              flex-wrap: nowrap;
              margin-bottom: 0; } }
          .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content input {
            border-radius: 0 !important;
            height: 50px !important;
            padding: 0 10px !important; }
            .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content input[type="text"], .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content input[type="email"], .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content input[type="phone"] {
              width: 250px !important; }
          .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content ._button-wrapper {
            margin-top: 0 !important; }
            .auto-promo.paragraph--view-mode--default .auto-promo__content .active-campaign-form > div form ._form-content ._button-wrapper button {
              font-family: "AcherusBold", sans-serif !important;
              font-size: 1.4rem !important;
              height: 50px !important;
              line-height: normal !important;
              padding: 0 40px !important;
              margin-top: 8px !important; }
  @media only screen and (min-width: 900px) {
    .auto-promo.paragraph--view-mode--default .auto-promo__wrapper {
      flex-direction: row; }
    .auto-promo.paragraph--view-mode--default .media-image {
      margin: 0;
      margin-bottom: -55px; } }
  .auto-promo.paragraph--view-mode--message, .auto-promo.paragraph--view-mode--multi {
    margin: 0 auto 55px;
    max-width: 784px;
    padding: 0 32px;
    position: relative; }
    @media only screen and (min-width: 1440px) {
      .auto-promo.paragraph--view-mode--message, .auto-promo.paragraph--view-mode--multi {
        max-width: 914px; } }
    @media only screen and (min-width: 0) and (max-width: calc(600px - 1px)) {
      .page-node-type-itinerary .map-enabled .list-content .auto-promo.paragraph--view-mode--message, .page-node-type-itinerary .map-enabled .list-content .auto-promo.paragraph--view-mode--multi {
        padding: 0; } }
    @media only screen and (min-width: 600px) and (max-width: calc(768px - 1px)) {
      .page-node-type-itinerary .map-enabled .list-content .auto-promo.paragraph--view-mode--message, .page-node-type-itinerary .map-enabled .list-content .auto-promo.paragraph--view-mode--multi {
        padding: 0 32px 0 0; } }
    @media only screen and (min-width: 768px) and (max-width: calc(900px - 1px)) {
      .page-node-type-itinerary .map-enabled .list-content .auto-promo.paragraph--view-mode--message, .page-node-type-itinerary .map-enabled .list-content .auto-promo.paragraph--view-mode--multi {
        padding: 0 28px; } }
    @media only screen and (min-width: 900px) {
      .map-enabled .list-content .auto-promo.paragraph--view-mode--message, .map-enabled .list-content .auto-promo.paragraph--view-mode--multi {
        padding: 0; } }
    @media only screen and (min-width: 1024px) {
      .map-enabled .list-content .auto-promo.paragraph--view-mode--message, .map-enabled .list-content .auto-promo.paragraph--view-mode--multi {
        transform: translate(0, 0); } }
    @media (max-width: 899px), (min-width: 2160px) and (orientation: portrait) {
      .explore-iframe-content .map-enabled.map-visible .list-content .auto-promo.paragraph--view-mode--message, .explore-iframe-content .map-enabled.map-visible .list-content .auto-promo.paragraph--view-mode--multi {
        display: none; } }
    .list-content .auto-promo.paragraph--view-mode--message, .list-content .auto-promo.paragraph--view-mode--multi {
      list-style: none; }
      .list-content .auto-promo.paragraph--view-mode--message:first-child, .list-content .auto-promo.paragraph--view-mode--multi:first-child {
        max-width: 720px; }
      @media only screen and (min-width: 1024px) and (max-width: calc(1200px - 1px)) {
        .list-content .auto-promo.paragraph--view-mode--message, .list-content .auto-promo.paragraph--view-mode--multi {
          transform: translate(-32px, 0); } }
      @media only screen and (min-width: 1200px) and (max-width: calc(1680px - 1px)) {
        .list-content .auto-promo.paragraph--view-mode--message, .list-content .auto-promo.paragraph--view-mode--multi {
          transform: translate(-64px, 0); } }
      @media only screen and (min-width: 1680px) {
        .list-content .auto-promo.paragraph--view-mode--message, .list-content .auto-promo.paragraph--view-mode--multi {
          transform: translate(calc(((100vw - 1440px) / -4)), 0); } }
    .list-item + .auto-promo.paragraph--view-mode--message, .list-item + .auto-promo.paragraph--view-mode--multi {
      margin-top: -58px;
      max-width: var(--list-layout-width);
      padding: 0 32px; }
      @media only screen and (min-width: 900px) {
        .list-item + .auto-promo.paragraph--view-mode--message, .list-item + .auto-promo.paragraph--view-mode--multi {
          margin-bottom: 82px;
          margin-top: -136px; } }
    .auto-promo.paragraph--view-mode--message .auto-promo__wrapper, .auto-promo.paragraph--view-mode--multi .auto-promo__wrapper {
      background: none;
      border: 1px solid rgba(40, 47, 80, 0.25);
      border-radius: 8px;
      padding: 20px; }
      @media only screen and (min-width: 900px) {
        .auto-promo.paragraph--view-mode--message .auto-promo__wrapper, .auto-promo.paragraph--view-mode--multi .auto-promo__wrapper {
          padding-right: 65px; } }
    .auto-promo.paragraph--view-mode--message .auto-promo__content, .auto-promo.paragraph--view-mode--multi .auto-promo__content {
      display: block;
      margin-left: 0;
      max-width: none; }
      .auto-promo.paragraph--view-mode--message .auto-promo__content .layout-wysiwyg, .auto-promo.paragraph--view-mode--multi .auto-promo__content .layout-wysiwyg {
        margin: 0;
        padding: 0; }
    .auto-promo.paragraph--view-mode--message a.auto-promo__content:hover, .auto-promo.paragraph--view-mode--multi a.auto-promo__content:hover {
      text-decoration: none; }
      .auto-promo.paragraph--view-mode--message a.auto-promo__content:hover .layout-wysiwyg > *:last-child:after, .auto-promo.paragraph--view-mode--multi a.auto-promo__content:hover .layout-wysiwyg > *:last-child:after {
        transform: translate(5px, 0); }
        @media only screen and (min-width: 900px) {
          .auto-promo.paragraph--view-mode--message a.auto-promo__content:hover .layout-wysiwyg > *:last-child:after, .auto-promo.paragraph--view-mode--multi a.auto-promo__content:hover .layout-wysiwyg > *:last-child:after {
            transform: translate(5px, -100%); } }
    .auto-promo.paragraph--view-mode--message a.auto-promo__content .layout-wysiwyg > *:last-child:after, .auto-promo.paragraph--view-mode--multi a.auto-promo__content .layout-wysiwyg > *:last-child:after {
      content: url("../../../svg/icons/arrow-short.svg");
      display: inline-block;
      height: 14px;
      margin: 0 0 0 10px;
      transition: transform linear 0.15s;
      width: 13px; }
      @media only screen and (min-width: 900px) {
        .auto-promo.paragraph--view-mode--message a.auto-promo__content .layout-wysiwyg > *:last-child:after, .auto-promo.paragraph--view-mode--multi a.auto-promo__content .layout-wysiwyg > *:last-child:after {
          position: absolute;
          right: 25px;
          top: 50%;
          transform: translate(0, -100%); } }

/*# sourceMappingURL=auto_promos.css.map */