@charset "UTF-8";
#menu {
	font-family:arial;
	position: relative;
	z-index: 500;
	float: left;
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/pageStructure/nav_bar.jpg) no-repeat left;
}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
	height:53px;
	position:relative;
}
#menu li a {
	float:left;
	height:53px;
}
#menu li a h1 {
	display:none;
	margin:0;
	padding:0;
}
#menu li a.compagnie {
	background:url(../images/pageStructure/about_FR_up.jpg) no-repeat;
	width:229px;
}
#menu li:hover a.compagnie, #menu li a.compagnie:hover {
	background:url(../images/pageStructure/about_FR_over.jpg) no-repeat;
}
#menu li a.service {
	background:url(../images/pageStructure/services_FR_up.jpg) no-repeat;
	width:115px;
}
#menu li:hover a.service, #menu li a.service:hover {
	background:url(../images/pageStructure/services_FR_over.jpg) no-repeat;
}
#menu li a.produit {
	background:url(../images/pageStructure/products_FR_up.jpg) no-repeat;
	width:308px;
}
#menu li:hover a.produit, #menu li a.produit:hover {
	background:url(../images/pageStructure/products_FR_over.jpg) no-repeat;
}
#menu li a.joindre {
	background:url(../images/pageStructure/contact_FR_up.jpg) no-repeat;
	width:228px;
}
#menu li:hover a.joindre, #menu li a.joindre:hover {
	background:url(../images/pageStructure/contact_FR_over.jpg) no-repeat;
}
#menu li a.about_us {
	background:url(../images/pageStructure/about_over.jpg) no-repeat -1000px -1000px; 
	width:179px;
}
#menu li a.about_us:hover {
	background-position: 0px 0px;
}
#menu li a.consulting {
	background:url(../images/pageStructure/services_over.jpg) no-repeat -1000px -1000px;
	width:270px;
}
#menu li:hover a.consulting, #menu li a.consulting:hover {
	background-position: 0px 0px;
}
#menu li a.technology {
	background:url(../images/pageStructure/products_over.jpg) no-repeat -1000px -1000px;
	width:243px;
}
#menu li:hover a.technology, #menu li a.technology:hover {
	background-position: 0px 0px;
}
#menu li a.contact {
	background:url(../images/pageStructure/contact_over.jpg) no-repeat -1000px -1000px;
	width:188px;
}
#menu li:hover a.contact, #menu li a.contact:hover {
	background-position: 0px 0px;
}

#menu * {margin:0; padding:0}
#menu ul {position:absolute; top:52px; left:0; display:none; opacity:0; width:100%; background:black; text-align:center;}
#menu ul li { float:none; display:block; margin:1px; margin-bottom:0px; width:auto; height:auto; position:relative;}
#menu ul li a {float:none;border-bottom:1px solid black; display:block;background-color:#1b84cf; width:100%; height:auto; color:white; font-size:12px; text-decoration:none; padding:5px 0 5px 0; font-family:Verdana; font-weight:bold;}
#menu ul li a:hover {background-color:#003b66}