body

{

    background-size:100% 100%;

    background-image: url('background.png');

}



.sidebar

{



   

    width: 5%;

    height:30%;

    

        right: 0;

        position: fixed;

        top: 50%;

        transform: translate(0px, -50%);

    



}

.sidebar img

{

    

    

    width: 100%;

    height:50%;

    

    

}





table

{

    width: 70%;

    

    margin: auto;

    margin-top:1.5%;

    

    border-collapse: collapse;

    

    text-align: left;

    font-family: helvetica;

    color:#475460;

    

}

th,tr

{

    border-bottom:   solid #edf2f6;;

    border-width: 2px;

    

    

}

.nbr

{

    

    margin-left: 60%;

    

}









.tableau

{

    position: absolute;

    width: 100%;

    

    

    top:20%;

    

    margin-left: 5%;

   

   

   

    

}

a{

    text-decoration: none;

    font-family: helvetica;

    color:#007aed;

    font-size: 0.7em;

    

}

button

 {
    border: none;
    outline: none;
    font-family: helvetica ;
font-weight: bold;
    color:#7f7f7f;

    border-radius: 2px;

    

    height: 40px;

    width: 90px;

 }

.pagination {

    

    display: flex;

    padding-left: 0;

    list-style: none;

    border-radius: 0.25rem;

}



.pagination li a {

    color: black;

    float: left;

    padding: 8px 16px;

    text-decoration: none;

    transition: background-color .3s;

    border: 1px solid #ddd;

    margin: 0 4px;

  }





.pagination .active a {

  background-color: #4CAF50;

  color: white;

  border: 1px solid #4CAF50;

}



.pagination a:hover:not(.active) {background-color: #ddd;}

p{

    color:#475460;

    font-family: helvetica;

}