

@media screen and (max-width: 1023px ) {
	.logo {
		position: absolute;
		width: 182px;
		height: 98px;
	}
	.topbar {
		bottom:0;
		position: fixed;
		overflow: auto;
		left:100%;
		transition:all 0.3s ease 0s;
	}
	
	a.burger {
		position:fixed;
		top:0;
		right:10px;
		width:40px;
		height:40px;
		z-index:10;
	}

	.opened {
		background:#fff;
		z-index:5;
		left:0;
	}
	
	.opened .interface_menu {
		display:block;
	}
	
	.topbar div#menu_tools {
		position:static;
		background: #fff !important;
		padding-left: 40px;
	}
	
		.opened #in_dock, ul#dock_ul {
			flex-direction: column;
			height:auto;
			padding: 20px !important;
		}
	
		.opened .dock_li > a.dock_a {
			min-height:auto;
			max-height:none;
			width:100%;
			font-weight:bold;
			padding:10px 0;
			margin:0 0 10px;
		}
		
		.opened ul.menu_sous_rubrique {
			visibility: visible;
			opacity: 1;
			position: static;
			box-shadow:none;
			width:100%;
		}
		
		.menu_sous_rubrique li a {
			padding:5px 0;
		}
		
		li.dock_li {
			width:100%;
		}
		.menu_sous_rubrique a:hover, .dock_li a:hover {
			text-shadow: none;	
		}
		.dock_li:hover .dock_a::after {
			height: 1px;
		}
		
		
span.menu_bar {
    position: absolute;
    width: 30px;
    height: 3px;
    right: 4px;
    transition: all 0.2s ease-in-out 0s;
	background:#000;
}
	span.top_menu_bar {
		top:10px;
	}
	span.mid_menu_bar {
		top:17px;
	}
	span.bot_menu_bar {
		top:24px;
	}
	
	.menuclosed span.top_menu_bar {
		top:17px;
		transform:rotate(-45deg);
	}
	.menuclosed span.mid_menu_bar {
		top: 17px;
		transform:translateX(-23px);
		width: 0;
	}
	.menuclosed span.bot_menu_bar {
		top:17px;
		transform:rotate(45deg);
	}

	input#keyword {
		width:calc(100% - 92px);
	}
	
	div#search {
		margin:0 !important;
	}

	div#search_wrapper {
		position:fixed;
		z-index:10;
		width:100%;
	}
	.search_opened {
		height:100%;
		overflow:auto;
		padding-top: 40px;
	}

	div#results > p.text_prod, div#results > a.arrowed {
		font-size:0.9em;
		line-height:1.25em;
	}
	div#results > p:not(.pbig) a.arrowed {
		max-width:100%;
	}
	

}