#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 */

#wrapper #header, #container #header  {
    background: #cc3467;
	width: 1000px;
    margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}
#wrapper #header h1 , #container #header h1 , #wrapper #header h5 , #container #header h5 

{
	margin: 2px 6px 0 1px;
	float: left;
	display: block;
}
#wrapper #header h1 img,#container #header h1 img, #wrapper #header h5 img,#container #header h5 img    {
	display: block;
	float: left;
}
#wrapper #header span a, #container #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 #cc3467;
	display: block;
	float: left;
    background: white;
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	color: #cc3467;
	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 #cc3467;
	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 */

#wrapper #header, #container #header
{
    font-size:100%;
}
#wrapper #header #outils, #container #header #outils {
clear:none;
width:300px;
font-size:0.8em;
margin-top:10px;
background:none;
}
#wrapper #header #menu ,#container #header #menu 
{
    /*background: #e3f5a4;*/
    background: #E8F5A7;
	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;
	z-index:2000;
}

#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:-96px;
}
#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:2000;
}

#menu ul li.services ul li { 
	width: 150px;
}


#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;
}

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

}
div.rubriques1 ul li a{
	color:white;
	display:block;
	text-decoration:none;
}
#menu .mode:hover, #menu .mode:focus
{
    background: #e4e3bd;
    width: 81px;
    text-align: center;
	color: #94947b;
}

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

}


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

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

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

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

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

.tourisme
{
    background: #94947b;
	width: 85px;
	text-align: center;
}

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

.culture
{
    background: #94947b;
	width: 65px;
	text-align: center;
}

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

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

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

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

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

.inter
{
    background: #772645 url("/img/header/elements/fleche-fem.gif") no-repeat 84px 11px;
	width: 92px;
    padding-left: 5px;	
}

#menu .inter:hover, #menu .inter:focus
{
    background: #ceed6b url("/img/header/elements/flechehover-fem.gif") no-repeat 74px 11px;
    width: 92px;
    text-align: left;
	color: #94947b;
}

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

#menu .services:hover, #menu .services:focus
{
    background: #ceed6b url("/img/header/elements/flechehover-fem.gif") no-repeat 60px 11px;
    width: 71px;
    text-align: left;
	color: #94947b;
}

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

#menu .journal:hover, #menu .journal:focus
{
    background: #ceed6b url("/img/header/elements/flechehover-fem.gif") no-repeat 54px 11px;
    width: 71px;
    text-align: left;
	color: #94947b;
}

div#leaderboardv2{
display:none;
}
#header .speed-menu {
font-size:0.8em;
}
.promo-marginless {
float:left;
height:0;
margin:0;
}