body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.  */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url(1.jpg); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-attachment: fixed; /* Le fond restera fixe */
}
#en_tete
{
   width: 760px;
   height: 200px;
   background-image: url(ban.jpg);
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------------
MENU PRINCIPAL
----------------------------------------------------------------------------------*/

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 135px; /* Très important : donner une taille au menu */
   top: 0;
   left: 0;
}
.element_menu
{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dt 
{
margin: 2px 0;
cursor: pointer;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 2px solid rgb(120,0,230);
background-color: rgb(204,204,254);
color: rgb(120,0,230);
}
#menu dd 
{
border: 2px solid rgb(120,0,230);
}
#menu li 
{
text-align: center;
background-color: rgb(204,204,254);
}
#menu li a, #menu dt a 
{
color: rgb(120,0,230);
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover 
{
background-color: rgb(120,0,230);
color: rgb(204,204,254);
}

/* ----------------------------------------------------------------------------------
FIN DU MENU PRINCIPAL
----------------------------------------------------------------------------------*/

div a:hover /* Quand on pointe sur un lien du menu */
{
   color: white;
}
#corps
{
   margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: rgb(120,0,230);
   background-color: rgb(204,204,254);
   font-size: 14px;
   font-family: Arial, Verdana, serif;
   text-align: justify;
   border: 2px solid rgb(120,0,230); /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
td
{
   border: 1px solid rgb(120,0,230);
   margin: 0px;
   padding: 0px;
   text-align: justify;
   color: rgb(120,0,230);
   font-size: 14px;
   font-family: Arial, Verdana, serif;
   vertical-align: top;
}
table
{
   margin: auto;
   padding: 0px;
}
.ali
{
   float: right;
}
.cache
{
   color: rgb(204,204,254);
}
.clignote
{
   text-decoration: blink;
   color: red
}

/* ----------------------------------------------------------------------------------
MENU DES FICHES
----------------------------------------------------------------------------------*/

	/* 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;
	}
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid rgb(120,0,230);
		background-color:rgb(204,204,254);
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid white;
		background-image:url(Fond_menu1.png);		
		background-repeat: repeat-x;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid rgb(120,0,230);
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		text-decoration:none;
		padding-left:5px;
		padding-right:5px;	
	}
	
	/*Menu horizontal : Premier */
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:4px;
		padding-right:4px;
		background-image:url(Fond_menu2.png);
		background-repeat: repeat-x;
		border:1px solid white;		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		color: white;
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:white;
		font-weight:bold;
	}
	
	/* Sous-menu  verticale: 2ème*/
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:3px;
		background-color:white;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:1px;
		color:rgb(120,0,230);
		background-color:white;
		border: 1px solid rgb(120,0,230);		
	}
	#dhtmlgoodies_menu .currentDepth2 a{	
		color:rgb(120,0,230);
		background-color:white;
		background-image:url(Fond_menu3.png);
		background-repeat: repeat-y;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:rgb(120,0,230);
	}	
	
	/* Sous-menu vertical à côté : 3ème */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:3px;
		background-color:white;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:1px;
		color:rgb(120,0,230);
		background-color:white;
		border: 1px solid rgb(120,0,230);
	}
	#dhtmlgoodies_menu .currentDepth3 a{	
		color:rgb(120,0,230);
		background-color:white;
		background-image:url(Fond_menu3.png);
		background-repeat: repeat-y;
	}	
	#dhtmlgoodies_menu .currentDepth3over a{	/* Text rules */
		color:rgb(120,0,230);
	}	

/* ----------------------------------------------------------------------------------
FIN DU MENU DES FICHES
----------------------------------------------------------------------------------*/

#pied_de_page
{
   margin-left: 140px; 
   margin-bottom: 20px; 
   padding: 5px;
   color: rgb(120,0,230);
   background-color: rgb(204,204,254);
   font-size: 14px;
   font-family: Arial, Verdana, serif;
   text-align: center;
   border: 2px solid rgb(120,0,230);
}
