#wrap_bg_header,
#wrap_bg_header_fixed,
#wrap_bg_footer{
	position:relative;
}
	#wrap_bg_header{
		z-index:300;
	}
	#wrap_bg_footer{
		z-index:250;
	}

/* ------------ */
/* HEADER 		*/
/* ------------ */
#wrap_bg_header,
#wrap_bg_header_fixed,
#wrap_bg_header_fixed #wrap_header_fixed .navbar-collapse{
	background-color:#1f1f27;	
}
	
#wrap_header,
#wrap_header_fixed{
	padding:13px 0px;
	right:20px;
}
	#wrap_header #logo_header,
	#wrap_header #logo_header_mini,
	#wrap_header_fixed #logo_header,
	#wrap_header_fixed #logo_header_mini{
		float:left;
		position:relative;
		top:30px;
		z-index:1000;	
	}
	
#wrap_menu_top{	
	float:right;
	margin-bottom:32px;
}
	#wrap_menu_top .menu-menu-top-container{
		float:right;
	}
	#wrap_menu_top .menu-menu-top-container #menu-menu-top{
		margin-bottom:0px;
	}
		#wrap_menu_top .menu-menu-top-container li{
			border-left:solid 1px #fff;
			display:inline-block;
			height:20px;
			padding:0px 5px;
		}
			#wrap_menu_top .menu-menu-top-container ul li:first-child{
				border-left:none;
			}
						
			#wrap_menu_top .menu-menu-top-container li a{
				color:#fff;			
				font-size:14px;
				padding:5px;
				vertical-align:top;			
			}
				#wrap_menu_top .menu-menu-top-container li a:hover,
				#wrap_menu_top .menu-menu-top-container li.current_page_item a{
					color:#aeafbd;
				}					
					#wrap_menu_top .menu-menu-top-container ul li.outils_sondages a{
						background:url(../images/header/ico_sondage.png) no-repeat left center;
						padding-left:32px;
					}		
			
			#wrap_menu_top #searchform{
				clear:both;
				float:right;
			}
				#wrap_menu_top #searchform div{
					background-color:#c7c8d8;
					border-radius:15px;
					clear:both;
					font-size:14px;
					padding:0px 7px 0px 17px;
				}
					#wrap_menu_top #searchform div input{
						background:none;
						border:none;
						padding:5px 0px;
					}
					#wrap_menu_top #searchform #searchsubmit{
						background:url(../images/header/ico_loupe.png) no-repeat left top;
						padding:0px 9px;
						vertical-align:middle;
					}

.menu-menu-principal-container{
	clear:right;
	overflow:hidden;
}
	#wrap_header .menu-menu-principal-container ul,
	#wrap_header_fixed .menu-menu-principal-container #menu-menu-principal_fixed{
		float:right;
		height:95px;
		margin-bottom:0px;
		margin-top:12px;
	}
	
	.menu-menu-principal-container #menu-menu-principal li,
	.menu-menu-principal-container #menu-menu-principal_fixed li{
		margin-left:9px;
		background-color:#454654;
		overflow:hidden;
	}
	.menu-menu-principal-container #menu-menu-principal li,
	.menu-menu-principal-container #menu-menu-principal li a,
	.menu-menu-principal-container #menu-menu-principal_fixed li,
	.menu-menu-principal-container #menu-menu-principal_fixed li a{	
		display:block;
		float:left;
		height:95px;
		width:130px;
	}
		.menu-menu-principal-container #menu-menu-principal li a,
		.menu-menu-principal-container #menu-menu-principal_fixed li a{
			color:#fff;
			font-family: league_gothicregular, Arial, Helvetica, sans-serif;
			font-size:22px;
			line-height:25px;
			padding-top:22px;
			position:relative;
			text-align:center;
			z-index:10;
		}
			.menu-menu-principal-container #menu-menu-principal li a:hover,
			.menu-menu-principal-container #menu-menu-principal_fixed li a:hover{
				color:#fff;
			}
			
			.menu-menu-principal-container #menu-menu-principal li > div.bg_hover_lien,
			.menu-menu-principal-container #menu-menu-principal_fixed li > div.bg_hover_lien{
				background-color:#a53b92;
				height:95px;
				position:absolute;
				top:85px;
				width:130px;				
			}
				.menu-menu-principal-container #menu-menu-principal li.mauve > div.bg_hover_lien,
				.menu-menu-principal-container #menu-menu-principal_fixed li.mauve > div.bg_hover_lien,
				.menu_horizontal li.mauve .bg_hover_lien{
					background-color:#a53b92;
				}
				.menu-menu-principal-container #menu-menu-principal li.vert > div.bg_hover_lien,
				.menu-menu-principal-container #menu-menu-principal_fixed li.vert > div.bg_hover_lien,
				.menu_horizontal li.vert .bg_hover_lien{
					background-color:#34bc59;
				}
				.menu-menu-principal-container #menu-menu-principal li.rouge > div.bg_hover_lien,
				.menu-menu-principal-container #menu-menu-principal_fixed li.rouge > div.bg_hover_lien,
				.menu_horizontal li.rouge .bg_hover_lien{			
					background-color:#ef3e36;
				}
				.menu-menu-principal-container #menu-menu-principal li.bleu > div.bg_hover_lien,
				.menu-menu-principal-container #menu-menu-principal_fixed li.bleu > div.bg_hover_lien,
				.menu_horizontal li.bleu .bg_hover_lien{
					background-color:#1780ff;
				}
				.menu-menu-principal-container #menu-menu-principal li.orange > div.bg_hover_lien,
				.menu-menu-principal-container #menu-menu-principal_fixed li.orange > div.bg_hover_lien,
				.menu_horizontal li.orange .bg_hover_lien{
					background-color:#eb6e1e;
				}
				
				.menu-menu-principal-container #menu-menu-principal li.menu-item-506 > a,
				.menu-menu-principal-container #menu-menu-principal_fixed li.menu-item-506 > a{
					padding-top:6px;
				}
				
/* MODE FIXED( QUAND ON DESCEND DANS LES PAGES DE CONTENUS) */
#wrap_bg_header_fixed{
	height:116px;
	position:fixed;
	width:100%;
	z-index:275;
}
	#wrap_bg_header_fixed #wrap_header_fixed{
		padding:0px;
	}	
		#wrap_bg_header_fixed #wrap_header_fixed #logo_header_mini{
			margin-top:4px;
			top:0px;
		}
		#wrap_bg_header_fixed #wrap_header_fixed #logo_header_mini img{
			display:inline;
			margin-left:60px;
		}
		#wrap_bg_header_fixed #wrap_header_fixed .menu-menu-principal-container #menu-menu-principal_fixed{
			float:right;
		}
		#wrap_bg_header_fixed #wrap_header_fixed .navbar-collapse{
			box-shadow:none;
			border-top:none;
		}
		
/* MODE HORIZONTAL( QUAND ON DESCEND DANS LES PAGES DE CONTENUS) */
#wrap_bg_header .menu_horizontal,
#wrap_bg_header_fixed .menu_horizontal{
	margin-bottom:0px;
	padding:5px 15px 10px;
}
	#wrap_bg_header .menu_horizontal li,
	#wrap_bg_header_fixed .menu_horizontal li{
		background-color:#454654;
		margin-bottom:5px;
	}
	#wrap_bg_header .menu_horizontal li a,
	#wrap_bg_header_fixed .menu_horizontal li a{
		color:#fff;
		display:block;
		font-family: league_gothicregular, Arial, Helvetica, sans-serif;
		font-size:24px;
		line-height:32px;
		padding-left:13px;
		position:relative;
		z-index:100;
	}		
		#wrap_bg_header .menu_horizontal li .bg_hover_lien,
		#wrap_bg_header_fixed .menu_horizontal li .bg_hover_lien{
			float:left;
			height:100%;
			position:absolute;
			width:5px;
			z-index:50;
		}
			#wrap_bg_header .menu_horizontal li:hover .bg_hover_lien,
			#wrap_bg_header .menu_horizontal li.current-page-ancestor .bg_hover_lien,
			#wrap_bg_header_fixed .menu_horizontal li:hover .bg_hover_lien,
			#wrap_bg_header_fixed .menu_horizontal li.current-page-ancestor .bg_hover_lien{
				width:100%;
			}
	
/* -------------------- */
/* RESPONSIVE			*/
/* -------------------- */
@media (max-width: 992px){	
	#wrap_header{
		padding-right:5px;
		right:0px;
		max-width:900px;
	}
	#wrap_header .menu-menu-principal-container ul{
		float:right;
	}
		
	#wrap_bg_header #wrap_header .menu-menu-principal-container #menu-menu-principal li,
	#wrap_bg_header #wrap_header .menu-menu-principal-container #menu-menu-principal li a{
		height:82px;
		width:100px;
	}
		#wrap_bg_header #wrap_header .menu-menu-principal-container #menu-menu-principal li{
			margin-left:5px;
		}			#wrap_bg_header #wrap_header .menu-menu-principal-container ul#menu-menu-principal > li:first-child{
				margin-left:0px;
			}
			
		#wrap_bg_header #wrap_header .menu-menu-principal-container #menu-menu-principal li a{
			font-size:20px;
			padding-top:15px;
		}
			#wrap_bg_header #wrap_header .menu-menu-principal-container #menu-menu-principal li > div.bg_hover_lien{
				margin-top:-10px;
			}
			#wrap_bg_header #wrap_header .menu-menu-principal-container #menu-menu-principal li.menu-item-506 > a{
				padding-top:3px;
			}
			
	#wrap_bg_header_fixed {
		height:80px;
	}
	#wrap_bg_header_fixed #wrap_header_fixed #logo_header_mini img{
		margin:6px 0px 0px 50px;
	}
	#wrap_bg_header_fixed #wrap_header_fixed .menu-menu-principal-container #menu-menu-principal_fixed{
		height:78px;
		margin-top:5px;
	}
	
	#wrap_bg_header_fixed #wrap_header_fixed .menu-menu-principal-container #menu-menu-principal_fixed li,
	#wrap_bg_header_fixed #wrap_header_fixed .menu-menu-principal-container #menu-menu-principal_fixed li a{
		height:70px;		
		width:120px;
	}
		#wrap_bg_header_fixed #wrap_header_fixed .menu-menu-principal-container #menu-menu-principal_fixed li{
			margin-left:5px;
		}
		.menu-menu-principal-container #menu-menu-principal_fixed li a{
			font-size:20px;
			line-height:22px;
			padding-top:10px;
		}
		.menu-menu-principal-container #menu-menu-principal_fixed li.menu-item-506 > a{
			padding-top:0px;
		}
		.menu-menu-principal-container #menu-menu-principal_fixed li > div.bg_hover_lien{
			margin-top:-20px;
			width:120px;
		}
}

@media (max-width: 767px){
	#wrap_menu_top{
		float:none;
		margin:0px 15px 5px 0px;
		text-align:right;
	}
		#wrap_menu_top .menu-menu-top-container,
		#wrap_menu_top #searchform{
			display:inline-block;
			float:none;
			vertical-align:top;
		}
			#wrap_menu_top .menu-menu-top-container li{
				 margin-top:5px;
			}
			
		#wrap_menu_top #searchform div input{
			max-width:85px;
		}
		
	#wrap_header .menu-menu-principal-container ul#menu-menu-horizontal{
		float:none;
		height:auto;
		padding:5px 15px 0px 0px;
	}

	#wrap_bg_header #wrap_header{
		padding-bottom:7px;
	}
	
	#wrap_bg_header_fixed {
		height:40px;
	}
	#wrap_header, #wrap_header_fixed{
		right:0px;
	}
	#wrap_bg_header_fixed #logo_header_mobile{
		padding-left:15px;
	}
	#wrap_bg_header_fixed #wrap_header_fixed .navbar-toggle{
		border:none;
		height:40px;
		margin:0px;
		padding-right:15px;
	}
		#wrap_bg_header_fixed #wrap_header_fixed .navbar-toggle .icon-bar{
			background:#fff;
			border-radius:0px;
			height:3px;
		}
			#wrap_bg_header_fixed #wrap_header_fixed .navbar-toggle:hover .icon-bar,
			#wrap_bg_header_fixed #wrap_header_fixed .navbar-toggle:focus .icon-bar{
				background:#ccc;
			}
		#wrap_bg_header_fixed #wrap_header_fixed .navbar-toggle:hover,
		#wrap_bg_header_fixed #wrap_header_fixed .navbar-toggle:focus{
			background:none;
		}
		
	#wrap_bg_header_fixed #wrap_header_fixed .menu-menu-principal-container #menu-menu-horizontal-collapse{
		float:none;
	}
}
@media (max-width: 320px) {
	#wrap_bg_header .menu_horizontal li a,
	#wrap_bg_header_fixed .menu_horizontal li a{
		font-size:17px;
		line-height:26px;
	}
}
@media (max-width: 310px) {
	#wrap_menu_top .menu-menu-top-container li{
		border:none;
	}
}