body {
	behavior:url("../csshover3.htc");
}

a{
	text-decoration:none;
	color:#fff;
}
.wrapper {
	width:495px;
	margin: 0;
	font-weight:bold;
}
.nav {
	/*background: #fff url(../images/nav-bg.jpg) repeat-x;*/
	float: left;
}
.nev-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	background: url(../images/nav_left.jpg) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(../images/nav_right.jpg) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	width:495px;
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 12px;
	z-index:14;
}
.nav li {
	float: left;
	padding: 0 7px;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	/*background: url(../images/menu_left.jpg) no-repeat left top;*/
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	/*background: url(../images/menu_mid.jpg) repeat-x top left;*/
	height: 50px;
	line-height: 32px;
	display: block;
	float: left;
}
a .menu-right {
	/*background: url(../images/menu_right.jpg) no-repeat top left;*/
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.active .menu-mid{
color:#EE7F00;
}

.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #EE7F00;
	text-decoration:none;
}

.nav li .sub ul {
	background: url(../images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li .sub2 ul {
	background: url(../images/submenu_bg_gris.png) repeat-y;
	width: 188px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li .sub3 ul {
	background: url(../images/submenu_bg_gris_gauche.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	-padding: 0px 0px 0px 0px;
	-margin:-5px 0px -6px 0px;
	background: none !important;
}
.nav li:hover .sub li a,
.nav li.active .sub li a {
	color: #666666;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 0px 3px;
	margin-left:-6px;
	text-indent: 1px;
	text-decoration:none;
	font-size:12px;
}
.nav li:hover .sub2 li a,
.nav li.active .sub2 li a {
	color: #CBCBCB;
	background: none !important;
	line-height: normal;
	width: 134px;
	padding: 8px 3px 3px;
	text-indent: 1px;
	text-decoration:none;
	font-size:12px;
}
.nav li:hover .sub3 li a,
.nav li.active .sub3 li a {
	color: #CBCBCB;
	background: none !important;
	line-height: normal;
	width: 134px;
	padding: 8px 3px 3px;
	text-indent: 1px;
	text-decoration:none;
	font-size:12px;
}


.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #EE7F00;

	text-decoration: none;
	line-height: normal;
}

/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #EE7F00;

	text-decoration: none;
	line-height: normal;
}
/* Onglet Blanc */
.nav .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
/* Onglet Gris Normal */
.nav .btm-bg-dark {
	background: url(../images/submenu_bottom_gris.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
/* Onglet Gris tout à gauche*/
.nav .btm-bg-dark2 {
	background: url(../images/submenu_bottom_gris_gauche.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}

.content {
	width: 670px;
	background: transparent url(../images/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.content h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}
.content p {
	padding: 0 15px;
	text-align: justify;	
}
.content-bottom {
	width: 710px;
	background: transparent url(../images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}

#navigation{
background-repeat:no-repeat;
position:relative;
top:27px;
left:35px;
left:-68px\9;
height:45px;
width:600px;
}

.nav li:hover .sub,
.nav li.hover .sub,
.nav li:hover .sub2,
.nav li.hover .sub2,
.nav li:hover .sub3,
.nav li.hover .sub3{
	display:block;
}

.nav li .extend_onglet{
	position:absolute;
	top:-28px;
	left:146px;
}

.nav li .extend_onglet2{
	position:absolute;
	top:-28px;
	left:139px;
}

.nav li .extend_onglet3{
	position:absolute;
	top:-28px;
	left:138px;
}

/* Onglet Blanc */
.nav li .sub {
	display: none;
	position: absolute;
	top:40px;
	left:-13px;
	background:url(../images/submenu_top.png) no-repeat;
	width:186px;
	padding-top:9px;
}

/* Onglet Gris */
.nav li .sub2 {
	display: none;
	position: absolute;
	top:40px;
	left:-6px;
	background:url(../images/submenu_top_gris.png) no-repeat;
	width:188px;
	padding-top:9px;
}

.nav li .sub2 li a {
	margin-left:8px;
}

/* Onglet Gris Gauche */
.nav li .sub3 {
	display: none;
	position: absolute;
	top:40px;
	left:-13px;
	background:url(../images/submenu_top_gris_gauche.png) no-repeat;
	width:186px;
	padding-top:9px;
}

.nav .name_onglet{
height:40px;
width:140px;
color:#CCCCCC;
font-weight:bold;
text-align:center;
font-size:14px;
margin-left:-17px;
margin-top:-29px;
}

.nav .name_onglet_actif{
height:40px;
width:140px;
color:#666666;
font-weight:bold;
text-align:center;
font-size:14px;
margin-left:-17px;
margin-top:-29px;
}

.nav .in_onglet{
height:40px;
}


.first_onglet{
position:absolute;
top:4px;
left:-25px;
left:15px\9;
height:39px;
width:107px;
}

.second_onglet{
position:absolute;
top:4px;
left:-2px;
left:38px\9;
height:39px;
width:107px;

}

.third_onglet{
position:absolute;
top:4px;
left:20px;
left:60px\9;
height:39px;
width:107px;
}

.fourth_onglet{
position:absolute;
top:4px;
left:41px;
left:81px\9;
height:39px;
width:107px;
}

.nav li:hover a .name_onglet_actif,
.nav li:hover a .name_onglet
{
color:#EE7F00;
}