@charset "utf-8";
/* CSS Document */

@import url(styles.css);

/**********************************/
/***** Navigation principale ******/
/**********************************/

div#navHaut {
	position: absolute;
	top: 106px;
	left: 330px;
	width: 358px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	div#navHaut ul#menuNavHaut {
		width: 358px;
		height: 20px;
		background: transparent url(../images/fr/nav_globale.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#navHaut ul#menuNavHaut li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
		}
		ul#menuNavHaut li, ul#menuNavHaut a {
			height: 20px;
			display: block;
			}
			div#navHaut ul#menuNavHaut li a {
				text-indent: -9999px;
				text-decoration: none;
			}


#navSociete	{left: 0; width: 140px;}
#navMetiers {left: 140px; width: 95px;}
#navExtranet {left: 235px; width: 123px;}

#navSociete a:hover	{background: transparent url(../images/fr/nav_globale.gif) 0 -20px no-repeat;}
#navMetiers a:hover	{background: transparent url(../images/fr/nav_globale.gif) -140px -20px no-repeat;}
#navExtranet a:hover	{background: transparent url(../images/fr/nav_globale.gif) -235px -20px no-repeat;}

.navSocieteOn {background: transparent url(../images/fr/nav_globale.gif) 0 -20px no-repeat;}


body#pageSociete #navSociete {background: transparent url(../images/fr/nav_globale.gif) 0 -20px no-repeat;}
body#pageMetiers #navMetiers {background: transparent url(../images/fr/nav_globale.gif) -140px -20px no-repeat;}



/**********************************/
/***** Menu Qui sommes-nous  ******/
/**********************************/

#menuQuisommesnousFr {
	position: absolute;
	top: 125px;
	left: 329px;
	width: 200px;
	border-top: 1px solid #b14c53;
	border-right: 1px solid #b14c53;
	border-left: 1px solid #b14c53;
	visibility: hidden;
	background-color: #ececec;
	z-index: 1000;
	}
	#menuQuisommesnousFr ul {
		margin: 0;
		padding: 0;
		}
		#menuQuisommesnousFr ul li {	
			margin: 0;
			padding: 0;
			list-style: none;
			border-bottom: 1px solid #b14c53;
			}
			#menuQuisommesnousFr ul li a {
				display: block;
				width: 185px;
				font-size: 11px;
				line-height: 14px;
				text-decoration: none;
				color: #8f4844;
				padding: 2px 5px 2px 10px;
			}
			#menuQuisommesnousFr ul li a:hover, #menuQuisommesnousFr ul li a:active {
				color: #fff;
				background-color: #8f4844;
			}



/**********************************/
/***** Navigation bas *************/
/**********************************/

#navBasGlobal {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
body#pageAccueil #navBasGlobal {background-color: #c7be80;}

#navBas {
	text-align: right;
}
#navBas ul {
	margin: 0 0 0 150px;
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
	text-align: right;
	}
	#navBas ul li {
		display: inline;
		margin: 0;
		padding: 0 7px 0 6px;
		border-right: 1px solid #90574a;
	}
	#navBas ul li.borderRightNone {
		border-right: 0px none #000;
	}
	#navBas ul li#navBasEcran {
		display: none;
	}
	body#pageAccueil #navBas ul li.borderRightNone {
		border-right: 0px none #000;
		}
		#navBas ul li a:link, #navBas ul li a:visited {
			font-size: 12px;
			line-height: 12px;
			text-decoration: none;
			color: #9baaaa;
			margin: 0;
			padding: 0 3px;
		}
		#navBas ul li a:hover, #navBas ul li a:active {
			font-size: 12px;
			line-height: 12px;
			text-decoration: none;
			color: #fff;
			margin: 0;
			padding: 0 3px;
			background-color: #9baaaa;
		}
		body#pageAccueil #navBas ul li a:link, body#pageAccueil #navBas ul li a:visited {
			font-size: 12px;
			line-height: 12px;
			text-decoration: none;
			color: #fff;
			margin: 0;
			padding: 0 3px;
		}
		body#pageAccueil #navBas ul li a:hover, body#pageAccueil #navBas ul li a:active {
			font-size: 12px;
			line-height: 12px;
			text-decoration: none;
			color: #fff;
			margin: 0;
			padding: 0 3px;
			background-color: #9baaaa;
		}
		
		

/**********************************/
/***** Navigation langues *********/
/**********************************/

div#navLanguesGlobale {
	float: right;
	width: 77px;
	margin: 0 10px 0 0;
	padding: 0;
}
div#navLangues {
	width: 77px;
	height: 14px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#navLangues ul#menuNavLangues {
	width: 77px;
	height: 14px;
	background: transparent url(../images/commun/drapeaux_fr.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

div#navLangues ul#menuNavLangues li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#menuNavLangues li, ul#menuNavLangues a {
	height: 14px;
	display: block;
}
div#navLangues ul#menuNavLangues li a {
	text-indent: -9999px;
	text-decoration: none;
}


#navGb	{left: 0; width: 23px;}
#navDe {left: 27px; width: 23px;}
#navSp {left: 54px; width: 23px;}

#navGb a:hover	{background: transparent url(../images/commun/drapeaux_fr.gif) 0 -14px no-repeat;}
#navDe a:hover	{background: transparent url(../images/commun/drapeaux_fr.gif) -27px -14px no-repeat;}
#navSp a:hover {background: transparent url(../images/commun/drapeaux_fr.gif) -54px -14px no-repeat;}