/* corps --------------------------------- */
html,body { margin:0; padding:0; }
body {
  text-align:left;
  background:#ffffff; color:#666666;
  font:10pt/1.2 "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
  font-weight: 300;
}
#container {
  max-width:950px;
  min-width:200px;
  min-height:100%;
  margin:10px 50px 40px 50px;
}
#container>h5 {
  margin:0; padding:0;
  font-weight:normal;
  font-size:70%;
  font-style:italic;
  text-align:right;
}
#main {
  margin-top:10px;
  padding:10px 20px 20px 20px;
  border-bottom:2px solid #999999;
}

/* anchor --------------------------------- */
a, a:hover, a.nolink, a.nolinkopt { text-decoration: none; }
a.nolinkopt, a.nolinkopt:hover { color: #999999; }

/* nav, head --------------------------------- */
#nav { 
  margin:0; padding:0;
  text-align:left;
}
#nav ul {
  margin: 0; padding:6px 0;
  list-style:none;
}
#nav li {
  display:inline;
  margin:0 0;
}
#nav a { padding:6px 8px 7px 8px; }
#nav a:hover, #nav a#here { padding:7px 6px 5px 6px; }

#header {
max-width: 900px;
  margin:10px 0 0 0;
  padding:0 0 20px 20px;
}
#header>p { margin: 0; }
#header h1 {
  margin:0 0 10px 0;
  padding-top: 30px;
  font-weight: normal;
  font-size: 2.5em;
  letter-spacing:-.05em;
}
#header img {
  border:0;
  float:right;
  margin:30px 20px 10px 10px;
}

/* images --------------------------------- */
img { border: none; }
div.logo       { margin: 5px 5px 10px 5px; background: white; text-align: center; }
div.logo ul    { display: inline; list-style:none; }
div.logo ul li { display: inline; margin: 0 15px; }
div.logo img   { vertical-align: middle; }

#fixbutup { float: left; width: 20px;}
div[id=fixbutup] { position: fixed; left: 15px; top: 15px; width: 20px; }

div.xkcd img {
  border:0;
  vertical-align:middle;
  float:right;
  margin:25px 0px 5px 10px;
}


/* main --------------------------------- */
div.entry { padding:0 0 40px 0; max-width: 900px; text-align:justify; clear: right; }
div.entry h2 { font-size:1.5em; font-weight:normal; }
div.entry h4 { margin:20px 0 0 10px; font-size:1em; font-weight:normal; }
div.entry h5 { margin:0 10px 5px 10px; font-size:1.2em; font-weight:normal; }
div.entry p { margin:0 20px; }
div.fakelist p { margin-bottom: 5px; }
div.entry dl, div.entry ul { margin:5px 20px; }
div.entry ul.bas { margin-bottom:10px; }
div.entry dt { float: left; margin: 0 1em 0 0; font-weight:normal; }
div.entry dd { margin:0 0 5px 5em;  }
div.entry ul.air li { margin-bottom:5px; }

/* publis --------------------------------- */
span.journal {  margin-right:2px; }
span.title, span.livre { font-style:italic; }
span.author:after, span.year:after, span.title:after { content:", "; }
div.section {padding-bottom: 20px;}
div.section h2 { padding: 5px; text-align: right;  font-size:1.2em; font-weight:normal; color:#999999; background:#eeeeee;  border-top:2px solid #999999; margin-top: 50px; }
div.section dl { margin-left:10px; }
div.section span.abs { font-size: 90%; color: #999999; }
div.section dt {
  margin:0 5px 1em 0;
  float:left;
  font-weight:normal;
}
div.section dd {
  text-align:justify;
  margin-bottom:1em;
}
div.section dd p { margin-top:0; }

div.sectionfantome {
  visibility:hidden;
  display:none;
}

/* vert 669900 -> 99cc33 */
/* rouge 993300 -> cc3300  *
/* bleu 336699 -> 6699cc */

b, .section dd { color: #000000; }
a { color:#993300; }
#header h1, .entry h2, .section dt a, .section dt a.nolink:hover { color:#000000; font-weight: normal; }
#nav ul { background:#eeeeee; border-top: 2px solid #993300; }
#nav li,  #nav li a { color:#999999; }
#nav li a#here, #nav li a:hover { background:#993300; }

a:hover, .section dt a:hover, #nav li a:hover { color:#ff9900; font-weight: bold; }
.title a.nolink:hover { color: #993300; font-weight: normal; }

a.people, span.author { color:#336600; }
a.people:hover { color:#6699cc; }

dd.rgb, dd.rgb .author { color:#666666; }