/* Ordinateur */
@media (min-width: 993px) {
  .btn-log-p {
       display: block;
   }

   .btn-log-m {
       display: none;
   }

   .menu {
        display: block;
    }

    .menu-tablette {
        display: none;
    }

    .menu-mobile, .btn-a-menu {
        display: none;
    }
}

/* Tablette */
@media (min-width: 577px) and (max-width: 992px) {
  .cont-n-fenetre {
    width: 400px;
    padding: 1.5rem;
  }

  .btn-log-p {
       display: block;
   }

   .btn-log-m {
       display: none;
   }

   .cont-img-ban {
        display: none;
    }

    .item-tuto {
        font-size: 20px;
    }

    .titre-ban {
        font-size: 45px;
    }

    .content-menu {
        justify-items: center;
    }

    .item-menu > ul > li > a > i {
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .menu {
        display: none;
    }

    .menu-tablette {
        display: block;
    }

    .cont-form-exchange {
        padding: 0 75px;        
    }

    .cont-form-env {
        flex-wrap: wrap;
    }

    .label-champ {
        margin-bottom: 20px;
    }

    .card, .card-par, .card-b-par, .list-par, .cont-h-trans  {
        padding: 30px;
    }

    .champ-search {
        width: 60%;
    }

    .list-par {
        margin: 0 30px;
    }

    .menu-mobile, .btn-a-menu {
        display: none;
    }
}

/* Mobile */
@media (max-width: 576px) {
  .cont-n-fenetre {
    width: 90%; /* quasi pleine largeur */
    padding: 1rem;
    border-radius: 8px;
  }

  .btn-log-p, .text-btn-val {
        display: none;
    }

    .btn-log-m {
        display: block;
    }

    .cont-ent-ban {
        border-radius: 30px 30px 0 0;
        margin-top: -25px;
    }

    .btn-val-s > i {
        margin-left: 0;
    }

    .cont-form-exchange {
        padding: 0 20px;        
    }

    .header-page > div {
        padding: 50px 10px;
    }

    .card, .card-par, .card-b-par, .list-par, .cont-h-trans  {
        padding: 20px;
    }

    .card-val-id {
        padding: 20px;
        border-radius: 30px;
    }
    
    .champ-search {
        width: 80%;
    }

    .list-par {
        margin: 0 20px;
    }

    .cont-img-ban {
        display: none;
    }

    .item-tuto {
        font-size: 20px;
    }

    .titre-ban {
        font-size: 45px;
    }

    .content-menu {
        justify-items: center;
    }

    .menu {
        display: none;
    }

    .menu-tablette {
        display: none;
    }

    .menu-mobile {
        display: flex;
    }

    .cont-form-env {
        flex-wrap: wrap;
    }

    .label-champ {
        margin-bottom: 20px;
    }

    .card, .card-par, .card-b-par, .list-par, .cont-h-trans  {
        padding: 30px;
    }

    .champ-search {
        width: 60%;
    }

    .list-par {
        margin: 0 30px;
    }

    .cont-p-pay {
        padding: 10px;
    }

    .cont-page {
        width: 100vw;
    }

    .content-menu {
        width: 60%;
    }

    .btn-a-menu {
        display: block;
    }
}