html, body {
  padding: 5px;
  margin: 0px;
  background-color: #fff;
}

.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  min-width: 890px;
}

a {
  color: #4a5389;
  padding:3px;
}

a:hover {
  /*background-color: #dde2ff;*/
  background-color: #ecefff;
}

p, li, dd {
  text-align: justify;
}

li {
  margin-top: 0.3em;
}

li:first-child {
  margin-top: 0px;
}

em {
  font-weight: bold;
  font-style: normal;
}

img {
  border: none;
}

p img {
  float: left;
  clear: left;
  margin: 0px 7px 7px 0px;
}

p img, .image-box {
  padding: 2px;
  border: 1px solid #000;
}

.panorama {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

ul li {
  list-style-image: url(/images/puce.png);
}

blockquote {
  color: #555;
}

table {
  border-collapse: collapse;
  margin-bottom: 1em;
}

caption {
  font-style: italic;
  color: #009;
  text-align: left;
  margin-left: 20px;
}

th, td {
  padding: 2px 4px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

th {
  border-bottom: 1px solid #000;
}

td {
  border-bottom: 1px solid #ddd;
}

/* La solution clear-after CSS2 ne marche pas bien avec Mozilla, Opéra et
 * Konqueror (les formulaires deviennent inutilsables) */
.spacer {
  clear: both;
  display: block;
  height: 1px;
  margin: -7px 0px; /* Pour MSIE ; les autres sont dans l'entrée suivante */
  padding: 0px;
  visibility: hidden;
  border: none;
}

html > body .spacer {
  margin: 0px;
}

.content dt {
  font-weight: bold;
  margin-top: 1em;
}

/* I18N */
*[lang], .latin {
  font-style: italic;
}

/* Content */
.content {
  margin-left: 230px;
  margin-right: 7px;
  min-height: 500px;
  /*position: relative;*/ /* This is just for the z-index to take effect */
  background-color: #fff;
  z-index: 1;
}

/* Header */
.header {
  font-size: 26px;
  white-space: nowrap;
  clear: both;
  border-bottom: 1px solid #000;
	margin-bottom: 1em;
  height: 70px;
  background: url(iadcell.jpeg) no-repeat center left;
  width: 100%;
}

.header h1 {
  margin: 0px 7px;
}

.header .title-dumbbell {
  color: #4a5389;
}

.header .title-home {
  font-weight: normal;
  color: #000;
  position: relative;
  left: -0.3em;
}

.header a {
  text-decoration: none;
}

.header a:hover {
  background-color: transparent;
}

/* Footer */
.footer {
  border-top: 1px solid #000;
  clear: both;
  margin: 7px 7px 0px 7px;
  position:fixed;
  top: auto;
  bottom:0;
  width: 100%;
}

.footer hr {
  display: none;
}

.footer p {
  font-size: 11px;
  color: #999;
  width: 33%;
}

.w3c-standards {
  text-align: left;
  float: left;
}

.signature {
  text-align: center;
  float: left;
}

.last-modified {
  text-align: right;
  float: right;
}

/* Menu */
.menu {
  width: 150;
  position: absolute;
  left: 7px;
  z-index: 0;
  background-color: #ecefff;
  padding: 5px;
  top:100px;
}

html>body .menu { /* For Gecko-based browser and Opera */
  position: fixed;
}

.menu dt {
  font-weight: bold;
  color: #4a5389;
  margin-top: 0.5em;
}

.menu .menu-secondary dt {
  color: #900;
}

.menu dd {
  font-size: 11px;
  color: #ccc;
  margin-left: 10px;
  white-space: nowrap;
}

.menu a:link, .menu a:visited {
  color: #777;
  text-decoration: none;
}

.menu a:hover {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}

/* Common titles */
h2, h3, h4 {
  clear: left;
}

h2 {
  font-size: 24px;
  text-align: right;
  color: #4a5389;
  border-bottom: 1px solid #000;
}

h3 {
  font-size: 18px;
  color: #900;
}

h4 {
  font-size: 14px;
  color: #000;
}

/* Formulaires */
.form-field {
  padding: 1px;
  border: 1px solid #999;
  background: #fff url(/images/field_shadow.png) repeat-x top left;
}

.form-choice {
  vertical-align: middle;
}

.form-button {
  color: #4a5389;
  background-color: #fff;
  border: 1px dashed #4a5389;
  margin-right: 7px;
}

.form-button:hover {
  background-color: #ecefff;
}

/* Code listing / screen output / filenames */
pre {
  color: #461b7e;
  margin-left: 1em;
}

pre em {
  font-style: normal;
  font-weight: bold;
}

.filename, .structname, .cmdname, .keyname, code {
  color: #007a00;
}

/* Small image gallery */
.image-gallery img {
  margin-right: 7px;
  margin-bottom: 7px;
  float: left;
}

.image-gallery-begin, .image-gallery-end {
  clear: both;
  display: block;
  height: 1px;
  margin: -7px 0px; /* Pour MSIE ; les autres sont dans l'entrée suivante */
  padding: 0px;
  visibility: hidden;
  border: none;
}

.image-gallery-pictureinfo dt {
  float: left;
  clear: left;
  width: 150px;
  margin-top: 0px;
}

.image-gallery-pictureinfo dd {
  margin-left: 150px;
}

html > body .image-gallery-pictureinfo dd {
  float: left;
  margin-left: 0px;
}

.image-gallery-previous {
  float: left;
  clear: left;
  margin-top: 14px;
  margin-bottom: 7px;
}

.image-gallery-next {
  float: right;
  text-align: right;
  margin-top: 14px;
  margin-bottom: 7px;
}

html > body .image-gallery-begin, html > body .image-gallery-end {
  margin: 0px;
}

/* Screenshots */
.screenshot {
  margin-left: 1em;
}

.gallery {
  margin-left: 1em;
  margin-right: 1em;
}

.gallery .screenshot {
  float: left; /* With this, images disappear in MSIE O_O */
  margin: 7px 7px 7px 0px;
  border: 1px solid #000;
}

/* Notes */
.note, .infos {
  padding: 2px 4px;
  margin-left: 10px;
  color: #000;
  background-color: #ff9;
  border: 1px dashed #000;
}

.note {
  width: 200px;
  float: right;
}

.infos {
  width: 180px;
  display: none;
  position: absolute;
  top: 250px;
  left: 0px;
  z-index: 20;
}

a:hover .infos {
  display: block;
  float: none; /* Trigger popup under MSIE */
}

.note h4, .infos h4 {
  margin: 0px 0px 4px 0px;
  font-size: 12px;
}

.note p, .note li, .infos p, .infos li {
  font-size: 11px;
}

.note p, .infos p {
  margin: 0px;
  white-space: normal;
}

.info-source {
  font-style: italic;
}

/* Quick links */
.quick-links {
  font-size: 11px;
  margin: 4px 0px;
  padding: 0px;
}

.quick-links li {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 1px solid #999;
}

.quick-links li:first-child {
  border-left: 1px solid #999;
}

/* Tables in resumé */
#cv td {
  border-right: none;
}

#cv td:first-child {
  border-left: none;
}

.period, .domain {
  width: 12em;
  font-weight: bold;
  padding-right: 7px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  border-right: 1px solid #999;
}

.label, .enum, .job {
  padding-left: 7px;
}

/* Error pages */
.error {
  font-size: 18px;
  text-align: center;
  color: #900;
}

.error:first-line {
  font-size: 24px;
  font-weight: bold;
}

/* News */
.news {
  margin-bottom: 30px;
}

.news h4, .news .news-author {
  padding-left: 4px;
  border-left: 1px solid #000;
}

.news-author:first-letter {
  text-transform: uppercase;
}

.news h4 {
  margin-bottom: 0px;
  padding-top: 2px;
  color: #4a5389;
}

.news .news-author {
  font-size: 11px;
  margin: 0px;
  padding-bottom: 2px;
}

.news .quick-links {
  text-align: right;
}

.posted {
  font-size: 11px;
  font-style: italic;
  color: #999;
  text-align: right;
}

.techstuff {
  font-size: 11px;
  color: #999;
}

.news-nav {
  text-align: center;
  clear: left;
}

.news p img, .comment p img {
  border: none;
  clear: left;
}

.news ul {
  clear: left;
}

/* Misc. */
.warning {
  font-style: italic;
  color: #f00;
}

.author-warning {
  font-size: 11px;
  font-style: italic;
  text-align: center;
  color: #f00;
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
  padding: 1px 0px;
}

.author-warning:first-line {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}

/* Commentaires */
.comment {
  border: 1px dashed #999;
  padding: 3px;
  margin-bottom: 10px;
}

.comment-info {
  font-size: 11px;
  font-style: italic;
  background-color: #eee;
  margin: auto 0px 0px 0px;
  clear: left;
}

/* ReiserFS project status */
.reiserfs-status-syscall {
  width: 130px;
}

.reiserfs-status-desc {
  width: 550px;
}

.reiserfs-status-status {
  width: 55px;
  text-align: center;
}
.header .title-dumbbell {
  color: #4a5389;
}

.header .title-home {
  font-weight: normal;
  color: #000;
  position: relative;
  left: -0.3em;
}