h1		{ color: #000066; font-family: Verdana; font-size: 15pt; letter-spacing: 2; 
		  font-weight:normal; text-align: left; word-spacing: 0; line-height: 100%; 
		  margin-left: 0; margin-right: 0; margin-top: 3; margin-bottom: 18 }
h2		{ color: #000066; word-spacing: 0; text-align: left; line-height: 100%; font-family: Verdana; 
		  font-size: 13pt; margin-top: 0; margin-top: 15; margin-bottom: 4; font-weight:normal}
h3		{ color: #4B4B69; word-spacing: 0; text-align: left; line-height: 100%; font-family: Verdana; 
		  font-size: 11pt; margin-top: 0; margin-top: 12; margin-bottom: 4; font-weight:normal }
p		{ font-family: Verdana; font-size: 10pt; line-height:1.3em; margin-left:10.0pt }
body	{ font-family: Verdana; font-size: 10pt; lang:FR;  line-height:1.3em; 
		  margin-left:10.0pt; background-color:#D0D0E8 }
td		{ font-family: Verdana; font-size: 10pt; line-height:1.3em; margin-left:10.0pt }
ul		{ margin-top: 0 ; list-style-type:square}

/* La barre de navigation
-------------------------------------------------------- */
#sidebar div{
	border-bottom: 1px solid #F0F0F0;
	color: inherit;
}

#sidebar div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2, #sidebar h3{
	color: #006;
	margin: 0 0 1ex 0;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}

#sidebar div#search{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}

#search fieldset, #search p{
	margin: 0;
	padding: 0;
}
/* Le pied de page
-------------------------------------------------------- */
#footer{
	margin: 0;
	padding: 1em;
	border-top: 1px solid #CCC;
	background: #EEE;
	color: #666;
}

#footer a{
	color: #999;
}
/* Paramètres généraux de la boite (div) qui contient la liste : pas de marge,
* indication essentielle pour IE qui en met par défaut ; définition de la couleur
* du fond. Je réduis un peu la taille des caractères à une valeur de neuf
* dixièmes et je demande que le contenu soit aligné à droite :
*/
#nav-box {
     margin : auto auto;
     padding : 0;
     width : 760px;
     background-color: #EFD600;
     font-weight : bold;
     font-size : 0.8em;
     text-align: center;
}
/* Paramètres généraux de la liste (ul). Toujours mes marges à zéro,
* le padding (marge intérieure) servira à dégager le texte en haut et en
* bas de 5 pixels tout en le décollant également de 1em du bord droit
* ce dernier point est indispensable pour Internet Explorer, comme on
* le verra pour #nav-box ul li a { }. list-style-type : none; déclare que
* je ne place pas de puces devant chaque item.
*/
#nav-box ul {
     margin : 0;
     padding : 5px 1em 5px 0;
     list-style-type : none;
}
/* Paramètres des liens. display : inline; donne comme instruction de ne
* pas faire de saut de ligne pour chaque item. Je redonne également une
* marge intérieure haute et basse de 5 pixels pour que les items occupent
* toute la place verticale créée pour la liste
*/
#nav-box ul li {
     display: inline;
     padding : 5px 0;
}
/* On retrouve le padding haut et bas de 5 pixels (car sinon Internet Explorer
* va n'en faire qu'à sa tête) et j'ajoute un espace latéral de 1em de chaque
* côté des liens. J'indique également la couleur des caractères des liens et je
* place un bord gauche continu et blanc de 1 pixel de large. text-decoration :
* none; indique que je ne veux pas que les liens soient soulignés (ce qui serait
* le cas par défaut.
*/
#nav-box ul li a {
     color: #4b4b69;
     text-decoration: none;
     padding : 5px 1em 5px 1em;
     border-left: 1px solid #fff;
}
/* Ici, ce qui se passe au survol des liens : changement de la couleur du fond,
* de la couleur des caractères, je n'oublie pas de remettre à ce lien survolé le
* bord gauche que j'ai défini pour les liens « au repos ».
*/
#nav-box ul li a:hover {
     background-color: #4b4b69;
     color: #d9d940;
     border-left: 1px solid #fff;
}
/* Le comportement des liens activés. Pour l'instant ne marche pas : le lien une
* fois cliqué ne semble pas acquérir l'état actif... Si quelqu'un sait pourquoi ?
*/
#nav-box a:active {
     border-left: 1px solid #fff;
}