\n\n.acceuilbody{\n    background-color: #F2FAFC;\n    height: 150vh;\n}\n.acceuilbody h1 {\n    margin-bottom: 5vh; \n    color:#43425D;\n    font: 600 25px/38px Poppins;\n    text-align: left;\n    margin-left: 20vh;\nimport React from 'react'
import Table from 'react-bootstrap/Table'
import "./listeRdv.css"

const ListeDossier = () => {

    const users = [

        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'   },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'   },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' },
    ]
    



  return (
    

                    
                            
                                
                                N° DOSSIER
                                PATIENT
                                
                                
                            
                            
                                {
                                users.map((item,i)=>
                                
                                {item.NoDOSSIER}
                                {item.PATIENT}
                                consulter
                                
                                )
                                }
                            
                            
    
            
    

  )
}
.top-container{
    display: flex;
    margin-left: 15vh;
}

.topBox{
    
    margin-left: 5vh;
    margin-top: 2vh;
    width: 60vh;
    height: 20vh;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #0000000A;
    opacity: 1;
}
.topBox p{
    margin-left: 2vh;
    margin-top: 2vh;
    text-align: left;
    font: Poppins;
    letter-spacing: 0px;
    color: #43425D;
    opacity: 0.6;
}
.topBox h3 {
    margin-left: 2vh;
    margin-top: 4vh;
    text-align: left;
    font: bold Poppins;
    letter-spacing: 0px;
    color: #4D4F5C;
}
.topBox h4{
    text-align: left;
    font:  bold 14px/17px 'Poppins';
    letter-spacing: 0px;
    color: #FF4141;
    opacity: 1;

}
.img-container{
    margin-right: 2vh;
    float: right;
    width: 18vh;
    margin-top: 4vh;
    
}
.img-container img{
    width: 100%; 
    height: 100%; 
    object-fit: contain;
}
.list-container{
    margin-top:5vh;
    display: flex;
    margin-left: 15vh;
    margin-bottom: 10vh;
}
.listeRdv{
    padding: 3vh;
    width: 125vh;
    height: 98vh;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #0000000A;
    opacity: 1;
    margin-left: 5vh;
    margin-bottom: 5vh;

}
.listeDossier{
    padding: 3vh;
    width: 60vh;
    height: 98vh;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #0000000A;
    opacity: 1;
    margin-left: 5vh;
    
}
.listeRdv p{
    margin-left: 2vh;
    margin-top: 2vh;
    text-align: left;
    font:  Poppins;
    letter-spacing: 0px;
    color: #4D4F5C;
    opacity: 0.59;
}
.dossierTitre{
    margin-bottom: 2vh;
    display: flex;
}
.dossierTitre p {
    font-weight: 2rem;
    text-align: left;
    font-family:  Poppins;
    letter-spacing: 0px;
    color: #4D4F5C;
    opacity: 1;

}
.voirPlus{
    margin-left:27vh;
}export default ListeDossier;