@import url(./colors.css);
* {
    box-sizing:border-box;
    margin:0;
}
@font-face {
    font-family:"Roboto";
    src: url(../fonts/RobotoFlex-Regular.woff);
    src: url(../fonts/RobotoFlex-Regular.ttf) format(truetype), url(../fonts/RobotoFlex-Regular.otf) format(opentype);
}
body {
    position:relative;
    font-family: "Roboto",sans-serif;
    background-color: var(--light_grey);
    margin : 10px;

   }
button {
    background-color: var(--green);
    color: white;
    height : 30px;
    border-width: 0;
    


}
table {
    border-collapse:collapse;
    margin: 25px;
}
#caisse {
    margin : 30px auto;
}
#caisse caption {
    caption-side : bottom;
    background-color: var(--white);
    border-style: solid;
    border-width:0px;
    border-color: black;
    font-size:0.8em;
}
#caisse th, #caisse td {
    border-style: solid;
    border-width: 1px;
    border-color : black;
}
#caisse th.col1, #caisse th.col2,#caisse th.col3,#caisse th.col4 {
    text-align: center;
}
#caisse th.col1 {
    width: 50px;
}
#caisse th.col2 {
    width: 150px;
}
#caisse th.col3 {
    width: 150px;
}
#caisse th.col4 {
    width: 150px;
}
#caisse td.col1 {
    width: 50px;
}
#caisse td.col2 {
    width: 150px;
}
#caisse td.col3 {
    width: 150px;
}
#caisse td.col4 {
    width: 150px;
}
#caisse td {
    text-align: center;
}
#caisse tr.ligne_impair td{
    background-color:var(--medium_grey);
}
#caisse tr.ligne_pair td{
    background-color:rgb(255,255,255);
}

 #caisse th, #caisse tfoot td{
    background-color: var(--dark_grey);
 }


#don {
    margin : 30px auto;
}
#don caption {
    caption-side : bottom;
    background-color: var(--white);
    border-style: solid;
    border-width:0px;
    border-color: black;
    font-size:0.8em;
}
#don th, #don td {
    border-style: solid;
    border-width: 1px;
    border-color : black;
}
#don th.col1, #don th.col2,#don th.col3,#don th.col4 {
    text-align: center;
}
#don th.col1 {
    width: 50px;
}
#don th.col2 {
    width: 150px;
}
#don th.col3 {
    width: 150px;
}
#don th.col4 {
    width: 150px;
}
#don td.col1 {
    width: 50px;
}
#don td.col2 {
    width: 150px;
}
#don td.col3 {
    width: 150px;
}
#don td.col4 {
    width: 150px;
}
#don td {
    text-align: center;
}
#don tr.ligne_impair td{
    background-color:var(--medium_grey);
}
#don tr.ligne_pair td{
    background-color:rgb(255,255,255);
}

 #don th, #don tfoot td{
    background-color: var(--dark_grey);
 }