body{
    margin: 0;
    }

    .body{
        background-image: url('documents/enchere-finale.jpg');
        position: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;

        width: 100%;
        height: 100%;


    }


    .resume-situation{
        background-color:#5b2733;
        width: 25%;
        height: auto;
        font-style: italic;
        box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
        /*border: groove white;*/
        border-width: 4px;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 14px;
        position: absolute;
        top: 25px;
        left: 70px;
        padding: 10px;
        color: white;
        line-height: 1.5em;
        border-radius: 20px;
        display: none;



    }

    .selector-tableau{
        width: 100%;
        height: 300px;
        /*background-color: blue;*/
        opacity: 0.8;
        padding-top: 40px;
        display: inline-block;


    }


    .selector-container-tableau-1{
        width: 21%;
        height: 240px;
        /*background-color: brown;*/
        margin-left: 17%;
        cursor: pointer;
    }


    .selector-container-tableau-2{
        width: 21%;
        height: 240px;
        /*background-color: rgb(42, 165, 128);*/
        margin-left: 45%;
        display: inline-block;
        margin-top: -275px;
        cursor: pointer;

    }


    .selector-container-tableau-3{
        width: 21%;
        height: 240px;
        /*background-color: rgb(165, 42, 104);*/
        margin-left: 71%;
        display: inline-block;
        margin-top: -285px;
        cursor: pointer;

    }



    #overlay{
        width: 29%;
        height: auto;
        background-color:#5b2733;
        position: absolute;
        right: 20px;
        padding: 10px;
        color: white;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 14px;
        border: groove white;
        border-width: 4px;
        line-height: 1.5em;
        display: none;
        bottom: 20px;


    }

    .titre{
        color: white;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 18px;
        cursor: pointer;
    }

    .achat{
        margin-right: 0px;
        cursor: pointer;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 18px;

    }

    .achat:hover{
        color: #5b2733;
    }

    .retour{
        cursor: pointer;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 18px;
    }

    .retour:hover{
        color: #5b2733;
    }


    #overlay1{
        width: 29%;
        height: auto;
        background-color:#5b2733;
        position: absolute;
        right: 20px;
        padding: 10px;
        color: white;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 14px;
        border: groove white;
        border-width: 4px;
        line-height: 1.5em;
        display: none;
        bottom: 20px;


    }

    #overlay2{
        width: 29%;
        height: auto;
        background-color:#5b2733;
        position: absolute;
        right: 20px;
        padding: 10px;
        color: white;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 14px;
        border: groove white;
        border-width: 4px;
        line-height: 1.5em;
        display: none;
        bottom: 20px;


    }


    #overlay3{
        width: 10%;
        height: auto;
        background-color:#5b2733;
        position: absolute;
        left: 20px;
        padding: 10px;
        color: white;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 14px;
        border: groove white;
        border-width: 4px;
        line-height: 1.5em;
        display: none;
        top: 20px;
        cursor: pointer;
    }

    #overlay3:hover{
        color: #5b2733;
        background-color: white;
        cursor: pointer;
    }


a:hover{
    color: #5b2733;
}

a{
    color: white;
}

#Calque_1{
  height: 50px;
  width: 50px;
  margin-left: 20px;
  margin-top: 20px;
  cursor: pointer;

}

#Calque_2{
  height: 30px;
  width: 30px;
  margin-left: 30px;
  margin-top: 20px;


}

.picto-close{
  width: 3px;
  height: 3px;
  margin-top: -40px;
  margin-left: 90%;
  cursor: pointer;
}

.text{
  margin-top: 50px;
}

.page-precedente{
  width: 21%;
  height: auto;
  position: absolute;
  left: 20px;
  bottom: 20px;
  border-radius: 20px;

  font-family: 'IBM Plex Mono', monospace;
  font-size: 20px;
  font-style: bold;
  background-color: white;
  color: #5b2733;
  padding: 10px;
  cursor: pointer;
}

.page-precedente:hover{
  background-color: #5b2733;
  color: white;
}