#eclasses{

    position: absolute;
    margin-top: 0px;
    margin-left: 92px;
}


#perso{

    position: absolute;
    width: 253px;
    height: 32px;
    background-color: #640000;
    color: white;
    text-align: center;
    font-size: 18px;
    font-family: fantasy;
    padding-top: 10px;
    border-radius: 10px;
    margin-left: 98px;
    margin-top: 36px;
}

#iperso{
    position: absolute;
    /* width: 28px; */
    /* height: 87px; */
    background-color: #640000;
    color: white;
    text-align: center;
    font-size: 18px;
    font-family: fantasy;
    /* padding-top: 10px; */
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left: 35px;
    margin-top: -9px;
    padding: 9px;
}

#nclasse{
    position: absolute;
    width: 234px;
    height: 25px;
    background-color: #640000;
    color: white;
    text-align: center;
    font-size: 14px;
    font-family: math;
    padding-top: 10px;
    border-radius: 10px;
    margin-left: 105px;
    margin-top: 142px;
    display: none;
}


      
#sa{
    width: 62px;
    height: 36px;
    margin: auto;
    text-align: center;
    font-size: 12px;
    font-family: fantasy;
    color: aliceblue;
    border-radius: 15px 15px 0px 0;
    margin-left: 33px;
    position: absolute;
    border-style: none;
    background-color: #880101;
}
#bcd{
    width: 101px;
    height: 36px;
    margin: auto;
    text-align: center;
    font-size: 12px;
    font-family: fantasy;
    color: aliceblue;
    border-radius: 15px 15px 0px 0;
    margin-left: 93px;
    border-style: none;
    background-color: mediumseagreen;
}
    #as{
        width: 58px;
        height: 36px;
        background-color: #75a4c5;
        margin: auto;
        text-align: center;
        font-size: 12px;
        font-family: fantasy;
        color: aliceblue;
        border-radius: 15px 15px 0px 0;
        margin-left: -5px;
        border-style: none;
}  

#eordem{
    position: absolute;
    margin-left: 371px;
    margin-top: 29px;
    background-color: #00001e;
    padding: 5px;
}

#op{

    padding: 7px;
    background: rgb(252, 241, 19);
    color: rgb(0, 0, 0);
    border-style: none;
    font-family: fantasy;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;

}


#ch{

    padding: 7px;
    background: #a6a6a6;
    color: rgb(0, 0, 0);
    border-style: none;
    font-family: fantasy;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: -4px;

}