.loading_wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 9999;
  }

  .loader_logo {
    height: 80px;
    width: 80px;
    position: absolute;
    left: calc(50% - 40px); /* Ajusté pour un centrage parfait */
    top: 38%;
  }

  .loader_logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }

  .loading {
    /* Remplacement du violet par le rouge transparent */
    border: 3px solid rgba(135, 0, 0, 0.15); 
    position: absolute;
    left: calc(50% - 27px); /* Ajusté pour centrer un cercle de 55px */
    top: 50%;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    /* Remplacement par votre rouge moderne #870000 */
    border-top-color: #870000;
    animation: loader 1s ease-in-out infinite;
    -webkit-animation: loader 1s ease-in-out infinite;
  }

  @keyframes loader {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @-webkit-keyframes loader {
    to {
      -webkit-transform: rotate(360deg);
    }
  }