@charset "utf-8";

/*********************************************/
/************ Navigation *********************/
/*********************************************/
div#Nav {
	background: transparent;
	width: 888px;
	height: 32px;
	margin:0;
	padding:0;
	z-index:0;
	position: absolute;
    top: 140px;
	left:60px;
	z-index: 10000;
	}

div#globalNav {
	width: 888px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	div#globalNav ul#menu {
		width: 888px;
		height: 32px;
		background: transparent url(../img/fr/navig.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		left: 0;
		}
		div#globalNav ul#menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			}

#Nav ul#menu li, #Nav ul#menu a {
	display: block;
	}	

#Nav ul#menu li #navAccueil, #Nav ul#menu #navAccueil a,
#Nav ul#menu li #navQui, #Nav ul#menu #navQui a,
#Nav ul#menu li #navMetier, #Nav ul#menu #navMetier a,
#Nav ul#menu li #navReferences, #Nav ul#menu #navReferences a, 
#Nav ul#menu li #navActualites, #Nav ul#menu #navActualites a,
#Nav ul#menu li #navFinancement, #Nav ul#menu #navFinancement a,
#Nav ul#menu li #navContact, #Nav ul#menu #navContact a
{ 
	height: 32px;
	}
		
div#globalNav ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}

#navAccueil {left: 0; width: 102px;}
#navQui {left: 102px; width: 157px;}
#navMetier {left: 259px; width: 119px;}
#navReferences {left: 378px; width: 134px;}
#navActualites {left: 512px; width: 108px;}
#navFinancement {left: 620px; width: 127px;}
#navContact {left: 747px; width: 141px;}

#navAccueil a:hover	{background: transparent url(../img/fr/navig.gif) 0 -32px no-repeat;}
#navQui a:hover	{background: transparent url(../img/fr/navig.gif) -102px -32px no-repeat;}
#navMetier a:hover	{background: transparent url(../img/fr/navig.gif) -259px -32px no-repeat;}
#navReferences a:hover	{background: transparent url(../img/fr/navig.gif) -378px -32px no-repeat;}
#navActualites a:hover	{background: transparent url(../img/fr/navig.gif) -512px -32px no-repeat;}
#navFinancement a:hover	{background: transparent url(../img/fr/navig.gif) -620px -32px no-repeat;}
#navContact a:hover	{background: transparent url(../img/fr/navig.gif) -747px -32px no-repeat;}

/* "Vous etes ici"  */
body#pageAccueil #navAccueil	{background: transparent url(../img/fr/navig.gif) 0 -32px no-repeat;}
body#pageQui #navQui	{background: transparent url(../img/fr/navig.gif) -102px -32px no-repeat;}
body#pageMetier #navMetier	{background: transparent url(../img/fr/navig.gif) -259px -32px no-repeat;}
body#pageReferences #navReferences, body#pageReferencesListe #navReferences	{background: transparent url(../img/fr/navig.gif) -378px -32px no-repeat;}
body#pageActualites #navActualites	{background: transparent url(../img/fr/navig.gif) -512px -32px no-repeat;}
body#pageFinancement #navFinancement	{background: transparent url(../img/fr/navig.gif) -620px -32px no-repeat;}
body#pageContact #navContact	{background: transparent url(../img/fr/navig.gif) -747px -32px no-repeat;}