@charset "UTF-8";
@import url(reset.css);
@import url(styles.css);

#langNavigation {
	position: absolute;
	right: 20px;
	top: 20px;
	margin: 0;
	text-transform: uppercase;
	}
	#langNavigation a {text-decoration: none;}
/*********************************************/
/***********Navigation principale*************/
/*********************************************/

#mainNavigation ul.mainNavigation {
	margin: -20px 0 10px 310px;
	height: 21px;
	background: white;
	font-size: 12px;
	font-weight: bold;
	}
	#mainNavigation ul li.mainItem {
		position: relative;
		float: left;
		border-left: 2px solid #ded2bf;
		}
		#mainNavigation ul li.first {
			border-left: none;
			}
		
		#mainNavigation .mainItem a {
			display: block;
			margin: 1px 4px;
			height: 19px;
			background: white url(/images/fr/mainNavigation.png) no-repeat left top;
			text-indent: -9999px;
			text-decoration: none;
			overflow: hidden;
			}

#navTechnologies.mainItem a {
	width: 98px;
	background-position: left -1px;
	}
#navSavoirFaire.mainItem a {
	width: 182px;
	background-position: -98px -1px;
	}
#navServices.mainItem a {
	width: 74px;
	background-position: -278px -1px;
	}
#navEntreprise.mainItem a {
	width: 99px;
	background-position: -348px -1px;
	}
#navPresse.mainItem a {
	width: 64px;
	background-position: -445px -1px;
	}
#navContact.mainItem a {
	width: 119px;
	background-position: -506px -1px;
	}


	#navTechnologies.open a,
	#navTechnologies a:hover,
	#pradTechnologies #navTechnologies a {
		background-position: left -22px;
		}
	#navSavoirFaire.open a,
	#navSavoirFaire a:hover,
	#pradSavoirfaire #navSavoirFaire a {
		background-position: -98px -22px;
		}
	#navServices.open a,
	#navServices a:hover,
	#pradServices #navServices a {
		background-position: -278px -22px;
		}
	#navEntreprise.open a,
	#navEntreprise a:hover,
	#pradEntreprise #navEntreprise a {
		background-position: -348px -22px;
		}
	#navPresse.open a,
	#navPresse a:hover,
	#pradPresse #navPresse a {
		background-position: -445px -22px;
		}
	#navContact.open a,
	#navContact a:hover,
	#pradContact #navContact a {
		background-position: -506px -22px;
		}

#mainNavigation li ul.subNavigation {
	display: none;
}

#mainNavigation li ul.subNavigation {
	display: none;
	position: absolute;
	padding: 3px 3px 0 3px;
	top: 20px;
	left: 4px;
	min-width: 250px;
	background: #ded2bf;
	border-top: 2px solid white;
	font-size: 11px;
	}
	#mainNavigation ul.subNavigation li {
		margin-bottom: 3px;
		}
	#mainNavigation .subNavigation a {
		display: block;
		margin: 0;
		padding: 2px 2%;
		height: auto;
		width: 96%;
		color: black;
		background: transparent;
		text-indent: 0;
		text-decoration: none;
		}
	#mainNavigation .subNavigation a:hover,
	#mainNavigation .subNavigation a:focus,
	#mainNavigation .subNavigation a:active {
		color: white;
		background: #0d1a63;
		}