.container {
    display: flex;
    flex-direction: column;
    height: 100%; 
}

.top-space {
    flex: 1; /* Espace restant en haut */
}


.post-body {
    display: flex;
    background-color: rgb(245, 246, 249);
    background-color: rgb(250, 250, 250);
    background-color: red;
    background-color: rgb(242, 244, 247);
    background-color: rgb(247, 249, 252);
}



.left-panel {
    width: 255px;/* !!!!! gérer direct dans le ciode*/
    color: black;
    overflow-y: auto;
    height: 92vh;
    background-color: rgb(247, 249, 252);/*242, 244, 247);*/
    background-color: rgb(255, 255, 255);
    z-index: 3;

    background-color: rgb(247, 249, 252);
    background-color: rgb(249, 249, 249);

}

.left-panel::-webkit-scrollbar {
    width: 6px;
}
.left-panel::-webkit-scrollbar-thumb {
    background-color: rgba(239, 239, 239);
    border-radius: 10px;
}
.left-panel::-webkit-scrollbar-thumb:hover {
    background-color: rgba(147, 147, 147, 0.8); 
}
.left-panel::-webkit-scrollbar-track {
    background: transparent;
}

.right-panel {
    flex: 1;
    padding: 0;
    margin: 0;
    padding-left: 60px;
    padding-right: 60px;
    height: 92vh;
    /*height: 100%;*/
    overflow-y: auto;
    background-color: rgb(255, 255, 255);
}
.right-panel::-webkit-scrollbar {
    width: 6px;
}
.right-panel::-webkit-scrollbar-thumb {
    background-color: rgb(239, 239, 239); 
    border-radius: 10px;
}
.right-panel::-webkit-scrollbar-thumb:hover {
    background-color: rgba(147, 147, 147, 0.8); 
}
.right-panel::-webkit-scrollbar-track {
    background: transparent;
}
@media (max-width: 768px) { 
    .right-panel{
      padding-left: 4px;
      padding-right: 4px; 
    }
  }