/* ---- Correction du comportement des balises html ---- */
* {
	margin: 0;
	padding: 0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
img {
  border: 0;
}
acronym {
  border: 0;
}
body {
  color: #000;
	background-color: #fff;
	font: 12pt Serif;
}

/* ---- Structure design ---- */
/******* Page */
#page {
  background: #FFF;
}

/******* On vire tout les trucs qui ne sont pas utiles pour l'impression */
#haut, #haut2, #menu, #quisuisje, #spacer, #bas {
  display: none;
}

/******* Contenu */
#contenu {
  background: #FFF;
  color: #4D4D4D;
}
#contenu h1 {
  color: #3870A9;
  font: 1.5em arial, verdana, sans-serif;
  padding-bottom: 0.10em;
  margin-bottom: 0.5em;
  border-bottom: 10px #D8D7D7 solid;
  font-weight: bold;
}
#contenu h1 span {
  color: #274F77;
}
#contenu h2 {
  color: #3870A9;
  margin-bottom: 0.5em;
  font: 1.2em arial, verdana, sans-serif;
  font-weight: bold;
}
#contenu h2:first-letter {
  font: 1.2em arial, verdana, sans-serif;
  font-weight: bold;
  color: #FF7400;
}
#contenu h3 {
  color: #4D4D4D;
  margin-bottom: 0.5em;
  font: 1.1em arial, verdana, sans-serif;
  font-weight: bold;
}
#contenu ul {
  padding: 0 1em 1em 0;
}
#contenu ul li {
  list-style: none;
}
#contenu dl {
  padding: 0 1em 1em 0;
}
#contenu dl dt {
  float: left;
  font-weight: bold;
  text-align: justify;
}
#contenu dl dd {
  padding-left: 12.5em;
  padding-bottom: 0.5em;
  text-align: justify;
}
#contenu p {
  padding: 0 1em 1em 0;
  text-align: justify;
}
#contenu a {
  color: #3870A9;
}
#contenu a:hover {
  color: #3870A9;
  text-decoration: underline;
}


/************************************************* MISE EN FORME CV */
#contenu h2.cv {
  /*text-transform: uppercase;*/
  padding-bottom: 0.10em;
  border-bottom: 2px #4D4D4D solid;
}
#contenu p.cvToolbar {
  display: none;
}
#contenu span.anneecv {
  padding-right: 2.5em;
}

#contenu ul.cv {
  padding: 0;
}


/************************************************* MISE EN FORME PLAN DU SITE */
#contenu dl dd.sitemap {
  padding-left: 13.5em;
  padding-bottom: 0.5em;
  text-align: justify;
}


/************************************************* MISE EN FORME POLITIQUE ACCESSIBILITE */
#contenu ul.accessibilite {
  padding: 0 1em 1em 3em;
}
#contenu ul.accessibilite li {
  list-style-image: url(../images/bullet_orange.gif);
  padding-bottom: 0.3em;
}


/************************************************* MISE EN FORME FORMULAIRE DE CONTACT */
#contenu form {
  display: none;
}
#contenu p.erreur {
  text-align: center;
  background: #eeeeee;
  color: #f00;
  padding: 1em;
  margin-bottom: 0.5em;
}
#contenu p.succes {
  text-align: center;
  background: #eeeeee;
  color: #4d4d4d;
  padding: 1em;
  margin-bottom: 0.5em;
}
#contenu p.erreur img,
#contenu p.succes img {
  vertical-align: text-bottom;
}


/************************************************* MISE EN FORME MES COMPETENCES */
#contenu dl dt.comp {
  width: 85%;
}
#contenu dl dt.comp img {
  vertical-align: middle;
}


/************************************************* MISE EN FORME REALISATIONS */
#contenu img.floatLeft {
  float: left;
  margin-right: 0.5em;
  border: 1px #000 solid;
}
#contenu img.floatRight {
  float: right;
  margin-left: 0.5em;
  border: 1px #000 solid;
}
#contenu div.separateur {
  clear: both;
	background: transparent url(../images/separateur.gif) no-repeat center center;
	height: 2em;
}
#contenu div.separateur hr {
	display:none;
}