body{font-family:Arial;margin:20px}
table{border-collapse:collapse;width:100%}
td,th{border:1px solid #ccc;padding:6px}
.retard{background:#ffcccc}
.urgent{background:#ffe0b3}
.avenir{background:#e6f2ff}
.fait{background:#d4edda}
.etat-pas_pret{background:#ffcccc}
.etat-a_acheter{background:#ffe0b3}
.etat-prepare{background:#e6f2ff}
.etat-pret{background:#d4edda}