html
{
    /* Initialisation de la couleur d'arrière plan (gris très foncé) */
    /* background: #2A2A2A; */
    /* background : #F0FFFF; */
    background : #EFEFEF;
    /* Initialisation taille et famille de police */
    /* font-face: 1.1em sans-serif; */
    font-family: sans-serif, "Trebuchet MS", "Comic Sans MS", Verdana, Arial;
    
}

/* Paramétrage du contenu des feuilles d'onglets */
div.content 
{
  /* border: #48f solid 3px; */
  clear: left;
  /* padding: 1em; */
  padding: 0;
  /* Initialisation du menu en horizontal */
  display: table;
  width: 640px;
  /* Chaque élément de liste mesure automatiquement 1/5e de la taille de son parent */
  /* margin: 100px auto; */
  margin: 0 auto;
  /* margin-left : 10%; */
  /* pour IE qui comprend rien, et qui ne reconnait pas min-height, mais qui comprend mal height */
  /* min-height:600px;height:600px; */
  /* pour IE qui comprend rien */
  /* min-width:96%;width:96%; */
  /* pour activer les scrollbarres */
  /* overflow:auto; */
}

/* Paramétrage des onglets (ou menu) */
#onglets
{
  /* position : absolute; */
  list-style-type : none;
  padding : 0;
  /* margin-left : 10%; */
  /* margin: 100px auto; */
  margin: 0 auto;
  width: 660px;
  margin-top : 0;
  background: #EFEFEF;
  /* width : 90%; */
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #bdf url(tabs.gif);
    /* color: #008; */
    /* noir */
    color: #000; 
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    /* blanc */    
    /* color: #fff; */
    /* bleu de minuit */
    color: #003366;
    font-weight: bold;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

/* Définition de la font/police des paragraphes */
p
{
  font-size: 14px;
}

/* Définition de la font/police des titres */
h1
{
  font-size: 20px;
  font-style: italic ;
  text-decoration: blink;
  /* bleu de minuit */
  color: #003366;
}

/* Définition de la font du titre du site */
.font-titre
{
  /* font-size: xx-large ; */
  font-size: 30px;
  font-variant: small-caps ;
}

.font-soustitre1
{
  font-size: 25px;
  font-variant: small-caps ;
}

.font-soustitre2
{
  font-size: 20px;
  font-variant: small-caps ;
}

/* Taille de votre police de caractère : xx-large, x-large, larger, large, medium, */
/* small, smaller, x-small, xx-small, length, % (pourcentage) */
.font-size-larger { font-size: larger ;}

/* En italique : normal, italic, oblique */
.font-style-italic { font-style: italic ;}

/* En petite majuscule : normal, small-caps */
.small-caps { font-variant: small-caps ;}

/* Taille de la police : lighter, normal, 100, 200, ..., bold, bolder */
.font_weight_bolder { font-weight: lighter ;}

/* Pour l'affichage des images en boucle sur la page d'accueil */
/* #bg{width: 960px; height: 600px; overflow:hidden; } */
#bg img{
    display:block;
    width: 50%;
    position:absolute;
    left:0;
    top:0;
    padding:0;
    margin:0;
}