#header {
	background:url('../../images/header/header_bg.jpg') repeat-x #dfe7ee;
	position:relative;
	z-index:101;
	width:100%;
}

#header .logo {
	width:280px;
	height:50px;
	float:left;
}
#header .beta {
	position:absolute;
	top:52px;
	left:0;
	width:250px;
	color:#bc5001;
	font-size:11px;
	text-align:right;
	font-weight:bold;
}
#header .header-promotion {
	float:right;
	margin:18px 10px 0 0;
}


/* --------------------------------------------------------- HEADER SEARCH ---------------------------------------------------- */

#header #header-search {
	float:right;
	margin:20px 10px 0 0;
	width:374px;
}
#header #header-search #header-search-content #header-search-choice {
	width:100px;
	float:left;
	position:relative;
}
	#header #header-search #header-search-content #header-search-choice .header-search-choice-type {
		background-image:url('../../images/header/search/bg_input.jpg');
		background-repeat:no-repeat;
		background-position:right;
		font-size:11px;
		height:26px;
		line-height:26px;
		padding:0 0 0 5px;
		color:#814cb1;
		border-left:1px solid #8a8936;
		cursor:pointer;
		z-index:102;
		position:relative;
		font-weight:bold;
	}
		#header #header-search #header-search-content #header-search-choice .header-search-choice-type .header-search-choice-text {
			background-image:url('../../images/header/search/fleche.gif');
			background-repeat:no-repeat;
			background-position:70px 10px;
			display:block;
		}
	#header #header-search #header-search-content #header-search-choice ul.header-search-choice-list {
		position:absolute;
		top:24px;
		left:0;
		z-index:103;
		border:1px solid #8a8936;
		border-top:0;
		display:none;
		background:white;
		padding:5px 5px 0 5px;
		width:85px;
	}
	#header #header-search #header-search-content #header-search-choice:hover ul.header-search-choice-list {
		display:block;
	}
		#header #header-search #header-search-content #header-search-choice ul.header-search-choice-list li {
			font-size:11px;
			color:#814cb1;
			cursor:pointer;
			margin:0 0 5px 0;
		}
		#header #header-search #header-search-content #header-search-choice ul.header-search-choice-list li:hover {
			text-decoration:underline;
		}

#header #header-search #header-search-content .text {
	background:url('../../images/header/search/bg_input.jpg') no-repeat left;
	font-size:11px;
	width:244px;
	padding:5px 0 7px 6px;
	color:#814cb1;
	float:left;
}
#header #header-search #header-search-content .text.off {
	color:#999;
}

#header #header-search #header-search-content .button-classique {
	float:right;
	margin:0 0 0 -4px;
	position:relative;
	z-index:104;
}

#header #header-search #header-search-content .button-classique .content-button {
	background:url('../../images/button/loupe.jpg') repeat-x bottom;
	width:18px;
	height:26px;
}
#header #header-search #header-search-content .button-classique:hover .content-button {
	background:url('../../images/button/loupe.jpg') repeat-x top;
}
#header #header-search #header-search-content .button-classique .left-button {
	background:url('../../images/button/button_bg.png') repeat-x bottom;
}
#header #header-search #header-search-content .button-classique:hover .left-button {
	background:url('../../images/button/button_bg.png') repeat-x top;
}

#header #header-search #header-search-bottom {
	color:#bc5001;
	font-size:11px;
	float:left;
	margin:4px 0 0 0;
}
#header #header-search #header-search-bottom a {
	color:#bc5001;
}
#header #header-search #header-search-bottom a:hover {
	text-decoration:underline;
}
/* --------------------------------------------------------- #END HEADER SEARCH ---------------------------------------------------- */



/* ------------------------------------------------------------- HEADER MENU ------------------------------------------------------- */

#header-menu {
	width:100%;
	float:left;
	height:30px;
	margin:12px 0 0 0;
	position:relative;
}
#header-menu.open, #header-menu.js-open {
	height:60px;
}
#header-menu.js-close {
	height:30px;
}

	#header-menu > ul > li {
		display:inline;
		float:left;
		padding:0 0 0 4px;
		list-style-type:none;
		
	}
	#header-menu > ul > li.other {
		padding:0 10px;
		background:url('../../images/header/menu/header_menu-other-bg.png') no-repeat center right;
	}
	#header-menu > ul > li.other:last-child {
		background:none;
	}

	#header-menu ul li .menu-li-content {
		background-image:url('../../images/header/menu/header_menu-bg.png');
		background-repeat:repeat-x;
		background-position:bottom;
		float:left;
		padding:0 4px;
		position:relative;
		z-index:100;
	}
	#header-menu ul li .menu-li-content a, #header-menu ul li .menu-li-content span.afJavascriptLink {
		float:left;
		line-height:31px;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:#814cb1;
	
	}
	#header-menu ul li:hover .menu-li-content, #header-menu ul li.on .menu-li-content {
		background-position:center;
	}
	#header-menu ul li.menu-open:hover .menu-li-content, #header-menu ul li.menu-open.on .menu-li-content {
		background-position:top;
	}
	
	/* Onglet de la "Home" */
	#header-menu ul li.home {
		padding:0 0 0 10px;
	}
	#header-menu ul li.home .menu-li-content {
		background-image:url('../../images/header/menu/home.png');
		background-repeat:no-repeat;
		background-position:bottom;
		width:25px;
		padding:0;
	}
	#header-menu ul li.home .menu-li-content a, #header-menu ul li.home .menu-li-content span.afJavascriptLink {
		width:25px;
		display:block;
		overflow:hidden;
		text-indent:-100px;
	}
	#header-menu ul li.home:hover .menu-li-content, #header-menu ul li.home.on .menu-li-content {
		background-position:top;
	}
	
	/* Bords des onglets */
	#header-menu ul li:hover .menu-li-content a, #header-menu ul li.on .menu-li-content a, #header-menu ul li:hover .menu-li-content span.afJavascriptLink, #header-menu ul li.on .menu-li-content span.afJavascriptLink {
		color:white;
	}
	#header-menu ul li .menu-li-left, #header-menu ul li .menu-li-right, #header-menu ul li .menu-li-fleche {
		background-image:url('../../images/header/menu/header_menu-bord.png');
		background-repeat:no-repeat;
		float:left;
		width:7px;
		height:31px;
		position:relative;
		z-index:100;
	}
	#header-menu ul li .menu-li-left {
		background-position:bottom left;
	}
	#header-menu ul li:hover .menu-li-left, #header-menu ul li.on .menu-li-left {
		background-position:center left;
	}
	#header-menu ul li.menu-open.on .menu-li-left, #header-menu ul li.menu-open:hover .menu-li-left {
		background-position:top left;
	}
	
	#header-menu ul li .menu-li-right {
		background-position:bottom right;
	}
	#header-menu ul li:hover .menu-li-right, #header-menu ul li.on .menu-li-right {
		background-position:center right;
	}
	#header-menu ul li.menu-open.on .menu-li-right, #header-menu ul li.menu-open:hover .menu-li-right {
		background-position:top right;
	}
	
	#header-menu ul li.other .menu-li-left, #header-menu ul li.other .menu-li-right {
		display:none;
	}
	#header-menu ul li.other .menu-li-content {
		background:none;
	}
		#header-menu ul li.other .menu-li-content a, #header-menu ul li.other .menu-li-content span.afJavascriptLink {
			text-decoration:underline;
		}
	
	/* Flèche sur les onglets */
	#header-menu ul li .menu-li-fleche {
		width:8px;
		background-position:bottom center;
	}
	#header-menu ul li:hover .menu-li-fleche, #header-menu ul li.on .menu-li-fleche {
		background-position:top center;
	}
	#header-menu ul li.other .menu-li-fleche {
		display:none;
	}
	
	/* Sous menu */
	#header-menu ul li .menu-li-over {
		position:absolute;
		top:30px;
		left:0;
		display:none;
		width:100%;
		height:28px;
		background:url('../../images/header/menu/header_ss-menu-bg.png') repeat-x #8458a7 bottom;
		border-top:1px solid white;
		border-bottom:1px solid white;
		z-index:98;
	}
	#header-menu ul li.on .menu-li-over, #header-menu ul li:hover .menu-li-over {
		display:block;
	}
		#header-menu ul li .menu-li-over ul {
			
		}
			#header-menu ul li .menu-li-over > ul > li {
				position:relative;
				display:inline;
				float:left;
				padding:0 10px 0 12px;
				line-height:28px;
				height:28px;
				z-index:98;
				background:url('../../images/header/menu/header_ss-menu-bg.png') no-repeat top left;
			}
			#header-menu ul li .menu-li-over ul li.menu-li-over_promo {
				float:right;
				padding:0 15px;
				background:url('../../images/header/menu/promo-region-bg.jpg') repeat-x top;
				border-left:1px solid white;
			}
			#header-menu ul li .menu-li-over ul li.menu-li-over_region {
				float:right;
				padding:0 15px;
				background:url('../../images/header/menu/promo-region-bg.jpg') repeat-x bottom;
				border-left:1px solid white;
				cursor:default;
			}
				#header-menu ul li .menu-li-over ul li.menu-li-over_region .menu-li-over-fleche {
					display:inline-block;
					width:8px;
					height:12px;
					margin:0 0 0 4px;
					background:url('../../images/header/menu/promo-region-bg.jpg') no-repeat center;
				}
				#header-menu ul li .menu-li-over ul li.menu-li-over_region #header-regions {
					position:absolute;
					overflow:hidden;
					top:28px;
					right:0;
					width:316px;
					background:white;
					z-index:100;
					border:2px solid #e99207;
					border-top:none;
					display:none;
				}
				#header-menu ul li .menu-li-over ul li.menu-li-over_region:hover #header-regions {
					display:block;
				}
					#header-menu ul li .menu-li-over ul li.menu-li-over_region:hover #header-regions #header-regions-map {
						float:right;
						background:url("../../images/map/map_without-bg.jpg") no-repeat center;
						width:240px;
						height:208px;
					}
					#header-menu ul li .menu-li-over ul li.menu-li-over_region:hover #header-regions #header-regions-cities {
						float:left;
						margin:20px 0 0 10px;
					}
						#header-menu ul li .menu-li-over ul li.menu-li-over_region:hover #header-regions ul#header-regions-cities li {
							line-height:12px;
							margin:4px 0;
						}
			#header-menu ul li .menu-li-over ul li:first-child {
				background:none;
			}	
				#header-menu ul li .menu-li-over > ul > li > a, #header-menu ul li .menu-li-over > ul > li > .a_bold, #header-menu ul li .menu-li-over > ul > li > span.afJavascriptLink {
					color:white;
					font-weight:bold;
				}

/* ------------------------------------------------------------- FIN HEADER MENU ------------------------------------------------------- */