@charset "UTF-8";
/* FONT-FAMILY */
/* TAILLES */
/* URL */
/* BREAKPOINTS */
/* 576px */
/* 768px */
/* 1152px */
/* 1200px */
/**
  SPACERS
 */
/**
  BORDERS
 */
/**
	TRANSITIONS TIMERS
 */
/* FONT-FAMILY */
/* TAILLES */
/* URL */
/* BREAKPOINTS */
/* 576px */
/* 768px */
/* 1152px */
/* 1200px */
/**
  SPACERS
 */
/**
  BORDERS
 */
/**
	TRANSITIONS TIMERS
 */
/* DESAMBIGUISATION -- AUTOCOMPLETE */
.tn-autocomplete, .desambiguisation {
  position: absolute;
  z-index: 9991; }
  @media (min-width: 48em) {
    .tn-autocomplete, .desambiguisation {
      margin-top: 0.8rem; } }
  .tn-autocomplete ul, .desambiguisation ul {
    border-radius: 0.5rem;
    overflow: hidden;
    overflow-y: auto;
    z-index: 200;
    width: 100%;
    padding: 0;
    color: #0088CE;
    font-size: 1.2rem;
    list-style: none;
    position: absolute;
    cursor: default;
    border-width: 0.1rem;
    border-style: solid;
    background-color: #FFF; }
    .tn-autocomplete ul li, .desambiguisation ul li {
      cursor: pointer;
      border-top: 0.1rem solid #e8e8e8;
      background-color: #FFF;
      height: 4rem;
      line-height: 4rem !important;
      font-weight: normal;
      padding-left: 1.5rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .tn-autocomplete ul li .tnicons, .desambiguisation ul li .tnicons {
        font-size: 1.6rem;
        line-height: 4rem !important;
        color: #0088CE;
        vertical-align: middle; }
      .tn-autocomplete ul li[role=option]:hover, .tn-autocomplete ul li.hover, .tn-autocomplete ul li.item-compl:hover, .tn-autocomplete ul li.item-compl.hover, .desambiguisation ul li[role=option]:hover, .desambiguisation ul li.hover, .desambiguisation ul li.item-compl:hover, .desambiguisation ul li.item-compl.hover {
        background-color: #0088CE;
        color: #FFF; }
        .tn-autocomplete ul li[role=option]:hover a, .tn-autocomplete ul li.hover a, .tn-autocomplete ul li.item-compl:hover a, .tn-autocomplete ul li.item-compl.hover a, .desambiguisation ul li[role=option]:hover a, .desambiguisation ul li.hover a, .desambiguisation ul li.item-compl:hover a, .desambiguisation ul li.item-compl.hover a {
          color: #FFF; }
        .tn-autocomplete ul li[role=option]:hover .tnicons, .tn-autocomplete ul li.hover .tnicons, .tn-autocomplete ul li.item-compl:hover .tnicons, .tn-autocomplete ul li.item-compl.hover .tnicons, .desambiguisation ul li[role=option]:hover .tnicons, .desambiguisation ul li.hover .tnicons, .desambiguisation ul li.item-compl:hover .tnicons, .desambiguisation ul li.item-compl.hover .tnicons {
          color: #FFF; }
      .tn-autocomplete ul li.titre-liste-desambig-autocomp, .desambiguisation ul li.titre-liste-desambig-autocomp {
        cursor: default;
        color: #1A1A1A;
        font-size: 1.4rem;
        font-weight: 600;
        text-transform: uppercase; }
      .tn-autocomplete ul li a:hover, .desambiguisation ul li a:hover {
        text-decoration: none; }
      .tn-autocomplete ul li:last-child, .desambiguisation ul li:last-child {
        border-top: 0.1rem solid #e8e8e8; }
    .tn-autocomplete ul .ui-autocomplete-category, .desambiguisation ul .ui-autocomplete-category {
      text-transform: uppercase;
      background: #e8e8e8; }
    .tn-autocomplete ul strong, .desambiguisation ul strong {
      color: #0088CE;
      font-weight: 400; }
    .tn-autocomplete ul .type-city,
    .tn-autocomplete ul .type-favorite,
    .tn-autocomplete ul .type-interest,
    .tn-autocomplete ul .type-metro,
    .tn-autocomplete ul .type-station, .desambiguisation ul .type-city,
    .desambiguisation ul .type-favorite,
    .desambiguisation ul .type-interest,
    .desambiguisation ul .type-metro,
    .desambiguisation ul .type-station {
      padding-left: 3.5rem; }

.desambiguisation ul {
  max-height: 15.2rem;
  border-color: #C7244B; }

.tn-autocomplete ul {
  max-height: 20rem;
  border-color: #0088CE; }

.basic-text-field--error .react-tn-autocomplete-input-container .react-tn-autocomplete ul,
.basic-text-field--error .react-tn-autocomplete-input-container .react-tn-autocomplete--open {
  border-color: #C7244B; }

.autocomplete__container {
  position: relative; }

.autocomplete__clear-button {
  position: absolute;
  right: 1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: .4rem .8rem; }
  .autocomplete__clear-button *::-ms-backdrop, .autocomplete__clear-button:focus {
    outline: none; }
  .autocomplete__clear-button:hover *::-ms-backdrop, .autocomplete__clear-button:hover:focus:after, .autocomplete__clear-button:focus *::-ms-backdrop, .autocomplete__clear-button:focus:focus:after, .autocomplete__clear-button:active *::-ms-backdrop, .autocomplete__clear-button:active:focus:after {
    border: 0.1rem dotted currentColor;
    content: "";
    position: absolute;
    top: 0;
    left: 8%;
    display: block;
    width: 80%;
    height: 95%; }
  .autocomplete__clear-button:hover, .autocomplete__clear-button:focus {
    text-decoration: none; }
  .autocomplete__clear-button i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #797676; }

.autocomplete__input {
  padding-right: 4rem !important; }

.react-tn-autocomplete-input-container {
  position: relative; }
  .react-tn-autocomplete-input-container ::-webkit-scrollbar {
    width: 1.2rem; }
  .react-tn-autocomplete-input-container ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);
    border-radius: 0.5rem; }
  .react-tn-autocomplete-input-container ::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.5); }
  .react-tn-autocomplete-input-container .react-tn-autocomplete--open {
    width: 100%;
    max-height: 20rem;
    z-index: 9991;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    border-width: 0.1rem;
    border-style: solid;
    border-color: #0088CE;
    border-radius: 0.5rem;
    background-color: #FFF; }
    @media (min-width: 48em) {
      .react-tn-autocomplete-input-container .react-tn-autocomplete--open {
        margin-top: 0.8rem; } }
    .react-tn-autocomplete-input-container .react-tn-autocomplete--open .react-tn-autocomplete-section-title {
      cursor: default;
      color: #1A1A1A;
      background-color: #FFF;
      font-size: 1.4rem;
      font-weight: 600;
      text-transform: uppercase;
      border-top: 0.1rem solid #e8e8e8;
      height: 4rem;
      line-height: 4rem !important;
      padding-left: 1.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .react-tn-autocomplete-input-container .react-tn-autocomplete--open .react-tn-autocomplete-section-title i.tnicons {
        margin-right: 1rem;
        font-size: 2rem; }
    .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul {
      width: 100%;
      padding: 0;
      color: #0088CE;
      font-size: 1.2rem;
      list-style: none;
      cursor: default;
      margin: 0; }
      .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li a.tnicons-favorite-place-modify-link {
        position: absolute;
        top: -4rem;
        right: 0;
        padding: 0 0.3rem;
        margin-right: 1rem;
        line-height: 4rem;
        border: 0.1rem dotted transparent;
        font-size: 2rem; }
        .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li a.tnicons-favorite-place-modify-link > i.tnicons {
          color: #0088CE;
          margin: 0; }
        .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li a.tnicons-favorite-place-modify-link:focus, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li a.tnicons-favorite-place-modify-link:active {
          outline-offset: -0.1rem; }
      .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li.hover a.tnicons-favorite-place-modify-link {
        border-color: currentColor; }
      .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item {
        cursor: pointer;
        border-top: 0.1rem solid #e8e8e8;
        height: 4rem;
        line-height: 4rem !important;
        font-weight: normal;
        padding-left: 1.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item .tnicons {
          font-size: 1.6rem;
          line-height: 4rem !important;
          color: #0088CE;
          vertical-align: middle;
          padding-left: 0.5rem; }
        .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; }
          .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav.disabled, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav:disabled, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav[disabled], .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position.disabled, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position:disabled, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position[disabled] {
            background-color: #d9d9d9;
            color: #545454;
            cursor: default; }
            .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav.disabled > i, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav:disabled > i, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav[disabled] > i, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position.disabled > i, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position:disabled > i, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position[disabled] > i {
              color: #545454; }
          .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav > i, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position > i {
            font-size: 2.2rem;
            margin-right: 1rem;
            width: 3rem;
            text-align: center;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 3rem;
                    flex: 0 0 3rem; }
          .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav .autocomplete-item-fav-title, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position .autocomplete-item-fav-title {
            text-transform: uppercase; }
          .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav .autocomplete-item-fav-content, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position .autocomplete-item-fav-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            line-height: 1.6rem !important; }
            .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-fav .autocomplete-item-fav-content .autocomplete-item-fav-label, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li .react-tn-autocomplete-item.autocomplete-item-position .autocomplete-item-fav-content .autocomplete-item-fav-label {
              color: #1A1A1A; }
      .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li[role=option]:hover, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li.hover {
        background-color: #0088CE;
        color: #FFF; }
        .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li[role=option]:hover .react-tn-autocomplete-item:not([disabled]) .tnicons,
        .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li[role=option]:hover .react-tn-autocomplete-item:not([disabled]) .autocomplete-item-fav-content .autocomplete-item-fav-label, .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li.hover .react-tn-autocomplete-item:not([disabled]) .tnicons,
        .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li.hover .react-tn-autocomplete-item:not([disabled]) .autocomplete-item-fav-content .autocomplete-item-fav-label {
          color: #FFF; }
      .react-tn-autocomplete-input-container .react-tn-autocomplete--open ul li:last-child {
        border-top: 0.1rem solid #e8e8e8; }

.react-tn-autocomplete-option {
  position: relative; }

/* FONT-FAMILY */
/* TAILLES */
/* URL */
/* BREAKPOINTS */
/* 576px */
/* 768px */
/* 1152px */
/* 1200px */
/**
  SPACERS
 */
/**
  BORDERS
 */
/**
	TRANSITIONS TIMERS
 */
.radio-button {
  color: #1F1F1F;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif; }
  .radio-button__list {
    list-style: none;
    padding: 0;
    display: inline-block; }
  .radio-button__list-item {
    margin-bottom: 1rem; }
    .radio-button__list-item.focus-within {
      outline: 0.1rem dotted #0088CE;
      outline-offset: 0.3rem; }
    .radio-button__list-item *::-ms-backdrop, .radio-button__list-item.focus-within {
      outline: 0;
      position: relative; }
    .radio-button__list-item *::-ms-backdrop, .radio-button__list-item.focus-within:after {
      border: 0.1rem dotted #0088CE;
      content: "";
      position: absolute;
      top: 7%;
      left: -2%;
      display: block;
      width: 103%;
      height: 100%; }
    .radio-button__list-item--horizontal {
      display: inline-block;
      margin-right: 3rem; }
  .radio-button__legend {
    font-weight: bold; }
  .radio-button__input[type="radio"]:checked, .radio-button__input[type="radio"]:not(:checked) {
    position: absolute;
    left: -999.9rem; }
  .radio-button__input[type="radio"]:checked + label,
  .radio-button__input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 2.8rem;
    cursor: pointer;
    line-height: 2rem;
    display: inline-block; }
  .radio-button__input[type="radio"]:checked + label:before,
  .radio-button__input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 1.3rem;
    height: 1.3rem;
    border: 0.1rem solid #0088CE;
    border-radius: 100%;
    background: #FFF; }
  .radio-button__input[type="radio"]:checked + label:after,
  .radio-button__input[type="radio"]:not(:checked) + label:after {
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    background: #0088CE;
    position: absolute;
    top: 0.5rem;
    left: 0.3rem;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .radio-button__input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0); }
  .radio-button__input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .radio-button__label {
    font-size: 1.4rem;
    vertical-align: middle;
    margin: 0.3rem 0 0; }

.bypass-modes-lines ul {
  padding: 0;
  list-style: none; }

.bypass-popover {
  position: absolute;
  display: none;
  top: 0.2rem;
  left: 5.8rem;
  min-height: 5.8rem;
  background: #E5F3FA;
  color: #1F1F1F;
  font-size: 1.4rem;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  padding: 0 1rem;
  border-left: 1rem solid #c3e3f3;
  z-index: 2;
  font-weight: normal;
  height: 100%; }
  .bypass-popover .arrow {
    position: absolute;
    left: -1.6rem;
    right: 0;
    top: 50%; }
  .bypass-popover .arrow:after {
    position: absolute;
    bottom: -0.4rem;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #c3e3f3 transparent;
    border-width: 0.5rem 0.8rem 0.5rem 0; }
  .bypass-popover__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 20rem;
    padding: 1rem 0;
    height: 100%; }
    @media (min-width: 36em) {
      .bypass-popover__content {
        min-width: 25rem; } }

.bypass-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.5rem; }
  .bypass-row .bypass-row__mode label,
  .bypass-row .bypass-line label {
    width: 5rem;
    height: 6rem;
    padding: 0;
    position: relative;
    cursor: pointer; }
  .bypass-row .bypass-row__mode {
    padding: 0 0 0.5rem;
    margin-right: 2.5rem;
    position: relative; }
    .bypass-row .bypass-row__mode i.tnicons-chevron {
      color: #0088CE;
      font-size: 0.9rem;
      position: absolute;
      right: -2.5rem;
      top: 2.2rem; }
    .bypass-row .bypass-row__mode label:hover .bypass-popover {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .bypass-row .bypass-row__mode.bypass-row__mode--BUS .bypass-popover {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .bypass-row .bypass-row__mode.bypass-row__mode--BUS label:after {
      display: none; }
    .bypass-row .bypass-row__mode input {
      display: block;
      opacity: 0;
      z-index: -100; }
    .bypass-row .bypass-row__mode input + span.bypass-mode__overlay {
      background-color: #0088CE;
      width: 5rem;
      height: 6rem;
      padding: 0.5rem;
      border: 0.1rem solid transparent;
      border-radius: 0.8rem;
      position: absolute;
      top: 0;
      left: 0; }
      .bypass-row .bypass-row__mode input + span.bypass-mode__overlay svg {
        display: block; }
        .bypass-row .bypass-row__mode input + span.bypass-mode__overlay svg.svgmode {
          width: 3.8rem;
          height: 3.8rem; }
        .bypass-row .bypass-row__mode input + span.bypass-mode__overlay svg.svgbypass-line {
          margin-top: 0.7rem;
          width: 3.8rem;
          height: 0.3rem;
          fill: #FFF; }
      .bypass-row .bypass-row__mode input + span.bypass-mode__overlay .svgmode__bg {
        fill: #0088CE; }
      .bypass-row .bypass-row__mode input + span.bypass-mode__overlay .svgmode__fg {
        fill: #FFF; }
    .bypass-row .bypass-row__mode input:focus + span.bypass-mode__overlay {
      outline: 0.1rem dotted #0088CE;
      outline-offset: 0.3rem; }
    .bypass-row .bypass-row__mode input:checked + span.bypass-mode__overlay {
      background-color: #AFAFAF; }
      .bypass-row .bypass-row__mode input:checked + span.bypass-mode__overlay .svgmode__bg {
        fill: #AFAFAF; }
  .bypass-row .bypass-row__lines {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .bypass-row .bypass-row__lines ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .bypass-row .bypass-row__lines ul li {
        padding: 0 1.5rem 0.5rem 0; }
    .bypass-row .bypass-row__lines input {
      display: block;
      opacity: 0;
      z-index: -100; }
      .bypass-row .bypass-row__lines input + span.bypass-line__overlay {
        width: 5rem;
        height: 6rem;
        padding: 0.5rem;
        border: 0.1rem solid transparent;
        border-radius: 0.8rem;
        position: absolute;
        top: 0;
        left: 0; }
        .bypass-row .bypass-row__lines input + span.bypass-line__overlay svg {
          display: block; }
          .bypass-row .bypass-row__lines input + span.bypass-line__overlay svg.svgline {
            width: 3.8rem;
            height: 3.8rem; }
          .bypass-row .bypass-row__lines input + span.bypass-line__overlay svg.svgbypass-line {
            margin-top: 0.7rem;
            width: 3.8rem;
            height: 0.3rem; }
      .bypass-row .bypass-row__lines input:focus + span.bypass-line__overlay {
        outline: 0.1rem dotted #0088CE;
        outline-offset: 0.3rem; }
      .bypass-row .bypass-row__lines input:checked + span.bypass-line__overlay {
        background-color: #AFAFAF; }
        .bypass-row .bypass-row__lines input:checked + span.bypass-line__overlay .svgline__bg {
          fill: #AFAFAF; }
        .bypass-row .bypass-row__lines input:checked + span.bypass-line__overlay .svgline__fg,
        .bypass-row .bypass-row__lines input:checked + span.bypass-line__overlay svg.svgbypass-line {
          fill: #FFF; }
        .bypass-row .bypass-row__lines input:checked + span.bypass-line__overlay .svgline-metro .svgline__fg {
          fill: #AFAFAF; }
        .bypass-row .bypass-row__lines input:checked + span.bypass-line__overlay .svgline-metro .svgline__bg,
        .bypass-row .bypass-row__lines input:checked + span.bypass-line__overlay .svgline-metro svg.svgbypass-line {
          fill: #FFF; }
    .bypass-row .bypass-row__lines input[value=RER_A] + span.bypass-line__overlay .svgbypass-line {
      fill: #d56033; }
    .bypass-row .bypass-row__lines input[value=RER_B] + span.bypass-line__overlay .svgbypass-line {
      fill: #4c8fcf; }
    .bypass-row .bypass-row__lines input[value=RER_C] + span.bypass-line__overlay .svgbypass-line {
      fill: #ebc900; }
    .bypass-row .bypass-row__lines input[value=RER_D] + span.bypass-line__overlay .svgbypass-line {
      fill: #00ac65; }
    .bypass-row .bypass-row__lines input[value=RER_E] + span.bypass-line__overlay .svgbypass-line {
      fill: #d27db6; }
    .bypass-row .bypass-row__lines input[value=TRAIN_H] + span.bypass-line__overlay .svgbypass-line {
      fill: #a25155; }
    .bypass-row .bypass-row__lines input[value=TRAIN_J] + span.bypass-line__overlay .svgbypass-line {
      fill: #c9d022; }
    .bypass-row .bypass-row__lines input[value=TRAIN_K] + span.bypass-line__overlay .svgbypass-line {
      fill: #C4A600; }
    .bypass-row .bypass-row__lines input[value=TRAIN_L] + span.bypass-line__overlay .svgbypass-line {
      fill: #797ebe; }
    .bypass-row .bypass-row__lines input[value=TRAIN_N] + span.bypass-line__overlay .svgbypass-line {
      fill: #37b7ae; }
    .bypass-row .bypass-row__lines input[value=TRAIN_P] + span.bypass-line__overlay .svgbypass-line {
      fill: #f9b100; }
    .bypass-row .bypass-row__lines input[value=TRAIN_R] + span.bypass-line__overlay .svgbypass-line {
      fill: #ecbcd7; }
    .bypass-row .bypass-row__lines input[value=TRAIN_U] + span.bypass-line__overlay .svgbypass-line {
      fill: #f00076; }
    .bypass-row .bypass-row__lines input[value=METRO_1] + span.bypass-line__overlay .svgbypass-line {
      fill: #f3ca0e; }
    .bypass-row .bypass-row__lines input[value=METRO_2] + span.bypass-line__overlay .svgbypass-line {
      fill: #006cba; }
    .bypass-row .bypass-row__lines input[value=METRO_3] + span.bypass-line__overlay .svgbypass-line {
      fill: #9a9a38; }
    .bypass-row .bypass-row__lines input[value=METRO_3bis] + span.bypass-line__overlay .svgbypass-line {
      fill: #86d3df; }
    .bypass-row .bypass-row__lines input[value=METRO_4] + span.bypass-line__overlay .svgbypass-line {
      fill: #bd4a99; }
    .bypass-row .bypass-row__lines input[value=METRO_5] + span.bypass-line__overlay .svgbypass-line {
      fill: #f88f44; }
    .bypass-row .bypass-row__lines input[value=METRO_6] + span.bypass-line__overlay .svgbypass-line {
      fill: #75c795; }
    .bypass-row .bypass-row__lines input[value=METRO_7] + span.bypass-line__overlay .svgbypass-line {
      fill: #f79db3; }
    .bypass-row .bypass-row__lines input[value=METRO_7bis] + span.bypass-line__overlay .svgbypass-line {
      fill: #75c795; }
    .bypass-row .bypass-row__lines input[value=METRO_8] + span.bypass-line__overlay .svgbypass-line {
      fill: #c6a2cd; }
    .bypass-row .bypass-row__lines input[value=METRO_9] + span.bypass-line__overlay .svgbypass-line {
      fill: #ceca03; }
    .bypass-row .bypass-row__lines input[value=METRO_10] + span.bypass-line__overlay .svgbypass-line {
      fill: #e1b129; }
    .bypass-row .bypass-row__lines input[value=METRO_11] + span.bypass-line__overlay .svgbypass-line {
      fill: #8f6534; }
    .bypass-row .bypass-row__lines input[value=METRO_12] + span.bypass-line__overlay .svgbypass-line {
      fill: #008e5a; }
    .bypass-row .bypass-row__lines input[value=METRO_13] + span.bypass-line__overlay .svgbypass-line {
      fill: #86d3df; }
    .bypass-row .bypass-row__lines input[value=METRO_14] + span.bypass-line__overlay .svgbypass-line {
      fill: #682a91; }
    .bypass-row .bypass-row__lines input[value=TRAM_T1] + span.bypass-line__overlay .svgbypass-line {
      fill: #006cba; }
    .bypass-row .bypass-row__lines input[value=TRAM_T2] + span.bypass-line__overlay .svgbypass-line {
      fill: #bd479d; }
    .bypass-row .bypass-row__lines input[value=TRAM_T3a] + span.bypass-line__overlay .svgbypass-line {
      fill: #f88f44; }
    .bypass-row .bypass-row__lines input[value=TRAM_T3b] + span.bypass-line__overlay .svgbypass-line {
      fill: #008c59; }
    .bypass-row .bypass-row__lines input[value=TRAM_T4] + span.bypass-line__overlay .svgbypass-line {
      fill: #fdc400; }
    .bypass-row .bypass-row__lines input[value=TRAM_T5] + span.bypass-line__overlay .svgbypass-line {
      fill: #d27db6; }
    .bypass-row .bypass-row__lines input[value=TRAM_T6] + span.bypass-line__overlay .svgbypass-line {
      fill: #f0121c; }
    .bypass-row .bypass-row__lines input[value=TRAM_T7] + span.bypass-line__overlay .svgbypass-line {
      fill: #8b5f2c; }
    .bypass-row .bypass-row__lines input[value=TRAM_T8] + span.bypass-line__overlay .svgbypass-line {
      fill: #99982c; }
    .bypass-row .bypass-row__lines input[value=TRAM_T11] + span.bypass-line__overlay .svgbypass-line {
      fill: #ef6b53; }

@media (min-width: 48em) {
  .tab-content-forms #itinerary-form,
  .tab-content-forms #form-itineraire {
    -webkit-box-shadow: 0 0.2rem 1rem 0 #989696;
            box-shadow: 0 0.2rem 1rem 0 #989696; } }

#form-itineraire {
  min-height: 28.1rem;
  border-radius: .5rem;
  background-color: #FFF;
  position: relative;
  z-index: 1040; }

.itinerary-loading-placeholder {
  text-align: center;
  padding: 6rem 0;
  min-height: 20rem; }

.recap-itinerary {
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  border: 0.1rem solid #AFAFAF;
  border-radius: 1rem;
  padding: 1rem;
  position: relative; }
  @media (min-width: 36em) {
    .recap-itinerary {
      text-align: center; }
      .recap-itinerary h1 {
        margin-bottom: 1rem;
        font-size: 2.4rem;
        text-transform: uppercase; } }
  .recap-itinerary ul {
    overflow: hidden;
    padding-left: 1rem;
    margin: 1rem 0; }
    .recap-itinerary ul li {
      list-style: none;
      float: left;
      width: 100%; }
      .recap-itinerary ul li .recap-itinerary__icon {
        text-align: center;
        float: left;
        width: 10%; }
        .recap-itinerary ul li .recap-itinerary__icon--icon-departure {
          height: 1.3rem;
          margin-top: 0.3rem; }
      .recap-itinerary ul li .recap-itinerary__icon.tnicons-edit {
        float: none;
        position: absolute;
        bottom: 0;
        right: 0; }
      .recap-itinerary ul li div {
        float: left;
        width: 86%; }
  .recap-itinerary.recap-itinerary-editable span {
    color: #0088CE; }

.itinerary-form {
  min-height: 57.9rem;
  border-radius: 0.5rem;
  background-color: #FFF;
  position: relative;
  z-index: unset; }
  @media (min-width: 48em) {
    .itinerary-form {
      min-height: 26.2rem;
      z-index: 1040; }
      .itinerary-form #itinerary-form-arrival {
        padding-left: 2.4rem; } }
  @media (min-width: 48em) {
    .itinerary-form > form {
      padding: 1.5rem 1.5rem 0; } }
  .itinerary-form__button-options {
    padding: 1.3rem 0; }
  .itinerary-form h2.itinerary-title {
    margin-bottom: 2.1rem;
    font-size: 2.4rem;
    overflow: hidden; }
    .itinerary-form h2.itinerary-title span span {
      font-size: 1.6rem; }
      @media (max-width: 47.94em) {
        .itinerary-form h2.itinerary-title span span {
          display: none; } }
  .itinerary-form .itinerary-search-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 48em) {
      .itinerary-form .itinerary-search-container {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin: 0 -1.5rem; } }
    .itinerary-form .itinerary-search-container__label {
      font-size: 1.6rem; }
    .itinerary-form .itinerary-search-container__field {
      position: relative; }
      @media (max-width: 47.94em) {
        .itinerary-form .itinerary-search-container__field:last-child {
          padding-top: 1.5rem; } }
      @media (min-width: 48em) {
        .itinerary-form .itinerary-search-container__field {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          padding: 0 1.5rem; } }
      @media (max-width: 47.94em) {
        .itinerary-form .itinerary-search-container__field--arrival .message-block--error,
        .itinerary-form .itinerary-search-container__field--arrival .message-block--info,
        .itinerary-form .itinerary-search-container__field--arrival .message-block--default {
          width: 75%; } }
    .itinerary-form .itinerary-search-container__button {
      position: absolute;
      left: -3rem;
      z-index: 1;
      bottom: -0.7rem; }
      @media (max-width: 47.94em) {
        .itinerary-form .itinerary-search-container__button {
          bottom: 4rem;
          top: -webkit-calc(50% - 6.1rem);
          top: calc(50% - 6.1rem);
          left: 80%; } }
      @media (max-width: 35.94em) {
        .itinerary-form .itinerary-search-container__button {
          left: 75%; } }
  .itinerary-form .input-datepicker input {
    height: 5.3rem;
    width: 100%;
    font-size: 1.6rem;
    background: transparent url(../img/picto/calendar-icon.svg) no-repeat 95% 1.8rem;
    background-size: 1.5rem 1.5rem; }
    @media (max-width: 47.94em) {
      .itinerary-form .input-datepicker input {
        padding-left: 1rem; } }
    @media (max-width: 320px) {
      .itinerary-form .input-datepicker input {
        font-size: 1.4rem;
        background-position: 93% 1.7rem; } }
  .itinerary-form .tn-input-time ::-webkit-scrollbar {
    width: 1.2rem; }
  .itinerary-form .tn-input-time ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);
    border-radius: 0.5rem; }
  .itinerary-form .tn-input-time ::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.5); }
  .itinerary-form .dropdown-hours {
    max-height: 18.4rem;
    min-width: 9.6rem;
    left: -0.1rem;
    right: 2.3rem !important;
    font-size: 1.2rem;
    border: 0.1rem solid #0088CE;
    margin-top: 1rem;
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    padding: .5rem 0;
    list-style: none;
    text-align: left;
    background-color: #FFF;
    border-radius: .4rem;
    -webkit-box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.18);
            box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.18);
    background-clip: padding-box;
    overflow-y: auto; }
    .itinerary-form .dropdown-hours li {
      display: block;
      background-color: #FFF;
      color: #0088CE;
      min-height: 2.4rem;
      line-height: 2.4rem;
      padding: 1rem; }
      .itinerary-form .dropdown-hours li.selected {
        font-weight: bold; }
      .itinerary-form .dropdown-hours li:hover {
        cursor: pointer;
        background-color: #e8e8e8; }
  .itinerary-form #itinerary-more-options-panel h3 {
    margin-bottom: 0.5rem;
    margin-top: 0 !important;
    font-size: 1.4rem;
    font-weight: bold;
    padding-top: 0; }
    .itinerary-form #itinerary-more-options-panel h3:first-letter {
      text-transform: uppercase; }
  .itinerary-form #itinerary-more-options-panel .itinerary-bypass-station-container .itinerary-bypass-station-form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .itinerary-form #itinerary-more-options-panel .itinerary-bypass-station-container .itinerary-bypass-station-form-container > div {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .itinerary-form #itinerary-more-options-panel .itinerary-bypass-station-container .itinerary-bypass-station-form-container > div .react-tn-autocomplete--open {
        min-width: 27rem; }
    .itinerary-form #itinerary-more-options-panel .itinerary-bypass-station-container .itinerary-bypass-station-form-container .btn-valider {
      margin-left: 1.5rem;
      background-color: #FFF;
      border: 0.1rem solid #0088CE;
      color: #0088CE;
      border-radius: 0.5rem;
      padding: .6rem 1.2rem; }
      .itinerary-form #itinerary-more-options-panel .itinerary-bypass-station-container .itinerary-bypass-station-form-container .btn-valider:hover {
        color: #00669b;
        border-color: #00669b; }
  .itinerary-form #itinerary-more-options-panel .itinerary-bypass-station-container > .itinerary-bypass-station-result-container p {
    font-size: 1.4rem;
    color: #666; }
  .itinerary-form #itinerary-more-options-panel .itinerary-bypass-station-container > .itinerary-bypass-station-result-container button {
    color: #0088CE;
    text-transform: uppercase;
    font-size: 1.1rem;
    cursor: pointer; }
    .itinerary-form #itinerary-more-options-panel .itinerary-bypass-station-container > .itinerary-bypass-station-result-container button:before {
      content: " ";
      position: relative;
      background-image: url(../../../img/common/sprite.png?v47);
      background-position: 0 -49.5rem;
      width: 0.7rem;
      height: 0.7rem;
      margin-right: 0.7rem;
      display: inline-block; }
  .itinerary-form #itinerary-more-options-panel .itinerary-preference-journey-container ul {
    list-style: none;
    padding: 0; }
  .itinerary-form #itinerary-more-options-panel .itinerary-preference-journey-container label {
    padding-left: 4.5rem;
    padding-right: 0.5rem;
    text-align: center;
    font-family: "Avenir LT Std 55 Roman", Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    display: table-cell;
    height: 4.9rem;
    border-radius: 0.3rem;
    color: #1F1F1F;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    width: inherit;
    line-height: 1.4rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .itinerary-form #itinerary-more-options-panel .itinerary-preference-journey-container label.focus-within {
      outline: 0.1rem dotted #0088CE;
      outline-offset: 0.3rem; }
    .itinerary-form #itinerary-more-options-panel .itinerary-preference-journey-container label:before {
      content: " ";
      position: absolute;
      background-image: url(../../img/common/sprite.png?v47);
      background-position: 0 -144.5rem;
      width: 1.5rem;
      height: 1.6rem;
      top: 1.6rem;
      left: 1.5rem; }
    .itinerary-form #itinerary-more-options-panel .itinerary-preference-journey-container label.checked:before {
      background-position: 0 -147rem; }
  .itinerary-form #itinerary-more-options-panel .itinerary-preference-journey-container input[type="radio"] {
    position: relative;
    width: 1rem;
    height: 1rem;
    top: -0.1rem;
    left: -2.9rem;
    z-index: -1;
    margin: 0;
    vertical-align: middle;
    display: inline-block; }

.itinerary-link-next-departure {
  background-color: #E5F3FA;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  margin: 1.5rem 0 0;
  padding: 1.1rem 3rem;
  text-align: right;
  color: #1F1F1F;
  font-size: 1.2rem;
  font-family: "Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif; }

#form-temps-reel {
  border-radius: 0.5rem;
  background-color: #FFF;
  position: relative;
  z-index: 998;
  padding-bottom: 2.6rem; }
  @media (min-width: 48em) {
    #form-temps-reel {
      -webkit-box-shadow: 0 0.2rem 1rem 0 #989696;
              box-shadow: 0 0.2rem 1rem 0 #989696; } }

/** Spécifique au champs gare d'arrivée des prochains départs **/
.next-departure-served-station {
  position: relative;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  color: #1A1A1A;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 4.8rem;
  margin-bottom: 2.5rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }
  @media (min-width: 48em) {
    .next-departure-served-station {
      padding-top: 2.7rem; } }
  .next-departure-served-station select {
    height: 5.4rem; }
  .next-departure-served-station .dropdown-toggle:focus {
    border: 0.3rem solid #0088CE; }
  .next-departure-served-station span {
    font-size: 1.6rem;
    color: #1A1A1A; }

#champs-gare-container {
  margin-bottom: 2.5rem;
  position: relative; }

.list-pmr-checkbox-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: 5.2rem; }
  @media (max-width: 47.94em) {
    .list-pmr-checkbox-trigger {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .list-pmr-checkbox-trigger > label {
    margin-bottom: 0;
    font-weight: normal; }
  .list-pmr-checkbox-trigger input[type=checkbox] {
    margin: -.1rem 0 0;
    vertical-align: middle; }

.next-departure-loading-placeholder {
  text-align: center;
  padding: 6rem 0;
  min-height: 20rem; }

/* COMPOSANT FORMULAIRE PROCHAINS DEPARTS */
.next-departure-search {
  padding: 1.5rem; }
  .next-departure-search__title {
    font-size: 2.4rem;
    margin-bottom: 2.1rem;
    margin-top: 2rem;
    color: #1A1A1A; }
  .next-departure-search__subtitle {
    font-size: 1.6rem; }
  .next-departure-search__error {
    min-height: 4.4rem; }
  .next-departure-search__label {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
    color: #1F1F1F; }

#info-trafic {
  margin-bottom: 2rem;
  margin-top: 2.2rem;
  margin-left: 2rem;
  /* ICONES TYPE DE TRANSPORT */
  /* ICONES PERTURBATION  */
  /* COULEURS DES TRAITS CONTENEUR LIGNE INFO TRAFIC */ }
  #info-trafic .intro-info-trafic {
    font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: #1A1A1A;
    margin: 0; }
  #info-trafic .container-info-trafic {
    padding: 4rem 0 1rem;
    margin-left: -1.3rem; }
  #info-trafic .container-title-option {
    border-radius: 0.4rem;
    padding: 2rem 0 1.5rem;
    margin: 0; }
    #info-trafic .container-title-option h2 {
      margin: 0;
      font-size: 2.4rem;
      color: #1A1A1A;
      display: inline-block; }
    #info-trafic .container-title-option span {
      font-size: 1.6rem; }
  #info-trafic .container-popin-trafic-alert {
    position: relative; }
  #info-trafic .second-container-alert {
    position: relative;
    height: 3.2rem;
    text-align: right; }
    #info-trafic .second-container-alert .popover {
      max-width: none;
      background: #E5F3FA;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #1F1F1F;
      border: 0 none; }
      #info-trafic .second-container-alert .popover.bottom {
        left: -2.6rem !important;
        top: 4rem !important; }
      #info-trafic .second-container-alert .popover.bottom > .arrow {
        border-bottom-color: transparent;
        top: -1rem;
        left: 75% !important; }
      #info-trafic .second-container-alert .popover h4 {
        margin-top: 0;
        margin-bottom: 0;
        text-transform: none;
        font-size: 2.4rem; }
      #info-trafic .second-container-alert .popover p {
        white-space: pre-line; }
      #info-trafic .second-container-alert .popover #close-pushcrea-line {
        position: absolute;
        top: 1.2rem;
        right: 1.1rem; }
  #info-trafic .ico-type-transport-container .transport-select {
    /* CONTENEURS GENERAUX DES ICONES */
    /* CONTENEURS GENERAUX DES ICONES */ }
    #info-trafic .ico-type-transport-container .transport-select ul li:not(.header-transport) button {
      width: 8.5rem;
      height: 6rem;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0.8rem; }
    #info-trafic .ico-type-transport-container .transport-select ul li:not(.header-transport) button {
      width: 8.5rem;
      height: 6rem;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0.8rem; }
    #info-trafic .ico-type-transport-container .transport-select button img {
      width: 3.6rem;
      height: 3.6rem; }
    #info-trafic .ico-type-transport-container .transport-select .header-transport {
      margin-right: 2rem; }
      @media (max-width: 47.94em) {
        #info-trafic .ico-type-transport-container .transport-select .header-transport {
          margin-right: 1rem; } }
      #info-trafic .ico-type-transport-container .transport-select .header-transport div {
        color: #0088CE;
        text-align: center;
        width: 6.8rem;
        margin-top: 0.9rem; }
        #info-trafic .ico-type-transport-container .transport-select .header-transport div img {
          width: 4.3rem;
          height: 4.3rem; }
        #info-trafic .ico-type-transport-container .transport-select .header-transport div strong {
          color: #0088CE;
          font-size: 1.2rem;
          text-transform: uppercase;
          font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
          font-weight: 700;
          display: block;
          line-height: 2; }
  #info-trafic .intitule-detail-info-trafic {
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #1F1F1F;
    position: relative; }
    #info-trafic .intitule-detail-info-trafic .closing-button {
      color: #0088CE;
      border: 0 none;
      background-color: transparent;
      right: 1.6rem;
      top: -1.6rem;
      position: absolute; }
    #info-trafic .intitule-detail-info-trafic h3 {
      font-family: "Avenir LT Std 55 Roman", Arial, Helvetica, sans-serif;
      font-size: 2.2rem; }
      #info-trafic .intitule-detail-info-trafic h3 .status-trafic-container {
        font-size: 1.6rem;
        font-family: "Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif; }
    #info-trafic .intitule-detail-info-trafic span {
      vertical-align: middle; }
      #info-trafic .intitule-detail-info-trafic span.trafic {
        display: inline-block;
        width: 2.2rem;
        height: 1.8rem; }
        #info-trafic .intitule-detail-info-trafic span.trafic img {
          vertical-align: top; }
      #info-trafic .intitule-detail-info-trafic span.travaux {
        display: inline-block;
        width: 2.4rem;
        height: 2.3rem; }
        #info-trafic .intitule-detail-info-trafic span.travaux img {
          vertical-align: top;
          width: 2.4rem;
          height: 2.3rem; }
  #info-trafic #info-trafic-choix-transport ul {
    padding: 0;
    list-style: none;
    overflow: inherit; }
    #info-trafic #info-trafic-choix-transport ul ul {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-align: left;
          -ms-flex-align: left;
              align-items: left; }
    #info-trafic #info-trafic-choix-transport ul li {
      margin: 0 1rem 1.5rem 0; }
      #info-trafic #info-trafic-choix-transport ul li li {
        float: left; }
      #info-trafic #info-trafic-choix-transport ul li.header-transport {
        margin: 0 4.8rem 1.5rem 0; }
  #info-trafic #info-trafic-choix-transport .transport-select {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #info-trafic #info-trafic-choix-transport button {
    margin-bottom: 1.5rem;
    border: 0.2rem solid transparent;
    /* LIGNE SELECTIONNE */ }
    #info-trafic #info-trafic-choix-transport button:focus {
      outline: 0.1rem dotted #0088CE;
      outline-offset: 0.7rem; }
    #info-trafic #info-trafic-choix-transport button.ligne-perturbee {
      border: 0.2rem solid #cbcbcb;
      border-radius: 0.5rem;
      position: relative;
      padding: 0.8rem; }
      #info-trafic #info-trafic-choix-transport button.ligne-perturbee:focus {
        outline-offset: 0.7rem; }
      #info-trafic #info-trafic-choix-transport button.ligne-perturbee span {
        width: 2.1rem;
        height: 1.8rem;
        left: 5.2rem;
        position: absolute; }
        #info-trafic #info-trafic-choix-transport button.ligne-perturbee span img {
          width: auto;
          height: auto; }
      #info-trafic #info-trafic-choix-transport button.ligne-perturbee .picto-icv-trafic {
        top: 0.3rem;
        color: #dc0052; }
      #info-trafic #info-trafic-choix-transport button.ligne-perturbee .picto-icv-travaux {
        top: 2.5rem;
        color: #ea663a; }
    #info-trafic #info-trafic-choix-transport button[aria-expanded=true] {
      border: 0.2rem solid;
      border-radius: 0.5rem;
      position: relative;
      /* LIGNES RER */
      /* LIGNES DE TRAIN */
      /* LIGNES TRAMWAY */
      /* LIGNES METRO */ }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true]:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        left: 40%;
        bottom: -1rem;
        border-top: 1rem;
        border-bottom: 0;
        border-left: 1rem;
        border-right: 1rem;
        border-style: solid;
        border-color: transparent; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rera {
        border-color: #d56033; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rera:after {
          border-top-color: #d56033; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rerb {
        border-color: #4c8fcf; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rerb:after {
          border-top-color: #4c8fcf; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rerc {
        border-color: #ebc900; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rerc:after {
          border-top-color: #ebc900; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rerd {
        border-color: #00ac65; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rerd:after {
          border-top-color: #00ac65; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rere {
        border-color: #d27db6; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].rere:after {
          border-top-color: #d27db6; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trah {
        border-color: #a25155; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trah:after {
          border-top-color: #a25155; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].traj {
        border-color: #c9d022; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].traj:after {
          border-top-color: #c9d022; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trak {
        border-color: #C4A600; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trak:after {
          border-top-color: #C4A600; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].tral {
        border-color: #797ebe; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].tral:after {
          border-top-color: #797ebe; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].tran {
        border-color: #37b7ae; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].tran:after {
          border-top-color: #37b7ae; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trap {
        border-color: #f9b100; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trap:after {
          border-top-color: #f9b100; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trar {
        border-color: #ecbcd7; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trar:after {
          border-top-color: #ecbcd7; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trau {
        border-color: #f00076; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].trau:after {
          border-top-color: #f00076; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t1 {
        border-color: #006cba; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t1:after {
          border-top-color: #006cba; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t2 {
        border-color: #bd479d; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t2:after {
          border-top-color: #bd479d; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t3 {
        border-color: #f88f44; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t3:after {
          border-top-color: #f88f44; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t3b {
        border-color: #008c59; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t3b:after {
          border-top-color: #008c59; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t4 {
        border-color: #fdc400; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t4:after {
          border-top-color: #fdc400; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t5 {
        border-color: #d27db6; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t5:after {
          border-top-color: #d27db6; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t6 {
        border-color: #f0121c; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t6:after {
          border-top-color: #f0121c; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t7 {
        border-color: #8b5f2c; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t7:after {
          border-top-color: #8b5f2c; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t8 {
        border-color: #99982c; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t8:after {
          border-top-color: #99982c; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t11 {
        border-color: #ef6b53; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].t11:after {
          border-top-color: #ef6b53; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m1 {
        border-color: #f3ca0e; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m1:after {
          border-top-color: #f3ca0e; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m2 {
        border-color: #006cba; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m2:after {
          border-top-color: #006cba; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m3 {
        border-color: #9a9a38; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m3:after {
          border-top-color: #9a9a38; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m3b {
        border-color: #86d3df; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m3b:after {
          border-top-color: #86d3df; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m4 {
        border-color: #bd4a99; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m4:after {
          border-top-color: #bd4a99; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m5 {
        border-color: #f88f44; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m5:after {
          border-top-color: #f88f44; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m6 {
        border-color: #75c795; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m6:after {
          border-top-color: #75c795; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m7 {
        border-color: #f79db3; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m7:after {
          border-top-color: #f79db3; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m7b {
        border-color: #75c795; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m7b:after {
          border-top-color: #75c795; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m8 {
        border-color: #c6a2cd; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m8:after {
          border-top-color: #c6a2cd; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m9 {
        border-color: #ceca03; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m9:after {
          border-top-color: #ceca03; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m10 {
        border-color: #e1b129; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m10:after {
          border-top-color: #e1b129; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m11 {
        border-color: #8f6534; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m11:after {
          border-top-color: #8f6534; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m12 {
        border-color: #008e5a; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m12:after {
          border-top-color: #008e5a; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m13 {
        border-color: #86d3df; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m13:after {
          border-top-color: #86d3df; }
      #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m14 {
        border-color: #682a91; }
        #info-trafic #info-trafic-choix-transport button[aria-expanded=true].m14:after {
          border-top-color: #682a91; }
  #info-trafic .container-panel-trafic {
    padding: 2rem 0;
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid;
    border-radius: 0.4rem; }
    #info-trafic .container-panel-trafic h4 {
      text-transform: uppercase;
      margin-top: 4.5rem;
      margin-bottom: 2.4rem; }
    #info-trafic .container-panel-trafic ul, #info-trafic .container-panel-trafic li {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    #info-trafic .container-panel-trafic .hp-tf-item-disruption {
      border-bottom: solid 0.1rem #e8e8e8;
      margin-bottom: 1rem; }
      #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header {
        font-size: 1.4rem;
        text-decoration: none;
        position: relative;
        padding: 0 1rem 1rem; }
        #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header button {
          display: table;
          width: 100%;
          background: transparent;
          border: 0 none;
          text-align: left;
          padding: 0; }
          #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header button:focus {
            outline: 0.1rem dotted #0088CE;
            outline-offset: 0.5rem; }
          #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header button > span {
            display: table-cell;
            vertical-align: middle;
            padding: 0 0.5rem; }
            #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header button > span.disruption-icon img {
              width: 3rem;
              height: 2.7rem; }
            #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header button > span.bus-substitution-icon {
              padding-top: 0.4rem; }
            #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header button > span.titre-perturbation {
              word-break: break-word; }
            #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header button > span.titre-perturbation.bus {
              width: 76%; }
            #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header button > span.titre-perturbation.no-bus {
              width: 79.5%; }
        #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header .hp-tf-item-disruption-header-accordeon {
          display: table-cell;
          width: 17%;
          color: #0088CE; }
          #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header .hp-tf-item-disruption-header-accordeon span {
            font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif;
            font-size: 1.3rem; }
      #info-trafic .container-panel-trafic .hp-tf-item-disruption .disruption-icon,
      #info-trafic .container-panel-trafic .hp-tf-item-disruption .bus-substitution-icon,
      #info-trafic .container-panel-trafic .hp-tf-item-disruption .hp-tf-item-disruption-header .closing-button {
        display: table-cell; }
    #info-trafic .container-panel-trafic .more-disruption-to-come-up-toggle {
      text-transform: uppercase;
      font-size: 1.2rem;
      color: #0088CE;
      font-weight: 600;
      border: 0 none;
      background-color: transparent; }
      #info-trafic .container-panel-trafic .more-disruption-to-come-up-toggle:focus {
        outline-offset: 0.5rem; }
    #info-trafic .container-panel-trafic .station-for-more-container {
      margin-top: 5rem;
      font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif; }
      #info-trafic .container-panel-trafic .station-for-more-container p {
        margin: 0;
        font-size: 1.4rem; }
      #info-trafic .container-panel-trafic .station-for-more-container .station-for-more-link {
        text-align: right; }
        @media (max-width: 76.8rem) {
          #info-trafic .container-panel-trafic .station-for-more-container .station-for-more-link {
            text-align: left; } }
        #info-trafic .container-panel-trafic .station-for-more-container .station-for-more-link a.link-action-home {
          margin-left: 0; }
  #info-trafic .perturbation-content {
    position: relative;
    overflow-wrap: break-word; }
  #info-trafic #detail-trafic-H .container-panel-trafic {
    border-color: #a25155; }
  #info-trafic #detail-trafic-J .container-panel-trafic {
    border-color: #c9d022; }
  #info-trafic #detail-trafic-K .container-panel-trafic {
    border-color: #C4A600; }
  #info-trafic #detail-trafic-L .container-panel-trafic {
    border-color: #797ebe; }
  #info-trafic #detail-trafic-N .container-panel-trafic {
    border-color: #37b7ae; }
  #info-trafic #detail-trafic-P .container-panel-trafic {
    border-color: #f9b100; }
  #info-trafic #detail-trafic-R .container-panel-trafic {
    border-color: #ecbcd7; }
  #info-trafic #detail-trafic-U .container-panel-trafic {
    border-color: #f00076; }
  #info-trafic #detail-trafic-A .container-panel-trafic {
    border-color: #d56033; }
  #info-trafic #detail-trafic-B .container-panel-trafic {
    border-color: #4c8fcf; }
  #info-trafic #detail-trafic-C .container-panel-trafic {
    border-color: #ebc900; }
  #info-trafic #detail-trafic-D .container-panel-trafic {
    border-color: #00ac65; }
  #info-trafic #detail-trafic-E .container-panel-trafic {
    border-color: #d27db6; }
  #info-trafic #detail-trafic-T1 .container-panel-trafic {
    border-color: #006cba; }
  #info-trafic #detail-trafic-T2 .container-panel-trafic {
    border-color: #bd479d; }
  #info-trafic #detail-trafic-T3B .container-panel-trafic {
    border-color: #008c59; }
  #info-trafic #detail-trafic-T4 .container-panel-trafic {
    border-color: #fdc400; }
  #info-trafic #detail-trafic-T5 .container-panel-trafic {
    border-color: #d27db6; }
  #info-trafic #detail-trafic-T6 .container-panel-trafic {
    border-color: #f0121c; }
  #info-trafic #detail-trafic-T7 .container-panel-trafic {
    border-color: #8b5f2c; }
  #info-trafic #detail-trafic-T8 .container-panel-trafic {
    border-color: #99982c; }
  #info-trafic #detail-trafic-T11 .container-panel-trafic {
    border-color: #ef6b53; }
  #info-trafic #detail-trafic-m1 .container-panel-trafic {
    border-color: #f3ca0e; }
  #info-trafic #detail-trafic-m2 .container-panel-trafic {
    border-color: #006cba; }
  #info-trafic #detail-trafic-m3 .container-panel-trafic {
    border-color: #9a9a38; }
  #info-trafic #detail-trafic-m3B .container-panel-trafic {
    border-color: #86d3df; }
  #info-trafic #detail-trafic-m4 .container-panel-trafic {
    border-color: #bd4a99; }
  #info-trafic #detail-trafic-m5 .container-panel-trafic {
    border-color: #f88f44; }
  #info-trafic #detail-trafic-m6 .container-panel-trafic {
    border-color: #75c795; }
  #info-trafic #detail-trafic-m7 .container-panel-trafic {
    border-color: #f79db3; }
  #info-trafic #detail-trafic-m8 .container-panel-trafic {
    border-color: #c6a2cd; }
  #info-trafic #detail-trafic-m9 .container-panel-trafic {
    border-color: #ceca03; }
  #info-trafic #detail-trafic-m10 .container-panel-trafic {
    border-color: #e1b129; }
  #info-trafic #detail-trafic-m11 .container-panel-trafic {
    border-color: #8f6534; }
  #info-trafic #detail-trafic-m12 .container-panel-trafic {
    border-color: #008e5a; }
  #info-trafic #detail-trafic-m13 .container-panel-trafic {
    border-color: #86d3df; }
  #info-trafic #detail-trafic-m14 .container-panel-trafic {
    border-color: #682a91; }

/* LISTE DES TRAJETS FAVORIS */
.next-departure-favorite-container {
  padding: 1.5rem 0; }

.list-favorite-container {
  padding: 1.5rem 0;
  border-top: 0.1rem solid #cccccc;
  margin: 0; }
  .list-favorite-container #collapse-nd-favorite-list,
  .list-favorite-container #collapse-ri-favorite-list {
    clear: both; }
  .list-favorite-container .btn-favorite-list {
    border: 0 none;
    background: none;
    text-align: left;
    padding: 0 3rem 0 0; }
    @media (max-width: 47.94em) {
      .list-favorite-container .btn-favorite-list {
        width: 100%; } }
    .list-favorite-container .btn-favorite-list:focus {
      outline-offset: 0.1rem;
      outline: 0.1rem dotted #0088CE; }
  .list-favorite-container p {
    margin: 0; }
  .list-favorite-container button[aria-expanded="false"] {
    background: url(../img/homepage/chevron-bas.png) no-repeat right center; }
  .list-favorite-container button[aria-expanded="true"] {
    background: url(../img/homepage/chevron-haut.png) no-repeat right center; }
  .list-favorite-container ul {
    list-style-type: none;
    margin-top: 1rem;
    padding-left: 0;
    border-bottom: 0.1rem solid #cccccc; }
  .list-favorite-container li {
    border-bottom: 0.1rem solid #cccccc;
    font-size: 1.4rem;
    margin: 0;
    line-height: normal; }
    .list-favorite-container li:first-child a {
      border-top: 0.1rem solid #cccccc; }
    .list-favorite-container li .favorite-departure-label,
    .list-favorite-container li .favorite-arrival-label {
      font-family: "Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif;
      font-size: 1.4rem;
      padding: 0;
      float: left;
      width: 80%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-transform: lowercase; }
      .list-favorite-container li .favorite-departure-label::first-letter,
      .list-favorite-container li .favorite-arrival-label::first-letter {
        text-transform: uppercase; }
  .list-favorite-container .link-favorite-search-line {
    padding: 1rem 1.1rem;
    text-decoration: none;
    color: #3e3e40;
    display: block;
    overflow: hidden; }
    @media (max-width: 47.94em) {
      .list-favorite-container .link-favorite-search-line {
        padding: 1rem 0; }
        .list-favorite-container .link-favorite-search-line .pre-label {
          font-weight: normal;
          width: 10%;
          float: left; } }
    @media (max-width: 47.94em) {
      .list-favorite-container .link-favorite-search-line div.decalage {
        padding-left: 0; }
        .list-favorite-container .link-favorite-search-line div.decalage.vertical-space {
          margin-bottom: 1rem; } }
    .list-favorite-container .link-favorite-search-line .right-arrow {
      width: 10%; }
    .list-favorite-container .link-favorite-search-line .search-favorite-wording {
      text-transform: uppercase;
      color: #0088CE;
      font-weight: 600; }
      @media (max-width: 47.94em) {
        .list-favorite-container .link-favorite-search-line .search-favorite-wording {
          display: inline-block;
          text-indent: 3rem;
          white-space: nowrap;
          overflow: hidden;
          position: absolute;
          right: 0;
          bottom: 0;
          background: url(../img/picto/tn-icon-search.svg) no-repeat center center;
          width: 2rem; } }
  .list-favorite-container .container-my-favorites-departures .search-favorite-wording {
    bottom: 0.9rem;
    text-align: right; }
  .list-favorite-container a.link-favorite-search-line:hover,
  .list-favorite-container a.link-favorite-search-line:focus,
  .list-favorite-container a.link-favorite-search-line:active {
    background-color: #def0f9;
    position: relative; }

/* LISTE DES ITINERAIRES ET PROCHAINS DEPARTS FAVORIS */
.favorite-itineraries-header,
.favorite-next-departures-header {
  display: inline-block; }

.favorite-itineraries-button,
.favorite-next-departures-button {
  display: block; }
  @media (min-width: 48em) {
    .favorite-itineraries-button,
    .favorite-next-departures-button {
      display: inline-block; } }
  .favorite-itineraries-button__title,
  .favorite-next-departures-button__title {
    position: relative;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1F1F1F; }
    @media (min-width: 48em) {
      .favorite-itineraries-button__title,
      .favorite-next-departures-button__title {
        font-size: 1.6rem; } }
    .favorite-itineraries-button__title > .tnicons-chevron,
    .favorite-next-departures-button__title > .tnicons-chevron {
      font-size: .8rem;
      margin-left: 1.5rem; }
    .favorite-itineraries-button__title > .tnicons-star,
    .favorite-next-departures-button__title > .tnicons-star {
      margin-right: .8rem;
      color: #ffb612;
      font-size: 1.8rem;
      line-height: normal;
      vertical-align: middle; }

.favorite-itineraries__edit,
.favorite-next-departures__edit {
  color: #0088CE;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 600;
  margin-left: .3rem; }
  .contrast .favorite-itineraries__edit, .contrast
  .favorite-next-departures__edit {
    color: #00689e; }
  @media (max-width: 47.94em) {
    .favorite-itineraries__edit,
    .favorite-next-departures__edit {
      display: block;
      margin-left: 2.7rem;
      margin-top: 0.5rem; } }
  .favorite-itineraries__edit:focus,
  .favorite-next-departures__edit:focus {
    color: #005783; }
    .contrast .favorite-itineraries__edit:focus, .contrast
    .favorite-next-departures__edit:focus {
      color: #004466; }

.favorite-itineraries__body,
.favorite-next-departures__body {
  display: block; }

.favorite-itineraries__empty,
.favorite-next-departures__empty {
  padding: 1rem 2.6rem 0;
  display: block;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif; }

.favorite-next-departures__item-header {
  background: url(../img/picto/picto-gare.svg) no-repeat left center;
  padding-left: 4rem;
  margin: 0 0 0.5rem -1.2rem; }

.pmr-elevator__elevators-count {
  color: #0088CE;
  text-decoration: underline; }
  .contrast .pmr-elevator__elevators-count {
    color: #00689e; }

.pmr-elevator__elevators-button {
  padding: 0;
  background: none;
  border: none; }
  .pmr-elevator__elevators-button:focus {
    outline-offset: .1rem; }

.pmr-summary {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 0.1rem solid #d2d2d2;
  border-bottom: 0.1rem solid #d2d2d2; }
  .pmr-summary__content {
    margin: 2rem 0 0;
    font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
    font-size: 1.4rem; }
  .pmr-summary__title {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1rem; }
  .pmr-summary__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 1.1rem; }
    @media (min-width: 48em) {
      .pmr-summary__list {
        margin-top: 1.3rem; } }
  .pmr-summary__list-item {
    font-size: 1.3rem;
    font-family: "Avenir LT Std 55 Roman", Arial, Helvetica, sans-serif;
    position: relative;
    padding-left: 2rem;
    color: #1F1F1F; }
    .pmr-summary__list-item:last-child {
      margin-bottom: .6rem; }
    .pmr-summary__list-item:before {
      background-color: #0088CE;
      position: absolute;
      content: " ";
      width: .8rem;
      height: .8rem;
      margin-right: .1rem;
      border-radius: .5rem;
      display: inline-block;
      top: .5rem;
      left: .1rem; }
      .contrast .pmr-summary__list-item:before {
        background-color: #00689e; }

.pmr-summary-dropdown {
  text-align: left;
  background: none;
  border: 0 none;
  width: 100%;
  position: relative;
  padding: 0; }
  .pmr-summary-dropdown:focus {
    outline-offset: 0.3rem;
    color: #0088CE; }
  .pmr-summary-dropdown[aria-expanded="true"] .pmr-summary-dropdown__show-hide-trigger i {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .pmr-summary-dropdown__show-hide-trigger {
    border: 0 none;
    padding: 0;
    line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0.2rem;
    color: #0088CE;
    font-size: 1rem; }
    .pmr-summary-dropdown__show-hide-trigger i {
      -webkit-transition: 0.4s ease;
      transition: 0.4s ease; }
  .pmr-summary-dropdown__icon-list {
    margin: 0;
    width: 100%;
    display: inline-block; }
  .pmr-summary-dropdown__label-icons-list {
    border: 0 none;
    padding: 0;
    line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 11rem;
    font-size: 1.4rem;
    color: #1a1a1a; }
    @media (max-width: 991px) {
      .pmr-summary-dropdown__label-icons-list {
        width: 100%;
        margin-top: 0.8rem; } }
  .pmr-summary-dropdown__icon {
    width: 2rem;
    height: 2rem; }
  .pmr-summary-dropdown__icon-list-label {
    display: inline-block;
    padding-right: 1.7rem; }

.panel-elevators__title {
  font-size: 2rem;
  text-align: center;
  padding: 2rem 0; }

.panel-elevators__subtitle {
  padding-top: 0.5rem;
  font-size: 1.4rem;
  font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; }

.panel-elevators__stoparea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.panel-elevators__stoparea-icon {
  font-size: 2rem; }

.panel-elevators__stoparea-label {
  font-size: 1.4rem;
  padding: 1rem 0 0 1rem;
  text-transform: uppercase; }

.panel-elevators__lists {
  padding-top: 3rem; }

.panel-elevators__list {
  list-style: none;
  padding: 0; }

.panel-elevators__list-header {
  font-size: 1.4rem;
  font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; }

.panel-elevators__item {
  position: relative;
  padding: 1rem 0 0 2rem;
  font-size: 1.3rem; }
  .panel-elevators__item--available:before {
    content: "";
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHJva2U9IiMzNGFiMDAiPjxnPgk8cGF0aCBkPSJNMiAxMCBMNiAxNSBMMTYgNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjQiIC8+PC9nPjwvc3ZnPg0K") no-repeat center;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    left: 0.1rem;
    top: 1.2rem; }
  .panel-elevators__item--unavailable:before {
    content: "";
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3Ryb2tlPSIjZGMwMDUyIj48bGluZSB4MT0iMSIgeTE9IjEuNSIgeDI9IjI4LjUiIHkyPSIyOC41IiBzdHJva2Utd2lkdGg9IjQiIC8+PGxpbmUgeDE9IjI5IiB5MT0iMS41IiB4Mj0iMSIgeTI9IjI4LjUiIHN0cm9rZS13aWR0aD0iNCIgLz48L3N2Zz4NCg==") no-repeat center;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: 1.4rem;
    position: absolute;
    left: 0.2rem;
    top: 1.3rem; }
  .panel-elevators__item--unknown:before {
    content: "";
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgY2xhc3M9InN2Z21zZyBzdmdtc2ctaW5mbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeD0iMHB4IiB5PSIwcHgiCSB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIHN0cm9rZT0iIzFmMWYxZiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiAvPjxsaW5lIHgxPSIxNSIgeTE9IjUiIHgyPSIxNSIgeTI9IjE5IiBzdHJva2U9IiMxZjFmMWYiIHN0cm9rZS13aWR0aD0iMyIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iMjMiIHI9IjEiIHN0cm9rZT0iIzFmMWYxZiIgZmlsbD0iIzFmMWYxZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIC8+PC9zdmc+DQo=") no-repeat center;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    left: 0;
    top: 1.2rem; }

.panel-elevators__infos {
  margin: 0; }

.favorite-place-panel {
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif; }
  .favorite-place-panel h2 {
    font-size: 2rem;
    color: #1F1F1F;
    font-weight: normal;
    text-align: center;
    margin-bottom: 3.5rem; }
  .favorite-place-panel p {
    margin: 0; }
  .favorite-place-panel .label-type-favorite-place {
    padding: 0 1rem;
    border-top: 0.1rem solid #e8e8e8;
    border-bottom: 0.1rem solid #e8e8e8;
    min-height: 5rem;
    line-height: 5rem;
    font-size: 1.4rem;
    margin-bottom: 1rem; }
    .favorite-place-panel .label-type-favorite-place.other {
      border-bottom: 0 none; }
    .favorite-place-panel .label-type-favorite-place i {
      font-size: 2.2rem;
      vertical-align: middle;
      padding-right: 1rem; }
  .favorite-place-panel .favorite-place-insert {
    padding-bottom: 2rem; }
    .favorite-place-panel .favorite-place-insert.address {
      margin-bottom: 2rem;
      border-bottom: 0.1rem solid #e8e8e8; }

.success-saved-favorite-place-container {
  text-align: center; }
  .success-saved-favorite-place-container h2 {
    font-size: 2.4rem;
    color: #0088CE;
    font-weight: normal;
    margin-bottom: 1rem; }
  .success-saved-favorite-place-container i.tnicons-check-icon {
    color: #34ab00;
    font-size: 4.5rem; }
  .success-saved-favorite-place-container .container-success-icon {
    display: block;
    margin-top: 6rem;
    margin-bottom: 3rem; }
  .success-saved-favorite-place-container .confirm-favorite-place-container {
    max-width: 20rem;
    display: inline-block;
    margin-bottom: 3.8rem; }
  .success-saved-favorite-place-container .account-settings-link {
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #0088CE;
    margin-top: 4rem;
    display: inline-block; }
    .success-saved-favorite-place-container .account-settings-link i {
      font-size: 2rem;
      vertical-align: middle; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -0.8rem;
  position: absolute; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  border: 0.8rem solid transparent;
  height: 0;
  width: 0.1rem; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 0.8rem;
  left: -0.8rem;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -0.8rem; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #0088CE; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -0.1rem;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -0.8rem; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #FFF; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -0.1rem;
  border-top-color: #0088CE; }

.react-datepicker-wrapper {
  display: inline-block;
  width: 100%; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #FFF;
  color: #000;
  border: 0.1rem solid #0088CE;
  border-radius: 0.4rem;
  display: inline-block;
  position: relative; }

.react-datepicker--time-only .react-datepicker__triangle {
  left: 3.5rem; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem; }

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem; }

.react-datepicker__triangle {
  position: absolute;
  left: 5rem; }

.react-datepicker-popper {
  z-index: 1; }

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 1rem; }

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 1rem; }

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 0.8rem; }

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 4.2rem; }

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 0.8rem; }

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 4.2rem;
  right: auto; }

.react-datepicker__header {
  text-align: center;
  border-top: 0.8rem solid #0088CE;
  padding-top: 0.5rem;
  position: relative; }

.react-datepicker__header--time {
  padding-bottom: 0.8rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 0.2rem; }

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #0088CE;
  font-weight: 400;
  font-size: 1.6rem; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 1.3rem;
  width: 0;
  height: 1rem;
  padding: 0;
  border: 1rem solid transparent;
  z-index: 1;
  overflow: hidden; }

.react-datepicker__navigation--previous {
  left: 1rem;
  border-right-color: #0088CE; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #0070a8; }

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--next {
  right: 1rem;
  border-left-color: #0088CE; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 8rem; }

.react-datepicker__navigation--next:hover {
  border-left-color: #0070a8; }

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 0.4rem;
  border-top-color: #cccccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -0.4rem;
  border-bottom-color: #cccccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__time-container {
  float: right;
  border-left: 0.1rem solid #aeaeae;
  width: 7rem; }

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 0.1rem solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -7.2rem;
  top: 0; }

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: #FFF; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 7rem;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: -webkit-calc(19.5rem + (1.7rem / 2));
  height: calc(19.5rem + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 3rem;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 0.5rem 1rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #FFF;
  font-weight: bold; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #cccccc; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__week-number {
  color: #cccccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.17rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem;
  line-height: 3.5rem;
  text-align: center;
  padding: 0.5rem;
  font-size: 1.4rem; }

.react-datepicker__day {
  cursor: pointer;
  border: 0.1rem solid #dddddd;
  margin: 0.1rem; }
  .react-datepicker__day:hover {
    background-color: #0070a8;
    color: #FFF; }

.react-datepicker__day--today {
  font-weight: bold; }

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #FFF; }

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f; }

.react-datepicker__day--highlighted-custom-1 {
  color: magenta; }

.react-datepicker__day--highlighted-custom-2 {
  color: green; }

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #0088CE;
  color: #FFF; }

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #0070a8; }

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #FFF; }

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000; }

.react-datepicker__day--disabled {
  cursor: default;
  color: #cccccc;
  border: 0; }

.react-datepicker__day--disabled:hover {
  background-color: transparent;
  color: #cccccc; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 0.1rem solid transparent;
  border-radius: 0.3rem; }

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #cccccc;
  float: right;
  margin-left: 2rem;
  top: 0.8rem;
  position: relative;
  border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 3rem;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 0.1rem solid #aeaeae; }

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 15rem;
  overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 2rem;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #cccccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 1.5rem; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  content: "\00d7";
  cursor: pointer;
  font-size: 1.2rem;
  height: 1.6rem;
  width: 1.6rem;
  line-height: 1;
  margin: -0.8rem auto 0;
  padding: 0.2rem;
  position: absolute;
  right: 0.7rem;
  text-align: center;
  top: 50%; }

.react-datepicker__today-button {
  background: #FFF;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 0.5rem 0;
  clear: left;
  color: #0088CE;
  font-size: 1.2rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem; }

@media (max-width: 40rem), (max-height: 55rem) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem; } }

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem; }

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent; }

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #cccccc; }

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #cccccc; }

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

@media (min-width: 48em) {
  .popin-alert .modal-dialog {
    margin-top: 12rem;
    display: inline-block;
    width: 60rem; }
  .popin-alert__lines {
    width: 61rem; } }

#rappel-ligne {
  border-bottom: 0.1rem solid #cccccc; }

.transport-memo-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  list-style-type: none; }

.transport-memo-header__header-title {
  color: #0088CE;
  font-size: 2rem;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif; }

.transport-memo-header__list-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 0 1.5rem !important; }
  .transport-memo-header__list-item:first-child {
    margin: 0 !important; }
  .transport-memo-header__list-item--display {
    -webkit-box-flex: 13;
        -ms-flex: 13;
            flex: 13;
    text-align: right;
    text-transform: uppercase;
    color: #0088CE !important; }
  .transport-memo-header__list-item--confirm {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit; }

#account-user-tab-container #alerte-form-autre h3 {
  margin-bottom: 1rem !important; }

.select-timeslot {
  display: inline-block;
  padding: 0;
  margin: 0 1rem; }
  .select-timeslot button {
    padding: 0.7rem !important; }
  .select-timeslot div {
    vertical-align: middle;
    width: 10rem; }
  .select-timeslot .dropdown-menu {
    max-height: 20rem !important;
    padding: 0; }

.timeslots-container {
  background-color: #0088CE;
  border-radius: 0.5rem;
  color: #FFF;
  width: 100%;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem; }
  @media (min-width: 36em) {
    .timeslots-container {
      width: 48%; } }
  .timeslots-container .remove-timeslot {
    color: #FFF;
    text-decoration: none;
    float: right;
    font-weight: bold;
    font-size: 3rem;
    cursor: pointer;
    line-height: .6;
    margin-top: .7rem; }
  .timeslots-container .bootstrap-select.btn-group .dropdown-toggle .caret {
    color: #0088CE;
    border: 0 none;
    background: url(../img/homepage/chevron-bas.png?v47) no-repeat;
    width: 1.6rem;
    height: 0.8rem;
    right: 0.6rem;
    top: 45%; }
  .timeslots-container .dropdown-menu li a,
  .timeslots-container .dropdown-menu li a:visited {
    background-color: #FFF;
    color: #0088CE;
    min-height: 2.4rem;
    line-height: 2.4rem; }
  .timeslots-container .dropdown-menu li a:hover,
  .timeslots-container .dropdown-menu li a:focus,
  .timeslots-container .dropdown-menu li a:active {
    background-color: #0088CE;
    color: #FFF; }

.timeslot-trajet-favoris {
  padding-left: 0 !important;
  margin: 1.2rem 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.creneaux-inactifs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 2rem 0 1rem; }

.alert-horaire {
  padding: 1.5rem;
  margin: 0 1.2rem 1rem 0;
  background-color: #E5F3FA;
  color: #0088CE;
  border-radius: 0.5rem;
  text-align: center;
  min-width: 12.5rem;
  font-size: 1.6rem;
  font-family: "Avenir LT Std 55 Roman", Arial, Helvetica, sans-serif; }

.rappel-ligne-creation-tf {
  cursor: pointer;
  color: #0088CE;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  min-height: inherit;
  margin: 0 0 1.5rem;
  padding: 1.5rem 0; }
  .rappel-ligne-creation-tf:hover {
    background-color: #e5f3fa; }

/* CHECKBOX NATIVE CACHE SOUS LES PICTOS DE TRANSPORTS */
.mhidden {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  z-index: -100; }

/* LIGNES DE TRANSPORTS DANS LES ICV/ALERTES */
.popin-alert .modal-content {
  padding: 1.5rem 2.5rem; }

#alertestab #selection-ligne h3 {
  margin: 0 !important; }

#selection-ligne {
  padding-top: 1.5rem; }
  #selection-ligne label {
    margin-top: 0; }
  #selection-ligne .ico-type-transport-container {
    height: 6.1rem; }
    #selection-ligne .ico-type-transport-container img {
      width: 4.3rem;
      height: 4.3rem; }
    #selection-ligne .ico-type-transport-container strong {
      color: #0088CE;
      font-size: 1.2rem;
      text-transform: uppercase;
      font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
      font-weight: bold;
      display: block;
      line-height: 2;
      text-align: center; }
  #selection-ligne .transport-select ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #selection-ligne .transport-select ul li {
      margin: 0 .5rem .4rem 0; }
  #selection-ligne .transport-select button {
    width: 6rem;
    height: 6rem;
    position: relative;
    top: -0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0; }
    #selection-ligne .transport-select button img {
      width: 3.6rem;
      height: 3.6rem;
      position: absolute;
      top: 1.2rem;
      left: 1.2rem; }
  #selection-ligne .transport-select .transport-row-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.alert-buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .alert-buttons-container .button {
    width: 25rem; }

.alert-type-mode-readonly img,
.alert-line-mode-readonly img,
.transport-alert-icon {
  width: 3.6rem;
  height: 3.6rem; }

#form-add-alerte-container .transport-select .header-transport:before {
  content: "";
  position: absolute;
  left: 6.3rem;
  top: 3.7rem;
  background: url(../../img/homepage/chevron-droite.png?v47);
  width: 0.8rem;
  height: 1.6rem; }

#form-add-alerte-container .modal-title,
#alerte-form-autre .modal-title {
  margin-bottom: 2rem !important;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #1F1F1F;
  text-align: left;
  text-transform: uppercase; }

#form-add-alerte-container h3.modal-subtitle,
#alerte-form-autre h3.modal-subtitle,
#alerte-form-autre h4.modal-subtitle {
  font-size: 2rem;
  margin: 0 0 1.2rem !important;
  color: #0088CE;
  text-transform: none;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif; }

#alerte-form-autre h3.modal-subtitle {
  margin: 0 !important; }

.modal-dialog p {
  font-size: 1.4rem;
  margin: 0; }

/* BOUTONS JOURS DE LA SEMAINE ALERTES */
#trajet-favoris-jours ul {
  list-style: none;
  padding: 0;
  margin: 1rem 0; }
  #trajet-favoris-jours ul li {
    display: inline-block;
    margin: 0; }

#trajet-favoris-jours .actif,
#trajet-favoris-jours .alerte-day-choice .gcheckbox.checked {
  color: #0088CE;
  margin: 1rem;
  width: 3.5rem;
  background: #E5F3FA;
  height: 3.5rem;
  text-align: center;
  border-radius: 100%;
  line-height: 3.6rem;
  border: 0;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  display: block;
  font-weight: normal; }

#trajet-favoris-jours .inactif,
#trajet-favoris-jours .alerte-day-choice .gcheckbox {
  color: #1F1F1F;
  margin: 1rem;
  width: 3.5rem;
  background: #FFF;
  height: 3.5rem;
  text-align: center;
  border-radius: 100%;
  line-height: 3.6rem;
  border: 0;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  display: block;
  font-weight: normal; }

#trajet-favoris-jours .gcheckbox {
  color: #0088CE;
  font-weight: bold;
  margin: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  border: 0.2rem #0088CE solid;
  font-size: 1.8rem;
  text-align: center;
  border-radius: 100%;
  line-height: 3.2rem;
  cursor: pointer;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif; }
  #trajet-favoris-jours .gcheckbox.checked {
    color: #FFF;
    background: #0088CE;
    border: 0;
    line-height: 3.6rem; }

/*******   */
.tab-content-forms {
  padding: 0 1.5rem; }
  .tab-content-forms .tab-content {
    border-bottom-left-radius: .5rem;
    position: relative;
    z-index: 999; }
  .tab-content-forms .tab-content.white-box {
    border-top-left-radius: 0; }
  .tab-content-forms .confirm-box {
    margin-bottom: 0; }

@media (max-width: 47.94em) {
  .tab-content-forms {
    padding: 0; }
    .tab-content-forms .tabpanel {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .tab-visible-xs {
    display: block !important;
    visibility: visible !important; } }

/* ONGLETS DE RECHERCHE */
.trans-tabs {
  border-bottom: 0 none;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .trans-tabs li {
    padding: 0;
    margin-right: 2.33%;
    height: 8.8rem; }
    .trans-tabs li span {
      color: #0088CE;
      background-color: #FFF;
      cursor: pointer;
      width: 100%;
      font-size: 1.6rem;
      text-align: center;
      font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
      border: 0 none;
      padding: 1.4rem 0.5rem;
      border-radius: 0.5rem;
      text-transform: uppercase;
      position: relative;
      display: block;
      height: 7rem; }
      .contrast .trans-tabs li span {
        color: #00689e; }
      .trans-tabs li span:hover, .trans-tabs li span:focus, .trans-tabs li span:active {
        background-color: #005783;
        color: #FFF; }
        .contrast .trans-tabs li span:hover, .contrast .trans-tabs li span:focus, .contrast .trans-tabs li span:active {
          background-color: #004466; }
      .trans-tabs li span .tnicons {
        display: block; }
      .trans-tabs li span strong {
        font-weight: normal; }
      .trans-tabs li span:after {
        content: "";
        display: block;
        z-index: 100;
        position: absolute;
        width: 0;
        left: 49%;
        bottom: -2rem;
        border: 1rem solid transparent;
        -webkit-transform: translateX(-0.5rem);
            -ms-transform: translateX(-0.5rem);
                transform: translateX(-0.5rem); }
    .trans-tabs li[aria-expanded=true] {
      color: #FFF; }
      .trans-tabs li[aria-expanded=true]:focus {
        outline: none; }
      .trans-tabs li[aria-expanded=true]:focus strong.label-tab {
        outline: 0.1rem dotted #FFF;
        background-color: transparent;
        font-weight: normal;
        padding: 0.2rem; }
      .trans-tabs li[aria-expanded=true] span {
        background-color: #0088CE;
        color: #FFF; }
        .contrast .trans-tabs li[aria-expanded=true] span {
          background-color: #00689e; }
        .trans-tabs li[aria-expanded=true] span:hover, .trans-tabs li[aria-expanded=true] span:focus {
          background-color: #005783; }
          .contrast .trans-tabs li[aria-expanded=true] span:hover, .contrast .trans-tabs li[aria-expanded=true] span:focus {
            background-color: #004466; }
        .trans-tabs li[aria-expanded=true] span:after {
          border-top-color: #0088CE; }
          .contrast .trans-tabs li[aria-expanded=true] span:after {
            border-top-color: #00689e; }
        .trans-tabs li[aria-expanded=true] span:hover:after {
          border-top-color: #005783; }
          .contrast .trans-tabs li[aria-expanded=true] span:hover:after {
            border-top-color: #004466; }
    .trans-tabs li:hover {
      color: #FFF;
      cursor: pointer; }

/* Close button Cookies */
.tn-btn-close-cookies {
  background-color: transparent;
  border: 0;
  top: 0.5rem;
  right: 0.3rem;
  position: absolute;
  font-size: 1.2rem; }

#list-favorite {
  padding: 2rem 0 1.5rem; }
  #list-favorite h2 {
    margin: 0;
    font-size: 2.4rem;
    color: #1a1a1a;
    display: inline-block; }

.link-action-home {
  height: 2.6rem;
  margin-left: 1.5rem;
  margin-top: .7rem;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 1.2rem; }

/* RAPPEL PARTENARIAT ILE DE FRANCE MOBILITES */
.partnership-container {
  margin-top: 1.5rem;
  font-family: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  color: #000;
  text-decoration: none; }
  .partnership-container p {
    vertical-align: -1rem; }
    .partnership-container p img {
      width: 11.5rem;
      height: 2.3rem;
      display: inline-block;
      vertical-align: -1rem;
      margin-left: 0.5rem; }

/* PICTOS LIGNES INFO TRAFIC */
.transport-line-icon {
  width: 3.2rem;
  height: 3.2rem; }

@media print {
  body > * {
    display: none; } }