#block-bloc-sncf-timeline, .popin-dialog-class {
  position: relative; }
  #block-bloc-sncf-timeline .timeline-form .haut, .popin-dialog-class .timeline-form .haut {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-left: 10rem;
    margin-right: 0;
    height: 83px; }
    #block-bloc-sncf-timeline .timeline-form .haut .form-radio-btn > div, .popin-dialog-class .timeline-form .haut .form-radio-btn > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      #block-bloc-sncf-timeline .timeline-form .haut .form-radio-btn > div .form-item label, .popin-dialog-class .timeline-form .haut .form-radio-btn > div .form-item label {
        text-align: center; }
  #block-bloc-sncf-timeline .timeline-form .bas, .popin-dialog-class .timeline-form .bas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    height: 83px; }
    @media (max-width: 77.41857em) {
      #block-bloc-sncf-timeline .timeline-form .bas h2, .popin-dialog-class .timeline-form .bas h2 {
        font-size: 25px; } }
    #block-bloc-sncf-timeline .timeline-form .bas .droite, .popin-dialog-class .timeline-form .bas .droite {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
      #block-bloc-sncf-timeline .timeline-form .bas .droite .form-radio-btn > div, .popin-dialog-class .timeline-form .bas .droite .form-radio-btn > div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #block-bloc-sncf-timeline .timeline-form .timeline-navigation, .popin-dialog-class .timeline-form .timeline-navigation {
    position: relative;
    z-index: 2; }
    #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-prev, #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-next, .popin-dialog-class .timeline-form .timeline-navigation .navigation-prev, .popin-dialog-class .timeline-form .timeline-navigation .navigation-next {
      position: absolute;
      width: 2rem;
      height: 2rem;
      background: #6E1E78;
      border-radius: 5px;
      top: 2px;
      cursor: pointer; }
      #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-prev.navigation-prev, #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-next.navigation-prev, .popin-dialog-class .timeline-form .timeline-navigation .navigation-prev.navigation-prev, .popin-dialog-class .timeline-form .timeline-navigation .navigation-next.navigation-prev {
        left: -.5rem; }
        #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-prev.navigation-prev:before, #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-next.navigation-prev:before, .popin-dialog-class .timeline-form .timeline-navigation .navigation-prev.navigation-prev:before, .popin-dialog-class .timeline-form .timeline-navigation .navigation-next.navigation-prev:before {
          content: "";
          display: block;
          position: relative;
          width: 8px;
          height: 14px;
          background-size: contain;
          background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 8 14" enable-background="new 0 0 8 14" xml:space="preserve" height="14px" width="8px" fill="rgb(255,255,255,1)" ><path d="M8 1.973 3.53 7.069l4.454 4.923L5.738 14 .388 8.09a1.494 1.494 0 0 1-.131-1.842l.115-.149L5.722 0 8 1.973z" /></svg>');
          background-repeat: no-repeat;
          background-position: center;
          left: 12px;
          top: 8px;
          opacity: .7; }
        #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-prev.navigation-prev:hover:before, #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-next.navigation-prev:hover:before, .popin-dialog-class .timeline-form .timeline-navigation .navigation-prev.navigation-prev:hover:before, .popin-dialog-class .timeline-form .timeline-navigation .navigation-next.navigation-prev:hover:before {
          opacity: 1; }
      #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-prev.navigation-next, #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-next.navigation-next, .popin-dialog-class .timeline-form .timeline-navigation .navigation-prev.navigation-next, .popin-dialog-class .timeline-form .timeline-navigation .navigation-next.navigation-next {
        right: -.5rem; }
        #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-prev.navigation-next:before, #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-next.navigation-next:before, .popin-dialog-class .timeline-form .timeline-navigation .navigation-prev.navigation-next:before, .popin-dialog-class .timeline-form .timeline-navigation .navigation-next.navigation-next:before {
          content: "";
          display: block;
          position: relative;
          width: 8px;
          height: 14px;
          background-size: contain;
          background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 8 14" enable-background="new 0 0 8 14" xml:space="preserve" height="14px" width="8px" fill="rgb(255,255,255,1)" ><path d="M8 1.973 3.53 7.069l4.454 4.923L5.738 14 .388 8.09a1.494 1.494 0 0 1-.131-1.842l.115-.149L5.722 0 8 1.973z" /></svg>');
          background-repeat: no-repeat;
          background-position: center;
          transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          left: 12px;
          top: 8px;
          opacity: .7; }
        #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-prev.navigation-next:hover:before, #block-bloc-sncf-timeline .timeline-form .timeline-navigation .navigation-next.navigation-next:hover:before, .popin-dialog-class .timeline-form .timeline-navigation .navigation-prev.navigation-next:hover:before, .popin-dialog-class .timeline-form .timeline-navigation .navigation-next.navigation-next:hover:before {
          opacity: 1; }
  #block-bloc-sncf-timeline .timeline-form .timesheet, .popin-dialog-class .timeline-form .timesheet {
    width: 100%;
    min-height: 500px;
    margin: 0 auto; }
    #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet, .popin-dialog-class .timeline-form .timesheet.timesheet {
      position: relative;
      overflow: hidden;
      scroll-behavior: smooth; }
      #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale, .popin-dialog-class .timeline-form .timesheet.timesheet .scale {
        height: 100%;
        max-height: calc(100vh - 10rem);
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section {
          float: left;
          text-align: center;
          color: rgba(7, 7, 7, 0.8);
          font-size: 13px;
          line-height: 24px;
          font-weight: lighter;
          height: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          width: 970px; }
          @media (min-width: 77.42857em) {
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section {
              width: 1080px; } }
          @media (min-width: 100em) {
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section {
              width: 1400px; } }
          @media (min-width: 100em) {
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section {
              width: 1400px; } }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section:first-child, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section:first-child {
            border-left: 1px dashed transparent; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.trimestre, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.trimestre {
            width: calc(4 * 970px); }
            @media (min-width: 77.42857em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.trimestre, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.trimestre {
                width: calc(4 * 1080px); } }
            @media (min-width: 100em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.trimestre, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.trimestre {
                width: calc(4 * 1400px); } }
            @media (min-width: 100em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.trimestre, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.trimestre {
                width: calc(4 * 1400px); } }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.trimestre .mois .semaines .semaine .small, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.trimestre .mois .semaines .semaine .small {
              display: none; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.semestre, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.semestre {
            width: calc(2 * 970px); }
            @media (min-width: 77.42857em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.semestre, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.semestre {
                width: calc(2 * 1080px); } }
            @media (min-width: 100em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.semestre, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.semestre {
                width: calc(2 * 1400px); } }
            @media (min-width: 100em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.semestre, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.semestre {
                width: calc(2 * 1400px); } }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.semestre .mois .semaines .semaine .big, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.semestre .mois .semaines .semaine .big {
              display: none; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.annee, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.annee {
            width: calc(1 * 970px); }
            @media (min-width: 77.42857em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.annee, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.annee {
                width: calc(1 * 1080px); } }
            @media (min-width: 100em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.annee, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.annee {
                width: calc(1 * 1400px); } }
            @media (min-width: 100em) {
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.annee, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.annee {
                width: calc(1 * 1400px); } }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.annee .mois .semaines .semaine .big, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.annee .mois .semaines .semaine .big {
              display: none; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section.annee .mois .semaines .semaine .small, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section.annee .mois .semaines .semaine .small {
              display: none; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois {
            width: 8.33%;
            height: 100%;
            position: relative; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois .semaines, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois .semaines {
              position: absolute;
              width: 100%;
              height: 100%;
              bottom: -45px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: row;
                  flex-direction: row; }
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois .semaines .semaine, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois .semaines .semaine {
                width: 25%;
                height: 100%;
                font-size: .5rem;
                font-weight: 300;
                background: white;
                position: relative; }
                #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois .semaines .semaine:after, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois .semaines .semaine:after {
                  content: "";
                  width: 1px;
                  height: 100%;
                  position: absolute;
                  top: 17px;
                  left: 0;
                  border-left: 1px dashed rgba(0, 0, 0, 0.3); }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois h3, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois h3 {
              font-size: 10px;
              font-weight: 100;
              background: white;
              padding: .5rem 0;
              margin: 0;
              -ms-box-shadow: 3px 2px 10px fade(black, 10);
              box-shadow: 3px 2px 10px fade(black, 10); }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois.first:before, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois.first:after, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois.first:before, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois.first:after {
              display: none; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois.ancre h3, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois.ancre-date-debut h3, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois.ancre h3, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois.ancre-date-debut h3 {
              font-weight: bold; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois:before, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois:before {
              content: '';
              position: absolute;
              top: 6px;
              height: 1.5rem;
              left: 0;
              width: 100%;
              border-left: 1px solid rgba(0, 0, 0, 0.3);
              z-index: 1; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section .mois:after, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section .mois:after {
              content: '';
              position: absolute;
              top: 3rem;
              bottom: 0;
              left: 0;
              width: 100%;
              border-left: 1px dashed rgba(0, 0, 0, 0.3); }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale section, .popin-dialog-class .timeline-form .timesheet.timesheet .scale section {
          color: RGBA(63, 68, 72, 1); }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale #timesheet-alternative, .popin-dialog-class .timeline-form .timesheet.timesheet .scale #timesheet-alternative {
          background-color: RGBA(247, 247, 247, 1);
          border-radius: 5px; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale .date, .popin-dialog-class .timeline-form .timesheet.timesheet .scale .date {
          display: none; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale .bubble, .popin-dialog-class .timeline-form .timesheet.timesheet .scale .bubble {
          margin-right: 7px; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .scale .label, .popin-dialog-class .timeline-form .timesheet.timesheet .scale .label {
          padding-left: 0px;
          color: RGBA(48, 48, 48, 1); }
      #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data, .popin-dialog-class .timeline-form .timesheet.timesheet .data {
        margin: 70px 0 0 0;
        padding: 0;
        text-align: left;
        list-style-type: none;
        color: rgba(250, 250, 250, 0.8);
        font-size: 13px;
        height: calc(100vh - 10rem);
        overflow-y: scroll;
        overflow-x: hidden; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li, .popin-dialog-class .timeline-form .timesheet.timesheet .data li {
          margin: 0 0 3px 0;
          line-height: 22px;
          height: 70px;
          display: block;
          clear: both;
          position: relative;
          white-space: nowrap;
          cursor: pointer; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li:before, .popin-dialog-class .timeline-form .timesheet.timesheet .data li:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: white;
            opacity: .7; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li:nth-child(even):before, .popin-dialog-class .timeline-form .timesheet.timesheet .data li:nth-child(even):before {
            background: white; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li:nth-child(odd):before, .popin-dialog-class .timeline-form .timesheet.timesheet .data li:nth-child(odd):before {
            background: #F6F6F6; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .enveloppe, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .enveloppe {
            position: relative; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble {
            width: 24px;
            height: 16px;
            display: block;
            position: relative;
            top: 7px;
            border-radius: 0px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            margin: 0 10px 10px 0; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble.hover_tooltip .tooltip-enveloppe, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble.hover_tooltip .tooltip-enveloppe {
              display: block;
              opacity: 1; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble .pilotage-jop-d-debut, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble .pilotage-jop-d-debut {
              height: 0;
              width: 0;
              border-right: 11px solid transparent;
              border-left: 9px solid transparent;
              top: -7px;
              position: absolute; }
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble .pilotage-jop-d-debut:hover .tooltip-jop, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble .pilotage-jop-d-debut:hover .tooltip-jop {
                display: block;
                opacity: 1; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble .d-debut, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble .d-fin, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble .d-debut, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble .d-fin {
              position: absolute;
              top: -1px;
              color: #2a2a2a; }
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble .d-debut.d-debut, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble .d-fin.d-debut, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble .d-debut.d-debut, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble .d-fin.d-debut {
                left: 6px; }
              #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble .d-debut.d-fin, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .bubble .d-fin.d-fin, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble .d-debut.d-fin, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .bubble .d-fin.d-fin {
                right: 6px; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .date, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .date {
            color: #2a2a2a;
            font-size: 12px;
            margin-top: 10px;
            margin-bottom: -2px; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .label, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .label {
            font-weight: lighter;
            font-size: 12px;
            padding: 0;
            line-height: 15px;
            color: #2a2a2a;
            margin-bottom: 0; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .label .thematique, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .label .thematique {
              font-weight: 700; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .label .chantier, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .label .chantier {
              color: black; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .label .lots, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .label .lots {
              color: black; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .nbre-gares, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .nbre-gares {
            display: -ms-inline-flexbox;
            display: inline-flex; }
            #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .data li .nbre-gares:before, .popin-dialog-class .timeline-form .timesheet.timesheet .data li .nbre-gares:before {
              content: "";
              display: block;
              position: relative;
              width: 20px;
              height: 11px;
              margin-right: 3px;
              background-size: contain;
              background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 20 11" enable-background="new 0 0 20 11" xml:space="preserve" height="11px" width="20px" fill="rgb(0,0,0,1)"><path  d="M219.376-3227.675h2.643v-2.948s-.041-1.024,1.425-1.024,1.326,1.1,1.326,1.1v2.876h1.937v-4.077s.034-1.316,1.957-1.316,1.718,1.42,1.718,1.42v3.973h1.98v-2.876s-.062-1.011,1.421-1.011,1.223,1.011,1.223,1.011v2.876h2.654v-6.305h1.173v-.463l-10.36-4.575-10.176,4.575v.463h1.136Z" transform="translate(-218.298 3239.019)"/> </svg>');
              background-repeat: no-repeat;
              background-position: center; }
      #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop {
        display: none;
        opacity: 0;
        transition: all 0.3s ease-in-out; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.tooltip-jop, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.tooltip-jop, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.tooltip-jop, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.tooltip-jop {
          left: -16px; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.tooltip-jop.bottom, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.tooltip-jop.bottom, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.tooltip-jop.bottom, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.tooltip-jop.bottom {
            top: 13px; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.top, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.top, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.top, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.top {
          bottom: 9px; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.top .tooltip-arrow, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.top .tooltip-arrow, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.top .tooltip-arrow, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.top .tooltip-arrow {
            bottom: 0;
            left: 1rem;
            border-top-color: white; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.bottom, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.bottom, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.bottom, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.bottom {
          top: 9px; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.bottom .tooltip-arrow, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.bottom .tooltip-arrow, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.bottom .tooltip-arrow, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.bottom .tooltip-arrow {
            top: 0;
            left: 1rem;
            margin-left: -5px;
            border-width: 0 5px 5px;
            border-bottom-color: white; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.grandes-gares .tooltip-inner, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.grandes-gares .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.grandes-gares .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.grandes-gares .tooltip-inner {
          border-bottom: 5px solid #3887c8; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.grandes-gares .tooltip-inner .picto:before, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.grandes-gares .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.grandes-gares .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.grandes-gares .tooltip-inner .picto:before {
            background: #3887c8; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.grandes-gares .tooltip-inner .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.grandes-gares .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.grandes-gares .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.grandes-gares .tooltip-inner .right .bloc-haut .interval-date {
            color: #3887c8;
            white-space: nowrap; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.dgif .tooltip-inner, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.dgif .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.dgif .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.dgif .tooltip-inner {
          border-bottom: 5px solid #95126b; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.dgif .tooltip-inner .picto:before, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.dgif .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.dgif .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.dgif .tooltip-inner .picto:before {
            background: #95126b; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.dgif .tooltip-inner .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.dgif .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.dgif .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.dgif .tooltip-inner .right .bloc-haut .interval-date {
            color: #95126b; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.moderne .tooltip-inner, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.moderne .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.moderne .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.moderne .tooltip-inner {
          border-bottom: 5px solid #8fc820; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.moderne .tooltip-inner .picto:before, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.moderne .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.moderne .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.moderne .tooltip-inner .picto:before {
            background: #8fc820; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.moderne .tooltip-inner .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.moderne .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.moderne .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.moderne .tooltip-inner .right .bloc-haut .interval-date {
            color: #8fc820; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.efficace .tooltip-inner, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.efficace .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.efficace .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.efficace .tooltip-inner {
          border-bottom: 5px solid #ce0b0f; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.efficace .tooltip-inner .picto:before, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.efficace .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.efficace .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.efficace .tooltip-inner .picto:before {
            background: #ce0b0f; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.efficace .tooltip-inner .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.efficace .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.efficace .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.efficace .tooltip-inner .right .bloc-haut .interval-date {
            color: #ce0b0f; }
        #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.sit .tooltip-inner, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.sit .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.sit .tooltip-inner, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.sit .tooltip-inner {
          border-bottom: 5px solid black; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.sit .tooltip-inner .picto:before, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.sit .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.sit .tooltip-inner .picto:before, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.sit .tooltip-inner .picto:before {
            background: black; }
          #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-enveloppe.sit .tooltip-inner .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .timeline-form .timesheet.timesheet .tooltip-jop.sit .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-enveloppe.sit .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class .timeline-form .timesheet.timesheet .tooltip-jop.sit .tooltip-inner .right .bloc-haut .interval-date {
            color: black; }
    #block-bloc-sncf-timeline .timeline-form .timesheet .thematique-preparation-des-gares, .popin-dialog-class .timeline-form .timesheet .thematique-preparation-des-gares {
      color: #fb9000; }
    #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-default, #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-national, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-default, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-national {
      background: linear-gradient(135deg, rgba(149, 18, 107, 0.7) 5%, rgba(56, 135, 200, 0.7) 6%, rgba(56, 135, 200, 0.7) 10%, rgba(149, 18, 107, 0.7) 11%, rgba(149, 18, 107, 0.7) 15%, rgba(56, 135, 200, 0.7) 16%, rgba(56, 135, 200, 0.7) 20%, rgba(149, 18, 107, 0.7) 21%, rgba(149, 18, 107, 0.7) 25%, rgba(56, 135, 200, 0.7) 26%, rgba(56, 135, 200, 0.7) 30%, rgba(149, 18, 107, 0.7) 31%, rgba(149, 18, 107, 0.7) 35%, rgba(56, 135, 200, 0.7) 36%, rgba(56, 135, 200, 0.7) 40%, rgba(149, 18, 107, 0.7) 41%, rgba(149, 18, 107, 0.7) 45%, rgba(56, 135, 200, 0.7) 46%, rgba(56, 135, 200, 0.7) 50%, rgba(149, 18, 107, 0.7) 51%, rgba(149, 18, 107, 0.7) 55%, rgba(56, 135, 200, 0.7) 56%, rgba(56, 135, 200, 0.7) 60%, rgba(149, 18, 107, 0.7) 61%, rgba(149, 18, 107, 0.7) 65%, rgba(56, 135, 200, 0.7) 66%, rgba(56, 135, 200, 0.7) 70%, rgba(149, 18, 107, 0.7) 71%, rgba(149, 18, 107, 0.7) 75%, rgba(56, 135, 200, 0.7) 76%, rgba(56, 135, 200, 0.7) 80%, rgba(149, 18, 107, 0.7) 81%, rgba(149, 18, 107, 0.7) 85%, rgba(56, 135, 200, 0.7) 86%, rgba(56, 135, 200, 0.7) 90%, rgba(149, 18, 107, 0.7) 91%, rgba(149, 18, 107, 0.7) 95%, rgba(56, 135, 200, 0.7) 96%, rgba(56, 135, 200, 0.7) 100%);
      border-left: 5px solid #3887c8; }
      #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-default .pilotage-jop-d-debut, #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-national .pilotage-jop-d-debut, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-default .pilotage-jop-d-debut, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-national .pilotage-jop-d-debut {
        border-bottom: 20px solid #95126B; }
    #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-grandes-gares, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-grandes-gares {
      background-color: rgba(56, 135, 200, 0.7);
      border-left: 5px solid #3887c8; }
      #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-grandes-gares .pilotage-jop-d-debut, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-grandes-gares .pilotage-jop-d-debut {
        border-bottom: 20px solid #3887C8; }
    #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-dgif, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-dgif {
      background-color: rgba(149, 18, 107, 0.7);
      border-left: 5px solid #95126b; }
      #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-dgif .pilotage-jop-d-debut, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-dgif .pilotage-jop-d-debut {
        border-bottom: 20px solid #95126B; }
    #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-drg-occ-sud, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-drg-occ-sud {
      background-color: rgba(143, 200, 32, 0.7);
      border-left: 5px solid #8fc820; }
      #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-drg-occ-sud .pilotage-jop-d-debut, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-drg-occ-sud .pilotage-jop-d-debut {
        border-bottom: 20px solid #8FC820; }
    #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-efficace, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-efficace {
      background-color: rgba(206, 11, 15, 0.7);
      border-left: 5px solid #ce0b0f; }
    #block-bloc-sncf-timeline .timeline-form .timesheet.color-scheme-default .bubble-sit, .popin-dialog-class .timeline-form .timesheet.color-scheme-default .bubble-sit {
      background-color: rgba(0, 0, 0, 0.7);
      border-left: 5px solid black; }
  #block-bloc-sncf-timeline .timeline-form .tableau-timeline-wrapper, .popin-dialog-class .timeline-form .tableau-timeline-wrapper {
    display: none; }
  #block-bloc-sncf-timeline .timeline-form .triggers, .popin-dialog-class .timeline-form .triggers {
    display: none; }
  #block-bloc-sncf-timeline .modal-body, #block-bloc-sncf-timeline .tooltip-inner, #block-bloc-sncf-timeline.ui-dialog, #block-bloc-sncf-timeline.popin-dialog-class, .popin-dialog-class .modal-body, .popin-dialog-class .tooltip-inner, .popin-dialog-class.ui-dialog, .popin-dialog-class.popin-dialog-class {
    -ms-box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.5); }
    #block-bloc-sncf-timeline .modal-body.modal-body, #block-bloc-sncf-timeline .modal-body.tooltip-inner, #block-bloc-sncf-timeline .tooltip-inner.modal-body, #block-bloc-sncf-timeline .tooltip-inner.tooltip-inner, #block-bloc-sncf-timeline.ui-dialog.modal-body, #block-bloc-sncf-timeline.ui-dialog.tooltip-inner, #block-bloc-sncf-timeline.popin-dialog-class.modal-body, #block-bloc-sncf-timeline.popin-dialog-class.tooltip-inner, .popin-dialog-class .modal-body.modal-body, .popin-dialog-class .modal-body.tooltip-inner, .popin-dialog-class .tooltip-inner.modal-body, .popin-dialog-class .tooltip-inner.tooltip-inner, .popin-dialog-class.ui-dialog.modal-body, .popin-dialog-class.ui-dialog.tooltip-inner, .popin-dialog-class.popin-dialog-class.modal-body, .popin-dialog-class.popin-dialog-class.tooltip-inner {
      padding: 1rem 1rem 1rem 1rem;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
      background: white;
      color: #2a2a2a;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      min-width: 25rem; }
    #block-bloc-sncf-timeline .modal-body.grandes-gares, #block-bloc-sncf-timeline .tooltip-inner.grandes-gares, #block-bloc-sncf-timeline.ui-dialog.grandes-gares, #block-bloc-sncf-timeline.popin-dialog-class.grandes-gares, .popin-dialog-class .modal-body.grandes-gares, .popin-dialog-class .tooltip-inner.grandes-gares, .popin-dialog-class.ui-dialog.grandes-gares, .popin-dialog-class.popin-dialog-class.grandes-gares {
      border-bottom: 5px solid #3887c8; }
      #block-bloc-sncf-timeline .modal-body.grandes-gares .picto:before, #block-bloc-sncf-timeline .tooltip-inner.grandes-gares .picto:before, #block-bloc-sncf-timeline.ui-dialog.grandes-gares .picto:before, #block-bloc-sncf-timeline.popin-dialog-class.grandes-gares .picto:before, .popin-dialog-class .modal-body.grandes-gares .picto:before, .popin-dialog-class .tooltip-inner.grandes-gares .picto:before, .popin-dialog-class.ui-dialog.grandes-gares .picto:before, .popin-dialog-class.popin-dialog-class.grandes-gares .picto:before {
        background: #3887c8; }
      #block-bloc-sncf-timeline .modal-body.grandes-gares .right .bloc-haut h4, #block-bloc-sncf-timeline .modal-body.grandes-gares .right .bloc-haut p, #block-bloc-sncf-timeline .tooltip-inner.grandes-gares .right .bloc-haut h4, #block-bloc-sncf-timeline .tooltip-inner.grandes-gares .right .bloc-haut p, #block-bloc-sncf-timeline.ui-dialog.grandes-gares .right .bloc-haut h4, #block-bloc-sncf-timeline.ui-dialog.grandes-gares .right .bloc-haut p, #block-bloc-sncf-timeline.popin-dialog-class.grandes-gares .right .bloc-haut h4, #block-bloc-sncf-timeline.popin-dialog-class.grandes-gares .right .bloc-haut p, .popin-dialog-class .modal-body.grandes-gares .right .bloc-haut h4, .popin-dialog-class .modal-body.grandes-gares .right .bloc-haut p, .popin-dialog-class .tooltip-inner.grandes-gares .right .bloc-haut h4, .popin-dialog-class .tooltip-inner.grandes-gares .right .bloc-haut p, .popin-dialog-class.ui-dialog.grandes-gares .right .bloc-haut h4, .popin-dialog-class.ui-dialog.grandes-gares .right .bloc-haut p, .popin-dialog-class.popin-dialog-class.grandes-gares .right .bloc-haut h4, .popin-dialog-class.popin-dialog-class.grandes-gares .right .bloc-haut p {
        text-align: left; }
      #block-bloc-sncf-timeline .modal-body.grandes-gares .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .tooltip-inner.grandes-gares .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.ui-dialog.grandes-gares .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.popin-dialog-class.grandes-gares .right .bloc-haut .interval-date, .popin-dialog-class .modal-body.grandes-gares .right .bloc-haut .interval-date, .popin-dialog-class .tooltip-inner.grandes-gares .right .bloc-haut .interval-date, .popin-dialog-class.ui-dialog.grandes-gares .right .bloc-haut .interval-date, .popin-dialog-class.popin-dialog-class.grandes-gares .right .bloc-haut .interval-date {
        color: #3887c8; }
    #block-bloc-sncf-timeline .modal-body.dgif, #block-bloc-sncf-timeline .tooltip-inner.dgif, #block-bloc-sncf-timeline.ui-dialog.dgif, #block-bloc-sncf-timeline.popin-dialog-class.dgif, .popin-dialog-class .modal-body.dgif, .popin-dialog-class .tooltip-inner.dgif, .popin-dialog-class.ui-dialog.dgif, .popin-dialog-class.popin-dialog-class.dgif {
      border-bottom: 5px solid #95126b; }
      #block-bloc-sncf-timeline .modal-body.dgif .picto:before, #block-bloc-sncf-timeline .tooltip-inner.dgif .picto:before, #block-bloc-sncf-timeline.ui-dialog.dgif .picto:before, #block-bloc-sncf-timeline.popin-dialog-class.dgif .picto:before, .popin-dialog-class .modal-body.dgif .picto:before, .popin-dialog-class .tooltip-inner.dgif .picto:before, .popin-dialog-class.ui-dialog.dgif .picto:before, .popin-dialog-class.popin-dialog-class.dgif .picto:before {
        background: #95126b; }
      #block-bloc-sncf-timeline .modal-body.dgif .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .tooltip-inner.dgif .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.ui-dialog.dgif .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.popin-dialog-class.dgif .right .bloc-haut .interval-date, .popin-dialog-class .modal-body.dgif .right .bloc-haut .interval-date, .popin-dialog-class .tooltip-inner.dgif .right .bloc-haut .interval-date, .popin-dialog-class.ui-dialog.dgif .right .bloc-haut .interval-date, .popin-dialog-class.popin-dialog-class.dgif .right .bloc-haut .interval-date {
        color: #95126b; }
    #block-bloc-sncf-timeline .modal-body.drg-occ-sud, #block-bloc-sncf-timeline .tooltip-inner.drg-occ-sud, #block-bloc-sncf-timeline.ui-dialog.drg-occ-sud, #block-bloc-sncf-timeline.popin-dialog-class.drg-occ-sud, .popin-dialog-class .modal-body.drg-occ-sud, .popin-dialog-class .tooltip-inner.drg-occ-sud, .popin-dialog-class.ui-dialog.drg-occ-sud, .popin-dialog-class.popin-dialog-class.drg-occ-sud {
      border-bottom: 5px solid #8fc820; }
      #block-bloc-sncf-timeline .modal-body.drg-occ-sud .picto:before, #block-bloc-sncf-timeline .tooltip-inner.drg-occ-sud .picto:before, #block-bloc-sncf-timeline.ui-dialog.drg-occ-sud .picto:before, #block-bloc-sncf-timeline.popin-dialog-class.drg-occ-sud .picto:before, .popin-dialog-class .modal-body.drg-occ-sud .picto:before, .popin-dialog-class .tooltip-inner.drg-occ-sud .picto:before, .popin-dialog-class.ui-dialog.drg-occ-sud .picto:before, .popin-dialog-class.popin-dialog-class.drg-occ-sud .picto:before {
        background: #8fc820; }
      #block-bloc-sncf-timeline .modal-body.drg-occ-sud .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .tooltip-inner.drg-occ-sud .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.ui-dialog.drg-occ-sud .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.popin-dialog-class.drg-occ-sud .right .bloc-haut .interval-date, .popin-dialog-class .modal-body.drg-occ-sud .right .bloc-haut .interval-date, .popin-dialog-class .tooltip-inner.drg-occ-sud .right .bloc-haut .interval-date, .popin-dialog-class.ui-dialog.drg-occ-sud .right .bloc-haut .interval-date, .popin-dialog-class.popin-dialog-class.drg-occ-sud .right .bloc-haut .interval-date {
        color: #8fc820; }
    #block-bloc-sncf-timeline .modal-body.efficace, #block-bloc-sncf-timeline .tooltip-inner.efficace, #block-bloc-sncf-timeline.ui-dialog.efficace, #block-bloc-sncf-timeline.popin-dialog-class.efficace, .popin-dialog-class .modal-body.efficace, .popin-dialog-class .tooltip-inner.efficace, .popin-dialog-class.ui-dialog.efficace, .popin-dialog-class.popin-dialog-class.efficace {
      border-bottom: 5px solid #ce0b0f; }
      #block-bloc-sncf-timeline .modal-body.efficace .picto:before, #block-bloc-sncf-timeline .tooltip-inner.efficace .picto:before, #block-bloc-sncf-timeline.ui-dialog.efficace .picto:before, #block-bloc-sncf-timeline.popin-dialog-class.efficace .picto:before, .popin-dialog-class .modal-body.efficace .picto:before, .popin-dialog-class .tooltip-inner.efficace .picto:before, .popin-dialog-class.ui-dialog.efficace .picto:before, .popin-dialog-class.popin-dialog-class.efficace .picto:before {
        background: #ce0b0f; }
      #block-bloc-sncf-timeline .modal-body.efficace .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .tooltip-inner.efficace .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.ui-dialog.efficace .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.popin-dialog-class.efficace .right .bloc-haut .interval-date, .popin-dialog-class .modal-body.efficace .right .bloc-haut .interval-date, .popin-dialog-class .tooltip-inner.efficace .right .bloc-haut .interval-date, .popin-dialog-class.ui-dialog.efficace .right .bloc-haut .interval-date, .popin-dialog-class.popin-dialog-class.efficace .right .bloc-haut .interval-date {
        color: #ce0b0f; }
    #block-bloc-sncf-timeline .modal-body.sit, #block-bloc-sncf-timeline .tooltip-inner.sit, #block-bloc-sncf-timeline.ui-dialog.sit, #block-bloc-sncf-timeline.popin-dialog-class.sit, .popin-dialog-class .modal-body.sit, .popin-dialog-class .tooltip-inner.sit, .popin-dialog-class.ui-dialog.sit, .popin-dialog-class.popin-dialog-class.sit {
      border-bottom: 5px solid black; }
      #block-bloc-sncf-timeline .modal-body.sit .picto:before, #block-bloc-sncf-timeline .tooltip-inner.sit .picto:before, #block-bloc-sncf-timeline.ui-dialog.sit .picto:before, #block-bloc-sncf-timeline.popin-dialog-class.sit .picto:before, .popin-dialog-class .modal-body.sit .picto:before, .popin-dialog-class .tooltip-inner.sit .picto:before, .popin-dialog-class.ui-dialog.sit .picto:before, .popin-dialog-class.popin-dialog-class.sit .picto:before {
        background: black; }
      #block-bloc-sncf-timeline .modal-body.sit .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .tooltip-inner.sit .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.ui-dialog.sit .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.popin-dialog-class.sit .right .bloc-haut .interval-date, .popin-dialog-class .modal-body.sit .right .bloc-haut .interval-date, .popin-dialog-class .tooltip-inner.sit .right .bloc-haut .interval-date, .popin-dialog-class.ui-dialog.sit .right .bloc-haut .interval-date, .popin-dialog-class.popin-dialog-class.sit .right .bloc-haut .interval-date {
        color: black; }
    #block-bloc-sncf-timeline .modal-body .picto, #block-bloc-sncf-timeline .tooltip-inner .picto, #block-bloc-sncf-timeline.ui-dialog .picto, #block-bloc-sncf-timeline.popin-dialog-class .picto, .popin-dialog-class .modal-body .picto, .popin-dialog-class .tooltip-inner .picto, .popin-dialog-class.ui-dialog .picto, .popin-dialog-class.popin-dialog-class .picto {
      position: relative;
      width: 3rem; }
      #block-bloc-sncf-timeline .modal-body .picto:before, #block-bloc-sncf-timeline .tooltip-inner .picto:before, #block-bloc-sncf-timeline.ui-dialog .picto:before, #block-bloc-sncf-timeline.popin-dialog-class .picto:before, .popin-dialog-class .modal-body .picto:before, .popin-dialog-class .tooltip-inner .picto:before, .popin-dialog-class.ui-dialog .picto:before, .popin-dialog-class.popin-dialog-class .picto:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 27px;
        height: 27px;
        background: red;
        border-radius: 27px; }
      #block-bloc-sncf-timeline .modal-body .picto:after, #block-bloc-sncf-timeline .tooltip-inner .picto:after, #block-bloc-sncf-timeline.ui-dialog .picto:after, #block-bloc-sncf-timeline.popin-dialog-class .picto:after, .popin-dialog-class .modal-body .picto:after, .popin-dialog-class .tooltip-inner .picto:after, .popin-dialog-class.ui-dialog .picto:after, .popin-dialog-class.popin-dialog-class .picto:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 7px;
        display: block;
        width: 20px;
        height: 11px;
        background-size: contain;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 20 11" enable-background="new 0 0 20 11" xml:space="preserve" height="11px" width="20px" fill="rgb(255,255,255,1)"><path  d="M219.376-3227.675h2.643v-2.948s-.041-1.024,1.425-1.024,1.326,1.1,1.326,1.1v2.876h1.937v-4.077s.034-1.316,1.957-1.316,1.718,1.42,1.718,1.42v3.973h1.98v-2.876s-.062-1.011,1.421-1.011,1.223,1.011,1.223,1.011v2.876h2.654v-6.305h1.173v-.463l-10.36-4.575-10.176,4.575v.463h1.136Z" transform="translate(-218.298 3239.019)"/> </svg>');
        background-repeat: no-repeat;
        background-position: center; }
    #block-bloc-sncf-timeline .modal-body .right, #block-bloc-sncf-timeline .tooltip-inner .right, #block-bloc-sncf-timeline.ui-dialog .right, #block-bloc-sncf-timeline.popin-dialog-class .right, .popin-dialog-class .modal-body .right, .popin-dialog-class .tooltip-inner .right, .popin-dialog-class.ui-dialog .right, .popin-dialog-class.popin-dialog-class .right {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      width: 100%; }
      #block-bloc-sncf-timeline .modal-body .right .bloc-haut, #block-bloc-sncf-timeline .tooltip-inner .right .bloc-haut, #block-bloc-sncf-timeline.ui-dialog .right .bloc-haut, #block-bloc-sncf-timeline.popin-dialog-class .right .bloc-haut, .popin-dialog-class .modal-body .right .bloc-haut, .popin-dialog-class .tooltip-inner .right .bloc-haut, .popin-dialog-class.ui-dialog .right .bloc-haut, .popin-dialog-class.popin-dialog-class .right .bloc-haut {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding-top: 0.5rem; }
        #block-bloc-sncf-timeline .modal-body .right .bloc-haut .interval-date, #block-bloc-sncf-timeline .tooltip-inner .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.ui-dialog .right .bloc-haut .interval-date, #block-bloc-sncf-timeline.popin-dialog-class .right .bloc-haut .interval-date, .popin-dialog-class .modal-body .right .bloc-haut .interval-date, .popin-dialog-class .tooltip-inner .right .bloc-haut .interval-date, .popin-dialog-class.ui-dialog .right .bloc-haut .interval-date, .popin-dialog-class.popin-dialog-class .right .bloc-haut .interval-date {
          text-transform: capitalize; }
      #block-bloc-sncf-timeline .modal-body .right .bloc-bas, #block-bloc-sncf-timeline .tooltip-inner .right .bloc-bas, #block-bloc-sncf-timeline.ui-dialog .right .bloc-bas, #block-bloc-sncf-timeline.popin-dialog-class .right .bloc-bas, .popin-dialog-class .modal-body .right .bloc-bas, .popin-dialog-class .tooltip-inner .right .bloc-bas, .popin-dialog-class.ui-dialog .right .bloc-bas, .popin-dialog-class.popin-dialog-class .right .bloc-bas {
        width: 100%;
        text-align: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        #block-bloc-sncf-timeline .modal-body .right .bloc-bas .description, #block-bloc-sncf-timeline .modal-body .right .bloc-bas .gares_associes, #block-bloc-sncf-timeline .tooltip-inner .right .bloc-bas .description, #block-bloc-sncf-timeline .tooltip-inner .right .bloc-bas .gares_associes, #block-bloc-sncf-timeline.ui-dialog .right .bloc-bas .description, #block-bloc-sncf-timeline.ui-dialog .right .bloc-bas .gares_associes, #block-bloc-sncf-timeline.popin-dialog-class .right .bloc-bas .description, #block-bloc-sncf-timeline.popin-dialog-class .right .bloc-bas .gares_associes, .popin-dialog-class .modal-body .right .bloc-bas .description, .popin-dialog-class .modal-body .right .bloc-bas .gares_associes, .popin-dialog-class .tooltip-inner .right .bloc-bas .description, .popin-dialog-class .tooltip-inner .right .bloc-bas .gares_associes, .popin-dialog-class.ui-dialog .right .bloc-bas .description, .popin-dialog-class.ui-dialog .right .bloc-bas .gares_associes, .popin-dialog-class.popin-dialog-class .right .bloc-bas .description, .popin-dialog-class.popin-dialog-class .right .bloc-bas .gares_associes {
          display: none; }
  #block-bloc-sncf-timeline .modal-content, .popin-dialog-class .modal-content {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    #block-bloc-sncf-timeline .modal-content .modal-body, .popin-dialog-class .modal-content .modal-body {
      padding: 2rem;
      min-height: 20rem;
      background: white;
      background: linear-gradient(90deg, white 42%, #dddddd 42%, #dddddd 43%, #dddddd 42%); }
      #block-bloc-sncf-timeline .modal-content .modal-body .gauche, .popin-dialog-class .modal-content .modal-body .gauche {
        width: 45%;
        display: -ms-flexbox;
        display: flex;
        padding-right: 4rem; }
        #block-bloc-sncf-timeline .modal-content .modal-body .gauche .picto, .popin-dialog-class .modal-content .modal-body .gauche .picto {
          width: 4rem; }
          #block-bloc-sncf-timeline .modal-content .modal-body .gauche .picto:before, .popin-dialog-class .modal-content .modal-body .gauche .picto:before {
            width: 40px;
            height: 40px;
            border-radius: 40px; }
          #block-bloc-sncf-timeline .modal-content .modal-body .gauche .picto:after, .popin-dialog-class .modal-content .modal-body .gauche .picto:after {
            width: 31px;
            height: 22px; }
        #block-bloc-sncf-timeline .modal-content .modal-body .gauche .right .bloc-haut h4, .popin-dialog-class .modal-content .modal-body .gauche .right .bloc-haut h4 {
          font-size: 22px;
          line-height: 1.4rem;
          margin-bottom: .5rem;
          text-align: left; }
        #block-bloc-sncf-timeline .modal-content .modal-body .gauche .right .bloc-haut .interval-date, .popin-dialog-class .modal-content .modal-body .gauche .right .bloc-haut .interval-date {
          display: none; }
        #block-bloc-sncf-timeline .modal-content .modal-body .gauche .right .bloc-bas, .popin-dialog-class .modal-content .modal-body .gauche .right .bloc-bas {
          overflow-y: scroll;
          max-height: 15rem; }
        #block-bloc-sncf-timeline .modal-content .modal-body .gauche .right .detail, #block-bloc-sncf-timeline .modal-content .modal-body .gauche .right .gares_associes, .popin-dialog-class .modal-content .modal-body .gauche .right .detail, .popin-dialog-class .modal-content .modal-body .gauche .right .gares_associes {
          display: none; }
        #block-bloc-sncf-timeline .modal-content .modal-body .gauche .right .description, .popin-dialog-class .modal-content .modal-body .gauche .right .description {
          display: block; }
      #block-bloc-sncf-timeline .modal-content .modal-body .droite, .popin-dialog-class .modal-content .modal-body .droite {
        width: 55%;
        position: relative;
        /*&:before{
          content:"";
          position: absolute;
          right: 0;
          top: 2rem;
          bottom: 0rem;
          width: 11px;
          border-radius: 11px;
          border: 1px solid grey;
          background: grey;
        }*/ }
        #block-bloc-sncf-timeline .modal-content .modal-body .droite ul.wrapper, .popin-dialog-class .modal-content .modal-body .droite ul.wrapper {
          list-style: none;
          margin: 0;
          padding: 0;
          overflow-y: scroll;
          max-height: 20rem;
          position: relative; }
          #block-bloc-sncf-timeline .modal-content .modal-body .droite ul.wrapper li, .popin-dialog-class .modal-content .modal-body .droite ul.wrapper li {
            margin: 0 0 .5rem 0;
            padding: 0; }
            #block-bloc-sncf-timeline .modal-content .modal-body .droite ul.wrapper li h5, .popin-dialog-class .modal-content .modal-body .droite ul.wrapper li h5 {
              font-weight: 600; }
            #block-bloc-sncf-timeline .modal-content .modal-body .droite ul.wrapper li .dates, .popin-dialog-class .modal-content .modal-body .droite ul.wrapper li .dates {
              margin-left: 1rem; }