#header{
}

.header{
	position : relative;
	height : 60px;
}

* html .header{
	height : 100px;
}

	#header #logo{
		width : 200px;
		float : left;
	}
	
	#header #menu{
		width : 540px;
		float : left;
		margin-top : 30px;
	}
	
		#header #menu ul.menu{
			list-style-type : none;
			margin : 0px;
			padding : 0px;
		}
		
			#header #menu ul.menu li.menu{
				float : left;
				padding-bottom : 20px;
			}
			
			#header #menu ul.menu li.out {
				background-image : url("../images/static/menu-ombre.png");
				background-repeat : repeat-x;
				background-position : bottom left;
				background-color : white;
			}
			
				#header #menu ul.menu li.menu a{
					color : black;
					font-size : 22px;
					font-family : policeKipsta, "policeKipstaIE", Tahoma, Arial, Verdana, Helvetica, Sans-serif;
					text-decoration : none;
					text-transform : uppercase;
					font-weight : normal;
					padding : 5px 10px;
					width : 992px;
				}
				
				#header #menu ul.menu li.menu ul.sous-menu{
					list-style-type : none;
					margin : 0px;
					padding : 0px;
					position : absolute;
					top : 70px;
					left : 0px;
					display : none;
					width : 992px;
					
					background-color : white;
					z-index : 5000;
				}
				
				#header #menu ul.menu li.out ul.sous-menu{
					display : block;
				}
				
					#header #menu ul.menu li.out ul.sous-menu li{
						background-image : url("../images/static/ss-menu-ombre.png");
						background-repeat : repeat-y;
					}
				
					#header #menu ul.menu li.menu ul.sous-menu li.sous-menu{
						float : left;
						padding-bottom : 5px;
						padding-top : 5px;
					}
					
						#header #menu ul.menu li.menu ul.sous-menu li.sous-menu a{
							color : black;
							font-size : 22px;
							font-family : policeKipsta, "policeKipstaIE", Tahoma, Arial, Verdana, Helvetica, Sans-serif;
							text-decoration : none;
							text-transform : uppercase;
							font-weight : normal;
						}
	
	#header #mdr{
		width : 240px;
		float : right;
		margin-top : 30px;
		position : relative;
	}
	
		#header #mdr img{
			float : left;
		}
		
		#header #mdr form{
			float : left;
		}
		
			#header #mdr form #entree{
				background-color : white;
			}
			
			#header #mdr form .btn{
				margin-bottom : -6px;
			}
			
			#header #mdr form #search_suggest{
				float : left;
				padding : 5px;
				position : absolute;
				left : 30px;
				top : 25px;
				background-color : white;
			}
			
				#header #mdr form #search_suggest .suggest_link a{
					text-decoration : none;
					color : black;
				}

	@media screen and (-webkit-min-device-pixel-ratio:0){
	
		#mdr .mdrLoupe{
			margin-top:2px;
		}
	
	}
