﻿@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:600;
    src:url('../fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style:italic;
    font-weight:600;
    src:url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto Condensed';
    font-style:normal;
    font-weight:400;
    src:url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
div, #enfr p {
	box-sizing:border-box;
}
html {
	font-size:62.5%;
}
body {
	font:1.5em/1.2 'Roboto', sans-serif;
	letter-spacing:0.04em;
	color:#363636;
	background-color:silver;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	margin:0;
	padding:0;
}
p, li	{
	margin:0 0 .5em 0;
}
#wrapper {
	width:860px;
	height:auto;
	position:relative;
	margin:0 auto;
	background-color:#fff;
}
#header	{
	width:100%;
	height:340px;
	float:left;
	position:relative;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#fff;
}
#textoverlay, #titleoverlay	{
	position:absolute;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:#fff;
}
#titleoverlay	{
	font:600 2.3em/1 'Roboto', sans-serif;
	text-align:right;
}
#topbar	{
	width:100%;
	height:45px;
	float:left;
	border:0 solid #666;
	border-bottom-width:1px;
}
#linkedin	{
	width:53px;
	height:44px;
	float:right;
	cursor:pointer;
}
#enfr	{
	width:104px;
	height:44px;
	padding:18px 50px 0 10px;
	float:right;
	color:#fff;
	background-color:#236dbe;
	cursor:pointer;
}
#enfr p	{
	display:inline;
	font-size:.9em;
	font-weight:600;
	color:#fff;
}
#menubar	{
	width:100%;
	height:110px;
	padding:22px 50px 0 50px;
	float:left;
}
#mobilemenubutton	{
	display:none;
}
#logo	{
	float:left;
}
#menu	{
	list-style-type:none;
	float:right;
	margin-top:16px;
}
#menu li	{
	display:block;
	float:left;
	margin-right:2.5em;
	line-height:2;
	text-transform:uppercase;
	cursor:pointer;
}
#menu li.mobenfr, #menu li.accueil	{
	display:none;
}
#menu li.last	{
	margin-right:0;
}
#menu li.top:hover, #menu li a:hover	{
	color:#236dbe;
	text-decoration:none;
}
#menu .submenu	{
	list-style-type:none;
	float:none;
	padding:0;
	position:absolute;
	top:114px;
	z-index:3;
	font-size:.9em;
	box-shadow:1px 3px 4px rgba(54,54,54,0.7);
	display:none;/**/
}
#menu .industries .submenu	{
	left:514px;
}
#menu .submenu li	{
	width:auto;
	float:none;
	padding:.3em 2em .5em 1em;
	margin:0;
	line-height:1.2;
	font-weight:600;
	letter-spacing:0.06em;
	text-shadow:0 0 1px #236dbe;
	text-transform:capitalize;
	color:#fff;
	background-color:#236dbe;
	border-bottom:1px solid #363636;
	cursor:pointer;
}
#menu .submenu li a, #menu .submenu li a:hover	{
	color:#fff;
}
#menu .submenu li:hover	{
	background-color:#005695;
}

/* CONTENT DIV */
#content	{
	width:100%;
	min-height:648px;
	float:left;
	padding:50px;
	background-color:#fff;
}
#content h2	{
	font-size:1.7em;
	text-transform:uppercase;
}
#content h3	{
	font-size:1.4em;
	text-transform:uppercase;
	margin:-.2em 0 .75em 0;
}
#content p, #content li	{
	font-size:.9em;
}
#content img	{
	float:left;
}
#content .contentrow	{
	width:100%;
	float:left;
	margin:1em 0 30px 0;
}
#content .col	{
	width:50%;
	float:left;
}
#content .col p	{
	margin-right:24px;
}
#content .col p.top	{
	margin-top:-4px;
}
#content a	{
	color:#236dbe;
}
#content img.halfw	{
	width:50%;
	height:auto;
}
#content .clients	{
	padding-top:1.5em;
	margin-top:0;
	border-top:1px solid #363636;
}
#content .clients h3	{
	margin:0 0 1.5em 0;
}

/* FOOTER */
#footer	{
	width:100%;
	height:190px;
	padding:40px 50px 36px 290px;
	float:left;
	font-size:.8em;
	white-space:nowrap;
	color:#fff;
	background:#666 url('../images/qrc-logo-rev.png') no-repeat 50px 42px;
}
#footer a	{
	color:#fff;
}
#footer .lcol, #footer .rcol	{
	float:left;
}
#footer .lcol	{
	width:212px;
}
#footer .rcol	{
	width:auto;
}
#footer p.top	{
	height:110px;
	line-height:1.3;
}
#footer .lcol p.top, .fr #footer p.top	{
	height:96px;
}
.fr #footer .rcol	{
	white-space:normal;
	width:260px;
}

/* HOME PAGE */
.home #header	{
	height:430px;
	background-image:url('../images/header/home-banner.jpg');
}
#textoverlay	{
	width:340px;
	right:50px;
	top:244px;
	font:700 1.6em/1.4 'Roboto', sans-serif;
	text-align:center;
}
#textoverlay span	{
	white-space:nowrap;
}
.home #content h4	{
	width:100%;
	font-size:1.2em;
	margin-bottom:.5em;
}
.home #content .slogan	{
	padding:20px 80px;
	font-size:1.5em;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.07em;
	border:0 solid #666;
	border-width:1px 0;
}
.home #content .responsible	{
	padding:40px 50px 30px 260px;
	color:#fff;
	background:#236dbe url('../images/home/responsible-care.png') no-repeat 50px 20px;
}
.home #content .videolinks	{
}
.home #content .videolinks a	{
	white-space:nowrap;
	color: #fff;
	border-bottom:1px solid #fff;
}
.home #content .videolinks a:hover	{
  text-decoration:none;
}
.home #content .clients	{
	padding:24px 0;
	margin:0;
	border-top:1px solid #666;
}
.home #content .clients h4	{
	margin-bottom:1em;
}
.home #content .clients img	{
	margin-left:55px;
}
.home #content .clients img.spacer	{
	width:30px;
	height:30px;
}

/* ABOUT US PAGE */
.about #header	{
	background-image:url('../images/header/about-banner.jpg');
}
.about #titleoverlay	{
	right:122px;
	top:229px;
	font-weight:700;
	font-size:2em;
}
.about #content .col {
	width:55%;
}
.about #content .callout	{
	width:40%;
	float:right;
	padding:2em 1.5em 2.4em 1.5em;
	border:0 solid #666;
	border-width:1px 0;
}
.about .callout h2	{
	line-height:1.4;
	text-align:center;
}
.about #content	{
	padding-bottom:100px;
}
.about #content .clients	{
	padding-top:2.5em;
	margin-top:0;
	border:0;
}
.about #content .clients img	{
	width:100%;
	height:auto;
}
/* SERVICES PAGE */
.services #header	{
	background-image:url('../images/header/services-banner.jpg');
}
.services #titleoverlay	{
	right:86px;
	top:232px;
}
.services #content h4	{
	font-size:1.15em;
	line-height:1em;
	margin:1.3em 0 .5em 0;
	color:#236dbe;
}
.services #content h4.top	{
	margin-top:0;
}
.services #content h5	{
	font-size:1em;
	line-height:1em;
	font-weight:600;
	font-style:italic;
	margin:0 0 .5em 0;
	color:#000;
}
.services #content ul	{
	padding-left:1.1em;
	margin:0;
}
.services #content li	{
	width:70%;
	font-size:1em;
	line-height:1.3;
}
/* EVALUATIONS PAGE */
.evaluations #header	{
	background-image:url('../images/header/evaluations-banner.jpg');
}
.evaluations #titleoverlay	{
	right:80px;
	top:210px;
	text-align:center;
}
.evaluations #content .contentrow	{
	margin-top:0;
}
.evaluations #content p.lede	{
  width:90%;
  margin-bottom:1em;
  font-size:1em;
  line-height:1.4;
}
.evaluations #content .col	{
	width:33%;
	float:left;
}
.evaluations #content .col ul	{
	padding:0;
	margin:0;
	list-style-type:none;
}
.evaluations #content .col li	{
	width:90%;
	margin-bottom:.33em;
	font-size:.8em;
	line-height:1.1;
	white-space:nowrap;
}
.evaluations #content .col li.mobevalmenu	{
	display:none;
}	
/* INDUSTRIES PAGE */
.industries #header	{
	background-image:url('../images/header/industries-banner.jpg');
}
.industries #titleoverlay	{
	right:86px;
	top:232px;
}
.industries #content p	{
	width:60%;
}
.industries #content p.top	{
	font-size:1em;
	color:#236dbe;
}
#content .industry	{
	width:33.3%;
	height:11em;
	margin-bottom:2.5em;
	float:left;
	font-size:1.1em;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #363636;
}
#content .industry.end	{
	border:0;
}
#content .industry img	{
	width:204px;
	height:124px;
	float:none;
	margin:1px 0 .67em 0;
}
/* TESTIMONIALS PAGE */
.testimonials #header	{
	background-image:url('../images/header/testimonials-banner.jpg');
}
.testimonials #titleoverlay	{
	right:86px;
	top:214px;
	text-align:center;
}
.fr.testimonials #titleoverlay	{
	top:234px;
}	
#content .testimonial	{
	width:80%;
	padding:2.6em 0 4em 0;
	margin-left:10%;
	border-bottom:1px solid #363636;
}
#content .testimonial p	{
	margin-bottom:.8em;
	font-size:1em;
	line-height:1.3;
	text-align:center;
}
#content .testimonial.last	{
	border:0;
}

/* LINKS PAGE */
.links #header	{
	background-image:url('../images/header/links-banner.jpg');
}
.links #titleoverlay	{
	right:180px;
	top:232px;
}
.links #content p.top	{
	margin:-.2em 0 2em 0;
	font-size:1em;
	line-height:1;
}
.links #content .contentrow a	{
	width:auto;
	display:block;
	margin-left:1.5em;
	font-size:.85em;
	line-height:1.55;
	color:#236dbe;
}

/* CONTACT PAGE */
.contact #header	{
	background-image:url('../images/header/contact-banner.jpg');
}
.contact #titleoverlay	{
	right:96px;
	top:232px;
}
.contact #content #gmapslink	{
	display:none;
}
.contact #content .mapimg	{
	width:456px;
	height:332px;
	float:right;
	background-color:silver;
}
.contact #content p.top	{
	margin:-.2em 0 1em 0;
}

/*global*/
.topm0{
	margin-top:0 !important;
}
a	{
	text-decoration:none;
	color:#363636;
}
a:hover	{
	text-decoration:underline;
}
.superscr {
  position:relative;
  top:-2px;
  font-size:80%;
}
.blue	{
	color:#236dbe !important;
}
.bluebg	{
	color:#fff;
	background-color:#236dbe;
}
