@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 960px
-------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	section { width:90%; }
	.logos img{ max-width:100%; margin:0 auto; display:block; padding:6px;}
}

/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.logos-list li { width:50%;}
}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	header section { width:100%; }
	/*.navigation > ul > li > ul { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; }
	.navigation > ul > li, .navigation > ul > li > ul > li, .navigation > ul > li a { width:100%; display:block; }
	.show { display:block; }
	.hide { display:none; }*/
	.logo { top:30px; width:197px; background-size:contain; background-repeat:no-repeat; }
	.logo, .titles { left:20px; }
	.title { padding-right:100px; }
	.slider-01, .slider-02 { background-size:contain; background-repeat:no-repeat; background-position:center; width:100%; top:0; position:relative; margin:0; right:auto; }
	.navigation > section > ul > li { width:auto; }
	.navigation > section > ul > li > a { padding:12px 8px; font-size:12px; }
	.navigation section { width:100% !important; text-align:center; }
	.title { font-size:16px; }
	.flexslider { height: 317px; }
	.page { padding:20px; }
	#map_canvas { height:200px; }
	footer, #l-wrap:after { height:auto; }
	#l-wrap { margin-bottom:0;  }
	.brochure { margin:30px 0 0 0; }
	
	.logofr { display:block; width:267px; height:73px; background:url(../images/common/logo.png); position:absolute; top:60px; left:20px; z-index:2; }
	.logoen { display:block; width:267px; height:73px; background:url(../images/common/logo-en.png); position:absolute; top:60px; left:20px; z-index:2; }
	   
		.slider-engranage, .slider-patisserie, .slider-armor, .slider-chip, .slider-hvd, .slider-home, .slider-aliments  {  height: 317px; background-position:right center;}

	/* Navigation trigger */
	.navigation-trigger { width: 30px; height: 20px; margin:10px 0; float:right; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	.navigation-trigger span { display: block; position: absolute; height: 3px; width: 100%; background: #FFF; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.navigation-trigger span:nth-child(1) { top: 0px; }
	.navigation-trigger span:nth-child(2),.navigation-trigger span:nth-child(3) { top:9px; }
	.navigation-trigger span:nth-child(4) { top: 18px; }
	.navigation-trigger.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; }
	.navigation-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.navigation-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.navigation-trigger.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; }
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	
}