@charset "UTF-8";

/* iepngfix */
ul#Menu li a, ul#Menu li, div #mainContent { behavior: url(include/iepngfix/iepngfix.htc) }

/* LE MENU */
/* ======= */
	
	/* Propriétés du div entourant le menu */
	div#divMenu
	{
		background-color:#FF0000;							/* Couleur de fond du menu */
		background-image:url(../images/menu/fond.png);		/* Chargement de l'image de fond du menu */
		background-repeat:repeat-x;							/* Le fond fait 1px de large et est répété horizontalement */
		background-position:top;							/* Position du fond dégradé en haut */
		padding: 0 0 0 0;									/* Aucune marges interne pour le menu */
		margin: 0 0 0 0;									/* Aucune marges externe pour le menu */
		
	}
	
	/* Propriétés du menu (ul) */
	ul#Menu 
	{
		margin: 0px 0px 0px 0px;							/* Aucune marge externe pour le ul */
		padding: 80px 10px 100px 10px;						/* marges internes pour le ul */
		list-style-image: none;								/* Aucune image de puce pour la liste */
		list-style-type: none;								/* Aucun type de puce (--> pas de puce) */
		overflow: hidden;									/* Cacher tout ce qui dépasse de la taille spécifiée (ne pas montrer le reste de l'image) */
	}
	
	/* Propriétés du menu (li) */
	ul#Menu li 
	{ 
		padding: 15px 0 0 0;								/* Espacement entre les éléments du menu */
		margin: 0 0 0 0;									/* Aucune marge externe */
	}
	
	/* Spécifications de l'entrée menu (li) et de son lien (li.a) */
	ul#Menu li, ul#Menu li a 
	{
		display: block;										/* Display bloc pour pouvoir définir une taille */
		height: 69px;										/* Taille (hauteur) commune à tous les boutons 207 / 3 */
		width: 80px;										/* Taille (largeur) commune à tous les boutons */
		background-repeat: no-repeat;						/* Pas de répétition de l'image */
	}
	

/* LES BOUTONS */
/* =========== */

	/* --------------------- Page d'accueil --------------------- */
	/* lien actif */
	ul#Menu li#index a 
	{ 
		background: url(../images/menu/index.png);		/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#index  a:hover, ul#Menu li#index a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageIndex ul#Menu li#index a, ul#Menu li#index  a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}
	

	/* --------------------- Page about --------------------- */
	/* lien actif */
	ul#Menu li#about a 
	{ 
		background: url(../images/menu/about.png);		/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#about  a:hover, ul#Menu li#about a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageAbout ul#Menu li#about a, ul#Menu li#about  a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}

	
	/* --------------------- Page daily report --------------------- */
	/* lien actif */
	ul#Menu li#daily a 
	{ 
		background: url(../images/menu/daily.png);		/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#daily  a:hover, ul#Menu li#daily a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageDaily ul#Menu li#daily a, ul#Menu li#daily  a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}	
	
	
	/* --------------------- Page des nouvelles --------------------- */
	/* lien actif */
	ul#Menu li#news a 
	{ 
		background: url(../images/menu/news.png);		/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#news  a:hover, ul#Menu li#news a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageNews ul#Menu li#news a, 
	body#PageNews_modif ul#Menu li#news a, 
	body#PageNews_ajout ul#Menu li#news a, 
	ul#Menu li#news  a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}	
	
	
	/* --------------------- Page downloads --------------------- */
	/* lien actif */
	ul#Menu li#downloads a 
	{ 
		background: url(../images/menu/downloads.png);	/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#downloads  a:hover, ul#Menu li#downloads a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageDownloads ul#Menu li#downloads a, 
	body#PageDownloads_modif ul#Menu li#downloads a, 
	body#PageDownloads_ajout ul#Menu li#downloads a, 
	ul#Menu li#downloads  a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}
		
	
	/* --------------------- Page de contact --------------------- */
	/* lien actif */
	ul#Menu li#contact a 
	{ 
		background: url(../images/menu/contact.png);	/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#contact  a:hover, ul#Menu li#contact a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageContact ul#Menu li#contact a, body#PageContact_direct ul#Menu li#contact a, ul#Menu li#contact  a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}	
	

	/* --------------------- Page de liens --------------------- */
	/* lien actif */
	ul#Menu li#links a 
	{ 
		background: url(../images/menu/links.png);		/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#links  a:hover, ul#Menu li#links a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageLinks ul#Menu li#links a, ul#Menu li#links a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}	
	
	
	/* --------------------- Page Notice of Death --------------------- */
	/* lien actif */
	ul#Menu li#death a 
	{ 
		background: url(../images/menu/death.png);		/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#death  a:hover, ul#Menu li#death a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageDeath ul#Menu li#death a, ul#Menu li#death a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}	
	
	/* --------------------- Bouton Logoff (ZA) --------------------- */
	/* lien actif */
	ul#Menu li#logoff a 
	{ 
		background: url(../images/menu/logoff.png);		/* URL de l'image active */
		background-position: 0px 0px;					/* Position 0 : l'image active */
	}
	
	/* lien over */
	ul#Menu li#logoff  a:hover, ul#Menu li#logoff a:focus  
	{ 
		background-position:0px -69px;					/* Positionnement sur l'image du milieu (décalage de 69px) */
	}
	
	/* lien desactive */
	body#PageLogoff ul#Menu li#logoff a, ul#Menu li#logoff  a:active 
	{ 
		background-position:0px -138px;					/* Positionnement sur l'image du bas (décalage de 138px) */
	}