html{
   background-color : #222222;
}

body {
  position:absolute;
  width:980px;
  background-color : #222222;
  left:50%;
  margin-left:-490px;
  margin-top: auto;
  margin-bottom: auto;
}

/* definition des differents groupes
 * menu = partie gauche avec l'image et les infos de mise à jour
 * contenu = partie droite (portrait, agenda, etc)	
 */

#menu {
  padding-top:50px;
  background-color: #222222;
  width: 200px;
  padding-left:24px;
  float: left;
}

#contenu {
  margin-left:230px;
  margin-top:52px;
  width:730px;
}

#references {
  background-color: #222222;
  width:500px;
  margin-left:250px;
  margin-top:20px;
}

input {
  color:#ffffff;
  background-color:#005555;
  font-size:14px;
}

textarea {
  color:#ffffff;
  background-color:#005555;
  font-size:14px;
}

/* definition des deux types de titre utilisés dans le document
 * ainsi que des autres trucs du genre <p> pour contrôler efficacement
 * la mise en page
 */
 
h1 {
  color: #ffffff;
  font-size:30pt;
  font-family:"Times New Roman";
  font-weight:bold;
  font-style:normal;
  padding-top:0px;
}

h3  {
  color:#ffffff;
  font-size:15pt;
  font-family:"Times New Roman";
  font-weight:bold;
  font-style:normal;
}

p {
  color:#ffffff;
  font-family:"Times New Roman";
  font-size:12pt;
  text-align:justify;
}

td {
  color:#ffffff;
  font-family:"Times New Roman";
  font-size:12pt;
  text-align:justify;
}

/* choisir les fonctions des décorations des liens */

a:link{color: #ffffff; text-decoration:none;}
a:hover{color: #ffffff; text-decoration:underline;}