html { background: /*#151515*/#000 url('http://images.valdun.net/fond.jpg') no-repeat bottom right fixed; color: #444; font-family: Segoe UI, Trebuchet MS, Sans-Serif; font-size: 12px; }
body { width: 410px; margin: 20px auto; }
#page { border: medium double #000; background: url('http://images.valdun.net/fond-blanc_080.png'); padding: 10px; }

#coin { float: right; margin: 5px 10px 0 0; color: yellow; font-size: 1em; }

h1, h2, .info { margin: 0; border: solid #999; background-color: #202020; }
h1, h2 { font-variant: small-caps; padding: 5px 10px; color: #109dd0; }
h1 { border-width: 1px 0 0; background: #000 url('http://images.valdun.net/fond-titre.jpg') repeat-x top; font-size: 1.2em; text-align: center; }
  h1 span { text-decoration: line-through; }
h2 { margin-top: -1px; border-width: 2px 0 0; font-size: 1em; }
h3 { margin: 0 0 .5em 1em; font-size: 1em; }
.info { border-width: 1px 0 0; padding: 5px 15px; color: #fff; font-size: 0.8em; }
  .info img { vertical-align: middle; }

table { }
  th { color: #109dd0; }
  td { padding: 0 5px; background-color: #bbb; }
p { margin: .5em 1em; }
ul, ol { margin-top: 0; } ul { list-style-type: square; }

#pied_de_page { margin: 0; text-align: center; font-size: .8em; color: #fff; }
  #pied_de_page a span::before { content: '['; }
  #pied_de_page a span::after { content: ']'; }


/* Menu */
#menu { margin: 10px 0 -10px; text-align: center; }
  #menu a { margin: 0 1px; border: 1px solid #999; border-bottom: none; padding: 0 5px; background-color: #202020; -moz-border-radius: 5px 5px 0 0; color: #109dd0; }
    #menu a span { color: #202020; }
    #menu a:hover span, #menu a#menu_courant span { color: #fff; }


/* Section d'install */
.section_install { border: 1px dotted #109dd0; }
.section_install h3 { color: #109dd0; }


/* Historique des versions */
.modif { margin-left: 2em; font-size: 11px; }
.modif span { font-weight: bold; }
.modif.liste span { margin-left: -1em; }
  .modif1 { color: green; } .modif2 { color: red; } .modif3 { color: orange; } .modif4 { color: teal; }


/* Divers */
input { padding: 0; }
img { border: none; }
.left { text-align: left; } .center { text-align: center; } .right { text-align: right; }
a { color: #109dd0; text-decoration: none; } a:hover { text-decoration: underline; }
.clear { clear: both; visibility: hidden; }