@charset "utf-8";

/* CSS Document */

/* Copyright 2014 Propaganda Design Inc. */



/*-------------------------------------------------------------------

	Less than 960px

-------------------------------------------------------------------*/

@media screen and (max-width: 960px) {

	section { width:90%; }

	.logob { background-size:contain; }
	.sceau { width:200px; display:block; }

}



/*-------------------------------------------------------------------

	Less than 768px

-------------------------------------------------------------------*/

@media screen and (max-width: 768px) {

	.md-grid-columns-1-11 { grid-template-columns:1fr 11fr; }
	.md-grid-columns-2-10 { grid-template-columns:2fr 10fr; }
	.md-grid-columns-3-9 { grid-template-columns:3fr 9fr; }
	.md-grid-columns-4-8 { grid-template-columns:4fr 8fr; }
	.md-grid-columns-5-7 { grid-template-columns:5fr 7fr; }
	.md-grid-columns-6-6 { grid-template-columns:6fr 6fr; }
	.md-grid-columns-7-5 { grid-template-columns:7fr 8fr; }
	.md-grid-columns-8-4 { grid-template-columns:8fr 4fr; }
	.md-grid-columns-9-3 { grid-template-columns:9fr 3fr; }
	.md-grid-columns-10-2 { grid-template-columns:10fr 2fr; }
	.md-grid-columns-11-1 { grid-template-columns:11fr 1fr; }
	.md-grid-columns-12 { grid-template-columns:12fr; }
	.md-grid-columns-equal-2 { grid-template-columns:6fr 6fr; }
	.md-grid-columns-equal-3 { grid-template-columns:4fr 4fr 4fr; }
	.md-grid-columns-equal-4 { grid-template-columns:3fr 3fr 3fr 3fr; }
	.md-grid-columns-equal-5 { grid-template-columns:2.4fr 2.4fr 2.4fr 2.4fr 2.4fr; }

}



/*-------------------------------------------------------------------

	Less than 840px (Mobile)

-------------------------------------------------------------------*/

@media screen and (max-width: 840px) {

	.sceau { width:150px; margin:12px 150px 0 0; }
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }

	.navigation-trigger { display:block; background:url(../images/common/nav-trigger.png) no-repeat; width:44px; height:30px; content:""; right:5%; position:absolute; top:23px; }

	.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 { float:left; width:260px; height:47px; background-size:contain; margin:15px 0 15px 5%; }

	.sub-navigation { display:none; }

	header section { width:100%; }

	.navigation { padding:20px 5%; background:#f0f0f0; }

	.navigation > ul > li > ul { background:none; padding-top:0; }

	.top-picture-text section { padding:0 5%; }

	footer, #l-wrap:after { height:auto; }

	.logo-footer { width:auto; margin:0 0 20px 0; width:250px; height:45px; background-size:cover; }

	footer .navigation { display:none; }

	#l-wrap { margin-bottom:0;  }

	footer p { text-align:left !important; }

	h1 { font-size:26px; line-height:32px; }

	h2 { font-size:20px; line-height:24px; }

	.top-picture, #map_canvas { height:220px; background-size:cover; }

	.keep-percentage-mobile > div { float:left !important; }

	.keep-percentage-mobile > .l-grid-33 { width:33.333% !important; padding: 0 4% 0 0 !important; }

	.keep-percentage-mobile > div:nth-child(3n-1) { padding:0 1% 0 1% !important; }

	.keep-percentage-mobile > div:nth-child(3n) { padding:0 0 0 2% !important; }

	.keep-percentage-mobile > div:nth-child(3n+1) { padding:0 2% 0 0 !important; }

	.btn { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }

	.btn.is-right { float:none; top:0; margin:0 0 10px 0; }

	h3.is-left { float:none; }

	footer section { padding:35px 0; }



}

@media screen and (max-width: 595px) {
    
    
    .grid { grid-template-columns:100%; }
	.sm-order-1 { order:1; }
	.sm-order-2 { order:2; }
	.sm-order-3 { order:3; }
	.sm-order-4 { order:4; }
	.sm-order-5 { order:5; }
	.sm-grid-columns-1-11 { grid-template-columns:1fr 11fr; }
	.sm-grid-columns-2-10 { grid-template-columns:2fr 10fr; }
	.sm-grid-columns-3-9 { grid-template-columns:3fr 9fr; }
	.sm-grid-columns-4-8 { grid-template-columns:4fr 8fr; }
	.sm-grid-columns-5-7 { grid-template-columns:5fr 7fr; }
	.sm-grid-columns-6-6 { grid-template-columns:6fr 6fr; }
	.sm-grid-columns-7-5 { grid-template-columns:7fr 8fr; }
	.sm-grid-columns-8-4 { grid-template-columns:8fr 4fr; }
	.sm-grid-columns-9-3 { grid-template-columns:9fr 3fr; }
	.sm-grid-columns-10-2 { grid-template-columns:10fr 2fr; }
	.sm-grid-columns-11-1 { grid-template-columns:11fr 1fr; }
	.sm-grid-columns-12 { grid-template-columns:12fr; }
	.sm-grid-columns-equal-2 { grid-template-columns:6fr 6fr; }
	.sm-grid-columns-equal-3 { grid-template-columns:4fr 4fr 4fr; }
	.sm-grid-columns-equal-4 { grid-template-columns:3fr 3fr 3fr 3fr; }
	.sm-grid-columns-equal-5 { grid-template-columns:2.4fr 2.4fr 2.4fr 2.4fr 2.4fr; }
    
.sceau { margin:15px auto; float:none; clear:both; }
}


/*-------------------------------------------------------------------

	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) {

}