body {
 color: #ddd;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 background: #313131;
}

#main {
 margin: 10px auto 2px auto;
 padding: 0px 0px 10px 0px;
 border-top: 1px solid #FFCCCC;
 border-bottom: 1px solid #FFCCCC;
 width: 100%;
 background: #181818;
}

#title h1 {
 padding: 0px;
 margin: 0px;
 height: 0px;
}

#title h1 span {
 display: none;
}

#title h2 {
 display: none;
}

#title h2 span {
 display: none;
}

#menu {
 width: 100%;
}

#nav {
 text-align: left;
 padding: 3px 0px 0px 0px;
 font:9pt Verdana, Arial, Helvetica, sans-serif;
}

#nav a:active, #nav a:visited, #nav a:link  {
 #color: #ddd;
}

#navdate {
 float: left;
 width: 100px;
}

#navdate a:active, #navdate a:visited, #navdate a:link {
 color: #111;
 text-decoration: none;
}

#navleft { 
 float: left; 
}

#navright {
 float: right; 
}

#navitems { 
 float: left;
 text-align: center;
}

#content {
 text-align: center;
 margin: 0px;
}

#content a:active, #content a:visited, #content a:link {
 color: #AAA;
 text-decoration: none;
}

#content a:hover {
 color: #eee;
 text-decoration: none;
}

#content p.part {
 text-align: right;
 margin: 11px 5px;
 padding: 0px;
}

#content p.about {
 margin: 280px 5px;;
 text-align: right;
}


#picture {
 height: 150px;
 width: 150px;
 border: 1px solid #A36848;
 margin: 10px 0px 10px 0px;
 background: #fff;
}

#picture img {
 vertical-align: middle;
 border: 0px
 padding: 0px;
 margin: 0px;
}

img.valign {
 height: 100%;
 width: 0px;
 vertical-align: middle;
}


#journal h3 {
 color: #bbbbbb;
 font:10pt Verdana, Arial, Helvetica, sans-serif;
 padding: 0px 0px 2px 0px;
 margin: 3px 0px 30px 0px;
 text-align: right;	
}

#journal p {
 margin: 0px;
}

#comment {
 width: 552px;
}

#comment p {
 margin: 10px 0px 10px 0px;
}

#usercomment {
 width: 552px;
}

#usercomment p {
 margin: 10px 0px 10px 0px;
}

#journal span.date {
 display: none;
}

#lcomment {
 text-align: left;
}

#comment {
 text-align: left;
 color: #ccc;
 background: #181818;
 padding: 4px;
 margin: 0px 0px 0px 0px;
 font:9pt Verdana, Arial, Helvetica, sans-serif;
}

#comment a:active, #comment a:visited, #comment a:link {
 color: #FDEEF4;
 text-decoration: underline;
}

#comment a:hover {
 color: #fff;
 text-decoration: none;
}

#comment pre {
 font-size: 10pt;
}

#usercomment {
 width: 552px;
 text-align: left;
 color: #ccc;
 background: #181818;
 padding: 0px;
 font:8pt Verdana, Arial, Helvetica, sans-serif;
 margin: 35px 0px 70px 0px;
}

#usercomment h4 {
 text-align: left;
 color: #888;
 background: #1D1D1D;
 border-top: 1px solid #424242;
 font: 9pt Verdana, Arial, Helvetica, sans-serif;
 padding: 1px 4px 1px 4px;
 margin: 15px 0px 0px 0px;
}

#usercomment .datecomm {
 color: #ccc;
 font:7pt Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
}

#usercomment p {
 margin: 2px;
 padding: 0px 4px;
}

#menu {
 text-align: center;
 padding: 0px 0px 10px 0px;
 margin: 0px;
}

#menu p {
 font-family: Verdana;
 font-size: 10px;
 padding: 0px;
 margin: 0px;
}

#onepost {
 margin-bottom: 10px;
}

#datelist {
 display: none;
}

#ecrire {
 display: none;
}

#ecrire input {
 margin: 2px 0px 2px 0px;
 border: 1px solid #616161;
 background-color: #212121;
 color: #848484;
}

#ecrire textarea {
 margin: 2px 0px 2px 0px;
 border: 1px solid #616161;
 background-color: #212121;
 color: #848484;
}

#bas {
 width: 100%;
 text-align: right;
 font:7pt Verdana, Arial, Helvetica, sans-serif;
 margin: 0px 0px 10px 0px;
}

#bas a {
 color: #ccc;
 text-decoration: none;
}

#bas a:hover {
 color: #DF7401;
 text-decoration: none;
}

#list h3 {
 text-align: center;
 font:13pt Verdana, Arial, Helvetica, sans-serif;
 margin: 10px 0px 20px 0px;
}

#list ul {
 list-style-type: none;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px;
}

#list ul li {
 display: inline;
}

#bas ul {
 list-style-type: none;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

#bas ul li {
 display: inline;
}

#clear {
 clear:both;
 height: 1px;
 overflow:hidden;
}