#wrap-header
{
    background: white url("/img/header/background/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;
}
	
#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.0em;
	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("/img/header/elements/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("/img/header/elements/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("/img/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("/img/header/elements/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.7em;
	padding-top: 8px;
}

#top_header .item3:hover, #top_header .item3:focus,  #top_header .courant .item3
{
	background: #EF7804 url("/img/header/elements/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.7em;
	padding-top: 8px;
}

#top_header .item4:hover, #top_header .item4:focus, #top_header .courant .item4
{
    background: #167e9d url("/img/header/elements/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.7em;
	padding-top: 8px;
}

#top_header .item5:hover, #top_header .item5:focus, #top_header .courant .item5
{
    background: #cc3467 url("/img/header/elements/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.7em;
	padding-top: 8px;
}

#top_header .item6:hover, #top_header .item6:focus, #top_header .courant .item6
{
    background: #5aaa24 url("/img/header/elements/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.7em;
	padding-top: 8px;
}

#top_header .item7:hover, #top_header .item7:focus, #top_header .courant .item7
{
    background: #9a1816 url("/img/header/elements/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.7em;
	padding-top: 8px;
}

#top_header .item8:hover, #top_header .item8:focus, #top_header .courant .item8
{
    background: #612f88 url("/img/header/elements/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: #167e9d;
	width: 1000px;
    margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}
#header h1 
{
	margin: 2px 6px 0 1px;
	float: left;
	display: block;
}
#header h1 img {
	display: block;
	float: left;
}
#header h6 
{
	margin: 2px 6px 0 1px;
	float: left;
	display: block;
}
#header h6 img {
	display: block;
	float: left;
}
#header span a {
    padding-left:180px;
	float: left;

}
.search
{
    float: right;
	margin-right: 1px;
	width: 280px;
}
.search ul li {
	display: block;
	float: right;
}
.search ul li a {
    text-decoration: none;
	border: 2px solid #167e9d;
	display: block;
	float: left;
    background: white;
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	color: #167e9d;
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px;
}
.search label
{
    border-bottom: 1px solid white;
	display: block;
	margin-bottom: 4px;
}
.lib_rech {
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	font-size: 0.8em;
	padding-bottom: 4px;
	margin-top: 5px;
}
.recherche
{
    border: 1px solid #01a5ec;
	border-right: 1px;
	display:block;
	padding-right: 1px;
    float: left;
	margin-right: 7px;
	width: 227px;
}
 .button {
    border: 0 outset #e4e4e4;
	background-color: #e4e4e4;
    font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: black;
	font-weight: bold;
}
.wrap {
    margin: 2px 4px 3px 4px;
	overflow: hidden;
	border-bottom: 1px solid white;
}


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

#header #menu 
{
    background: #167e9d;
	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.7em;
	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:2000;
}
#menu ul li.journal ul
{
	left:-85px;
}
#menu ul li ul li { 
	display: block;
	width: 167px;
	font-size: 0.8em;
	font-weight: bold;
	border: 0;
    border-bottom: 1px solid #646464;
	margin: 0 2px;
	text-align: left;
}
#menu ul li.activites ul li,#menu ul li.emploi ul li, #menu ul li.dossiers ul li  { 
	width:200px;
	font-size: 0.8em;
}
#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: #fdfae2;
	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: 6px;
}

.activites
{
    background: #94947b;
	width: 130px;
	text-align: center;

}


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

.emploi
{
    background: #94947b;
	width: 120px;
	text-align: center;

}


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

.entreprises
{
    background: #94947b;
	width: 149px;
	text-align: center;
}

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

.dossiers
{
    background: #94947b;
	width: 70px;
	text-align: center;
}

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

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

.agenda
{
    background: #94947b;
	width: 70px;
	text-align: center;
}

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

.nominations
{
    background: #94947b;
	width: 81px;
	text-align: center;
}
.agenda a, .nominations a{
color:white;
}
.agenda a:hover, .nominations a:hover{
text-decoration:none;
color:#94947b;
}
#menu .nominations:hover, #menu .nominations:focus
{
    background: #e4e3bd;
    width: 81px;
    text-align: center;
	color: #94947b;
}

.pratique
{
    background: #94947b;
	width: 81px;
	text-align: center;
}

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

.inter
{
background:url("/img/header/elements/fleche_mauve.gif") no-repeat scroll 84px 11px #271F63;
padding-left:5px;
width:100px;
}

#menu .inter:hover, #menu .inter:focus
{
    background:url("/img/header/elements/fleche_mauve.gif") no-repeat scroll 84px 11px #271F63;
    width: 100px;
    text-align: left;
	color: white;
}

.services
{
    background: #271f63 url("/img/header/elements/fleche_mauve.gif") no-repeat 60px 11px;
	width: 71px;
    padding-left: 7px;	
}

#menu .services:hover, #menu .services:focus
{
    background: #0085c0 url("/img/header/elements/fleche2_hover.gif") no-repeat 60px 11px;
    width: 71px;
    text-align: left;
	color: white;
}

.journal
{
    background: #271f63 url("/img/header/elements/fleche_mauve.gif") no-repeat 54px 11px;
	width: 71px;
    padding-left: 7px;	
}

#menu .journal:hover, #menu .journal:focus
{
    background: #0085c0 url("/img/header/elements/fleche2_hover.gif") no-repeat 54px 11px;
    width: 71px;
    text-align: left;
	color: white;
}