#wrap-header
{
    /*background: white url("/vdnimmo/image/vdn/common/header/background/bg-fond.png") repeat-x bottom left;*/
	width: 100%;
	margin-bottom: 5px;
	font-size:1.3em;
}

/* -------------------------------------------------------------------------------------- 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;
}
	
#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 #C50C29;;
	width: 185px;
	font-size:14px;
	font-weight: bolder;
	color: #C50C29;;
	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: 6px;
}

#top_header .accueil {
	text-transform: none;
	font-weight: bold;
	font-size: 0.8em;
	color: #C50C29;;
	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 {
	z-index:1000;
}

#top_header .item1:hover, #top_header .item1:focus, #top_header .ie-hover .item1, #top_header .courant .item1 {
    background: #C50C29; url("/vdnimmo/image/vdn/common/header/elements/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.7em;
	padding-top: 8px;
}

#top_header .item2:hover, #top_header .item2:focus, #top_header .ie-hover .item2, #top_header .courant .item2 {
    background: #0299f5 url("/vdnimmo/image/vdn/common/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 6px;
	color: white;
	z-index:1000;
}

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

#top_header .item3:hover, #top_header .item3:focus,  #top_header .courant .item3 {
	background: #EF7804 url("/vdnimmo/image/vdn/common/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 6px;
	color: white;
}

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

#top_header .item4:hover, #top_header .item4:focus, #top_header .courant .item4 {
    background: #167e9d url("/vdnimmo/image/vdn/common/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 6px;
	color: white;
}

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

#top_header .item5:hover, #top_header .item5:focus, #top_header .courant .item5 {
    background: #cc3467 url("/vdnimmo/image/vdn/common/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 6px;
}

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

#top_header .item6:hover, #top_header .item6:focus, #top_header .courant .item6 {
    background: #5aaa24 url("/vdnimmo/image/vdn/common/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 6px;
}

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

#top_header .item7:hover, #top_header .item7:focus, #top_header .courant .item7
{
    background: #9a1816 url("/vdnimmo/image/vdn/common/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 6px;
}

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

#top_header .item8:hover, #top_header .item8:focus, #top_header .courant .item8
{
    background: #612f88 url("/vdnimmo/image/vdn/common/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 6px;
}

#top_header .item9
{
    border-top: 7px solid #C50C29;;
	width: 152px;
    font-size: 0.7em;
	padding-top: 8px;
}

#top_header .item9:hover, #top_header .item9:focus, #top_header .courant .item9
{
    background: #C50C29; url("/vdnimmo/image/vdn/common/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 3px; /*///111103 padding-bottom: 5px; */
}

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

.item2 span, .item3 span, .item4 span, .item5 span, .item6 span, .item7 span, .item8 span, .item9 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: #C50C29;
	width: 1000px;
    margin: 0 auto 0 auto;
	padding: 5px 0 0 0;
	border-bottom:0px;
}
#header h1 
{
	margin: 0 6px 0 1px;
	float: left;
	display: block;
}
#header span {
    padding-right:10px;
	font-size: 0.8em;
	float: right;
    font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	color: white;
	padding-top: 20px;
}
/*
#header h1 a img {
    position: absolute;
	left: 250px;
	*left: 170px;
	top: 60px;
	*top: 72px;
}
*/
#header h1 img {
}

.wrap {
    margin: 2px 4px 3px 4px;
	overflow: hidden;
	border-bottom: 1px solid white;
}

#header #outils {
	clear:none;
	float:right;
	font-size:0.8em;
	margin-top:25px;
	overflow:hidden;
	width:352px;
}

#header #outils p {
	color:#FFFFFF;	
}
div#presse {
	float: right;
	margin-right: 1px;		
}
.search-header
{
    float: right;
	margin-right: 1px;
	margin-top:30px;
	width: 250px;
}

.search-header .lib_rech {
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	font-size: 0.8em;
	padding-bottom: 3px;
	margin-top: 5px;
}


.search-header label
{
    border-bottom: 1px solid white;
	display: block;
	margin-bottom: 4px;
}

.search-header .recherche
{
	background-color:#FFFFFF;
    border: 1px solid #C50C29;
	border-right: 1px;
	display:block;
	padding-right: 1px;
    float: left;
	margin-right: 7px;
	width: 203px;
}
    
.search-header .button {
    border: 0 outset #e4e4e4;
	background-color: #e4e4e4;
    font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: black;
	font-weight: bold;
}


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

#header #menu 
{
    background: #C50C29;
	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;
	z-index:50;
}

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

#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;
	z-index:150;
}
#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;	
	z-index:1000;
}

#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: right;
	font-size:1.2em;
	font-weight: light;
	padding-top: 5px;
	margin-right: 20px;
}

#menu .acc a, #menu .annonce a, #menu .annuaire a, #menu .voicimmo a, #menu .pro a,
#menu .constructeurs a, #menu .neuf a, #menu .bur a, #menu .actu a, #menu .perso a {
     text-decoration: none;
	 color: white;
	 display: block;
}

/* ACCUEIL */
.acc {
    background: #94947b;
	width: 96px;
	text-align: center;
}

#menu .acc:hover a, #menu .acc:focus a, #menu .accon a{
    background: #e4e3bd;
    width: 96px;
    text-align: center;
	color: #94947b;
}

/* PASSER UNE ANNONCE */
.annonce {
    background: #94947b;
	width: 140px;
	text-align: center;
}

#menu .annonce:hover a, #menu .annonce:focus a, #menu .saleon a {
    background: #e4e3bd;
    width: 150px;
    text-align: center;
	color: #94947b;
}

/* ANNUAIRE */
.annuaire {
    background: #94947b;
	width: 80px;
	text-align: center;
}

#menu .annuaire:hover a, #menu .annuaire:focus a {
    background: #e4e3bd;
    width: 80px;
    text-align: center;
	color: #94947b;
}

/* CONSTRUCTEURS */
.constructeurs {
    background: #94947b;
    width: 100px;
	text-align: center;
}

#menu .constructeurs:hover a, #menu .constructeurs:focus a {
    background: #e4e3bd;
    width: 100px;
    text-align: center;
	color: #94947b;
}

/* PROGRAMMES NEUFS */
.neuf {
    background: #94947b;
	width: 150px;
	text-align: center;
}

#menu .neuf:hover a, #menu .neuf:focus a {
    background: #e4e3bd;
    width: 150px;
    text-align: center;
	color: #94947b;
}

/* BUREAUX ET COMMERCES */

.bur {
    background: #94947b;
	width: 150px;
	text-align: center;
}

#menu .bur:hover a, #menu .bur:focus a {
    background: #e4e3bd;
    width: 150px;
    text-align: center;
	color: #94947b;
}

/* ACTUALITES */
.actu {
    background: #94947b;
	width: 100px;
	text-align: center;
}

#menu .actu:hover a, #menu .actu:focus a {
    background: #e4e3bd;
    width: 100px;
    text-align: center;
	color: #94947b;
}

/* PERSO */
.perso {
    background: #94947b;
	width: 100px;
	text-align: center;
}

#menu .perso:hover a, #menu .perso:focus a {
    background: #e4e3bd;
    width: 100px;
    text-align: center;
	color: #94947b;
}

.voicimmo {
    background: #94947b;
	width: 100px;
	text-align: center;
}

#menu .voicimmo:hover a, #menu .voicimmo:focus a, #menu .on, #menu .on a {
    background: #e4e3bd;
    width: 96px;
    text-align: center;
	color: #94947b;
}

/* ESPACE PRO */
.pro {
    background: #f7941d;
	width: 100px;
	text-align: center;
}

#menu .pro:hover a, #menu .pro:focus a, #menu .onPro {
    background: #f8bb49;
    width: 100px;
    text-align: center;
	color: #94947b;
}

/* SERVICES */
.services {
    background: #428117 url("/vdnimmo/image/vdn/common/header/elements/fleche-verte.gif") no-repeat 60px 11px;
	width: 71px;
    padding-left: 7px;	
}

.journal {
    background: #428117 url("/vdnimmo/image/vdn/common/header/elements/fleche-verte.gif") no-repeat 54px 11px;
	width: 71px;
    padding-left: 7px;	
}

#menu ul li.services ul {
    left:-85px;
}

div.pano {
	float:left;
	margin:0px auto;
	padding:5px 0 10px;
	width:100%;
	text-align:center;
	z-index:0;
}