@charset "utf-8";
@import url('default.css');
/* CSS Document */

div#nav {
background: #009;
border: 0;
height: 23px;
margin: 0;
padding: 0;
width: 990px;
}

div#nav ul#menu {
background: transparent url(../images/fr/nav.png) top left no-repeat;
height: 23px;
margin: 0;
padding: 0;
position: relative;
width: 990px;
}

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

div#nav ul#menu li#nav-metier ul {
background: aqua;
background-image: none;
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	font-weight: normal;
	margin: 0;
}
div#nav ul#menu li#nav-metier li {
background: #CCC url(../images/com/puce-nav-metier.gif) left top no-repeat;
border-bottom: 1px solid #FFF;
	height: 17px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 30px;
	position: static;
	width: 120px;
}
div#nav ul#menu li#nav-metier li:hover,
div#nav ul#menu li#nav-metier li.sfhover {
background: #CCC url(../images/com/puce-nav-metier-hover.gif) left top no-repeat;
}

div#nav ul#menu li#nav-metier ul a {
background-image: none;
color: #2674CC;
font-size: 12px;
font-style: italic;
font-weight: bold;
text-decoration: none;
text-indent: 0;
width: 150px;
}

div#nav ul#menu li#nav-metier:hover ul, 
div#nav ul#menu li#nav-metier li:hover ul, 
div#nav ul#menu li#nav-metier li li:hover ul, 
div#nav ul#menu li#nav-metier.sfhover ul, 
div#nav ul#menu li#nav-metier li.sfhover ul, 
div#nav ul#menu li#nav-metier li li.sfhover ul {
background: #FFF;
background-image: none;
left: auto;
padding: 0;
}
div#nav ul#menu li#nav-metier:hover, 
div#nav ul#menu #nav li#nav-metier.sfhover {
	background: transparent;
background-image: none;
}

#nav-qui			{left: 0; width: 134px;}
#nav-metier			{left: 134px; width: 102px;}
#nav-catalogue 		{left: 236px; width: 158px;}
#nav-installation	{left: 394px; width: 171px;}
#nav-lien	 		{left: 565px; width: 52px;}
#nav-acces			{left: 617px; width: 172px;}
#nav-contact 		{left: 789px; width: 201px;}

#nav-qui a:hover 			{background: transparent url(../images/fr/nav.png) 0 -23px no-repeat;}
#nav-metier a:hover 		{background: transparent url(../images/fr/nav.png) -134px -23px no-repeat;}
#nav-metier a:hover li a, #nav-metier a:hover li a:hover {
background: #FFF;
background-image: none;
}
#nav-catalogue a:hover 		{background: transparent url(../images/fr/nav.png) -236px -23px no-repeat;}
#nav-installation a:hover 	{background: transparent url(../images/fr/nav.png) -394px -23px no-repeat;}
#nav-lien a:hover 			{background: transparent url(../images/fr/nav.png) -565px -23px no-repeat;}
#nav-acces a:hover 			{background: transparent url(../images/fr/nav.png) -617px -23px no-repeat;}
#nav-contact a:hover 		{background: transparent url(../images/fr/nav.png) -789px -23px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#page-qui #nav-qui a 					{background: transparent url(../images/fr/nav.png) 0 -23px no-repeat;}
body#page-metier #nav-metier a 				{background: transparent url(../images/fr/nav.png) -134px -23px no-repeat;}
body#page-catalogue #nav-catalogue a 		{background: transparent url(../images/fr/nav.png) -236px -23px no-repeat;}
body#page-installation #nav-installation a 	{background: transparent url(../images/fr/nav.png) -394px -23px no-repeat;}
body#page-lien #nav-lien a 					{background: transparent url(../images/fr/nav.png) -565px -23px no-repeat;}
body#page-acces #nav-acces a 				{background: transparent url(../images/fr/nav.png) -617px -23px no-repeat;}
body#page-contact #nav-contact a 			{background: transparent url(../images/fr/nav.png) -789px -23px no-repeat;}
/* Navig Suivi de commande
-------------------------------------------*/
ul#nav-suivi {
background: transparent url(../images/fr/accueil/nav-suivi.gif) top left no-repeat;
float: right; 
height: 26px;
margin: 0;
padding: 0;
position: relative;
width: 390px;
}

ul#nav-suivi li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
	
ul#nav-suivi li, ul#nav-suivi a {
display: block;
height: 26px;
}
ul#nav-suivi li a {
text-decoration: none;
text-indent: -9999px;
}

ul#nav-suivi li#nav-suivi-compte		{left: 0; width: 241px;}
ul#nav-suivi li#nav-suivi-directe		{left: 243px; width: 143px;}

ul#nav-suivi li#nav-suivi-compte a:hover {background: transparent url(../images/fr/accueil/nav-suivi.gif) 0 -26px no-repeat;}
ul#nav-suivi li#nav-suivi-directe a:hover {background: transparent url(../images/fr/accueil/nav-suivi.gif) -243px -26px no-repeat;}
/* Navig version
-------------------------------------------*/
ul#nav-version {
background: transparent url(../images/fr/nav-version.gif) top left no-repeat;
float: right; 
height: 26px;
margin: 0;
padding: 0;
position: relative;
width: 217px;
}

ul#nav-version li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
	
ul#nav-version li, ul#nav-version a {
display: block;
height: 26px;
}
ul#nav-version li a {
text-decoration: none;
text-indent: -9999px;
}

#nav-langArabe			{left: 0; width: 111px;}
#nav-langAnglais			{left: 111px; width: 106px;}

#nav-langArabe a:hover 			{background: transparent url(../images/fr/nav-version.gif) 0 -26px no-repeat;}
#nav-langAnglais a:hover 		{background: transparent url(../images/fr/nav-version.gif) -111px -26px no-repeat;}

#nav2 {
background: #C4DAF4;
float: right;
height: 26px;
margin: 0;
width: 667px;
}
#nav2 img {
float: left;
}
#nav2 span {
display: block;
font-weight: bold;
margin: 5px 0 0 0;
}