#page {
  width: 680px;
  min-width: 680px;
}

#photo_identite {
  float: right;
  margin: 0px 0px 10px 10px;
  border: 1px solid #000;
  max-width: 180px;
}

#address {
  float: right;
  border: 1px solid #000000;
  padding: 0px 4px;
  margin-bottom: 0px; /* FIXME minimize difference between IE and Firefox ; could not find the real problem (for the moment) */
  width: 200px;
}
#address p { text-align: left; }
#contact_form_link { display: none; }
html > body #address { margin-bottom: 4px; }
#address p { margin: 4px 0px; }

#ma_vision { margin-bottom: 20px; }
#ma_vision p { text-indent: 20px; }

/* headings */
h1 {
  color: #000000;
  margin-bottom: 25px;
  font-size: 20px;
  background-color: #ffffff;
}
h2 {
  background-color: #666699;
  color: #ffffff;
  font-style: italic;
  padding: 2px 4px;
  font-size: 16px;
  margin: 4px 0px;
  clear: right;
}

/* */
p, li, dd, dt {
  font-size: 12px;
  text-align: justify;
}

p { margin: 10px 0px; }

dl {
  clear: both;
  padding: 0px;
  margin: 0px;
}

dd {
  font-size: 12px;
  text-align: justify;
  margin: 0px;
  padding: 10px 0px;
}

#parcours dt {
  font-weight: bold;
  margin: 10px 6px 10px 0px;
  padding: 0px;
}

#parcours dt.period { float: left; text-decoration: underline; }
#parcours dt.fonction { float: left; }

span.enterprise { font-style: italic; }

ul {
  padding: 0px;
  margin: 0px;
}

ul li { margin: 0px 0px 8px 20px; } /* IE */
html > body li { margin: 0px 0px 8px 14px; }

/* Formation */
#formation dt {
  float: left;
  font-weight: bold;
  margin: 10px 6px 0px 0px;
  padding: 0px;
}

/* Impression */
@media print {
  body { background-color: #ffffff; }
  a { text-decoration: none; }
  #address { width: auto; }
  #contact_link { display: none; }
  #contact_form_link { display: block; }
  #footer { display: none; }
  #photo_identite { display: none; }
}