@media screen and (max-width: 768px ) {
	
	.dock_li a {
		font: 400 1.5rem/1.6rem 'TypeOne', Helvetica, Arial, sans-serif;
	}
	
	.logo {
		position: absolute;
		height: 98px;
	}
	.topbar {
		position: fixed;
		overflow: auto;
		overflow-y: hidden;
		/* transition:all 0.3s ease 0s; */
	}

	.opened {
		background:#fff;
		/* z-index:5; */
		left:0;
	}
	
	.opened .interface_menu {
		display:block;
	}
	
	.topbar div#menu_tools {
		right: 80px;
		border-left: none;
		border-right: solid 1px rgb(0, 0, 0.5);
		padding-right: 2%;
	}
	
		.opened #in_dock, ul#dock_ul {
			height:auto;
			padding: 20px !important;
		}
	
		.opened .dock_li > a.dock_a {
			min-height:auto;
			max-height:none;
			width:100%;
			padding:10px 0;
			margin:0 0 10px;
		}
		
		.opened ul.menu_sous_rubrique {
			width:100%;
		}
		
		.menu_sous_rubrique li a {
			padding:5px 0;
			font: 300 1.0rem/1.0rem 'TypeOne', Helvetica, Arial, sans-serif;
		}
		
		li.dock_li {
			width:100%;
		}
			li.dock_li.social_item {
				width: auto !important;
			}
		.menu_sous_rubrique a:hover, .dock_li a:hover {
			text-shadow: none;	
		}
		.dock_li:hover .dock_a::after {
			height: 1px;
		}
		

	input#keyword {
		width:calc(100% - 110px);
	}
	
	div#search {
		margin:0 !important;
		padding: 0 20px;
	}

	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%;
	}



}