body{
    background-color: rgb(194, 222, 122);
}

section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; /* allows vertical align */
}

section div.annuaire {
    width: 350px; /* allows horizontal align */
    height: 600px; /* allows vertical align */
    overflow-y: scroll;

    display: none; /*je cache l'annuaire qui est ici ma bdd*/
}

    div.annuaire img {
        width: 300px; 
    }

section div.vitrine{
    width: 600px;
    height: 600px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
}

    div.vitrine img {
        height: 450px; 
    }

    div.vitrine .buttons {
    margin-top: 30px;
        display: flex;
        gap: 15px;
        
    }




/******* to remove the scrollbars *********/

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

/* Firefox */
* {
  scrollbar-width: none;
}