.open-btn {
    position: absolute;
    left: 20px;
    font-size: 30px;
    background: none;
    border: none;
    cursor: pointer;
    color:  white;
}


.sidebar {
      position: absolute;
      top: 75px;
      left: -100%;
      width: 100%;
      height: calc(100% - 135px);
      background-image: url(https://bleupoleweb.fr/assets/img/modele.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      overflow-x: hidden;
      color: white;
      overflow-y: auto;
      transition: left 0.3s ease;
      padding-top: 50px;
      z-index: 1;
      display:flex;
      flex-direction: column;
      align-items: center;
}

.sidebar a {
    display: inline-block;
    padding: 4px 30px;
    color: black;
    text-decoration: none;
    font-size: 20px;
    text-align: center;
    border-radius: 25px; 
    font-family: Arial, Helvetica, sans-serif;
    -webkit-tap-highlight-color: transparent;
 }

 .sidebar a:hover,
 .sidebar a:active,
 .sidebar a:focus {
    transform: scale(1.05);
    background-color: #FF182A;
    color: white;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: black;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.3s, color 0.3s;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
}

.close-btn:hover {
    background-color: #FF182A;
    color: white;
}

.no-hover:hover {
    background-color: transparent !important;
    color: inherit !important;
}