body{
	margin:0;
	padding:0;
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#473c35;
	background:#fff url('../images/bgr.gif') left top repeat-x;
}

img{border:0px;}
.brun{color:#473c35;}
.rouge{color:#d00d0d;}
a:focus { outline: none; }
a, a:visited {color:#d00d0d; text-decoration:underline;}
a:hover {color:#d00d0d; text-decoration:none;}
form{margin:0; padding:0;}

h1{font-family:'Trebuchet MS'; font-size:17px; font-weight:normal; color:#d00d0d; text-transform: uppercase; margin-top:-5px;}
h2{font-family:'Trebuchet MS'; font-size:16px; font-weight:normal; color:#d00d0d; margin-bottom:-10px;}

#comment {width:340px;}

.floatL {float:left;}
.floatR {float:right;}
.clear {clear:both; display: block;}

.content-image {
	display: block;
	float: left;
	border: 1px solid #EFEFEF;
	padding: 6px;
	margin: 0 10px 8px 0;
}

.content-image-r {
	display: block;
	float: right;
	border: 1px solid #EFEFEF;
	padding: 6px;
	margin: 0 0 8px 10px;
}

.content-image span, .content-image-r span {
	display: block;
	width: 100px;
	padding-top: 3px;
	text-align: center;
	font-size: 8pt;
	color: #685c54;
}

/* IMAGES avec overlay png */
.img {position:relative; display:block; }
.img.w122 { width:122px; height:83px; cursor:pointer;}
.img.w135 { width:135px; height:92px; cursor:pointer;}
.img.w190 { width:190px; height:115px;  cursor:pointer;}
.img.w250 { width:250px; height:83px; cursor:pointer;}
.img.w297 { width:297px; height:130px; text-decoration:none; cursor:pointer;}
.img.w587 { width:587px; height:153px; }
.img span.w122 { position:absolute; display:block; background:url('../images/img_ov_122.png') no-repeat; width:122px; height:83px; behavior: url('../javascripts/iepngfix.htc');}
.img span.w135 { position:absolute; display:block; background:url('../images/img_ov_135.png') no-repeat; width:135px; height:92px; behavior: url('../javascripts/iepngfix.htc');}
.img span.w190 { position:absolute; display:block; background:url('../images/img_ov_190.png') no-repeat; width:190px; height:115px; behavior: url('../javascripts/iepngfix.htc');}
.img span.w250 { position:absolute; display:block; background:url('../images/img_ov_250.png') no-repeat; width:250px; height:83px; behavior: url('../javascripts/iepngfix.htc');}
.img span.w297 { position:absolute; display:block; background:url('../images/img_ov_297.png') no-repeat; width:297px; height:130px; behavior: url('../javascripts/iepngfix.htc');}
.img span.w297v { position:absolute; display:block; background:url('../images/img_ov_297v.png') no-repeat; width:297px; height:130px; behavior: url('../javascripts/iepngfix.htc');}
.img .vign {position:absolute; float:right; width:297px; bottom:0; color:#fff; z-index:2; line-height:25px; text-align:right; right:20px; text-decoration:none; }
.img span.w587 { position:absolute; display:block; background:url('../images/img_ov_587.png') no-repeat; width:587px; height:153px; behavior: url('../javascripts/iepngfix.htc');}

#bgr{ position:absolute; width:100%; height:289px; top:283px; overflow: hidden; background:url('../images/brownBgr.jpg') center; z-index:-1; }
#container{ width:970px; margin:0 auto; padding:0; }


/** TOP **/
#topsubnav { position:relative; float:right; top:5px; line-height:22px; margin:0; padding:0; height:30px; }
#topsubnav ul{ float:left; margin:0; padding:0; list-style:none;}
#topsubnav ul li{float:left; margin-left:10px; padding:0; list-style:none; display:block; line-height:22px;}
#topsubnav a, #topsubnav a:visited {text-decoration:none; color:#473c35; }
#topsubnav a:hover, #topsubnav a:visited:hover {text-decoration:none; color:#d00d0d; }

/* JQTRANSLATE*/

.lang {list-style-type:none; margin:0; padding:0; }
#topsubnav .lang li {margin:0px; padding:0;}
.lang li a {width:26px; height:22px; margin:0; padding:0;}
.lang li a.en {float:left; display:block; background:url('../images/bt_en.gif') top;}
.lang li a.fr {float:left; display:block; background:url('../images/bt_fr.gif') top;}
.lang li a:hover, .lang li a:visited:hover, .lang li.active a {background-position:bottom;}
.lang li a span {display:none;}

.inputTop{ position:relative; width:160px; padding:4px; margin:0; color:#999999; background:url('../images/top_input.gif') repeat-x; border:0px; top:-1px;}
.submitTop{position:relative; width:26px; height:22px; background:url('../images/top_submit.gif') no-repeat; border:0; cursor:pointer; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
.submitTop { top:-3px; }
.inputTop { padding:5px 4px; border:0px; top:0px; }
}

#topnav{ position:relative; top:20px; width:970px;	height:40px; padding:0; border-bottom:1px solid #dedede; }
#topnav .logo{float:left;}
#topnav ul{ margin-top:12px; padding:0; list-style:none; float:right; }
#topnav ul li{display:inline; float:left; list-style:none; margin-right:50px; height:28px;}
#topnav ul li.last{margin-right:0;}
#topnav ul li a{ display: block; height: 28px; }
#topnav ul li a.what{ width: 91px; background: url('../images/topnav_what.gif') no-repeat top; }
#topnav ul li a.case{ width: 94px; background: url('../images/topnav_case.gif') no-repeat top; }
#topnav ul li a.meth{ width: 137px; background: url('../images/topnav_meth.gif') no-repeat top; }
#topnav ul li a.who{ width: 90px; background: url('../images/topnav_who.gif') no-repeat top; }

/* fr */
#topnav ul.fr li a.what{ width: 84px; background: url('../images/topnav_what_fr.gif') no-repeat top; }
#topnav ul.fr li a.case{ width: 106px; background: url('../images/topnav_case_fr.gif') no-repeat top; }
#topnav ul.fr li a.meth{ width: 110px; background: url('../images/topnav_meth_fr.gif') no-repeat top; }
#topnav ul.fr li a.who{ width: 137px; background: url('../images/topnav_who_fr.gif') no-repeat top; }


#topnav ul li a:hover, #topnav ul li a.selected,
#topnav ul.fr li a:hover, #topnav ul.fr li a.selected { background-position: bottom; }
#topnav ul li a span { display: none; }

/** MAIN DIVs **/

#colBig{ float:left; margin:0; padding:22px 0 0 0; width:650px; }
#sidebar{ float:left; margin:0; padding:22px 0 0 0; width:320px; }

#BoxCase ul li img.selected{
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	-khtml-opacity: 0.30;
	opacity: 0.30;
}

#colBigCon{ float:left;	margin:0; padding:22px 0 0 0;	width:708px; }
#sidebarCon{ float:left; margin:0; padding:22px 0 0 0; width:262px; }

#colCenter{ margin:0 auto; padding:22px 0 0 0; width:650px; }

/* MAIN */

#mainind{
	width:650px;
	padding:0;
	margin:0;
	height:auto !important;
	height:300px;
	min-height:300px;
	background:url('../images/main_ind_bgr.png') top no-repeat;
	behavior: url('../javascripts/iepngfix.htc');
}
#mainindcnt{
	margin:0 auto;
	padding:15px;
	width:610px;
	height:auto !important;
	height:300px;
	min-height:300px;
	text-align:justify;
}


#main{
	width:650px;
	padding:0;
	margin:0;
	height:auto !important;
	height:460px;
	min-height:460px;
	background:url('../images/main_bgr.png') top repeat-y;
	behavior: url('../javascripts/iepngfix.htc');
}
#maincnt{
	margin:0 auto;
	padding:10px 30px 10px 30px;
	width:590px;
	height:auto !important;
	height:460px;
	min-height:460px;
	text-align:justify;
	background:url('../images/main_bgrgrd.gif') center bottom no-repeat;
}
#maintop{
	width:650px;
	height:13px;
	background:url('../images/main_bgrtop.png') top repeat-y;
	behavior: url('../javascripts/iepngfix.htc');
}
#mainbot{
	width:650px;
	height:13px;
	background:url('../images/main_bgrbot.png') top repeat-y;
	behavior: url('../javascripts/iepngfix.htc');
}

#mainWhattop{
	width:650px;
	height:6px;
	background:url('../images/main_bgrtop.png') top repeat-y;
	behavior: url('../javascripts/iepngfix.htc');
}
#mainWhatbot{
	width:650px;
	height:6px;
	background:url('../images/main_bgrbot.png') bottom repeat-y;
	behavior: url('../javascripts/iepngfix.htc');
}

#mainWhat{
	width:650px;
	padding:0;
	margin:0;
	background:url('../images/main_bgr.png') bottom repeat-y;
	behavior: url('../javascripts/iepngfix.htc');
}

#mainWhatcnt{
	margin:0 auto;
	padding:0px 6px;
	width:638px;
	text-align:justify;
}

#maincon{
	width:708px;
	padding:0;
	margin:0;
	height:auto !important;
	height:300px;
	min-height:300px;
	background:url('../images/con_bot_bgr.png') top no-repeat;
	behavior: url('../javascripts/iepngfix.htc');
}
#mainconcnt{
	margin:0 auto;
	padding:30px;
	width:648px;
	height:auto !important;
	height:300px;
	min-height:300px;
	text-align:justify;
}



/** SECTION ACCUEIL **/

#IndTop{ width:640px; height:243px; margin:0; padding:5px; background:url('../images/ind_img_bgr.png') no-repeat; behavior: url('../javascripts/iepngfix.htc'); }
.img.wInd { width:628px; height:236px; margin:0 auto; }
.img span.wInd { position:absolute; display:block; background:url('../images/img_ov_ind.png') no-repeat; width:628px; height:236px; behavior: url('../javascripts/iepngfix.htc');}

#col1{float:left; width:190px; font-size:11px; }
#col2{float:left; width:190px; margin:0 19px; font-size:11px; }
#col3{float:left; width:190px; font-size:11px; }
#col1 .titre, #col2 .titre, #col3 .titre { font-size:20px; color:#d00d0d; margin:-10px 0 ; padding:0;}
a.more, a:visited.more {font-size:11px; color:#fff; background-color:#918b87; padding:3px 10px; text-decoration:none;}
a:hover.more {background-color:#59514b; }

/* PAD IMAGE */
#PadImg{ width:303px; height:176px; margin:0 0 0 15px; padding:5px 0; font-size:10px; text-align:right; }
#PadImg .titre{ font-size:16px; margin:0; padding:9px 6px 0 0;}
#PadImg .stitre{ margin:0; padding:5px 6px 0 0;}

/* BOX BLOG/NEWS */
#PadBlog{ width:315px; height:280px; margin:0 0 0 -6px; padding:0; font-size:11px; position: relative; }
#PadBlog .blocTitre {font-family:'Trebuchet MS'; width:289px; height:38px; margin:0px; padding:5px 10px 5px 20px; font-size:15px; line-height:26px; text-transform:uppercase; background:url('../images/box_blog_Btitre.png') no-repeat; behavior: url('../javascripts/iepngfix.htc'); }
#PadBlog .blocTitre span a {float:right; font-size:10px; text-transform:none; color:#473c35; }
#PadBlog .blocTitre span a:hover, #PadBlog .blocTitre span a:visited:hover { text-decoration:underline; color:#d00d0d; }
#PadBlog .titre {width:278px; height:21px; margin-left:21px; padding:4px 10px; background:url('../images/box_blog_titre.png') no-repeat; behavior: url('../javascripts/iepngfix.htc');}
#PadBlog .titre span {float:right; font-size:10px; text-transform:none; line-height:16px; }
#PadBlog .texte {color:#fff; width:287px; margin:0; padding:0 0 0 31px; text-align:justify;}
#PadBlog .lien  {position:relative; float:right; font-size:11px; color:#fff; }
#PadBlog .texte a, #PadBlog .texte a:visited {color:#fff;}

/* FREE EVALUATION */
a.evaluation-link,
a.evaluation-link:visited {
	display: block;
	background: transparent url(../images/btn_project.png) no-repeat;
	behavior: url('../javascripts/iepngfix.htc');
	width: 263px;
	height: 43px;
	line-height: 42px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	margin: 20px 0 0 20px;
	cursor: pointer;
}

a.evaluation-link:hover {
	color: #FFF;
	text-decoration: underline;
}

/* fr */
a.evaluation-link-fr,
a.evaluation-link-fr:visited {
	font-size: 8pt;
}

/** SECTION WHAT WE DO **/

#accordion a.head {outline:none; font-family:'Trebuchet MS'; font-size:17px; color:#fff; text-decoration:none; font-weight:normal; text-transform:uppercase; }
#accordion a.head {display:block; padding:0px 20px; background:#29201e; margin:0px; background:url('../images/what_head_bgr.gif') repeat-x; height:40px; line-height:40px; }
#accordion p {margin:0; padding:0px 20px 15px 20px;}
#accordion a.head.ui-state-active {color:#d00d0d; background:#fff;}
#accordion .ui-accordion-content p { height: auto !important; height: 369px; min-height: 369px; }

.field-content-img {
	float: left;
	margin: 0px 12px 10px 0px;
}

/* PAD BRUN */
#PadBrun{ width:269px; height:152px; margin:0 0 0 10px; padding:20px; color:#fff; line-height:17px; text-align:justify; background:url('../images/pad_brun.png') top no-repeat; behavior: url('../javascripts/iepngfix.htc'); }
#PadBrun .titre{ font-family:'Trebuchet MS'; margin-bottom:-5px; font-size:16px; font-weight:normal; text-transform: uppercase; }
#PadBrun .stitre{ color:#473c35; font-size:16px; font-weight:normal; text-align:right; margin:0; padding:20px 0px; }

/* BOX GALLERY */
#PadGallery{ width:324px; height:263px; margin:0 0 0 -6px; padding:0; background: url('../images/padgallery_bgr.png') right no-repeat; behavior: url('../javascripts/iepngfix.htc'); }
#PadGallery .titre {font-family:'Trebuchet MS'; margin:0; padding:15px 0px 5px 20px; font-size:15px; text-transform:uppercase; }
#PadGallery ul {margin:0px 0px 10px 15px; padding:0; list-style:none; width:300px; }
#PadGallery ul li{list-style:none; float:left; margin:5px; }
#PadGallery ul li a { text-decoration: none; }

#PadGallery span.name {
	position: absolute;
	display: none;
	z-index: 5000;
	font-size: 8pt;
	color:#FFF;
	padding: 10px;
	text-align: center;
}

#PadGallery a:hover span.name {
	display: block;
}

#PadGallery a.img:hover span.w135 {
	background-color: #443c37;
}



/** SECTION CASE STUDIES **/

#BoxCase{ width:309px; height:604px; margin:0; padding:0; color:#fff; background:url('../images/box_brun.png') no-repeat; behavior: url('../javascripts/iepngfix.htc'); }
#BoxCase .titre{ margin:0; padding:15px 0 10px 22px; font-family:'Trebuchet MS'; font-size:14px; font-weight:normal; text-transform: uppercase; }
#BoxCase ul{margin:0 auto; padding:0px; list-style:none; width:265px; }
#BoxCase ul li {margin:0 0 8px 0; padding:10px 8px; font-size:11px; color:#473c35; background: transparent url('../images/box_brun_li.gif') left no-repeat; width:265px; height:100px; }
#BoxCase ul li a{background:transparent; }
#BoxCase .texte {line-height:22px;}
#Cases {margin:0 auto; padding: 0;}
#Cases ul {margin-left: 22px;}

#up { position:relative; width:15px; height:11px; margin:0 auto 5px auto; padding:0; background:url('../images/box_brun_up.gif') top no-repeat; cursor:pointer;}
#down { position:relative; width:15px; height:11px; margin:5px auto 0 auto; padding:0; background:url('../images/box_brun_down.gif') top no-repeat; cursor:pointer;}
#up:hover, #down:hover {background-position:bottom;}
#up span, #down span {display:none;}



/** SECTION METHODOLOGY **/

#BoxMeth{ width:309px; height:506px; margin:0; padding:0; background:url('../images/box_meth.png') no-repeat; behavior: url('../javascripts/iepngfix.htc');}
#BoxMeth ul{margin:0 auto; padding:25px 0px; list-style:none; width:280px; }
#BoxMeth ul li {display:block; margin:0 0 16px 0; padding:0; font-size:11px; color:#473c35; width:277px; height:49px; text-align:center; }
#BoxMeth ul li a {display:block; margin:0; padding:0; text-decoration:none; color:#473c35; height:49px; background:url('../images/box_meth_li.gif') 0 0; }
#BoxMeth ul li a:hover { margin:0; padding:0; text-decoration:none; background:url('../images/box_meth_li.gif') 0 98px; }
#BoxMeth ul li a span.texte { display:table-cell; height:49px; padding-left:40px; width:210px; line-height:15px; vertical-align:middle; }
#BoxMeth ul li a span.num{font-size:16px; float:left; width:32px; line-height:47px; display:block; margin-right:-32px;}
#BoxMeth ul li a:hover span.num {color:#fff;}
#BoxMeth ul li a.on {display:block; text-decoration:none; background:url('../images/box_meth_li.gif') 0 49px; }
#BoxMeth ul li a.on span.num {color:#fff;}



/** SECTION WHO WE ARE **/

#BoxTab{ width:310px; height:426px; margin:0 0 0 8px; padding:0; font-size:11px;  background:url('../images/box_tab.png') bottom no-repeat; behavior: url('../javascripts/iepngfix.htc'); }

#Tab ul {margin:0px; padding:6px; list-style:none; font-family:'Trebuchet MS'; font-size:14px;}
#Tab ul li{float:left; display:block; list-style:none; width:149px; height:40px; padding:0; margin:0; text-align:center; line-height:40px; }
#Tab ul li a{display:block; color:#473c35;}
#Tab ul li.tab1 a{text-decoration:none; background:url('../images/box_tab1.gif') top no-repeat;}
#Tab ul li.tab2 a{text-decoration:none; background:url('../images/box_tab2.gif') top no-repeat;}
#Tab ul li a:hover {cursor:pointer;}

#BoxTabContent { margin:15px auto 0 auto; width:260px; text-align:justify; }
#Tab1 .titre, #Tab2 .titre{color:#d00d0d; margin-bottom:-5px; }


/** SECTION CONTACT **/
#ContactTop { width:708px; height:322px; margin:6px 0 0 0; padding:0; background:url('../images/con_top_bgr.png') bottom no-repeat; behavior: url('../javascripts/iepngfix.htc'); }
#ContactTop .carte { width:684px; height:310px; margin:0 auto;}

#PadBrunCon{ width:221px; height:168px; margin:0 0 0 15px; padding:11px 0px 0 25px; color:#fff; text-align:justify; background:url('../images/con_pad_brun.png') top no-repeat; behavior: url('../javascripts/iepngfix.htc'); }
#PadBrunCon .titre{font-size:15px; margin-bottom:-8px;}
#PadBrunCon p{text-align:left; font-size:11px; letter-spacing:.15em; line-height:15px; }
#PadBrunCon p.sec {margin-top:28px;}

#SideBarContact {width:236px; height:289px; margin:0 0 0 19px; padding:0; }
#SideBarContact ul {margin:0; padding:0; list-style:none;}
#SideBarContact ul li {display:block; margin:0; padding:0; list-style:none; font-family:'Trebuchet MS';}
#SideBarContact ul li a{display:block; height:42px; text-decoration:none; text-transform:uppercase; color:#473c35; padding-left:37px; }
#SideBarContact ul li a.job{display:block; height:54px; margin-top:77px; }
#SideBarContact ul li a.twitter {margin-top: 20px; height: 54px; padding-left: 42px;}
#SideBarContact ul li a:hover{background-position:bottom; color:#d00d0d;}
#SideBarContact ul li a:hover.job{background-position:bottom; color:#d00d0d;}
.linkedintop {background:url('../images/btn_linkedin_top.gif') top no-repeat; line-height:46px;}
.linkedin {background:url('../images/btn_linkedin.gif') top no-repeat; line-height:42px;}
.twitter {background:url('../images/btn_twitter.gif') top no-repeat; line-height:54px;}
.job {background:url('../images/btn_job.gif') top no-repeat; line-height:58px;}

/** SECTION JOBS **/

#JobDesc ul {margin:0; padding-left:30px;}
#JobDesc ul li {margin-bottom:8px;}

/* PAD BRUN */
#PadBrunJob{ width:269px; height:165px; margin:0 0 0 10px; padding:10px 20px; color:#fff; line-height:17px; text-align:justify; background:url('../images/pad_brun_job.png') top no-repeat; behavior: url('../javascripts/iepngfix.htc'); }
#PadBrunJob p {text-align:justify; line-height:16px; }
#PadBrunJob a, #PadBrunJob a:visited {color:#fff; text-decoration:underline;}
#PadBrunJob a:hover, #PadBrunJob a:visited:hover {color:#fff; text-decoration:none;}

#BoxJob {width:307px; margin:0; padding:0 0 0 10px;}
#BoxJob ul {margin:0; padding:0; list-style:none;}
#BoxJob ul li {list-style:none; margin:0; padding:20px; height:75px; background:url('../images/box_job.png') top repeat-y; behavior: url('../javascripts/iepngfix.htc');}
#BoxJob ul li a.titre, #BoxJob ul li a:visited.titre{ display:block; font-family:'Trebuchet MS'; font-size:14px; color:#d00d0d; height:40px; text-decoration:none;}
#BoxJob ul li a:hover.titre, #BoxJob ul li a:visited:hover.titre { text-decoration:underline;}
#BoxJob ul li .texte{ font-size:11px; line-height:18px; }



/** FOOTER **/

#footer{
	float:left;
	width:957px;
	height:70px;
	margin:0px;
	padding:60px 0 0 0;
	font-size:0.8em;
	background:url('../images/footer.png') center top no-repeat;
	behavior: url('../javascripts/iepngfix.htc');
}
#footer .logos{float:left; }
#footer .copy{float:right; text-align:right; line-height:15px;}
#footer .copy a, #footer .copy a:visited {color:#473c35; text-decoration:underline;}
#footer .copy a:hover, #footer .copy a:visited:hover {color:#d00d0d; text-decoration:underline;}