/* ------------------------------------------------------------------------------ */
/* polices */
/* ------------------------------------------------------------------------------ */
/*
Rappel : MARGIN... top ... right... bottom... left
        margin-top = marge supérieure
        margin-right = marge de droite
        margin-bottom = marge inférieure
        margin-left = marge de gauche
        à preferer sur une ligne car incompatible IE6
*/

html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. */
}

body {
    color: black;
    font-family: Arial, Verdana, sans-serif;
    margin: 0 0 1em 0;
    font-weight: normal;
    line-height: 1.4; /* À adapter au design. (4) */
    font-size: 0.8em;
    background-color: #99CCCC;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
    text-align: center;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.35em;
}

h4 {
    font-size: 1.2em;
}

/* utilise pour l'entete */
h1 {
	font-weight: normal;
    position: relative;/* on positionne le conteneur pour placer ensuite le SPAN */
    margin: 9px auto auto 150px;
    font-size: 2.5em;
    color: gray;
    text-align: center;
}

h1 span {
	font-weight: normal;
    position: relative;/* on superpose le SPAN sur le titre */
    margin: 9px auto auto -237px;
    color: red;
    text-align: center;
    top: -3px;/* on décale le SPAN */
    /*left: 100px;*/
}
/* fin gestion des titres */

/* ------------------------------------------------------------------------------ */
/*                                                                                */
/* ------------------------------------------------------------------------------ */

a:link/* lien non-visité */ {
  /*color: white;
  text-decoration: none;*/
  border: none;
}

a:visited/* lien visité */ {
  /*color: white;
  text-decoration: none;*/
  border: none;
}

a:hover/* lien survolé */ {
  /*color: yellow;
  text-decoration: none;*/
  border: none;
}

a:active/* lien activé */ {
  /*color: green;
  text-decoration: none;*/
  border: none;
}

.textepetitcentre {
  font-size: 0.9em;
  text-align: center;
}

tr {
	font-size: 0.9em;
}
/* ------------------------------------------------------------------------------ */
/* pw avec lettrine (1ère lettre en relief)                                       */
/* ------------------------------------------------------------------------------ */

.pg:first-letter {
  float: left;/* positionnement de la lettrine dans le conteneur*/
  font-size: 2.5em;/* 3 hauteurs de lignes pour la lettrine*/
  font-weight: bold;
  font-family: Georgia, Times New Roman, serif;
  color: #990000;
  border: 1px solid #990000;/* définition d'une bordure autour de la lettrine*/
  background-color: #FFFFCC;
  margin: 1px;
  padding: 1px;
  line-height: 1em;
}
/* fin lettrine */

.py {
  color: yellow;
  font-weight: normal;
}

.pb {
  color: blue;
  font-weight: normal;
  font-size: 0.9em;
}

.pg, .pgs {				/* .pgs = .pg sans lettrine */
  font-weight: bold;
  font-size: 0.9em;
}

.relief {
  color: #202BFF;
  font-weight: bold;
  font-size: 1.2em;
}

.tab1 {
  margin: 0 0 0 30px;
  font-weight: normal;
  /*font-size: 1em;*/
}

.petit {
  font-size: 0.7em;
  background-color: #DDDFFF;
  color: black;
}

.erreur {
  font-size: 1em;
  text-align: center;
  color: red;
  font-weight: bold;
}

.aide {
  font-size: 0.8em;
  font-weight: bold;
  color: blue;
}

.ancrage {
  font-size: 0.8em;
  background-color: #DDDFFF;
  text-decoration: none;
}

a.ancrage {
  color: blue;
}

a.ancrage:hover {
  color: blue;
}

.cadre {
  font-family: verdana;
  font-size: 1em;
  font-weight: bold;
  width: 60px;
  color: black;
}

/* ------------------------------------------------------------------------------ */
/* gestion des menus */
/* ------------------------------------------------------------------------------ */

ul#menu {
	font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 0;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li {
  margin: 0px 10px 0px 0px;
  padding: 0;
/* Suppression du padding du <li> et on définit une marge basse de 15px pour aérer le tout */
}

ul#menu li a {
  display: block;/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
  width: 145px;
/*    line-height: 30px ; */
  line-height: 22px;
  color: white;
  text-indent: 0px;/* On décale le texte de 0px du bord gauche */
  text-decoration: none;
  background: url("/images/bt-menu2.png") no-repeat 0 0;/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
/*  border: 1px solid #dbd ; */
}

ul#menu li a:hover {
  background: url("/images/bt-menu2.png") no-repeat 0 -22px;/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
/* fin gestion des menus */