body {
	margin:0;
	color:#000;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
}
img {border:none;
margin-right:10px;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
a:focus{outline: none;}
h1{font-size:22px;}
h2{font-size:18px}
h3{font-size:12px}
/* main containers styles */
.holder {
	overflow: hidden;
	width: 100%;
}
#wrapper {
	margin:0 auto;
	width:929px;
	overflow:hidden;
}
/* header block styles */
#header2 {
	background: url(../images/bg-header.jpg) no-repeat;
	overflow:hidden;
	width: 100%;
	height: 137px;
	position: relative;
	background-color: #e7e7e7;
}
/* header block styles */
#header {
	background: url(../images/bg-header.jpg) no-repeat;
	overflow:hidden;
	width: 100%;
	height: 137px;
	position: relative;
}
/* logo styles */
.logo {
	position: absolute;
	top: 21px;
	left: 23px;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 255px;
	height: 68px;
	z-index:1;
}
.logo a {
	position: relative;
	background: url(../images/logo.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
}
.version{
	float: right;
	padding: 0 20px 0 0;
	height: 43px;
	border-left: solid 1px #c8c9c9;
}
.version .text{
	display: block;
	margin: 27px 0 0 9px;
	text-indent: -9999px;
	overflow: hidden;
	width: 75px;
	height: 10px;
	background: url(../images/text-version.gif) no-repeat;
}
.version .text:hover{
	display: block;
	margin: 27px 0 0 9px;
	text-indent: -9999px;
	overflow: hidden;
	width: 75px;
	height: 10px;
	background: url(../images/text-version-hover.gif) no-repeat;
}
.version .texten{
	display: block;
	margin: 27px 0 0 9px;
	text-indent: -9999px;
	overflow: hidden;
	width: 91px;
	height: 10px;
	background: url(../images/text-version-en.gif) no-repeat;
}
.version .texten:hover{
	display: block;
	margin: 27px 0 0 9px;
	text-indent: -9999px;
	overflow: hidden;
	width: 91px;
	height: 10px;
	background: url(../images/text-version-en-hover.gif) no-repeat;
}
.site-corporate{
	position: absolute;
	top: 20px;
	right: 125px;
	width: 89px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/a-site-corporate.gif) no-repeat;
}
.site-corporate:hover{
	background-position: 0 -23px;
}
/* navigation styles */
.nav{
	position: absolute;
	right: 12px;
	top: 82px;
}
.nav ul{
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	float: right;
	overflow: hidden;
}
.nav ul li{
	float: left;
	position: relative;
	font-size:13px;
	margin: 0 0 0 -10px;
}
.nav ul li a{
	float: left;
	position: relative;
	z-index: 1;
	cursor: pointer;
	color: #212125;
}
.nav ul li .btn-l{
	float: left;
	background:url(../images/nav-left.png) no-repeat;
	width: 13px;
	height: 55px;
	cursor: pointer;
}
.nav ul li .btn-m{
	float: left;
	background:url(../images/nav.png) repeat-x;
	height: 43px;
	padding:14px 13px 0 13px;
	cursor: pointer;
}
.nav ul li .btn-r{
	float: left;
	background:url(../images/nav-right.png) no-repeat;
	width: 12px;
	height: 55px;
	cursor: pointer;
}
.nav ul li .btn-m .txt{
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 28px;
}
.nav ul li .btn-m .flux{
	width: 68px;
	background: url(../images/text-flux-hover.png) no-repeat;
}
.nav ul li .btn-m .ppo{
	width: 67px;
	background: url(../images/text-ppo-hover.png) no-repeat;
}
.nav ul li .btn-m .global{
	width: 50px;
	background: url(../images/text-global-sourcing-hover.png) no-repeat;
}
.nav ul li .btn-m .logistique{
	width: 90px;
	background: url(../images/text-logistique-hover.png) no-repeat;
}
.nav ul li a:hover .flux, .nav ul li.selected a .flux{
	background: url(../images/text-flux.png) no-repeat;
}
.nav ul li a:hover .ppo, .nav ul li.selected a .ppo{
	background: url(../images/text-ppo.png) no-repeat;
}
.nav ul li a:hover .global, .nav ul li.selected a .global{
	background: url(../images/text-global-sourcing.png) no-repeat;
}
.nav ul li a:hover .logistique, .nav ul li.selected a .logistique{
	background: url(../images/text-logistique.png) no-repeat;
}


.nav ul li .btn-m .fluxen{
	width: 82px;
	background: url(../images/text-flux-hover-en.png) no-repeat;
}
.nav ul li .btn-m .ppoen{
	width: 67px;
	background: url(../images/text-ppo-hover-en.png) no-repeat;
}
.nav ul li .btn-m .globalen{
	width: 50px;
	background: url(../images/text-global-sourcing-hover-en.png) no-repeat;
}
.nav ul li .btn-m .logistiqueen{
	width: 50px;
	background: url(../images/text-logistique-hover-en.png) no-repeat;
}
.nav ul li a:hover .fluxen, .nav ul li.selected a .fluxen{
	background: url(../images/text-flux-en.png) no-repeat;
}
.nav ul li a:hover .ppoen, .nav ul li.selected a .ppoen{
	background: url(../images/text-ppo-en.png) no-repeat;
}
.nav ul li a:hover .globalen, .nav ul li.selected a .globalen{
	background: url(../images/text-global-sourcing-en.png) no-repeat;
}
.nav ul li a:hover .logistiqueen, .nav ul li.selected a .logistiqueen{
	background: url(../images/text-logistique-en.png) no-repeat;
}