.boite-geo {
    background-color: rgb(27, 22, 36);
    border: 2px solid rgb(212, 175, 55);
    border-radius: 12px;
    padding: 10px;
    margin: 10px ;
    color: rgb(220, 210, 235);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.boite-orcs {
    background-color: rgb(29, 10, 15);
    border: 2px solid rgb(158, 43, 52);
    border-radius: 12px;
    padding: 10px;
    margin: 10px ;
    color: rgb(230, 202, 202) ;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}
.boite-ca {
    background-color: rgb(8, 20, 34);
    border: 2px solid rgb(57, 119, 163);
    border-radius: 12px;
    padding: 10px;
    margin: 10px ;
    color: rgb(196, 217, 229) ;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.boite-mv {
    background-color:rgb(15, 14, 20);
    border: 2px solid rgb(126, 116, 145);
    border-radius: 12px;
    padding: 10px;
    margin: 10px ;
    color: rgb(220, 210, 235) ;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.boite-humains {
    background-color: rgb(30, 23, 10);
    border: 2px solid rgb(183, 144, 55);
    border-radius: 12px;
    padding: 10px;
    margin: 10px ;
    color: rgb(229, 217, 185) ;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.boite-decouverte {
    background-color: rgb(22, 16, 35);
    border: 2px solid rgb(117, 91, 163);
    border-radius: 8px;
    padding: 15px;
    margin: 15px ;
    color: rgb(178, 166, 224);
    box-shadow: 0 0 15px rgba(117, 91, 163, 0.3);
}