body { background: #B5C3CE; margin: 10px; font-family: arial; }
td { color: #000; font-size: 11px; }
a { color: #009AFF; } a:hover { COLOR: #888; }

#all{text-align:center}
#contents {background-color:#fff; text-align:left; width:768px; border-bottom:1px #333 solid}

#menus1 {margin: 10px; color:#fff; font-weight; bold; font-variant:small-caps; }
.menu1 {margin: 0px 10px; }
.menu1Link {color:#fff; text-decoration:none; }

#page{margin:10px; }
#pageHead{margin:0px 0px 20px 0px;}
#pageRight{float:right; width:200px; margin:0px 0px 10px 10px; padding:10px; border: 1px #ddd dashed; background-color: #fff}
#pageBody{font-size:11px;}

.title1{ margin:10px 0px; color:#FFA200; font-weight: bold; font-size: 16px; }
.title2{ margin:10px 0px; padding:2px; background-color:#ccc; color:#fff; font-weight: bold; font-size: 16px; }

.pageTitle { color:#0055DE; font-weight: bold; font-size: 24px; }
.pageSubtitle { color:#888; font-size: 13px; font-style: italic; }
.pageShortdesc { color: #333; font-size: 13px; }
.pageImage {float:left; margin:5px 10px 0px 0px}
.pageBody { font-size: 12px }
.page1Title { color:#009AFF; font: bold Century Gothic; }
.page1Subtitle { color:#888; font-size: 11px; font-style: italic; }
.page1Shortdesc { margin: 3px 0px 0px 0px; color: #333; font-size: 11px; }
.page2Title { color:#0055DE; font-size:11px; }

<!-- ************************************************************* -->
<!-- LECON (les trucs intelligents d'Olive) -->

.leH1{color:#fff; background-color:#FFB71D; margin:20px 0px; padding:2px 5px; border:1px solid #D18F00; font-size:20px}
.leH2{color:#fff; background-color:#C4D759; margin: 20px 0px; padding:2px 5px; border:1px solid #96AA27; font-size:15px;}
.leSommaire{width:300px; text-align:left; border:1px solid #ddd; background-color:#fafafa; font-size:13px; padding:10px}

.leLine{width:100%}
.leChar{padding: 5px; text-align:center; float:left; }
.lePinyin{color:#080; padding:5px; }
.leCn{color:#008; font-size:18px; }
.leCnLoc{color:#000; font-size:18px; }
.leDialogue{padding:10px; margin:10px 0px; }

.leTableVoc{border:1px solid #ddd; background-color:#fafafa; width:400px}
.leCnVoc{color:#008; font-size:15px; padding:10px 30px 10px 10px}
.lePinyinVoc{color:#080; font-size:13px; padding:10px 30px 10px 10px}
.leFrVoc{font-size:13px; padding:10px }

.leTradLine{margin:5px 0px; font-size:13px; }
.leTradLoc{font-weight:bold; width:100px}

.leP{font-size:13px; }
.leLi{margin:10px; font-size:13px;}