body{margin:0;padding:0;text-align:center;font:0.8em helvetica, sans-serif;background:url(stripes.gif) repeat;color:#002C73;}
div#page{position:relative;width:900px;margin:7px auto 0;text-align:left;border-bottom:1px solid orange;background:url(page.gif) repeat-y;}
div#logo{position:relative;float:left;width:317px;height:66px;background:url(arrondie.gif) no-repeat;cursor:hand;}
div#topBand{position:relative;float:right;width:583px;height:35px;background:url(topBand.gif) repeat-x;}
div#topTitre{position:relative;top:7px;float:right;width:583px;height:30px;text-align:center;}
div#content{padding:0 13px 0 13px;}
div#footer{width:200px;color:white;margin:0 auto 0;}

#topTitre h1{position:relative;font:1.5em helvetica, sans-serif;font-weight:400;display:inline;}
#logo img{border:0;}

/* GOOGLE */
div.googleTop{position:relative;top:10px;width:728px;margin:0 auto 0;}

/* HR */
hr.both{clear:both;visibility:hidden;}
hr.right{clear:right;visibility:hidden;}
hr.left{clear:left;visibility:hidden;}

/* MENU */
ul#menu{position:relative;margin:0 0 0 1px;width:898px;height:40px;padding:0;background:url(bgMenu.gif) repeat-x 0 -30px;list-style-type:none;}
ul#menu li{float:left;text-align:center;}
ul#menu li a{width:130px;line-height:30px;font-size:0.9em;font-weight:bold;color:#033075;display:block;text-decoration:none;border-right:2px solid #dea;letter-spacing:1px;}
ul#menu li a:hover{background:url(bgMenu.gif) repeat-x 0 0;color:#f90;}

/* BARRE ORANGE */
div.tableHeader{position:relative;margin:20px 0 7px 1px;padding-left:7px;width:891px;height:23px;background:url(orange.gif) repeat-x 0 0;}

/* TABLEAU DES CATEGORIES */
div#selectCat{position:relative;margin:0 0 30px 10px;width:880px;text-align:center;padding-left:2px;}
div.selectCat{width:103px;height:20px;padding:0 0 0 22px;float:left;text-align:left;background:url(category.gif) no-repeat;cursor:hand;}
div.selectCatPeer{width:103px;height:20px;padding:0 0 0 22px;float:left;text-align:left;background:#eee url(category.gif) no-repeat;cursor:hand;}

/* FONCTION showPoeme() */
div.showPoeme{position:relative;margin-bottom:20px;width:744px;margin:0 auto 0 auto;}
div.showPoemeTitre{background:url(divPoemeTop.gif) no-repeat 0 0;width:742px;height:53px;font-weight:bold;}
.showPoemeTitre div{position:relative;left:20px;top:12px;	text-decoration:none;}
.showPoemeTitre span{text-decoration:underline;}
div.showPoemeInfo{position:absolute;width:680px;top:7px;font-size:0.7em;text-align:right;}
div.showPoemeCompo{background:url(divPoemeMiddle.gif) repeat-y 0 0;width:742px;font-size:1.1em;}
.showPoemeCompo div{width:500px;position:relative;left:15px;padding-bottom:7px;float:left;}
div.showPoemePlus{width:200px;}
div.showPoemeBottom{position:relative;top:-8px;background:url(divPoemeBottom.gif) no-repeat bottom left;width:742px;height:50px;}
.showPoemeBottom div{	position:relative;left:30px;top:10px;}

/* FONCTION infoPoeme() */
div.tablePoeme{width:876px;padding:0;margin:0 auto 0 auto;height:20px;}
div.tablePoemePeer{width:876px;padding:0;margin:0 auto 0 auto;background-color:#eee;height:20px;}
div.tablePoemeBold{width:876px;padding:0;margin:0 auto 0 auto;height:20px;font-weight:bold;}
div.tablePoemeTitre{width:350px;float:left;padding-left:7px;}
div.tablePoemeCat{width:200px;float:left;}
div.tablePoemePseudo{width:220px;float:left;}
div.tablePoemeDate{width:74px;float:left;}

a.listCat{color:#000;text-decoration:none;}
a.listCat:hover{color:#f90;}

a.log{color:#fff;text-decoration:none;}

a{color:#002C73;}
a:hover{color:#f90;}

div.green{background-color:green;}
div.red{background-color:red;}