@charset "utf-8";

/*******************************************************************/
/***** Navigation ****************************/
/*******************************************************************/
div#Nav {
	background: transparent;
	width: 325px;
	/*height: 420px;*/
	padding-left:5px;
	padding-top:37px;
	z-index:0;
	}

div#globalNav {
	width: 325px;
	height: 210px;
	margin: 0;
	padding: 0;
	border: 0;
	}

div#globalNav ul#menu {
	width: 325px;
	height: 210px;
	background: transparent url(../img/fr/navig.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalNav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
	}

#Nav ul#menu li, #Nav ul#menu a {
	display: block;
	height: 30px;
	}	
	
div#globalNav ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}

#navAccueil {top: 0; width: 325px;}
#navPrestations {top: 30px; width: 325px;}
#navPartenariat {top: 60px; width: 325px;}
#navLaboratoire {top: 90px; width: 325px;}
#navNews {top: 120px; width: 325px;}
#navContacts {top: 150px; width: 325px;}
#navGb {top: 180px; width: 325px;}

#navAccueil a:hover	{background: transparent url(../img/fr/navig.gif) 0 -210px no-repeat;}
#navPrestations a:hover	{background: transparent url(../img/fr/navig.gif) 0 -240px no-repeat;}
#navPartenariat a:hover	{background: transparent url(../img/fr/navig.gif) 0 -270px no-repeat;}
#navLaboratoire a:hover	{background: transparent url(../img/fr/navig.gif) 0 -300px no-repeat;}
#navNews a:hover	{background: transparent url(../img/fr/navig.gif) 0 -330px no-repeat;}
#navContacts a:hover	{background: transparent url(../img/fr/navig.gif) 0 -360px no-repeat;}
#navGb a:hover	{background: transparent url(../img/fr/navig.gif) 0 -390px no-repeat;}

.navPrestationsOn {background: transparent url(../img/fr/navig.gif) 0 -240px no-repeat;}
.navNewsOn {background: transparent url(../img/fr/navig.gif) 0 -330px no-repeat;}
.navContactsOn {background: transparent url(../img/fr/navig.gif) 0 -360px no-repeat;}

/* "Vous etes ici"  */
body#pagePrestations #navPrestations	{background: transparent url(../img/fr/navig.gif) 0 -240px no-repeat;}
body#pagePartenariat #navPartenariat	{background: transparent url(../img/fr/navig.gif) 0 -270px no-repeat;}
body#pageLaboratoire #navLaboratoire	{background: transparent url(../img/fr/navig.gif) 0 -300px no-repeat;}
body#pageNews #navNews	{background: transparent url(../img/fr/navig.gif) 0 -330px no-repeat;}
body#pageContacts #navContacts	{background: transparent url(../img/fr/navig.gif) 0 -360px no-repeat;}


/***** menu Prestations **********/
			
#menuPrestations {
	position: absolute;
	top: 95px;
	left: 155px;
	padding:0;
	margin:0;
	text-align: left;
	visibility: hidden;
	background-color:#1297ee;
	z-index: 1000;
	}
	#menuPrestations ul {
		margin: 0;
		padding:0;
		list-style-type: none;
		}
		#menuPrestations ul li {	
			margin:0;
			padding:0;
			}
			#menuPrestations ul li a {
				font-size: 11px;
				font-weight:bold;
				line-height: 12px;
				text-decoration: none;
				color: #fff;
				margin: 0;
				padding: 5px;
				text-align:left;
				width:300px;
				display:block;
				border-bottom:1px solid #58b4f1;
				}
			#menuPrestations ul li a:hover, #menuPrestations ul li a:active {
				color: #f2a711; 
				}


/***** menu News **********/
			
#menuNews {
	position: absolute;
	top: 185px;
	left: 80px;
	padding:0;
	margin:0;
	text-align: left;
	visibility: hidden;
	background-color:#1297ee;
	z-index: 1000;
	}
	#menuNews ul {
		margin: 0;
		padding:0;
		list-style-type: none;
		}
		#menuNews ul li {	
			margin:0;
			padding:0;
			}
			#menuNews ul li a {
				font-size: 11px;
				font-weight:bold;
				line-height: 12px;
				text-decoration: none;
				color: #fff;
				margin: 0;
				padding: 5px;
				text-align:left;
				width:200px;
				display:block;
				border-bottom:1px solid #58b4f1;
				}
			#menuNews ul li a:hover, #menuNews ul li a:active {
				color: #f2a711; 
				}



/***** menu Contacts **********/
			
#menuContacts {
	position: absolute;
	top: 215px;
	left: 33px;
	padding:0;
	margin:0;
	text-align: left;
	visibility: hidden;
	background-color:#1297ee;
	z-index: 1000;
	}
	#menuContacts ul {
		margin: 0;
		padding:0;
		list-style-type: none;
		}
		#menuContacts ul li {	
			margin:0;
			padding:0;
			}
			#menuContacts ul li a {
				font-size: 11px;
				font-weight:bold;
				line-height: 12px;
				text-decoration: none;
				color: #fff;
				margin: 0;
				padding: 5px;
				text-align:left;
				width:200px;
				display:block;
				border-bottom:1px solid #58b4f1;
				}
			#menuContacts ul li a:hover, #menuContacts ul li a:active {
				color: #f2a711; 
				}