body { padding: 0px; background: transparent url(images/phoenix.jpg) repeat fixed; width: 80%; margin-left: auto; margin-right: auto; font-family: Arial;}

#corps {margin: 0px; font-size: 0.9em; background: white none repeat scroll 0%;  padding-left: 220px; padding-right: 140px; padding-top: 10px; padding-bottom: 50px;}

h1 {font-size: 1.5em;  line-height: 100%; text-align: center; color: black; font-weight: normal;}

h2 { font-size: 1.1em; line-height: 150%; text-align: center; color: maroon; font-weight: normal;}

h3 { font-size: 1em; text-align: center;}

p {  line-height: 150%; padding-bottom: 10px; text-indent: 30px; text-align: justify;}


.pcenter { line-height: 150%; text-indent: 0px; text-align: center;}

.citation {font-style: italic; margin-left: 30px; margin-right: 30px;}

.cadregauche {display: block; width: 45%; float: left; border: solid 1px grey; padding: 2%; margin-bottom: 10px; margin-top: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(/java/PIE/PIE.htc); background: transparent url(images/menu/cadre.jpg) no-repeat; }

.cadredroit {display: block; width: 45%; float: right; border: solid 1px grey; padding: 2%; margin-bottom: 10px; margin-top: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(/java/PIE/PIE.htc); background: transparent url(images/menu/cadre.jpg) no-repeat; }

ol { line-height: 150%; text-align: justify; text-indent: 0px;}

ul {}

table {border: solid 1px; margin-left: auto; margin-right: auto; border-spacing: 0px; margin-top: 10px; margin-bottom: 10px;}

td {border: solid 1px black; padding: 5px;}
th {border: solid 1px black; padding: 5px;}

strong {color: maroon;}

em {color: maroon;}

#pub {position: fixed; top: 35%; right: 11%;}


#menu {text-align: center; line-height: 100%; margin: 0px; padding: 5px; margin-left: 30px; margin-right: 30px; background:  transparent url(images/menu/imgmenu2.jpg) repeat scroll 10px; word-spacing: 20px; font-family: Arial; font-size: 1em;}


#menu li {font-size: 1em; list-style-type: none; display: inline; }

#menu li a:hover {font-size: 1em; font-weight: bold; text-decoration: underline; color: maroon; }

#menu li a {color: black; font-weight: bold; font-variant: small-caps; text-decoration: none;}

#sousmenu {display: block; margin: 0px; padding-right: 10px; padding-left: 0px; width: 170px; text-align: right; float: left; line-height: 200%; border-right: solid 2px grey; font-family: Arial;}

#sousmenu li { color: black; font-weight: normal; list-style-type: none; display: block; font-weight: bold; }

#sousmenu li a:hover {color: maroon; font-weight: bold; font-size: 0.9em; text-decoration: underline; }

#sousmenu li a {text-decoration: none; color: black; font-variant: small-caps; font-size: 0.9em;}


#foot p { background: transparent url(images/menu/imgmenu2.jpg) repeat scroll 0%; text-align: center; font-family: Arial; font-size: 0.7em; padding-bottom: 0px; margin-left: 30px; margin-right: 30px; margin-top: 0px; margin-bottom: 0px;}

#pubhaut { margin: 0px; background: white none repeat scroll 0%; padding-bottom: 0px; padding-left: 220px; padding-right: 140px; text-indent: 0px; text-align: center;}


.caractere {font-size: 1.2em; color: maroon;}

.pinyin {font-size: 1em; color: blue;}

.left {background:  transparent url(images/menu/imgmenu1.jpg) no-repeat left;}

.right {background:  transparent url(images/menu/imgmenu3.jpg) no-repeat right;}

.center {display: block; margin-left: auto; margin-right: auto; width: 250px;}

.audio {background:  transparent url(images/play.gif) no-repeat}

.share { float: right; padding-right: 140px; padding-top: 3px;}