#tp_content {
  background: #f6f6fb; }
  #tp_content #wrap {
    font-family: Montserrat;
    background-color: white;
    margin-top: 100px;
    width: 74vw;
    margin: auto;
    margin-top: 60px;
    max-width: 1440px; }
    #tp_content #wrap #flex {
      position: relative; }
    #tp_content #wrap .zone-chkx {
      padding-top: 30px;
      text-align: center;
      width: 100%; }
      #tp_content #wrap .zone-chkx h2 {
        font-family: 'Montserrat';
        color: #4B3FB4;
        font-size: 45px;
        font-style: unset;
        font-weight: 800; }
      #tp_content #wrap .zone-chkx .setup-msg {
        font-size: 15px;
        font-weight: unset;
        width: 60%;
        margin: auto;
        margin-top: 15px; }
      #tp_content #wrap .zone-chkx #searchContainer {
        display: flex;
        justify-content: space-between;
        width: 50%;
        margin: auto;
        height: 32px;
        padding-bottom: 40px; }
        #tp_content #wrap .zone-chkx #searchContainer #typeReference {
          width: 18%; }
          #tp_content #wrap .zone-chkx #searchContainer #typeReference #choixTypeReference {
            margin: 0;
            width: 100%;
            height: 100%;
            border-radius: 5px;
            border: none; }
        #tp_content #wrap .zone-chkx #searchContainer #searchReference {
          width: 75%; }
          #tp_content #wrap .zone-chkx #searchContainer #searchReference #search_products {
            height: 100%; }
            #tp_content #wrap .zone-chkx #searchContainer #searchReference #search_products input {
              margin: 0;
              width: 100%;
              border: none;
              padding: 8px; }
        #tp_content #wrap .zone-chkx #searchContainer .material-icons {
          cursor: pointer; }
    #tp_content #wrap #headerTab {
      text-align: center;
      height: 25px;
      color: white;
      font-size: 18px;
      background: #003c9d;
      width: 250px;
      z-index: 3; }
    #tp_content #wrap #postScriptum {
      color: black;
      font-style: italic;
      text-align: center;
      margin-left: 22%;
      width: 74%; }
    #tp_content #wrap .scroll_color {
      overflow-y: scroll;
      overflow-x: hidden;
      width: 250px;
      height: 530px;
      cursor: pointer;
      margin-left: 0px;
      margin-bottom: 30px;
      scrollbar-width: thin;
      scrollbar-color: #003c9d #f6f6fb; }
      #tp_content #wrap .scroll_color::-webkit-scrollbar {
        width: 10px;
        background-color: #f6f6fb; }
      #tp_content #wrap .scroll_color::-webkit-scrollbar-thumb {
        background: #003c9d; }
    #tp_content #wrap .fleftref {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: auto;
      margin-top: 50px;
      width: 75%; }
      #tp_content #wrap .fleftref .pastille {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border: solid 1px #4B3FB4;
        border-radius: 5px;
        margin-bottom: 20px;
        width: 70%;
        height: 55px; }
        #tp_content #wrap .fleftref .pastille div {
          font-size: 15px;
          padding: 5px; }
        #tp_content #wrap .fleftref .pastille .zone_text {
          border-right: solid 1px #4B3FB4;
          color: #4B3FB4;
          width: 20%; }
        #tp_content #wrap .fleftref .pastille .zone_rf {
          width: 70%; }
          #tp_content #wrap .fleftref .pastille .zone_rf input {
            margin: 0;
            padding: 0;
            font-size: 15px;
            width: 100%;
            height: 100%;
            border: none; }
            #tp_content #wrap .fleftref .pastille .zone_rf input::placeholder {
              color: #4B3FB4; }
        #tp_content #wrap .fleftref .pastille .zone_prev {
          border-radius: 5px;
          width: 5%;
          height: 37px;
          background: #4B3FB4;
          cursor: pointer; }
        #tp_content #wrap .fleftref .pastille .zone_prev:hover {
          opacity: 0.5; }

.color-control {
  top: 20vh; }

@media screen and (max-width: 1220px) {
  #tp_content #wrap .fleftref .pastille .zone_text {
    width: 30%; }
  #tp_content #wrap .fleftref .pastille .zone_rf {
    width: 60%; }
  #tp_content #wrap .fleftref .pastille .zone_prev {
    width: 10%; } }

@media screen and (max-width: 750px) {
  #tp_content #wrap {
    width: 90vw; }
    #tp_content #wrap .fleftref .pastille {
      flex-direction: column;
      text-align: center;
      width: 100%; }
      #tp_content #wrap .fleftref .pastille .zone_text {
        width: 100%;
        border: unset; }
      #tp_content #wrap .fleftref .pastille .zone_rf {
        width: 100%; }
        #tp_content #wrap .fleftref .pastille .zone_rf .inp-recherche {
          text-align: center; }
      #tp_content #wrap .fleftref .pastille .zone_prev {
        width: 98%;
        border-radius: 0px 0px 5px 5px; } }