@charset "UTF-8";

/* STRUCTURE
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
version: 1.0.0
*/
body{ background: #fff; padding: 0; overflow-y: scroll; width: auto !important; width: 320px; min-width: 320px;  }
.innerwrap{ margin: 0 auto; position: relative; width: 320px; }

/* #header */
#header #logo{ left: 72px; position: relative; top: 13px; width: 160px; }
#header #logo img{ height: auto; width: 128px; }
#header #nav-top{ display: none; }
#header #nav{ background: #8e983f url(../images/tablet/nav.jpg) no-repeat; bottom: auto; left: 17px; top: 40px; width: 40px; }
#header #nav ul{ display: none; }
#header #nav #navigator{ background: transparent; border: 0;  box-shadow: none; display: block; font-family: 'Museo-300', serif; font-size: 1.2857142857em; font-weight: 300; height: 40px; line-height: 40px; padding: 0; text-indent: 50px; width: 40px; }
#header #nav #navigator{
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#header .social{ right: 17px; top: 40px; }
#header .social ul li a{ height: 40px; margin-left: 10px; width: 40px; }
#header .social .tw a{ background-position: -10px -182px; }
#header .social .li a{ background-position: -10px -132px; }

/* #content */
#content .outerwrap{ width: 320px; }
#content .innerwrap{ padding: 17px 17px; }
#content .innerwrap h1{ font-size: 2.1428571429em; right: 17px; }

/* #footer */
#footer{ padding-top: 30px; }
#footer #credits{ float: none; height: auto; line-height: normal; margin-bottom: 2em; text-align: center; width: auto; }
#footer #credits strong{ display: block; font-weight: bold; }
#footer #credits strong .sep{ display: none; }
#footer .social{ float: none; left: -10px; margin: 0 auto 3em auto; position: relative; right: auto; text-align: center; top: auto; width: 100px; }
#footer .social a{ height: 40px; margin-left: 10px; width: 40px; }
#footer .social .tw a{ background-position: -10px -182px; }
#footer .social .li a{ background-position: -10px -132px; }
#footer #stamp{ float: none;  margin: 0 auto; position: relative; right: auto; text-align: center; top: auto; }



/* CONTENT
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
version: 1.0.0
*/

/* #m-home */
#m-home #content .outerwrap{ position: relative; left: 0; width: 280px; }
#m-home #content .innerwrap{ padding: 17px 17px 35px 17px; }
#m-home #content .more{ left: 50%; margin-left: -63px; }
#m-home #content h2{ font-size: 1.8571428571em; }
#m-home #widgets{ display: none; }

/* #m-contact */
#m-contact #content .outerwrap{ position: relative; left: 0; width: 260px; }

/* #m-portfolio */
#m-portfolio #content table{ width: auto; }
#m-portfolio #content table th{ padding: 10px; }
#m-portfolio #content table td{ padding: 10px; }
#m-portfolio #content table .business td{ height: 64px; }
#m-portfolio #content table.bernard{ float: none; }
#m-portfolio #content table.bernard .business td{ background-image: url(/data/images/portfolio/pneus-robert-bernard@320.jpg); }
#m-portfolio #content table.accent{ float: none; }
#m-portfolio #content table.accent .business td{ background-image: url(/data/images/portfolio/accent@320.jpg); }
#m-portfolio #content table.brocheuses{ clear: both; float: none; }
#m-portfolio #content table.brocheuses .business td{ background-image: url(/data/images/portfolio/brocheuses-montreal@320.jpg); }
#m-portfolio #content table.bbc{ float: none; }
#m-portfolio #content table.bbc .business td{ background-image: url(/data/images/portfolio/groupe-bbc@320.jpg); }


/* #m-sc */
#m-sc #content .wrap{ background: none; padding: 17px 17px; }

/* #m-services */
#m-services #content .innerwrap{ padding-right: 17px; padding-left: 17px; }
#m-services #content ul li{ float: none !important; width: auto; }
#m-services #gears{ display: none; }

/* #m-testimonials */
#m-testimonials .article{ background-image: url(../images/mobile/footer.png); }
#m-testimonials .article .author img{ display: block; float: none; margin-bottom: 1em; }
#m-testimonials .accent{ background-image: none; margin-bottom: 0; }