------------------------------------
* La feuille de style du site diplo
*------------------------------------
*/ 
/* Le fond est toujours en blanc    */
BODY {
	background-color: white
}

/* On utilise une couleur rouge pour les entetes */
H1,H2,H3 {
 	color: #8a0000 
}

/* On utilise une couleur rouge attenuee pour les ancres  */
A {
 	color: #8a0000
}

/* rouge pour ce truc la */
CAPTION {
	font-size: medium;
	color: #8a0000 
}

/* Alternance des couleurs pour les lignes des tables */
TR.A0 {
	background-color: white
}

TR.A1 {
	background-color: yellow
}

TR.MENU {
 	background-color: #8a0000 
}

/* Pour le titre */
H1 {
	font-size: x-large
}

/* Pour le menu : le fond est rouge, les ancres ne sont pas soulignées
 *  et apparaissent en blanc   
 */
A.MENU {
	color: white;
	text-decoration: none;
	line-height: 1em;
	font-weight: bolder;
	font-family: serif;
	font-size: medium 
}

/* Pour le titre : couleur rouge, police de grande taille */
TD.TITRE {
	color: #8a0000; 
	font-style: normal;
	font-weight: bold;
	text-align: center;
	font-family: serif;
	font-size: medium
}

/* Alignement du contenu d'une cellule */
TD.DROITE {
	text-align: right
}

TD.CENTRE {
	text-align: center
}

	General styles for this example page */

	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#e0e0e0;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #317082;
		background-color:#E2EBED;
		overflow:visible;		
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #555;
	}

	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #8a0000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border:1px solid #E2EBED;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#317082;
		border:1px solid #000;		
		top:10px;		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:1px solid #FFF;	
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#ffff70;
		border:1px solid #000;	
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#ffff70;
		border:1px solid #000;
	}
	
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#ffff70;
		border:1px solid #000;
	}