div.jumbo-menu{
	z-index: 20;
	width: 100%;
	height: 100px;
	padding: 0px !important;
	position: fixed;
	background-color: transparent;
	font-family: 'Arial', serif;
	border-bottom: 3px solid #3e3e3e;
	background-image: url(../images/overlay.png);
	background-size:100%;
	background-position: top left;
	top: 0;
}

div.header_menu div.logo{
	width: 110px;
	height: 100%;
	vertical-align: middle;
}
div.header_menu div.logo a{
	display: block;
    width: 100%;
    height: auto;
}
div.header_menu div.logo img.logo{
    padding-top: 20px;
	transition:padding .2s ease-in-out;
}
div.header_menu div.logo:hover img.logo{
	padding-top:20px;
}

div.header_menu a.home_but{
	float:left;
	display:inline-block;
	margin: 19px 10px;
}

div.header_menu a.goto_page{
	cursor:pointer;
}
div.header_menu li{	
    padding: 16px 20px 0;
}
div.header_menu li,
div.header_menu li a {
	color: #ffffff;
    display: inline-block;
    font-size: 15px;    
    line-height: 63px;
    height: 100%;
    text-decoration: none;
    text-align: center;
    float: right;
    box-sizing: border-box;    
    position: relative;
	font-weight: 700;
}
div.header_menu .menuRight li{
	float:right;
}

div.header_menu li.social{
	padding-top:0;
}
li.social:first-of-type {
    padding-right: 0;
}
div.header_menu li.social a {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;	
    font-size: 24px;
}

li.switchParticulier{
	cursor:pointer;
}

div.header_menu li a{
	padding: 0px 4px;
}
	
div.header_menu li.selected a,
div.header_menu li a:active,  
div.header_menu li:hover a{    
	border-bottom: 4px solid #3e3e3e;
	text-decoration:none;
}

div.header_menu li.selected a::after,
div.header_menu li:hover a::after{    
	width: 100%;
}
	
div.header_menu li div.number{
	position: absolute;
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    padding: 1px 0.5px 1px 2px;
    box-sizing: border-box;
    font-size: 11px;
    border-radius: 50%;
}

div.menu_top{
	z-index:2;
	width:100% !important;
}

div.menu_bottom{
	position:relative;
    width:100% !important;
	z-index: 2;
    margin-top: 0;
    min-height: 60px;
    line-height: 60px;
    //transition: margin-top .1s ease-in-out;
    box-shadow: 0 4px 4px -4px #0000008c;
}

div.menu_bottom h2{
	display:none;
}
div.menu_bottom li{
	position:relative;
	display:inline-block;
	text-align:Center;
	line-height:60px;
	min-width: 16.5%;
	float:right;
	transition: background .2s ease-in-out;
}

div.menu_bottom div.container > li {
    line-height: 30px;
    padding: 15px 0;
}

div.menu_bottom li:hover{
    //background-color: rgba(101, 59, 59, 0.18);
}
div.menu_bottom li a{
	color: #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 17px;
	transition: color .2s ease-in-out;
    padding: 3px 2.7%;
}
div.menu_bottom li a:last-of-type{
	padding-right:0;	
}
div.menu_bottom li.selected a,
div.menu_bottom li:hover a{
	color:#2d2d2d;
}

div.menu_bottom li:not(:hover) ul{
	display:none;
}


div.menu_bottom .listBlock{
	position:Absolute;
	left:0;
	top:66px;
	min-width:140px;
	max-width:1100px;
	box-sizing:border-box;
	background-color:#cd0039 ;
	
	padding: 10px 30px;

	-webkit-box-shadow: inset 0px 4px 4px -3px rgba(0,0,0,0.55);
	-moz-box-shadow: inset 0px 4px 4px -3px rgba(0,0,0,0.55);
	box-shadow: inset 0px 4px 4px -3px rgba(0,0,0,0.55);	
	
	/*
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);*/
	
	z-index:1;
	float:left;
	display:none;
}
div.menu_bottom li:hover > .listBlock{
    display: flex;
    align-items: flex-start;
}
div.menu_bottom .listBlock ul.sub {
    min-width: 240px;
    position: relative;
	float:left;
}


div.menu_bottom ul.sub li:hover a{
	color: #000;
}
div.menu_bottom ul.sub li {
    float: left;
    width: 150px;
	text-align:left;
	font-weight: 600;
}
div.menu_bottom ul.sub a{
	color:#fff;
	width:100%;
	line-height: 22px;
    padding: 18px 0;
}

div.jumbo-menu.moving div.menu_bottom{
	//margin-top:-65px;
}


div.menu_button img{
	display: inline-block;
	margin-right: 4px;
	margin-top: -2px;
	width: 17px;
	height: 22px;
}

div.jumbotron.jumbo-menu .col{
	max-height:100%;
}

a.offerte {
	font-size: 15px !important;
    height: 44px !important;
    line-height: 40px !important;
    padding: 3px 14px !important;
    font-weight: 600 !important;
    margin-top: 33px !important;
    color: #fff !important;
}

@media (min-width: 767px){	
	div.menu_bottom li.switchParticulier{
		display:none;
	}
}
@media (min-width: 1010px){
	div.jumbotron.jumbo-menu.moving{
		position: fixed;
		background-size: 0%;
		background-color: rgba(255, 255, 255, 0.93);
	}
	div.header_menu li a::after{
		background-color: #fff;
	}
}
@media (min-width: 767px) and (max-width: 1200px){
	div.menu_bottom li a {
		font-size: 14px;
	}
}
@media (min-width: 767px) and (max-width: 1000px){
	div.menu_bottom li a {
		font-size: 13px;
	}
}
@media (max-width: 1024px){
	div.menu_bottom li a {
		padding: 0;
	}		
	div.jumbotron.jumbo-menu {
		position: absolute;
	}
	
	body img.scroll_down{
		position: absolute;
		bottom: 30px;
		left: 30px;
		height: 60px;
		z-index: 99;
		display:block;
	}
	
	div.header_menu{    
		width: 100%;
		height: inherit;
		min-height:100%;
		margin: 0px 0px;
		overflow-y: hidden;
		transition: min-height .5 ease-in,max-height .5 ease-in, padding .5 ease-in !important;
	}
	div.header_menu:not(.shown){
		max-height:100%;	
		margin:0;
	}
	div.header_menu.shown{
		min-height: 100%;
		max-height: 100000px;
		padding-bottom: 20px;
		overflow:auto;
	}
	
	div.header_menu li{
		width: 100%;
		margin: 0;
		height: auto;
		border:none;
		padding: 2.3vh 0;
	}
	div.header_menu li:hover a::after,
	div.header_menu li.selected a::after{
	    width: 60%;
		left: 20%;
	}
	div.header_menu img.logo{  
		height: 45px;
		margin-left: 50%;
		margin-top: 12px;
		transform: translateX(-50%);
		transition: height .3s ease-in-out;
	}
	.jumbo-menu.shown div.webshop_cart{
		display:none;
	}
	
	.shown div.header_menu img.logo{  
		height: 50px;
		margin-left: 50%;
		margin-top: 12px;
		transform: translateX(-50%);
	}
	
	div.header_menu li img{  
		display:block;
	}
	
	div.jumbotron.jumbo-menu{
		height: 70px;
		padding: 0 !important;
		background-image:none;
		background-color:#000;
	}
	div.jumbotron.jumbo-menu.shown{		
		height: 100% !important;
		max-height: 100%;
		position: fixed;
	}
	
	div.jumbo-menu div.logo_col,
	div.jumbo-menu div.menu_col{
		margin:0;
		padding:0;
	}
	
	div.jumbo-menu div.logo_col{
		width:60%;
		margin-right:40%;
		float:left;
		top: 8px;
	}
	div.jumbo-menu div.menu_col{
		
	}
	@media (orientation: portrait){
		div.jumbo-menu.shown .header_menu .listMenu {
			padding-bottom: 30px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}
	}
	@media (orientation: landscape){
		div.jumbo-menu.shown .header_menu .listMenu {
			padding-bottom: 30px;
			position: absolute;
			top: 80px;			
		}
	}
	
	div.menu_top{		
		padding-bottom: 20px;
	}
	div.menu_bottom:not(.shown){		
		display: none;
	}
	div.menu_bottom li{
		min-width: 100%;
		line-height:45px;
		border-bottom: 2px solid rgba(255, 255, 255, 0.0784313725490196);		
	}
	div.menu_bottom div > li{
		//position:inherit !important;
	}
	div.menu_bottom li{
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none; /* Non-prefixed version, currently
						  supported by Chrome and Opera */
	}
	div.header_menu li a{
		float: inherit;
		position: relative;
		margin: auto;
		display: block;
		text-align: center;
		padding: 1px 0;
		width: 100%;
		height: auto;
		line-height: 50px;
		font-size: 30px;
	}
	
	div.menu_bottom li .listBlock ul {
		margin: 0;
		padding: 0;
		background-color: #b10434;
		width: 100%;
	}
	div.menu_bottom li .listBlock ul li{
		text-align:Center;		
	}
	div.menu_bottom li:hover > .listBlock {
		display: block;
		top: 53px;
		left: -30px;
		right: -30px;
		padding: 0px 0px 10px;
		box-shadow: none;
	}

	div.header_menu a.home_but{
		float: inherit;
		display: none;
	}

	img.menu_show{
		display:none;
		position:absolute;
		top:20px;
		right:20px;
	}

	div.menu_button{
		position: absolute;
		width: 40px;
		height: 40px;
		left: 0;
		top: 24px;
		display: block;
		cursor: pointer;
	}
	div.menu_button div.lines{
		display: inline-block;
		width: 35px;
		height: 2px;
		background: #ffffff;
		-moz-transition: .4s;
		transition: .4s;
		position: relative;
	}

	div.menu_button div.lines.frst{top: 0px;}
	div.menu_button div.lines.mid{top: 6px;}
	div.menu_button div.lines.last{
		top: 12px;
	}
		
	div.menu_button.close div.lines.mid{opacity:0.0;}
	div.menu_button.close div.lines.frst{
		top: 2px;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		-moz-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
	}
	div.menu_button.close div.lines.last{
		-webkit-transform: rotate3d(0,0,1,45deg);
		-moz-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		top: -2px;
		
		width:35px;
		left:0px;
		
	}
	
	div.menu_bottom li.switchParticulier{
		width: 100%;
		color: white;
		text-align: center;
		padding: 3px 0 0 2.7%;
		font-size: 16px;
		margin-left: -20px;
		/* font-weight: 600; */
		border-bottom: 2px solid rgba(255, 255, 255, 0.37);
		display:block;
	}
}