@charset "UTF-8";
/* INDEX
- Communs       : elements communs
- Structure     : disposition des boites
- Page Template : style propre a un template particulier
- Variantes     : couleurs propre a une section en particulier
*/

/* COMMUNS
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
version: 1.0.0
*/
.social{}
.social ul{ height: 25px; margin: 0; padding: 0; }
.social ul li{ display: inline; list-style: none; margin: 0; padding: 0; }
.social ul li a{ background: url(../images/sprites.png) no-repeat -10px -10px; float: left; display: block; height: 25px; margin-left: 6px; overflow: hidden; text-indent: -999em; width: 25px; }
.social ul li.tw a{ background-position: -10px -10px; }
.social ul li.li a{ background-position: -42px -10px; }

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

/* #header */
#header{ background: url(../images/structure/header.jpg) repeat-x center top; border-bottom: 4px solid #b1b1b1; }
#header .innerwrap{ height: 116px; }
#logo{ margin: 0; padding-top: 14px; }
#nav-top{ position: absolute; top: 11px; right: 80px; }
#nav-top ul{ font-size: 0.7857142857em; line-height: 25px; margin: 0; padding: 0; }
#nav-top ul li{ display: inline; list-style: none; margin: 0; padding: 0; }
#nav-top ul li a{ color: #000; font-weight: bold; margin-left: 20px; text-decoration: none; text-transform: uppercase; }
html[lang="en"] #nav-top ul li.en{ display: none; }
html[lang="fr"] #nav-top ul li.fr{ display: none; }
#m-home #nav-top ul li.home a,
#nav-top ul li a:focus,
#nav-top ul li a:hover{ color: #8e983f; text-decoration: underline; }
#header .social{ position: absolute; top: 11px; right: 0; }
#nav{ position: absolute; bottom: -4px; right: 0; }
#nav ul{ margin: 0; padding: 0; }
#nav ul li{ display: inline; list-style: none; margin: 0; padding: 0; }
#nav ul li.home{ display: none; }
#nav ul li a{ border-bottom: 4px solid transparent; color: #575756; display: block; float: left; font-family: 'Museo-300', serif; font-size: 1.2857142857em; margin-left: 30px; padding: 9px 3px; text-decoration: none; }
#nav #navigator{ display: none; }
#m-sc #nav ul li.sc a,
#m-services #nav ul li.services a,
#m-portfolio #nav ul li.portfolio a,
#m-testimonials #nav ul li.testimonials a,
#m-faq #nav ul li.faq a,
#m-contact #nav ul li.contact a,
#nav ul li a:focus,
#nav ul li a:hover{ border-color: #8e983f; color: #000; }

/* #content */
#content{ background: url(../images/bg/faq@2000x843.jpg) no-repeat center top; padding-top: 93px; }
#content .outerwrap{ border-top: 1px solid #e9ebf0; margin: 0 auto; padding-top: 2px; width: 990px; }
#content .innerwrap{ background: url(../images/structure/content-innerwrap.png?); padding: 35px 45px; width: auto; }
#content .innerwrap h1{ color: #fff; height: 93px; line-height: 93px; margin: 0; position: absolute; right: 0; top: -96px; }

/* #footer */
#footer{ background: #f2f3e9 url(../images/structure/footer.png) no-repeat center -4px; padding: 54px 0; }
#footer #credits{ font-size: 0.9285714286em; line-height: 25px; height: 25px; }
#footer #credits strong{ font-weight: normal; }
#footer #credits a{ color: #000; text-decoration: none; }
#footer #credits a:focus,
#footer #credits a:hover{ color: #8e983f; text-decoration: underline; }
#footer .social{ position: absolute; right: 120px; top: 0; }
#footer #stamp{ background: url(../images/structure/footer-stamp.png) no-repeat center top; font-size: 0.7142857143em; padding-top: 28px; position: absolute; right: 0; top: -7px; text-align: center; width: 100px; }
#m-privacy #footer .privacy{ text-decoration: underline; }

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

/* #m-home */
#m-home #content{ background-image:  url(../images/bg/home@2000x436.jpg); height: 343px; padding-top: 93px; }
#m-home #content h1{ visibility: hidden; }
#m-home #content .outerwrap{ position: relative; left: 248px; width: 495px; }
#m-home #content .innerwrap{ padding: 32px 35px 45px 35px; position: relative; width: auto; }
#m-home #content h2{ font-family: 'Museo-300', serif; font-size: 2.5714285714em; font-weight: 300; margin: 0; }
#m-home #content .desc{ font-size: 1.1428571429em; line-height: 1.3750000000em; }
#m-home #content .more{ bottom: -25px; left: 38px;  margin: 0; position: absolute; }
#m-home #content .more a{ background: no-repeat; display: block; height: 53px; overflow: hidden; text-indent: -9999em; width: 126px; }
#m-home[lang="en"] #content .more a{ background-image: url(../images/structure/en-home-content-a.png); }
#m-home[lang="fr"] #content .more a{ background-image: url(../images/structure/fr-home-content-a.png); }
#m-home #content .more a:focus,
#m-home #content .more a:hover{ background-position: 0 -60px; }
#m-home #widgets{ padding: 37px 0; }
#m-home #widgets #twitter{ border-right: 1px solid #d5d8b7; float: left; min-height: 238px; padding-right: 40px; width: 296px; }
#m-home #widgets #twitter a::after{ content: ""; }
#m-home #widgets #twitter h2{ color: #30abdf; font-family: "Times New Roman", Times, serif;  font-style: italic; font-size: 1.4285714286em; height: 55px; margin: 0 0 15px 0; padding-left: 65px; position: relative; }
#m-home #widgets #twitter h2 .icon{ background: #30abdf url(../images/sprites.png) no-repeat -10px -68px; display: block; height: 55px; position: absolute; left: 0; top: 0; width: 55px;  }
#m-home #widgets #twitter h2 a{ color:  #30abdf; text-decoration: none; }
#m-home #widgets #twitter #twitter-latest{ color: #7c7d7c;font-family: "Times New Roman", Times, serif;  font-style: italic;  font-size: 1.2857142857em; line-height: 1.3888888889em; }
#m-home #widgets #testimonials{ float: right; padding-bottom: 30px; position: relative; width: 610px; }
#m-home #widgets #testimonials .swiper-container{ height: 200px; }
#m-home #widgets #testimonials .swiper-pagination{ bottom: 0; height: 13px; left: 50%; position: absolute; z-index: 20; }
#m-home #widgets #testimonials .swiper-pagination-switch{ background: #d1d1d1; cursor: pointer; display: block; float: left; height: 13px; margin: 0 3px; width: 13px; }
#m-home #widgets #testimonials .swiper-pagination-switch{
	border-radius: 13px;
}
#m-home #widgets #testimonials .swiper-active-switch{ background: #8e9838; }
#m-home #widgets #testimonials .desc{ color: #7c7d7c; font-family: "Times New Roman", Times, serif;  font-style: italic; font-size: 1.0714285714em; line-height: 1.3333333333em;  }
#m-home #widgets #testimonials .author{ font-family: arial, sans-serif; font-size: 0.8666666667em; font-style: normal; padding: 2em 0 0 0; }
#m-home #widgets #testimonials .author img{ float: left; margin-right: 20px; }
#m-home #widgets #testimonials .more{ bottom: 30px; right: 0; margin: 0; position: absolute; z-index: 999; }
#m-home #widgets #testimonials .more a{ background: no-repeat; display: block; height: 46px; overflow: hidden; text-indent: -9999em; width: 176px; }
#m-home[lang="en"] #widgets #testimonials .more a{ background-image: url(../images/structure/en-home-testimonial-a.png); }
#m-home[lang="fr"] #widgets #testimonials .more a{ background-image: url(../images/structure/fr-home-testimonial-a.png); }
#m-home #widgets #testimonials .more a:focus,
#m-home #widgets #testimonials .more a:hover{ background-position: 0 -50px; }

/* #m-contact */
#m-contact #content{ background-image: url(../images/bg/contact@2000x437.jpg); height: 344px; padding-top: 93px; position: relative;  }
#m-contact #content .outerwrap{ position: relative; left: 248px; width: 495px; }
#m-contact #content .innerwrap{ width: auto;  }
#m-contact #content h1{ visibility: hidden; }
#m-contact #content h2{ color: #8e983f; font-family: 'Museo-300', serif; font-size: 2.5714285714em; font-weight: 300; margin: 0; }
#m-contact #content .vcard{ font-size: 1.1428571429em; }
#m-contact #content .vcard address{ color: #7c7d7c; }

/* #m-faq */
#m-faq #content{ background-image:  url(../images/bg/faq@2000x843.jpg);  }
#m-faq .article{ margin-bottom: 3em; }
#m-faq .article h2{ font-family: "Times New Roman", Times, serif; font-size: 1.3571428571em; font-style: italic; font-weight: normal; }
#m-faq .article h2 .q{ color: #8e983f; }
#m-faq .article .r{ color: #7c7d7c; font-weight: bold; }

/* #m-portfolio */
#m-portfolio #content{ background-image:  url(../images/bg/portfolio@2000x839.jpg); }
#m-portfolio #content table{ border-collapse: separate; border-spacing: 1px; height: 450px; width: 428px; }
#m-portfolio #content table th{ background: #8e983f; color: #fff; font-size: 1.0714285714em; font-weight: normal; padding: 20px; text-align: center; vertical-align: middle; }
#m-portfolio #content table td{ background: #f2f3e9; font-size: 0.9285714286em; padding: 20px; text-align: left; vertical-align: middle; }
#m-portfolio #content table .business th{ background: #727a32; }
#m-portfolio #content table .business td{ background: #000 no-repeat; color: transparent; height: 44px; }

#m-portfolio #content table.bernard{ float: left; }
#m-portfolio #content table.bernard .business td{ background-image: url(/data/images/portfolio/pneus-robert-bernard.jpg); }
#m-portfolio #content table.accent{ float: right; }
#m-portfolio #content table.accent .business td{ background-image: url(/data/images/portfolio/accent.jpg); }
#m-portfolio #content table.brocheuses{ clear: both; float: left; }
#m-portfolio #content table.brocheuses .business td{ background-image: url(/data/images/portfolio/brocheuses-montreal.jpg); }
#m-portfolio #content table.bbc{ float: right; }
#m-portfolio #content table.bbc .business td{ background-image: url(/data/images/portfolio/groupe-bbc.jpg); }

/* #m-testimonials */
#m-testimonials #content{ background-image:  url(../images/bg/testimonials@2000x848.jpg); }
#m-testimonials .article{ background: url(../images/structure/footer.png) no-repeat center bottom; font-family: "Times New Roman", Times, serif; font-size: 1.1428571429em;  font-style: italic; margin-bottom: 3em; padding-bottom: 30px; }
#m-testimonials .article .author{ font-family: arial, sans-serif; font-size: 0.8666666667em; font-style: normal; padding: 2em 0 3em 0; }
#m-testimonials .article .author img{ float: left; margin-bottom: 1em; margin-right: 20px; }
#m-testimonials .accent{ background-image: none; margin-bottom: 0; }
#m-testimonials .accent .author{ margin-bottom: 0; padding-bottom: 0; }

/* #m-sc */
#m-sc #content{ background-image:  url(../images/bg/sc@2000x840.jpg); }
#m-sc #content .innerwrap{ padding: 0; font-size: 1.1428571429em; }
#m-sc #content .wrap{ background:  url(../images/structure/serge-coulombe-wrap.png) no-repeat right bottom; font-family: "Times New Roman", Times, serif; min-height: 550px; padding: 35px 335px 35px 45px; }

/* #m-services */
#m-services #content{ background-image:  url(../images/bg/sc@2000x840.jpg); }
#m-services #content .innerwrap{ padding-left: 355px; }
#m-services #content .desc{ font-family: "Times New Roman", Times, serif; font-size: 1.2857142857em; margin: 0 0 1.5em 0; }
#m-services #content ul{ margin: 0; padding: 0; }
#m-services #content ul li{ background: #8e983f; color: #fff; display: block; height: 106px; line-height: 106px; list-style: none; margin: 0 0 20px 0; padding: 0 30px; text-align: center; width: 220px; }
#m-services #content ul li{
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#m-services #content ul li.i0,
#m-services #content ul li.i3,
#m-services #content ul li.i4,
#m-services #content ul li.i7,
#m-services #content ul li.i8{ background: #7c7d7c; }
#m-services #content ul li.left{ float: left; }
#m-services #content ul li.right{ float: right; }
#m-services #content ul li .n{ display: inline-block; line-height: 1.4285714286em; vertical-align: middle; }
#m-services #gears{ display: block; left: -25px; position: absolute; top: -47px; }