/* kate: indent-width 2; space-indent on; */

/* body for html and html for xhtml (served as application/xml+xhtml) */
body, html {
  background-color: #89b;
}

abbr {
  text-decoration: none;
  border: 0;
  cursor: help;
  background: url(../imgs/dots.png) bottom left repeat-x;
}

div.header a {
  padding: 2px 1px 2px 24px;
  margin: 1em;
}

a#id_en_link {
  background: no-repeat left url(../imgs/flags/en.png);
}

a#id_fr_link {
  background: no-repeat left url(../imgs/flags/fr.png);
}

/* no margin for the sub-titles */
h3, h4, h5, h6 {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div.cv {
  background-color: white;
  margin: 20px 50px;
  padding: 10px;
  border: black 1px solid;
}

div.cv_title {
  text-align: center;
  margin-bottom: 20px;
}

div.cv_title h1 {
  font-variant: small-caps;
  font-size: 300%;
}

div.infos_perso .name {
  font-size: 150%;
  font-size-adjust: .5;
  font-variant: small-caps;
  font-weight: bold;
}

div.infos_perso .web {
  display: none;
}

div.category {
  background-color: #fefef6;
  border: black 1px solid;
  margin: 10px 0 0 0;
  padding: 0;
}

div.category div.content {
  padding: 1em;
}

/* FIXME Certainement pas supporté par IE */
div.category div.content > ul > li {
  padding: 0.25em 0;
}

div.category div.title {
  background-color: #89b;
  height: 3em;
  border-bottom: black 1px dotted;
}

div.category .title h2 {
  margin: 0;
  color: white;
  text-indent: 2em;
  line-height: 2em;
}

div.category div.details {
  margin: 0;
  color: #000;
  text-decoration: none;
  outline-style: none;
}

div.details div.details_hidden {
  display: none;
}

a[href^="mailto:"], a.mailto {
  padding: 2px 1px 2px 17px;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../imgs/icon_mail.png);
}

span.mobilephone {
  padding: 2px 1px 2px 17px;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../imgs/icon_phone.png);
}