/*=== Setup ===*/
* { border:0; margin:0; padding:0; }
body { background:url(/images/interface/bgr.gif) #efefef repeat-x top; color:#49595f; font:.75em Arial,Verdana,Helvetica,Sans-Serif; padding:0 0 25px; text-rendering:optimizeLegibility; }
a { color:#e96524; text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus,object:focus { outline:none; -moz-outline-style:none; }

/*this avoids having image replacement sections display a dotted outline*/
input,select,textarea { border:#999999 1px solid; font-size:11px; padding:2px; }
li { list-style:none; }
h2 { font-size:2em; margin:0 0 1em; }
h3 { color:#49595f; font-size:1.5em; margin:0 0 .5em; }
h2 span,h3 span { display:none; }
#intro p span { display:none; }
h2 img,h3 img { display:block; }
h4 { color:#6a7f87; font-size:1.2em; margin:0 0 1em; }
p { line-height:1.5em; padding:0 0 1.5em; font-size: 14px; }
hr { border-color:#CCCFD0; border-style:solid; border-width:1px 0 0; clear:both; margin:10px 0 20px 0; height:0; }
hr.invisible {border: none; padding-bottom: 10px;}

/*=== Layout ===*/
#page { margin:0 auto; width:960px; }

/*=== Header ===*/
#header {position: relative; height:100px; }
#header .content { float:right; padding:17px 40px 0 0; width:600px; }
#header .lang { background:url(/images/interface/lang-bgr-w.png) no-repeat top; float:right; height:16px; overflow:hidden; width:54px; }
#header .fr { background:url(/images/interface/lang-fr-bgr-w.png) no-repeat top; }
#header .lang img { float:left; }

/*- Logo -*/
#header h1 { background:url(/images/interface/logo.gif) no-repeat; float:left; text-indent:-9999px; width:223px; }
#header h1 a { display:block; height:112px; text-decoration:none; }
.header_tagline {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/*=== Navigation ===*/

/*- Nav -*/
#nav { height:39px; margin:0 0 28px; text-indent:-9999px; width:960px; }
#nav ul { position:absolute; width:960px;}
#nav li { float:left; }
#nav li a { background:url(/images/interface/top-nav-2012-eng.png) no-repeat top; display:block; height:39px; }
#nav li a:hover { text-decoration:none; }

#nav li#solutions a { background-position:0 0; width:121px; }
#nav li#solutions a:hover,#nav li#solutions.active a { background-position:0 -39px; }
#nav li#technology a { background-position:-121px 0; width:165px; }
#nav li#technology a:hover,#nav li#technology.active a { background-position:-121px -39px; }
#nav li#process a { background-position:-286px 0; width:202px; }
#nav li#process a:hover,#nav li#process.active a { background-position:-286px -39px; }
#nav li#showroom a { background-position:-488px 0; width:135px; }
#nav li#showroom a:hover,#nav li#showroom.active a { background-position:-488px -39px; }
#nav li#contact a { background-position:-623px 0; width:200px; }
#nav li#contact a:hover,#nav li#contact.active a { background-position:-623px -39px; }
#nav li#about a { background-position:-823px 0; width:126px; }
#nav li#about a:hover,#nav li#about.active a { background-position:-823px -39px; }


/*- Networks -*/
#networks { background:#ffffff; border:1px solid #dbdee0; height:1%; margin:0 0 2em; padding:14px; }
#networks.after-nav { margin-top:30px; }
#networks a { font-size:.9em; display:block; padding:5px 0 10px; text-decoration:none; color:#49595f; white-space:nowrap; 
/* -webkit-transition: background-color 0.15s linear; */
}
#networks a.last { padding-bottom:0; }
#networks a img { float:left; margin:0 10px 0 0; -webkit-transition:margin-left .15s linear; -moz-transition:margin-left .15s linear; }
#networks a:hover img { margin-left:5px; }
#networks a strong { font-size:1.2em; display:block; padding-top:0; }

/*- Home Page Social Media -*/

ul#social-media {
	position: absolute;
	right: 10px;
	top: 320px;
}
ul#social-media, ul#social-media li {
	padding: 0;
	margin: 0;
}

ul#social-media {
	padding: 2px 0;
}

ul#social-media li a { 
    border: none;
}
ul#social-media li a img { 
    opacity: .6;    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
ul#social-media li a:hover img,
ul#social-media li a:focus img {   
    opacity: 1;    
}

/*- Flickr -*/
#flickr { background:#ffffff; border:1px solid #dbdee0; height:1%; margin:0 0 2em; padding:14px 0 4px 14px; }
#flickr a { padding:0; margin:0; }
#flickr a img { padding:0 9px 9px 0; margin:0; }
#flickr a.last img { padding-right:0; }
#flickr h4 { color:#0063dc; text-transform:lowercase; }
#flickr h4 span { color:#ff0084; }

/*- Nav French -*/
#nav-fr { height:39px; margin:0 0 28px; text-indent:-9999px; width:960px; }
#nav-fr ul { position:absolute; width:960px; }
#nav-fr li { float:left; }
#nav-fr li a { background:url(/images/interface/top-nav-2012-fr.png) no-repeat top; display:block; height:39px; }
#nav-fr li a:hover { text-decoration:none; }
#nav-fr li#solutions a { background-position:0 0; width:149px; }
#nav-fr li#solutions a:hover,#nav-fr li#solutions.active a { background-position:0 -39px; }
#nav-fr li#technologie a { background-position:-149px 0; width:169px; }
#nav-fr li#technologie a:hover,#nav-fr li#technologie.active a { background-position:-149px -39px; }
#nav-fr li#processus a { background-position:-318px 0; width:161px; }
#nav-fr li#processus a:hover,#nav-fr li#processus.active a { background-position:-318px -39px; }
#nav-fr li#showroom a { background-position:-479px 0; width:166px; }
#nav-fr li#showroom a:hover,#nav-fr li#showroom.active a { background-position:-479px -39px; }
#nav-fr li#contact a { background-position:-645px 0; width:143px; }
#nav-fr li#contact a:hover,#nav-fr li#contact.active a { background-position:-645px -39px; }
#nav-fr li#apropos a { background-position:-788px 0; width:161px; }
#nav-fr li#apropos a:hover,#nav-fr li#apropos.active a { background-position:-788px -39px; }

/*- Nav2 -*/
.sub-nav { margin:0 0 1em; }
.sub-nav li { background:url(/images/interface/nav2-sep.gif) repeat-x bottom; }
.sub-nav li a { color:#49595f; display:block; height:35px; line-height:35px; padding:0 0 0 10px; white-space: nowrap; }
.sub-nav li a:hover { color:#e96524; text-decoration:none; }
.sub-nav li.here a { background:url(/images/interface/nav2-hover.gif) #cbd0d1 no-repeat right; font-weight:bold; margin:0 -19px 0 0; position:relative; text-decoration:none; width:199px; }
.sub-nav li ul li a {background: none;}
.sub-nav li ul { background:url(/images/interface/nav2-sep.gif) repeat-x top; }
.sub-nav li.here ul li a {background: url(/images/interface/nav2-sub.gif) no-repeat 0 40%; font-size: 11px; font-weight: normal; margin-left: 10px}
.sub-nav li ul li.here a {background: url(/images/interface/nav2-sub.gif) no-repeat 0 40%; font-size: 11px; margin-left: 10px}

/*=== Title Placeholder ===*/
.title { background:url(/images/interface/title.jpg) no-repeat top; clear:both; font-size:18px; height:205px; margin:0 0 10px; overflow:hidden; padding:65px 365px 0 45px; }
.french p { padding-bottom:0; }
.title h2 { margin:0 0 15px; }
.title img { display:block; }

/*=== Intro Placeholder ===*/
#intro { position: relative; background:#FFFFFF url(/images/interface/intro_ic_2012.png) no-repeat top; clear:both; font-size:18px; height:320px; margin:0 0 10px;}
#intro.francais {background:#FFFFFF url(/images/interface/intro_ic_2012_fr.png) no-repeat top;}
#intro h2 { margin:30px 0 0 30px; padding:0; }
#intro p { margin:0 0 0 30px; padding:0; }
#intro #intro_watch {position: absolute; padding:0; top: 153px; left: 35px }
#intro_video { display:none; background-color:#000000; width:960px; height:330px; }
#intro_slide {
	position: absolute;
	top: 80px;
	right: 30px;
	margin: 0;
	padding: 0;
	width: 255px;
	height: 178px;
	overflow: hidden;
}

#customers_banner {
	position: absolute;
	bottom: 2px;
	left: 2px;
}

/*=== News Ticker ===*/
#news-ticker { 
/*
	border: 1px solid #cecece;
	background: #FFF; */
height:30px; overflow:hidden; border:1px solid #cecece; background:#FFF; margin-top:15px; margin-bottom:15px; }
#news-ticker h4,#news-ticker p { padding:0; margin:0; line-height:20px; font-size: 12px }
.news-ticker-title { padding:0 10px 0 5px; margin:5px; float:left; border-right:1px solid #6f8992; }
.news-ticker-stories { margin-top:5px; width:843px; float:right; height:20px; overflow:hidden; }
* html .news-ticker-stories { width:833px; }
#french-ticker { width:813px; }
.html #french ticker { width:803px; }

/*=== All Columns ===*/
#columns { height:1%; padding:0 0 30px; }
.col1.first,.col2.first { clear:left; }
.col1 { float:left; margin:0 30px 0 0; width:300px; }
.col1.last,.col2.last { margin:0; }
.col2 { float:left; margin:0 30px 7px 0; width:217px; }
#related_entries .col2 {margin-right: 29px}
#related_entries .col2.last {margin-right: 0}
#show_video .col2 { margin-bottom:18px; }
#team .col2 { width:192px; margin-bottom:0; margin-right:0; }
* html .col2 { margin-right:21px; }
.col2 h4 { margin:0 0 .5em; }
.col3 { float:left; width:190px; }
.col4 { float:left; margin:0 0 0 58px; width:710px; }
.col5 { float:left; width:715px; }
#showroom_entries br { clear:both; }
#showroom_entries p {
	font-size: 13px;
	line-height: 16px;
}
* html .col5 { overflow:hidden; }
.col6 { float:right; width:220px; }
.col7 { float:left; width:465px; }
blockquote { background:#e7e7e8; border-left:9px solid #d4d8da; height:1%; margin:0 0 2em; padding:27px 25px 27px 30px; }
#show_video { z-index:-1; }
.video_entry { margin-bottom:30px; }
p.video_caption { padding:6px 0 0 0; margin:0; font-style:italic; background-color:#efefef; }
p.video_dl_link { padding:0 0 0 0; margin:0; font-style:italic; background-color:#efefef; }
p.back_link { font-size:1.2em; }

/*=== Styling Boxes ===*/

/*- Box1 -*/
.box { background:#e7e7e8; border-left:9px solid #d4d8da; height:1%; margin:0 0 2em; padding:27px 25px 27px 30px; }
.box p { padding:0; }

/*- Box2 -*/
.box2 { background:#ffffff; border:1px solid #dbdee0; height:1%; margin:0 0 2em; padding:14px; }
.box2 p { padding:0; }

/*=== Grids ===*/
.grid3col,.grid2col { position:relative; background-color:white; -moz-border-radius:4px; 
/* FF1+ */
-webkit-border-radius:4px; 
/* Saf3-4 */
border-radius:4px; 
/* Opera 10.5, IE 9, Saf5, Chrome */
border:1px solid #cecece; display:block; zoom:1; margin-bottom:20px; }
.grid3col a.column,.grid2col a.column { padding:25px 25px 0; border-right:#E6E6E6 solid 1px; color:#49595F; float:left; width:268px; display:inline-block; }
.grid3col a.last,.grid2col a.last { border-right:none; }
.grid2col a.first { width:587px; }
.grid3col a:hover.column,.grid2col a:hover.column { text-decoration:none; }
.grid3col h3 { font-size:13px; padding:10px 0 0; }
.grid3col p { font-size:12px; line-height:18px; }
.grid3col img.tn { margin-bottom:-3px; }
.grid3col .more,.grid2col .more { color:#e96524; }
.grid3col a:hover.column .more,.grid2col a:hover.column .more { text-decoration:underline; }
.grid2col h3 { padding:0 0 4px; }
.grid2col .ico { float:left; margin:4px 20px 0 0; }
.grid2col .last img { margin-bottom:10px; }

/*=== Styling Lists ===*/
#primary ol { margin:0 0 1.5em; padding:0 0 0 3em; }
#primary ol li { list-style:decimal; list-style-position:outside; margin:0 .2em .8em 0; line-height:1.4em; font-size: 14px; }
#primary ul { margin:.5em 0 1em; padding:0 0 0 3em; }
#primary ul li { list-style:disc; list-style-position:outside; margin:0 0 .8em; line-height:1.4em; font-size: 14px;}
/* #columns ul li ul { list-style:circle; margin-top:1em; } */

/*- Tables List -*/
table {
	font-size: 14px;
	line-height: 20px;
}

table.news { 
/*border-bottom: 1px solid #cccfd0;*/
	font-size: 12px
}
table.news td { border-top:1px solid #cccfd0; padding:10px 0; }
.news .news_date { padding-right:10px; white-space:nowrap; color:#6f8992; font-weight:bold; }
.news_label { font-size:10px; margin-right:4px; padding:2px 3px; background:#6f8992; color:#FFF; }
table.solutions_table { vertical-align:top; margin-bottom:20px; line-height:1.6em; }
table.solutions_table td { vertical-align:top; padding:0 30px 0 0; }
table#benefits { border-collapse:collapse; background-color:#dee0e0; margin-bottom:30px; }
table#benefits h4 { text-align:left; margin:0; padding:0; }
table#benefits th { padding:10px 15px; border-bottom:1px solid #c8cccd; background-color:#efefef; }
table#benefits tr { margin:0; }
table#benefits td { margin:0; border-bottom:1px solid #c8cccd; padding:10px 15px; }
#primary .paginate ul { margin:0; padding:0; position:relative; }
#primary .paginate ul li { margin:0; list-style:none; display:inline; }
#primary .paginate ul li.previous { float:left; }
#primary .paginate ul li.next { float:right; }
#primary .paginate ul li.page-total { color:#6f8992; font-size:11px; float:left; position:absolute; left:48%; }
p.papers { padding:10px 0; border-top:1px solid #cccfd0; }

#primary ul.customers, #primary ul.customers li{ border:0; list-style: none; padding:0; margin:0; }
#primary ul.customers {width: 700px}
ul.customers li {position: relative; float: left; width: 140; height: 70;}
ul.customers li img.a {position: absolute; 	z-index: 10;}
#customers h3 {border-top: #CCCFD0 1px solid;border-bottom: #CCCFD0 1px solid; background: #e4e4e4; padding: 8px 16px; margin-top: 20px; font-size: 12px; text-transform: uppercase;}
.customer_quotes {height: 100px;}
.customer_quotes blockquote {background: none; padding: 16px 16px; margin: 0; border: none;}
.customer_quotes blockquote p {padding-bottom: 1em}

/*- Tags List -*/
.tags { font-size:11px; }
#primary .tags ul { margin:0; padding:0; }
#primary .tags ul li { list-style-type:none; }
.tags li { float:left; line-height:16px; padding:0 4px 4px 0; }
.tags li a { background:url(/images/interface/tags-bgr.gif) no-repeat left; color:#ffffff; display:block; float:left; padding:0 0 0 6px; text-decoration:none; }
.tags li a span { background:url(/images/interface/tags-bgr.gif) no-repeat right; display:block; float:left; height:16px; padding:0 6px 0 0; }
.tags li a:hover,.tags.wbgr a:hover { cursor:pointer; text-decoration:none; }
.tags li a:hover { background:url(/images/interface/tags-bgr-orange.gif) no-repeat left; }
.tags li a:hover span { background:url(/images/interface/tags-bgr-orange.gif) no-repeat right; }
.tags li.active a,.tags li a:hover { background:url(/images/interface/tags-bgr-orange.gif) no-repeat left; }
.tags li.active a span,.tags li a:hover span { background:url(/images/interface/tags-bgr-orange.gif) no-repeat right; }
.tags_clear { margin-bottom:10px; }

/*=== Pics, Thumbs, Ads etc. ===*/
.pic01 { height:170px; margin:0 0 15px; overflow:hidden; }
.pic02 { width:217px; height:122px; margin:0 0 12px; overflow:hidden; }
.team_pic { height:180px; }
.partners .col4 img { border:1px solid #cccfd0; }
.partners_intro { clear:both; padding-top:30px; }
#primary .partner { float:left; border-top:1px #cccfd0 solid; padding-top:30px; margin-bottom:30px; }
#primary .partner img { float:left; }
#primary .partner h4 { float:right; width:480px; }
#primary .partner p,#primary .partner textarea { font-size:11px; line-height:16px; 
/*border: 1px solid red;*/
width:480px; float:right; padding:0; }

/*=== Forms ===*/
input.btn { background:#e96524; font-size:14px; font-weight:bold; border:0; margin:0; padding:4px 8px; color:#FFF; }
div.form { border:1px solid #cccfd0; background-color:#FFFFFF; margin:0 0 20px; padding:30px; }
div.form .field_group { clear:both; margin:0 0 10px; padding:6px 0 0; 
/*border-top: 1px solid #cccfd0;*/
overflow:hidden; }
div.form .field_group label { float:left; width:120px; padding:4px 0 0; vertical-align:middle; }
div.form .field_group .radio label { float:left; width:120px; padding:0 0 0 10px; }
#main div.form .field_group .radio ul li { width:300px; background:none; list-style-type:none; margin:0; padding:0; }
#main div.form .field_group .radio ul li input { border:none; margin-top:2px; float:left; }
div.form .field_group span.req { 
/* margin: 0 5px 0 5px; */
font-family:Baskerville, Georgia, serif; color:#e96524; font-size:16px; 
/* line-height: 1; */
}
div.form .field_group .field { float:left; width:500px; }
div.form .field_group .field input { padding:3px; font-size:14px; }
div.form .field_group .field textarea { padding:2px; font-size:12px; width:100%; }
div.form div.submit { clear:both; padding-left:120px; }

/*=== CSS3 Buttons ===*/

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none; }

.button {
  font-weight: bold;
  display: inline-block;
  padding: 0.5em 2em 0.55em;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  border: solid 1px #cccccc;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border: solid 1px #206cba;
  background-color: #2274c7;
  background: -webkit-gradient(linear, left top, left bottom, from(#4b95e0), to(#2274c7));
  background: -moz-linear-gradient(top, #4b95e0, #2274c7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b95e0', endColorstr='#2274c7');
  color: #e8f1f9; }
  .button:hover {
    text-decoration: none; }
  .button:active {
    position: relative;
    top: 1px; }
  .button:hover {
    background-color: #1e67b1;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e8ede), to(#1e67b1));
    background: -moz-linear-gradient(top, #3e8ede, #1e67b1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e8ede', endColorstr='#1e67b1'); }
  .button:active {
    background-color: #3e8ede;
    background: -webkit-gradient(linear, left top, left bottom, from(#2274c7), to(#3e8ede));
    background: -moz-linear-gradient(top, #2274c7, #3e8ede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2274c7', endColorstr='#3e8ede');
    color: #bcd5ee; }
		    
/*=== Footer ===*/
#footer { color:#49595f; font-size:12px; height:50px; margin:0 auto; width:960px; }
#footer a { color:#49595f; font-weight:bold; border-bottom:1px dotted #6a7f87; }
#footer a:hover { border-bottom:none; text-decoration:none; color:#29393f; }
#footer h4 { color:#6a7f87; font-size:12px; margin:0; }
#footer p { padding:0; font-size: 12px;}

/*- Footer Cols -*/
#footer .col { line-height:1.4em; border-right:1px solid #c8cccd; display:table-cell; display:block; float:left; height:auto!important; height:55px; margin:0 30px 0 0; min-height:55px; width:215px; }
#footer .col.last { border:0; margin:0; }
#footer small,#footer ul { font-size:11px; }
#page-bot { background:#dee0e0; height:1%; padding:22px 0; }

/*=== Misc. ===*/

/* If you don't want iOS and WinMobile to mobile-optimize the text for you
 j.mp/textsizeadjust  */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
.clearfix:before,.clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }