body  {

  background-color : #9EC7FF;
  color : #000000;
  
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  
  margin : 2em 1%;
  padding : 0;

}

div.contenu { 

  background-color : #FFFFFF;
  color : #000000;

  padding: 1em 3em 1em 3em;

  margin-bottom: 1em;
  padding-bottom: 5em;

}

h1,h2,h3 { 

  color: #369;

}


h1, h2 { 
  text-align: center;
  border-bottom: 1px dotted #369;
}

h1 { 
  font-size: 150%;
}
h2 { 
  font-size: 130%;
}
h3 { 
  font-size: 110%;
}
li h3 { 
  display: inline;
}

ol { 
  color: #369;
  font-size: 110%;
  font-weight: bold;
}
ol ol { 
  font-size: 90%;
  font-weight: normal;
  margin-top: 1em;
}
ol li { 
  margin-top: 2em;
}
ol ol li { 
  margin-top: 0em;
}
a { 
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #0000ff;
  background-color: #9EC7FF;
}

.blocpdp a { 
  font-weight: bold;
  color: #ffce6b;
}
.blocpdp a:hover { 
  font-weight: bold;
  color: #0000ff;
  background-color: #ffce6b;
}



div.index { 

  text-align: right;
  margin-top: 3em;
  font-size: 90%;
}

div.blocpdp { 

  margin: 0em 0em 5em 0em;
  color: #ffffff;
  background-color: inherit;
  float: left;
  width: 45%;
  padding-left: 1em;
  font-size: 90%;
}


pre { 

  margin: 3em 0 0 0;
}