#wrap-header
{
    background: white url("/voix-auto/images/elements/headerVDN/bg-fond.png") repeat-x bottom left;
	width: 100%;
	margin-bottom: 5px;
}

/* -------------------------------------------------------------------------------------- Top header */

#top_header {
	border-bottom: 3px solid #bcbec5;
	background: white;
	margin: 0 auto;
	width: 1000px;
}
#top_header img {display:block; float:left}
#top_header ul{float:left}
#top_header ul li
{
	display: block;
	float: left;
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
    margin-right: 6px;
    text-transform: uppercase;
    color: #818181;
    text-align: center;
}

#top_header ul li span
{
    display: block;
	text-align: center;
	font-weight: bold;
	color: #787878;
	font-size: 1.26em;
}
	
#top_header a
{
	color: #818181;
	display: block;
	float: left;
    text-decoration: none;
}
#top_header a:hover, #top_header a:focus, #top_header a:active, #top_header .courant a {color: white;}
#top_header a:hover span, #top_header a:focus span, #top_header a:active span, #top_header .courant a span {color: white !important;}

#top_header a.item1 {
    border-top: 7px solid #01a5ec;
	width: 178px;
	font-size:1.33em;
	font-weight: bolder;
	color: #01a5ec;
	padding-top: 3px;
	display: block;
}
#top_header a.item1:hover, #top_header a.item1:focus, #top_header a.item1:active, #top_header a .courant .item1 {
	padding-bottom: 5px;
}

#top_header .accueil
{
    padding-left: 10px;
	background: transparent url("/voix-auto/images/elements/headerVDN/accueil.gif") no-repeat 47px 0;
	text-transform: none;
	font-weight: bold;
	font-size: 0.8em;
	color: #a2d3fe;
	display: block;
}

#top_header ul li:hover .accueil, #top_header ul li:focus .accueil, #top_header ul li.ie-hover .accueil, #top_header ul li .courant .accueil {
	background: transparent url("/voix-auto/images/elements/headerVDN/accueil_hover.gif") no-repeat 47px 0;
}

#top_header .item1:hover, #top_header .item1:focus, #top_header .ie-hover .item1, #top_header .courant .item1 {
    background: #0299f5 url("/voix-auto/images/elements/headerVDN/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 10px;
}

#top_header .item2
{
    border-top: 7px solid #0299f5;
	width: 102px;
    font-size: 0.9em;
	padding-top: 8px;
}

#top_header .item2:hover, #top_header .item2:focus, #top_header .ie-hover .item2, #top_header .courant .item2
{
    background: #0299f5 url("/voix-auto/images/elements/headerVDN/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
	color: white;
}

#top_header .item3
{
    border-top: 7px solid #EF7804;
	width: 102px;
    font-size: 0.9em;
	padding-top: 8px;
}

#top_header .item3:hover, #top_header .item3:focus,  #top_header .courant .item3
{
	background: #EF7804 url("/voix-auto/images/elements/headerVDN/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
	color: white;
}

#top_header .item4
{
    border-top: 7px solid #167e9d;
	width: 102px;
    font-size: 0.9em;
	padding-top: 8px;
}

#top_header .item4:hover, #top_header .item4:focus, #top_header .courant .item4
{
    background: #167e9d url("/voix-auto/images/elements/headerVDN/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
	color: white;
}

#top_header .item5
{
    border-top: 7px solid #cc3467;
	width: 102px;
    font-size: 0.9em;
	padding-top: 8px;
}

#top_header .item5:hover, #top_header .item5:focus, #top_header .courant .item5
{
    background: #cc3467 url("/voix-auto/images/elements/headerVDN/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
}

#top_header .item6
{
    border-top: 7px solid #5aaa24;
	width: 102px;
    font-size: 0.9em;
	padding-top: 8px;
}

#top_header .item6:hover, #top_header .item6:focus, #top_header .courant .item6
{
    background: #5aaa24 url("/voix-auto/images/elements/headerVDN/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
}

#top_header .item7
{
    border-top: 7px solid #9a1816;
	width: 102px;
    font-size: 0.9em;
	padding-top: 8px;
}

#top_header .item7:hover, #top_header .item7:focus, #top_header .courant .item7
{
    background: #9a1816 url("/voix-auto/images/elements/headerVDN/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
}

#top_header .item8
{
    border-top: 7px solid #612f88;
	width: 102px;
    font-size: 0.9em;
	padding-top: 8px;
}

#top_header .item8:hover, #top_header .item8:focus, #top_header .courant .item8
{
    background: #612f88 url("/voix-auto/images/elements/headerVDN/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
}

.item2 a, .item3 a, .item4 a, .item5 a, .item6 a, .item7 a, .item8 a  {color: #787878;}

.item2 span, .item3 span, .item4 span, .item5 span, .item6 span, .item7 span, .item8 span   
{
    font-weight: bolder;
	font-size: 1.2em;
	color: #787878;
}

#top_header ul li:hover span, #top_header ul li:hover a, #top_header ul li:focus span, #top_header ul li:focus a{color: white;}
#top_header #presse {float: right;}


/* -------------------------------------------------------------------------------------- banniere VDS */

#header {
    background: #9a1816;
	width: 1000px;
    margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}

#header h1 
{
	margin: 1px 6px 0 30px;
	float: left;
	display: block;
}
#header h1 img {
    /*position: absolute;*/
	left: 250px;
	* left: 160px;
	top: 60px;
	* top: 80px;
}
.wrap {
    margin: 2px 4px 3px 4px;
	overflow: hidden;
	border-bottom: 1px solid white;
	width: 100%;
	float: right;
	min-height: 70px;
}


/* -------------------------------------------------------------------------------------- navigation */

#header #menu 
{
	background: #9a1816;
	padding:10px 0 0 0;
	margin: 0;
	clear: both;
	width: 100%;
}

#menu ul li
{
	border: 2px solid white;
	display: block;
	float: left;
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	color: white;
	font-size: 0.9em;
	line-height: 2em;
	position: relative;
}

#menu ul li ul
{
	border: 1px solid #3c3c3c;
	background: #e4e3bd;
	position: absolute;
	left: 0;
    display: none;
	padding: 0;
	margin: 0;
	z-index: 5;
	margin-top: -2px;
}

#menu ul li ul li { 
	display: block;
	width: 167px;
	font-size: 1.0em;
	font-weight: bold;
	border: 0;
    border-bottom: 1px solid #646464;
	margin: 0 2px;
	text-align: left;
}
#menu ul li ul li:last-child, #menu ul li ul li.last {border: 0;}

#menu ul li:hover ul, #menu ul li.ie-hover ul
{
    top: 29px;
	display: block;	
}

#menu li ul a {
    text-decoration: none;
	background: #e4e3bd;
	color: #94947b;
	display: block;
	padding: 2px;
}
#menu li ul a:hover, #menu li ul a:focus, #menu li ul a:active {
	text-decoration: none;
	color: #3c3c3c;
}

.rubriques1
{	
	display: inline;
	float: left;
	font-size:1.2em;
	font-weight: light;
	padding-top: 5px;
	margin-left: 10px;
}

.rubriques2
{	    
	display: inline;
	float: left;
	font-size:1.2em;
	font-weight: light;
	padding-top: 5px;
	margin-left: 145px;
}

#menu .acc a, #menu .annonce a, #menu .voixauto a, #menu .actualites a, #menu .pro a, #menu .annuaire a
{
     text-decoration: none;
	 color: white;
	 display: block;
}
.acc
{
    background: #94947b;
	width: 96px;
	text-align: center;
}
#menu .acc:hover a, #menu .acc:focus a
{
    background: #e4e3bd;
    width: 96px;
    text-align: center;
	color: #94947b;
}
.annonce
{
    background: #94947b;
	width: 150px;
	text-align: center;
}
#menu .annonce:hover a, #menu .annonce:focus a
{
    background: #e4e3bd;
    width: 150px;
    text-align: center;
	color: #94947b;
}
.voixauto
{
    background: #94947b;
	width: 100px;
	text-align: center;
}
#menu .voixauto:hover a, #menu .voixauto:focus a
{
    background: #e4e3bd;
    width: 100px;
    text-align: center;
	color: #94947b;
}
.actualites
{
    background: #94947b;
	width: 100px;
	text-align: center;
}
.annuaire
{
    background: #94947b;
	width: 100px;
	text-align: center;
}
#menu .actualites:hover a, #menu .actualites:focus a
{
    background: #e4e3bd;
    width: 100px;
    text-align: center;
	color: #94947b;
}
#menu .annuaire:hover a, #menu .annuaire:focus a
{
    background: #e4e3bd;
    width: 100px;
    text-align: center;
	color: #94947b;
}
.pro
{
    background: #f7941d;
	width: 100px;
	text-align: center;
}
#menu .pro:hover a, #menu .pro:focus a
{
    background: #f8bb49;
    width: 100px;
    text-align: center;
	color: #94947b;
}


.services
{
    background: #540707 url("/voix-auto/images/elements/headerVDN/fleche-auto.gif") no-repeat 60px 11px;
	width: 71px;
    padding-left: 7px;	
}

.journal
{
    background: #540707 url("/voix-auto/images/elements/headerVDN/fleche-auto.gif") no-repeat 54px 11px;
	width: 71px;
    padding-left: 7px;	
}

#menu ul li.journal ul {
	left:-95px;
}