:root{
    --grey-1 : #F2F2F7;
    --grey-2 : #E5E5EA;
    --grey-3 : #D1D1D6;
    --grey-4 : #C7C7CC;
    --grey-5 : #AEAEB2;
    --grey-6 : #8E8E93;
    --grey-7 : #636366;
    --grey-8 : #48484A;
    --grey-9 : #3A3A3C;
    --grey-10 : #2C2C2E;
    --grey-11 : #1C1C1E;
    --grey-12 : #141416;
    
    
    /*----------bleu-------*/
    
    --bleu-1 : #0084FF;
    --bleu-2 : #007AFF;
    --bleu-3 : #0081E2;
    
    
    /*----------pink-------*/
    
    --pink-1 : #FF375F;
    --pink-2 : #FF2D55;
    --pink-3 : #F21D51;
    
    
    /*----------red-------*/
    
    --red-1 : #FF453A;
    --red-2 : #FF3B30;
    --red-3 : #F22520;
    
    
    /*----------purple-------*/
    
    --purple-1 : #BF5AF2;
    --purple-2 : #AF52DE;
    --purple-3 : #9E14EF;
    }

body{
    background-color: var(--grey-1);
    color: var(--grey-12);
    /* margin-top: 20px;
    margin-left: 20px; */
}

.Fusion{
    margin-left: 20px;
}
.simulation-area{
    margin-top: 10px;
    margin-left: 10px;
    height: 509px;

}
.fichier{
    text-align: center;
    padding-top: 5px;
    vertical-align: top;
    top: 0px;
  
    background-color: var(--grey-2);
    width: 160px;
    height: 400px;
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block;
    overflow-y: auto;
}

.fichier :last-child{
    margin-bottom: 10px;
}
.fichier :first-child{

}
.fichier::-webkit-scrollbar {
    height:10px;
    width: 3px;
  }
  
  /* Track */
.fichier::-webkit-scrollbar-track {
    
    background: var(--grey-2);
  } 
  
  /* Handle */
.fichier::-webkit-scrollbar-thumb {
    background: rgb(48, 47, 47);
  }
  
  /* Handle on hover */
.fichier::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

#fich2{
    margin-left: 40px;
}
.buffers{
    padding-bottom: 5px;
    text-align: center;
    width : 310px;
    height: 300px;
    border: 1px solid #000;
    background-color: var(--grey-1);
    border-radius: 5px;
    display: inline-block;
    margin-left: 40px;
    margin-top: 0px;
   
}

.buffers-1-2{
    width : 290px;
    height: 120px;
    border: 1px solid #000;   
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto ;
    margin-top: 5px;
    vertical-align: top;
    padding-bottom: 10px;
}




.buffer-3{
    width: 290px;
    height: 120px;
    margin-left: auto;
    margin-right: auto ;
    margin-top: 20px;
    border: 1px solid #000;   
    border-radius: 5px;
    
}

#fich3{
    height: 400px;
    text-align: center;
    padding-top: 5px;
    margin-left: 50px;
   
}

.block{
    
    display: inline-block;
    background-color: #ddd;
    border: 1px solid #000;
    margin-top: 5px;
    border-radius: 5px;
    width: 120px;
    height: 100px;
  
}

.block2{
    vertical-align: top;
    display: inline-block;
    background-color: #ddd;
    border: 1px solid #000;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    width: 130px;
    height: 110px;
  
}

.enreg{
    height: 19px;
    width: 118px;
    border-top: 1px solid #000000;
    vertical-align: middle; 
    line-height: 21px;  
}

.inserting{
    background-color: rgb(240, 137, 137);
    color: white;

}

#clone{
    display: inline-block;
}