#MenuPrincipal
{
	float: left;
	width: 770px;
	height: 70px;
	text-indent: -3000px;
}

#MenuPrincipal .Menu
{
	float: left;
	width: 256px;
	height: 69px;
	margin-right: 1px;
}
#MenuPrincipal .Menu.Actualite
{
	margin-right: 0px;
}

#MenuPrincipal .Menu.active ul.SousMenu,
#MenuPrincipal .Menu ul.SousMenu.selected
{
	background-position: 0px -90px;
}

#MenuPrincipal ul.SousMenu
{
	height: 70px;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}
#MenuPrincipal ul.SousMenu li
{
	float: left;
}
#MenuPrincipal ul.SousMenu li a
{
	display: block;
	height: 26px;
	margin-top: 44px;
}
#MenuPrincipal .Menu ul.SousMenu li a.active,
#MenuPrincipal .Menu ul.SousMenu li a.selected
{
	background-color: transparent;
	background-position: 50% bottom;
	background-repeat: no-repeat;
}

#MenuPrincipal .Menu.Occasion ul.SousMenu li a.active,
#MenuPrincipal .Menu.Occasion ul.SousMenu li a.selected
{
	background-image: url(http://photos.321auto.com/images/icones/SousMenuOccasionFleche.gif);
}
#MenuPrincipal .Menu.Neuf ul.SousMenu li a.active,
#MenuPrincipal .Menu.Neuf ul.SousMenu li a.selected
{
	background-image: url(http://photos.321auto.com/images/icones/SousMenuNeufFleche.gif);
}
#MenuPrincipal .Menu.Actualite ul.SousMenu li a.active,
#MenuPrincipal .Menu.Actualite ul.SousMenu li a.selected
{
	background-image: url(http://photos.321auto.com/images/icones/SousMenuActualiteFleche.gif);
}

#MenuPrincipal .Menu.Occasion ul.SousMenu
{
	background-image: url(http://photos.321auto.com/images/fonds/MenuOccasion.gif); 
}
#MenuPrincipal .Menu.Neuf ul.SousMenu
{
	background-image: url(http://photos.321auto.com/images/fonds/MenuNeuf.gif);
}
#MenuPrincipal .Menu.Actualite ul.SousMenu
{
	background-image: url(http://photos.321auto.com/images/fonds/MenuActualite.gif);
}

#MenuPrincipal .Menu.Occasion #Occasion1 { width: 110px; }
#MenuPrincipal .Menu.Occasion #Occasion2 { width: 78px; }
#MenuPrincipal .Menu.Occasion #Occasion3 { width: 66px; }

#MenuPrincipal .Menu.Neuf #Neuf1 { width: 67px; }
#MenuPrincipal .Menu.Neuf #Neuf2 { width: 58px; }
#MenuPrincipal .Menu.Neuf #Neuf3 { width: 128px; }

#MenuPrincipal .Menu.Actualite #Actualite1 { width: 66px; }
#MenuPrincipal .Menu.Actualite #Actualite2 { width: 86px; }
#MenuPrincipal .Menu.Actualite #Actualite3 { width: 94px; }


#MenuPrincipal .Menu .PetitMenu
{
	display: none;
	position: absolute;
	margin-top: 70px;
	width: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 0px;
	opacity: 0.95;
	-moz-opacity: 0.95;
	filter: alpha(opacity=95);
}

#MenuPrincipal .Menu .PetitMenu li
{
	float: left;
	width: 160px;
	height: 18px;
}
#MenuPrincipal .Menu .PetitMenu li a
{
	display: block;
	width: 130px;
	height: 18px;
	margin: 0px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 20px 0px 10px;
}

#MenuPrincipal .Menu .PetitMenu.active,
#MenuPrincipal .Menu .PetitMenu.sel
{
	display: block;
}


#MenuPrincipal .Menu .PetitMenu.Occasion { background-color: #c21b0c; }
#MenuPrincipal .Menu .PetitMenu.Neuf { background-color: #9e7943; }
#MenuPrincipal .Menu .PetitMenu.Actualite { background-color: #4678b4; }

#MenuPrincipal #Occasion2Menu { margin-left: 110px; }
#MenuPrincipal #Occasion3Menu { margin-left: 188px; }

#MenuPrincipal #Neuf1Menu { margin-left: 257px; }
#MenuPrincipal #Neuf2Menu { margin-left: 324px; }
#MenuPrincipal #Neuf3Menu { margin-left: 382px; }

#MenuPrincipal #Actualite1Menu { margin-left: 514px; }
#MenuPrincipal #Actualite2Menu { margin-left: 582px; }
#MenuPrincipal #Actualite3Menu { margin-left: 671px; }

@charset "UTF-8";



* html body {
 behavior:url("/css/dropdown/csshover.htc");
}

* html ul.dropdown li {
 height: 1px;
}

ul.dropdown ul li,
ul.dropdown-vertical {
 margin-left: -16px;
 mar\gin-left: 0;
}

ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown li:hover ul ul ul,
ul.dropdown li:hover ul ul ul ul,
ul.dropdown li:hover ul ul ul ul ul {
 visibility: hidden;
}

ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul,
ul.dropdown ul ul li:hover ul,
ul.dropdown ul ul ul li:hover ul,
ul.dropdown ul ul ul ul li:hover ul {
 visibility: visible;
}

ul.dropdown ul ul ul ul ul ul {
 visibility: hidden !important;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 57;
 float: left; width:775px;
}

ul.dropdown li {
 float: left;margin-top:50px; font-size:15px;

}
#navi1{ width:109px;z-index:1;
}

#navi2{ width:75px; background-color: transparent;
}
#navi3{ width:65px; background-color: transparent;
}
#navi4{ width:64px; background-color: transparent;
}
#navi5{ width:55px; background-color: transparent;
}
#navi6{ width:65px; background-color: transparent;
}
#navi6-1{ width:65px; background-color: transparent;
}
#navi7{ width:65px; background-color: transparent;
}
#navi8{ width:85px; background-color: transparent;
}
#navi9{ width:90px;background-color: transparent;
}
#navi1:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/rouge-fleche.png) 53px 0px no-repeat;
}
#navi2:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/rouge-fleche.png) 37px 0px no-repeat;
}
#navi3:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/rouge-fleche.png) 32px 0px no-repeat;
}
#navi4:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/marron-fleche.png) 32px 0px no-repeat;
}
#navi5:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/marron-fleche.png) 27px 0px no-repeat;
}
#navi6:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/marron-fleche.png) 62px 0px no-repeat;
}
#navi7:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/bleu-fleche.png) 32px 0px no-repeat;
}
#navi8:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/bleu-fleche.png) 42px 0px no-repeat;
}
#navi9:hover > ul{background: url(http://photos.321auto.com/images/accessoires/Deroulants/bleu-fleche.png) 45px 0px no-repeat;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 59;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 58;
 width: 100%;
}

ul.dropdown ul li {
 float: none; margin:0px;font-size:12px;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}



ul.dropdown {
 float:left;
 margin:0px;
 height: 26px;
 width: 770px;
 border-left: solid 0px #000;
 background-color: #FFFFFF;
 
 font: normal 12px Arial, Helvetica, sans-serif; height:65px;

}

	ul.dropdown li {
	
	
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #cc0000;
	}

	ul.dropdown a,
	ul.dropdown a:link,
	ul.dropdown a:visited { color: #000000; text-decoration: none;}
	ul.dropdown a:hover { text-decoration: none; }
	ul.dropdown a:active { color: #fff; }


	/* -- level mark -- */

	ul.dropdown ul {
	 margin-left: -6px;
	 width: 180px !important;
	 margin-top:15px; padding-top:0px
	 letter-spacing: normal;
	
	}

		ul.dropdown ul.red li  {
		  border-right: none;
		 background: transparent url(http://photos.321auto.com/images/accessoires/Deroulants/rouge-ligne.png) 100% 0px repeat-y;
		 color: #000;
		 text-transform: none;
		 font-weight: normal;
		}
	
		ul.dropdown ul.brown li {
		 border-right: none;
		 background: transparent url(http://photos.321auto.com/images/accessoires/Deroulants/marron-ligne.png) 100% 0px repeat-y;
		 color: #000;
		 text-transform: none;
		 font-weight: normal;
		}
		ul.dropdown ul.bleu li {
		 border-right: none;
		 background: transparent url(http://photos.321auto.com/images/accessoires/Deroulants/bleu-ligne.png) 100% 0px repeat-y;
		 color: #000;
		 text-transform: none;
		 font-weight: normal;
		}
		div.topred {	 border-right: none; height:8px; width:180px; margin-top:5px;
		background: url(http://photos.321auto.com/images/accessoires/Deroulants/rouge-haut.png) 100% bottom no-repeat;
	}
		
		div.topbrown { border-right: none; height:8px; width:180px; margin-top:5px;
		background: url(http://photos.321auto.com/images/accessoires/Deroulants/marron-haut.png) 100% bottom no-repeat;
		}
		div.topblue {  border-right: none; height:8px; width:180px; margin-top:5px;
		background: url(http://photos.321auto.com/images/accessoires/Deroulants/bleu-haut.png) 100% bottom no-repeat;}
	ul.dropdown ul.red li.bottom {
		
		background: url(http://photos.321auto.com/images/accessoires/Deroulants/rouge-bas.png) 100% 0px no-repeat;
	}
	ul.dropdown ul.brown li.bottom {
		background: url(http://photos.321auto.com/images/accessoires/Deroulants/marron-bas.png) 100% 0px no-repeat;
	}
	ul.dropdown ul.bleu li.bottom {
		background: url(http://photos.321auto.com/images/accessoires/Deroulants/bleu-bas.png) 100% 0px no-repeat;
	}
		ul.dropdown ul li.hover,
		

		ul.dropdown ul .qmtitle {
		 display: block;
		 padding: 10px 16px 5px;
		 font-weight: bold;
		}

		ul.dropdown ul a,
		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #fff; display:block;}
		ul.dropdown ul a:hover { color: #000; text-decoration: none; }
		ul.dropdown ul a:active { color: #000; }

			ul.dropdown ul ul {
			 display: none;
			}


/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class 'dir'
 * @level sep	ul, .class
 */

ul.dropdown *.dir {
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

.nav { clear: both; }
.qmdivider { display: none; }



 * @section		Base Style Extension
 */

ul.dropdown li a {
 display: block;
 padding: 0 0px;
 line-height: 26px;
}


/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
 padding: 0;
}


/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */

ul.dropdown li.dir {
 padding: 7px 20px 7px 12px;
}

ul.dropdown ul li.dir {
 padding-right: 15px;
}


/*-------------------------------------------------/
 * @section		Custom
 */

ul.dropdown ul a {
 padding: 4px 8px; margin-left:12px;
 line-height: normal;
 width: 150px;
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 150px;
}

html>body ul.dropdown ul a {
 width: 140px;
} 

ul.dropdown ul a:hover {
 padding: 3px 7px;
 border: solid 1px #1f1f1f;
 background-color: #fff;
 color: #000;
}
ul.dropdown ul li.bottom a:hover {
 border: solid 0px #1f1f1f;background-color: transparent;
}
ul.dropdown ul a:active {
 border-color: #cc0000
}

ul.dropdown ul a.dir {
 width: 140px;
}


#MenuOccasion{ float:left;height:65px; width:256px;
background: url(http://photos.321auto.com/images/fonds/MenuOccasion.png) top left repeat-y; z-index:2;

}
#MenuOccasion.sel{background: url(http://photos.321auto.com/images/fonds/MenuOccasion.png) 100% -90px repeat-y;

}
#MenuOccasion.hover{ 
background: url(http://photos.321auto.com/images/fonds/MenuOccasion.png) 100% -90px repeat-y; 

}
#MenuNeuf{ float:left;height:65px; width:256px; margin-left:1px;
background: url(/images/fonds/MenuNeuf.png) top left repeat-y;
}
#MenuNeuf.hover{ 
background: url(/images/fonds/MenuNeuf.png) 100% -90px repeat-y; 
}
#MenuNeuf.sel{ 
background: url(http://photos.321auto.com/images/fonds/MenuNeuf.png) 100% -90px repeat-y; 
}
#MenuActu{ float:left;height:65px; width:256px; margin-left:1px;
background: url(http://photos.321auto.com/images/fonds/MenuActualite.png) top left repeat-y;

}
#MenuActu.hover{ 
background: url(http://photos.321auto.com/images/fonds/MenuActualite.png) 100% -90px repeat-y; 
}
#MenuActu.sel{ 
background: url(http://photos.321auto.com/images/fonds/MenuActualite.png) 100% -90px repeat-y; 
}
.transparent{ position: absolute;width:100px;
font-size:0px; height:20px; text-indent:-3000px
}