* { font-family: verdana, arial, helvetica, sans-serif;  }
body { background-color: #111111; margin: 0px; font-size: 13px; }

/*div#colonne { float: left; width: 200px; margin: 15px 0 0 0; padding: 1px 1px 1px 5px; }*/
div#colonne { position:absolute; top:0; left:0; width: 200px; margin: 15px 0 0 0; padding: 1px 1px 1px 5px; font-size: 11px; }

div#colonne p { margin: 0 10px 0 0; text-align: right; font-style: italic; font-weight: bold; color: #eeeeee; }
div#colonne ul,div#colonne div { background-color: #444444; list-style-type: none; margin: 0 0 5px 0; padding: 3px; font-weight: bold;
	-moz-border-radius: 5px 20px 20px 5px; color: #eeeeee; }
div#colonne li p { margin: 0; text-align: left; font-style: normal; font-weight: normal; color: #eeeeee; margin-top: 0; padding: 0; line-height:1}
div#colonne a { color: white; text-decoration: none; margin: 0; padding: 0 }
div#colonne a:hover { color: #eeeeee; text-decoration: underline; background-color: #333333 }

div#main, div.maintype { margin: 20px 10px 0px 230px; background-color: #888888; padding: 5px 5px 5px 30px; }

div#main a, div.maintype a { color: #000000; font-weight: bold }
div#main a:hover, div.maintype a:hover { font-weight: bold; color: #eeeeee; text-decoration: underline; background-color: #333333 }

div#plc { text-align: right; font-style: italic; font-size: 12px; color: #eeeeee; margin: 3px 3px 30px 3px; padding: 5px; }

ul#ulmenu {}
ul#galaxie {}
ul#ecrits {}
div#lettreinfo {}

.rubriqueselect { color: rgb(198, 71, 8); }
.sousrubrique { padding-left: 20px; }

h1,h2,h3,h4 { background-color: #0a3443; color: white }
h1 { font-size: 16px; padding: 10px; margin: 0px 0px 10px 50px; }
h2 { font-size: 14px; padding: 5px; margin: 5px 0px 0px 0px; }
h3 { font-size: 12px; padding: 2px 5px; margin: 5px 0px 0px 20px; }
h4 { padding: 2px 5px; margin: 5px 0px 0px 40px; }

div#colonneencours { position: absolute; right: 0; top: 0; width: 200px; margin: 0 0px 10px 20px; padding: 0 10px 0 10px; font-size: 11px; }
div#colonneencours ul { background-color: #444444; color: white; list-style-type: none; margin: 0 0 10px 0; padding: 5px; -moz-border-radius: 20px 5px 5px 20px; }
div#colonneencours p { margin: 0 0 0 20px; text-align: left; font-style: italic; font-weight: bold; }
div#colonneencours li { margin: 5px 0; }
div#colonneencours a, div#colonneencours a:hover { color: white; }

ul#blog { list-style-type:none; margin: 0 230px 0 0; padding: 0; }
ul#blog li { }
ul#blog li strong { background-color: #444444; color: white; display: inline; margin : 10px 0 3px; padding: 1px 10px; }
ul#blog li span.petit { background-color: #444444; color: white; padding: 1px 10px; display: inline; margin : 10px 0 3px; }
ul#blog li span.blogtexte { padding: 3px 10px; border-left: dotted 3px #999999; margin-bottom: 20px; display: block; }
ul#blog li span.blogtexte img { margin: 2px 5px; float: right; }
ul#blog li strong a { color: white; }

blockquote { border-left: thin solid blue; margin: 5px 30px; padding: 3px; }
code { border-left: thin solid blue; margin: 5px 30px; padding: 3px; display: block; }

div#lettreinfo input { font-weight: normal; background-color: #666666; border: none; color: white;  margin: 2px;}
div#lettreinfo { font-weight: normal; }

input, textarea { background-color: transparent; border: white solid thin; }
input.button { margin: 2px; }

p.chapeau { font-style: italic; font-weight: bold; margin: 0px 0px 30px 60px; }
p.signature { }
div#textedocument { margin: 0 10px 60px 30px; position: relative; right: 10px;}

ul.docfichiers, ul.docliens, ul.listerubrique { list-style-type: none;}