body {
    padding-top: 7%;

  }
  .bodyJG{
    background-image: url(moon-31665.png);
    background-size: cover;
  }
 
  h1.title{
    font-size: 1.25rem;
    background-image: url(cadeaux.png);
  }
  div.error{
    color: red;
  }
  .navbar{
background-color: black;
/*     background-size: cover; */
  }

  .footer{
background-image: url(Image_footer.jpg);
background-size: cover;
    /*     height: 300px; */
  }
  .text-principal-footer{
    font-size: 2rem;
    color:#0000c0;
  }
  .text-2-footer{
    font-size: 2rem;
    color:#ff2884;
  }
  .page-title{
    color:whitesmoke;
  }
  .mr-6 {
    margin-right: 30rem;
  }
  .form-label-comment{
    color:#ff2884;
  }
  .card-header{
    background: linear-gradient(white,#161b74);
    color:white;
  }
  .card-comment{
    background: linear-gradient(white,#ff2884);
    color:white;
  }
  .card{
    border:none
  }
  .card-title{
    color:#161b74
  }
  .btn-info{
    background: linear-gradient(white,#494949);
    color:white;
    border:none;
  }
  .btn-danger{
    background: linear-gradient(white,#ff0000);
    color:white;
    border:none;
  }
  .btn-secondary{
    background: linear-gradient(white,#161b74,#161b74);
    color:white;
    border:none;
  }
  .btn-success{
    background: linear-gradient(white,#ff2884,#ff2884);
    color:white;
    border:none;
  }
  .btn-light{
    background: linear-gradient(white,#c4c4c4,#c4c4c4);
    color:#161b74;
    border:none;
  }
 
  .form-label{
    color:#161b74;
  }
  .nav-item{
    font-weight: bold;
  }
  .container{
    width:100%;
  }

  .list-group-mine .list-group-item:hover {
    background-color: #ffbfdb;
  }

  .list-group-mine .list-group-item {
    color: #161b74;
    border-bottom-right-radius: .0rem;
  }
  .active{
    background-color: #ffbfdb !important;
    border:none;
}

  .list-group-title {
    background: linear-gradient(white,#161b74);
    color:white;
    font-size:larger;
    font-weight: 500;
    border-radius: .8rem;
    border:none;
    
  }