/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
  
/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
}
   
/* Handle */
::-webkit-scrollbar-thumb {
    background: brown; 
    border-radius: 10px;
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: darkslategrey; 
}

body{
    width: 100vw;
    height: 100vh;
}
#fond{
    top: 0;
    left:0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;
    z-index: -1;
}
#zG{
    position: absolute;
    top: 6vh;
    left: 3vw;
    width: 55vw;
    height: 83vh;
}
#zD{
    position: absolute;
    top: 6vh;
    right: 3vw;
    width: 32vw;
    height: 83vh;
    color: whitesmoke;
    padding: 15px;
    overflow: auto;
}
.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 25px;
    padding: 25px;
    overflow: auto;
}
.contrat{
    width: auto;
    height: 33vh;
    cursor: pointer;
}