TD.pic {font-size: xx-small; vertical-align: bottom; text-align: center}
TABLE {color: #cc9966}
BODY {color: #cc9966; font-family: Arial; background: white}
P.head {background: #cc9966; font-size: 2em; color: white}

/* Relatif au menu: cf. http://www.javascriptfr.com/code.aspx?ID=36506 
	Gère un menu horizontal sur 3 niveau.
	PB non résolu avec IE7 (fonvtionne avec IE8): le 3ème niveau doit être le dernier élement du menu niveau 2 */

/* Conteneur du menu, une section <div id="menu0"> */
#menu0 {
	/* font-family:Comic Sans MS;	/* police utilisée */
	/* font-size:11px;				/* taille des caractères */
	font-weight:bold;
	width: 100%;					/* la barre de menu s'étend sur toute la largeur */
	background-color:#cc9966;
	border:2px solid #FFCC99;
	height: 20px;					/* hauteur de la barre de menu */
}

/* Image pour retour home page */
#menu0 img	{	
	border: 3px solid #cc9966;
	float:left;
}

/* partie menu textuel de 1 à 3 niveaux, une section <ul id="menu"> contenue dans menu0 */
#menu img	{	
	border:0;						/* pas de bordure pour les images */
	float: none;					/* Annule #menu0 (pas terrible) */
}

#menu {
	list-style-type: none;
	margin : 0;						/* sinon indentation de la liste d'environ 40px à froite (IE8 + FF3) */
	padding: 0;
}


#menu a	{
	text-decoration:none;			/* texte tel quel */
	border-left:1px solid #FFCC99;	/* couleur de la bordure */
	border-right:1px solid #FFCC99;	/* couleur de la bordure */
	background-color:#cc9966;		/* couleur normale du fond */
	display:block;					/* mode d'affichage */
	color:white;					/* couleur du texte */
	height: 20px;
	padding-left: 5px;				/* espace avant le texte de chaque item (sous)menu */
}
			
#menu a:hover {
	background-color:#336600;		/* couleur du fond quand on survole */
}
			
#menu li {
	width:150px;					/* largeur des libellés */
	/* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
	display:block;					/* mode d'affichage */
	float:left;						/* "cours du texte" : à gauche et "entouré" à droite des éléments qui le suivent */ 
}
			
#menu ul {
	visibility:hidden;				/* caché au départ, on y mettre visible au survol */
	position:absolute;				/* mode d'affichage */
	list-style-type: none;
	margin: 0;						/* sinon indentation des sous menus d'environ 40px à froite (IE8 seulement) */
	padding: 0;						/* sinon indentation des sous menus d'environ 40px à froite (IE8 + FF3) */
}
			
/* Concerne les menus de niveau 2 & 3 */
#menu ul li	{
	float:none;						/* "cours du texte" : normal */ 
	display:block;					/* type d'affichage */
	/*margin-left:-40px;			/* ajustements horizontaux des sous-menus 1er niveau %%%%%%%% pour un menu vertical mettre:87px */
	position:relative;				/* mode positionnement */
	border-top:1px solid #FFCC99;	/* couleur de la bordure */
	border-bottom:1px solid #FFCC99;/* couleur de la bordure */
	top: 1px;						/* ajustement vertical du sous menu (à rapprocher de la bordure de #menu0) */
}
			
/* Concerne les menus de niveau 3 */
#menu ul li ul {
	float:none;						/* "cours du texte" : normal */ 
	position:absolute;				/* mode positionnement */
	left:150px;						/* ajustements horizontaux des sous-menus niveaux suivants */
	top:3px;						/* ajustements verticaux des sous-menus niveaux suivants */
	visibility:hidden;				/* caché au départ, on y mettre visible au survol */	
}