body { font-size: 12px;}
p { font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin: 0 0 1.5em 0; }
/* 24px - The quick brown fox jumps over the lazy dog */
.class-for-24px { font-size: 2em; /* 24px */ line-height: 1.5em; /* 36px */ margin-top: 0.75em; margin-bottom: 0em; }
/* 22px - The quick brown fox jumps over the lazy dog */
.class-for-22px { font-size: 1.8333em; /* 22px */ line-height: 1.6364em; /* 36px */ margin-top: 0.8182em; margin-bottom: 0em; }
/* 20px - The quick brown fox jumps over the lazy dog */
.class-for-20px { font-size: 1.6667em; /* 20px */ line-height: 1.8em; /* 36px */ margin-top: 0.9em; margin-bottom: 0em; }
/* 18px - The quick brown fox jumps over the lazy dog */
.class-for-18px { font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; }
/* 16px - The quick brown fox jumps over the lazy dog */
.class-for-16px { font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; }
/* 14px - The quick brown fox jumps over the lazy dog */
.class-for-14px { font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }
/* 12px - The quick brown fox jumps over the lazy dog */
.class-for-12px { font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; }
/* 10px - The quick brown fox jumps over the lazy dog */
.class-for-10px { font-size: 0.8333em; /* 10px */ line-height: 1.8em; /* 18px */ margin-top: 1.8em; margin-bottom: 0em; }
/* 9px - The quick brown fox jumps over the lazy dog */
.class-for-9px { font-size: 0.7em; /* 9px */ line-height: 2.25em; /* 18px */ margin-top: 2.25em; margin-bottom: 0em; }/* 8px - The quick brown fox jumps over the lazy dog */
.class-for-8px { font-size: 0.6667em; /* 8px */ line-height: 2.25em; /* 18px */ margin-top: 2.25em; margin-bottom: 0em; }
/* 7px - The quick brown fox jumps over the lazy dog */
.class-for-7px { font-size: 0.5833em; /* 7px */ line-height: 2.5714em; /* 18px */ margin-top: 2.5714em; margin-bottom: 0em; }
/* 6px - The quick brown fox jumps over the lazy dog */
.class-for-6px { font-size: 0.5em; /* 6px */ line-height: 3em; /* 18px */ margin-top: 3em; margin-bottom: 0em; }
/* 5px - The quick brown fox jumps over the lazy dog */
.class-for-5px { font-size: 0.4167em; /* 5px */ line-height: 3.6em; /* 18px */ margin-top: 3.6em; margin-bottom: 0em; }
/* choix de la famille */
.font-arial {arial,sans-serif;}
.font-times {times,'Times New Roman',"Times New Roman",serif}
.font-trebuchet {trebuchet}
.font-verdana {verdana,sans-serif}
.font-georgia{Georgia,serif}
.font-courier {courier,sans-serif}
.font-monospace {"Lucida Console",monospace}