body {
  font-family : Arial; 
  background-color : #F5F5F5; 
  min-width : 520px;
  margin : 0;
  padding : 0;
}

#logo {
  float : left;
  margin : 1% 4%;
  Letter-spacing : 1.5px;
}
#logo h1 {
  color : #004C99;
  Font-size : 1.5em;
}
#logo h2 {
  color : #0066CC;
  font-size : 1.5em;
}

#contenu {
    background-color : #FFF; 
    color : #22303D;
    padding : 5% 8%; 
    clear : both; 
    border-top : 2px solid #DBE3EB; 
    border-bottom : 2px solid #DBE3EB;
} 
span {
    font-weight : bold; 
    letter-spacing: 1px; 
    color : #003366;
}
a { 
    text-decoration : none; 
    color : #0066CC;
}
a:hover {
    font-weight : bold; 
} 
p{
    text-align : justify; 
  }



nav {
  text-align : right; 
}
nav ul { 
  margin : 1%  3% 0 0;
  padding : 0; 
  float : right; 
}
nav ul li {
  display : inline-block; 
}
nav li a {
  display : block; 
  padding : 1em;
  margin : 1em 1.1em;
  text-decoration : none; 
  letter-spacing : 1.3px; 
  font-size : 0.9em;
  color : #F5F5F5;
  background-color : #003366;
}
nav li a:hover { 
  background-color : #0066CC;
  color : #F5F5F5;
  font-weight : normal; 
}
#active { 
  background-color : #0066CC;
  color : #F5F5F5;
}