* { font-family: verdana, arial, helvetica, sans-serif;  }
body { background-color: #4A6774; margin: 0px; font-size: 13px; }
a:hover {  text-decoration: underline overline; background-color: #9999FF; color: #0a3443; text-decoration: underline overline;}

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: #DFFDF4; }
div#colonne ul,div#colonne div { background-color: #0a3443; list-style-type: none; margin: 0 0 5px 0; padding: 3px; font-weight: bold;
	-moz-border-radius: 5px 20px 20px 5px; color: #a4d1e3; }
div#colonne li p { margin: 0; text-align: left; font-style: normal; font-weight: normal; color: #a4d1e3; margin-top: 0; padding: 0; line-height:1}
div#colonne a { color: white; text-decoration: none; margin: 0; padding: 0 }
div#colonne a:hover { text-decoration: underline overline }

div#main, div.maintype { margin: 20px 10px 0px 230px; background-color: #DECD95;
	background-image: url(images/degrade.gif); background-repeat: repeat-y; padding: 5px 5px 5px 30px; }

div#main a, div.maintype a { color: blue; font-weight: bold }
div#main a:hover, div.maintype a:hover { font-weight: bold }

li.ouvert { background-color: #99CCFF; font-weight: bold; }
ul.niv2 { margin: 0 0 5px 10px; background-color: transparent; font-weight: normal; }
ul.niv2 { margin: 0 0 0 30px; padding: 0; }

div#plc { text-align: right; font-style: italic; font-size: 12px; color: rgb(207, 217, 220); margin: 3px 3px 30px 3px; padding: 5px; }

ul#ulmenu { background-image: url(images/cedric.gif); background-repeat: no-repeat; background-position: top right; }
ul#galaxie { background-image: url(images/ptt_galaxie2.gif); background-repeat: no-repeat; background-position: top right; }
ul#ecrits { background-image: url(images/ptt_plume.gif); background-repeat: no-repeat; background-position: top right; }
div#lettreinfo { background-image: url(images/ptt_plume.gif); background-repeat: no-repeat; background-position: top right; }

.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 230px 0px 40px; }

div#colonneencours { position: absolute; right: -5px; top: -5px; width: 200px; margin: 0 0 10px 20px; background-color: transparent; padding: 0 5px 0 5px; font-size: 11px; }
div#colonneencours ul { background-color: #0a3443; 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; background-color: #DECD95; padding: 2px }
div#colonneencours li { margin: 5px 0; }
div#colonneencours a { color: white; text-decoration: none }

ul#blog { list-style-type:none; margin: 0 230px 0 0; padding: 0; }
ul#blog li { }
ul#blog li strong.blogtitre { background-color: #0a3443; color: white; display: inline; margin : 10px 0 3px; padding: 1px 10px; }

ul#blog li strong.blogtitre a { font-weight: normal; color: #cccccc }
ul#blog li strong.blogtitre a:hover { font-weight: normal }
ul#blog li span.petit { background-color: #0a3443; color: white; padding: 1px 10px; display: inline; margin : 10px 0 3px; }
ul#blog li .blogtexte { padding: 3px 10px; border-left: dotted 3px #0a3443; margin-bottom: 20px; display: block; }
ul#blog li .blogtexte img { margin: 2px 5px; float: right; }
ul#blog li strong.blogtitre a { color: white; }

#comment_ecrire { border-left: dotted 3px #0a3443; padding: 10px; margin: 0px 230px 10px 40px }

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, div#colonne div#recherche input { font-weight: normal; background-color: #4A6774; border: none; color: white;  margin: 2px;}
div#lettreinfo { font-weight: normal; }
div#textedocument div#recherche { margin-bottom: 30px }
div#textedocument div#recherche input { margin: 10px }

input, textarea { background-color: transparent; border: white solid thin; font-size: 11px; padding: 1px 3px }
input:hover, textarea:hover, input:hover, textarea:hover { border-color: #0a3443 }
input.button { margin: 2px; }

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

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

#google { margin: 5px 5px 5px 230px; text-align: right }

/* commentaires */

div#main ul.commentaires { margin-left: 20px; margin-right: 230px; margin-bottom: 50px; list-style-type: none }
div#main ul.commentaires li span { background-color: #0a3443; color: white; padding: 1px 10px; display: block }
div#main ul.commentaires li a { color: white }
div#main ul.commentaires li p { margin-top: 0; padding: 3px 10px; border-left: dotted 3px #0a3443; display: block }

form.commentaires fieldset { padding: 10px; border: 2px solid white; margin: 50px 230px 10px 40px }
form.commentaires label { display: inline; float: left; width: 70px; margin: 5px }
form.commentaires input { margin-top: 5px }
form.commentaires textarea { width: 100% }
form.commentaires textarea, form.commentaires input { border: 1px solid #0A3443; margin: 5px }