/* CSS pour le menu de navigation du site SUBARU.fr */
#nav {padding:0; margin:0; top:8px; left:198px; list-style:none; height:17px; position:relative; z-index:200; font-family:Arial; width:1010px; vertical-align:top;}
#nav li.top {display:block; float:left; padding:0; margin:0;}
#nav li a {display:block; float:left; height:17px;  text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

/* appelation des images composant les menus */
#nav li a.gamme 		{background:url(img/bt_menu_gamme.gif); width:116px;}
#nav li a.reseau 		{background:url(img/bt_menu_reseau.gif); width:116px;}
#nav li a.acheter 		{background:url(img/bt_menu_acheter.gif); width:116px;}
/*#nav li a.tarifs 		{background:url(img/bt_menu_tarif.gif); width:116px;}*/
#nav li a.tarifs 		{background:url(img/bt_menu_offres_subaru.gif); width:116px;}
#nav li a.accessoires 		{background:url(img/bt_menu_accessoires.gif); width:116px;}
#nav li a.documentation 	{background:url(img/bt_menu_documentation.gif); width:116px;}
#nav li a.actualites 		{background:url(img/bt_menu_actualites.gif); width:116px;}

/* décalage du background pour simuler le onmouseover*/
#nav li:hover a,
#nav a:hover {background-position: 0 17px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

/* positionnement du sous menu nous permet de mordre sur le graf en dessous*/
#nav :hover ul.sub
{left:-1px; top:17px; width:115px; height:auto; z-index:300;}

#nav :hover ul.sub li
{display:block; height:24px; position:relative; float:left; width:138px;}


/* décalage haut des sous menu, raccord graphique : racc haut*/
#nav :hover ul.sub li.raccord_ht
{display:block; height:10px; position:relative; float:left; width:138px; background:url(img/raccord_menu_ht.png);}


/* décalage haut des sous menu, raccord graphique : racc haut*/
#nav :hover ul.sub li.raccord_bs
{display:block; height:7px; position:relative; float:left; width:118px; background:url(img/raccord_menu_bs.png);}


#nav :hover ul.sub li a
{display:block; height:24px; width:138px; text-decoration:none; padding:0; cursor:pointer;}

/* gestion du texte*/
#nav :hover ul.sub li a b {position:absolute; margin:0; top:4px; left:22px; font-family:Arial; font-size:11px; color:#9aeff8;}

/* appelation des images composant les sous menus suivants*/
#nav :hover ul li a.basic {background:url(img/fd_smenu_basic.png);}

/* décalage du background pour simuler le onmouseover*/
#nav :hover ul.sub li a:hover 
{background-position: 0 23px; position:relative; color:#FF0000;}

/* changement couleur du texte pour simuler onmouseover*/
#nav :hover ul.sub li a:hover b {position:absolute; top:3px; color:#FFFFFF; text-align:left; font-family:Arial; font-size:11px; font-weight:bold;}

/* CSS pour le menu de navigation du site SUBARU.fr */
#nav_gamme {padding:0; margin:0; top:25px; left:20px; list-style:none; height:17px; position:relative; z-index:200; font-family:Arial; width:1010px; vertical-align:top;}
#nav_gamme li.top {display:block; float:left; padding:0; margin:0;}
#nav_gamme li a {display:block; float:left; height:17px;  text-decoration:none; padding:0; cursor:pointer;}
#nav_gamme li a b {margin-left:-999px;}

/* appelation des images composant les menus */
#nav_gamme li a.gamme 		{background:url(img/bt_menu_gamme.gif); width:116px;}

/* décalage du background pour simuler le onmouseover*/
#nav_gamme li:hover a,
#nav_gamme a:hover {background-position: 0 17px;}

#nav_gamme table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#nav_gamme .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav_gamme li:hover {position:relative; z-index:200;}
#nav_gamme a:hover {position:relative; white-space:normal; z-index:200;}

/* positionnement du sous menu nous permet de mordre sur le graf en dessous*/
#nav_gamme :hover ul.sub
{left:-1px; top:17px; width:115px; height:auto; z-index:300;}
#nav_gamme :hover ul.sub li
{display:block; height:45px; position:relative; float:left; width:150px;}


/* décalage haut des sous menu, raccord graphique : racc haut*/
#nav_gamme :hover ul.sub li.raccord_ht
{display:block; height:10px; position:relative; float:left; width:153px; background:url(img/raccord_menu_gamme_ht.png);}


/* décalage haut des sous menu, raccord graphique : racc haut*/
#nav_gamme :hover ul.sub li.raccord_bs
{display:block; height:7px; position:relative; float:left; width:118px; background:url(img/raccord_menu_bs.png);}


#nav_gamme :hover ul.sub li a
{display:block; height:45px; width:153px; text-decoration:none; padding:0; cursor:pointer;}

/* gestion du texte*/
#nav_gamme :hover ul.sub li a b {position:absolute; margin:0; top:4px; left:22px; font-family:Arial; font-size:10px; color:#9aeff8;}

/* appelation des images composant les sous menus de la gamme*/
#nav_gamme :hover ul li a.pos1 {background:url(img/sous_menu_gamme_justy.png);}
#nav_gamme :hover ul li a.pos2 {background:url(img/sous_menu_gamme_impreza.png);}
#nav_gamme :hover ul li a.pos3 {background:url(img/sous_menu_gamme_forester.png);}
#nav_gamme :hover ul li a.pos4 {background:url(img/sous_menu_gamme_legacy.png);}
#nav_gamme :hover ul li a.pos5 {background:url(img/sous_menu_gamme_outback.png);}
#nav_gamme :hover ul li a.pos6 {background:url(img/sous_menu_gamme_tribeca.png);}

/* décalage du background pour simuler le onmouseover*/
#nav_gamme :hover ul.sub li a:hover 
{background-position: 0 45px; position:relative; color:#FF0000;}
/* changement couleur du texte pour simuler onmouseover*/
#nav_gamme :hover ul.sub li a:hover b {position:absolute; top:4px; color:#FFFFFF; text-align:left; font-family:Arial; font-size:11px; font-weight:bold;}