/*
 *		Copyright (C)2010 essencedesign
 *		http://www.essencedesign.ch
 *
 *		11 August 2010
 *		Yan Stricker
 *
**/


/* ---------------------------------------------------------------------------------------------------- */
/* 						reset - default 																*/
/* ---------------------------------------------------------------------------------------------------- */

* {						margin:0;padding:0;} 

html, body{				margin:0; padding:0; padding-bottom:0;
						font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,"Georgia","Times New Roman","Times",serif; font-style: normal; font-weight: 500; 
						font-size:12px; color:#000; line-height:16px;}

th, td {				border:none; padding:0; vertical-align:top;}
table{ 					margin-bottom:0;}
						 
a:active, a:visited, a:Link{
						-webkit-transition:color 300ms ease-in; /* Chrome ou Safari */ -moz-transition:color 300ms ease-in; /* firefox */ -o-cn:color 300ms ease-in; /* Opéra */ transition:color 300ms ease-in; /* others */
						color:#000000; text-decoration:none;}
a:Hover{				color:#838383;}
		

hr{ 					height:1px; width:100%; color:#000; background:#000; border:none; }

.hr{					position:relative; clear:both; display:block; background:url(../img/00_dft/hr.gif); background-repeat:repeat-x; width:auto; height:2px; margin:8px 0px 8px 0px;}
.hr-alt{ 				position:relative; clear:both; display:block; background:url(../img/00_dft/hr_altern.gif); background-repeat:repeat-x; width:100%; height:1px; margin:3px 0px 4px 0px;}

img{					border:none;}

input{					height:17px; margin:0; padding: 2px 2px 1px; background:#FFF; border:none;
						font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,"Georgia","Times New Roman","Times",serif; font-style: normal; font-weight: 500; font-size:1em; color:#000; }
						
textarea{				height:auto; padding:3px 3px 0 3px; background:#FFF; border:none;
						font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,"Georgia","Times New Roman","Times",serif; font-style: normal; font-weight: 500; font-size:1em; color:#000;}

.btn{					height:23px; margin:0; padding:2px; background:#fff url(../img/00_dft/btn_bg.gif); border:1px solid #c0c0c0;
						font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,"Georgia","Times New Roman","Times",serif; font-style: normal; font-weight: 500; font-size:0.9em; color:#000; }
		  
select{					height:22px; padding:2px 3px 0 3px; margin:1px; background:#fff; 
						border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-right:1px solid #c0c0c0;
						font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,"Georgia","Times New Roman","Times",serif; font-style: normal; font-weight: 500; font-size:1em; color:#000; }

.cbx{					background:transparent; border:none;}

input[type=radio]{ 		width:13px; height:13px; margin:3px 3px 0px 5px; padding:0 !important; cursor:default;
						-moz-appearance:radio; -moz-binding:none; -moz-border-radius:100% !important; background:transparent; border:none;}
.radio label,
label.radio{			cursor:pointer;}

.rdo{					width:13px; height:13px; margin:3px 3px 0px 5px; padding:0 !important; cursor:default;
						-moz-appearance:radio; -moz-binding:none; -moz-border-radius:100% !important; background:transparent; border:none;}
									 
fieldset{				border:1px solid #000; margin:5px 0px 5px 0px; padding:5px 10px 10px 10px;}	
legend{					font-size:12px; font-weight:bold;}


/* Float containers fix */ 
.cf:after{				content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cf{					display:inline-block;}
/* Hides from IE-mac \*/
* html .cf{				height:1%;}
.cf{					display:block;}
/* End hide from IE-mac */ 


p{						margin:0px 0 13px 0; font-size: 1em; line-height: 1.2em;}

ul li{					list-style:none;}

.dflt{					width:auto; height:auto;}
.hidden {          	  	display: none;}
.hide{					visibility:hidden;}
.show{					visibility:visible;}
.fll{					float:left;}
.flr{					float:right;}
.b{						font-weight:bold;}
.i{						font-style:italic;}
.uc{					text-transform:uppercase;}
.brd{					border:1px solid #000;}
.nobrd{					border:none; border:transparent;}


.opaque {               opacity: 0;}

.clear{					display:block; clear:both;}
.break{					clear:both; height:1px; line-height:1px; font-size:1px;}




.br-s{					height:8px; width:auto;}
.br-m{					height:16px; width:auto;}
.br-l{					height:28px; width:auto;}

.red{					color:#db2f36;}
.green{ 				color:#5a8e22;}
.blue{					color:#274884;}

h1{						font-family: ff-meta-serif-sc-web-pro-1,ff-meta-serif-sc-web-pro-2,serif; font-style: normal; font-weight: 500; font-size:2.2em; text-transform:lowercase; line-height:1.6em; color:#000; margin:0;}
h2{						font-size:1.6em; line-height:1.6em; font-weight:normal; color:#000; text-transform:none; margin:0;}
h3{						font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,"Georgia","Times New Roman","Times",serif; font-style: normal; font-weight: 700; font-size:1.2em; line-height:1.2em; color:#000; text-transform:none; margin:0;}
h4{						font-size:1.2em; line-height:1.2em; font-weight:normal; color:#000; text-transform:none; margin:0;}
h5{						font-size:1.6em; line-height:1em; font-weight:normal; color:#000; text-transform:none; margin:0;}
h6{						font-size:1.3em; line-height:1.3em; font-weight:normal; color:#000; text-transform:none; margin:0;}

/*
0.8em = 10px
0.9em = 11px
1.0em = 12px
1.1em = 13px
1.2em = 14px
1.4em = 15px
1.7em = 20px
2.3em = 24px
*/

/* ---------------------------------------------------------------------------------------------------- */
/* Buttons */
/* ---------------------------------------------------------------------------------------------------- */


.btn-img{ 				width:auto; height:31px; cursor:pointer;}
.btn-img .btn-left{ 	float:left; width:14px; height:31px; background:url(../img/06_btn/btn1/btn_left.png) left top no-repeat;}
.btn-img .btn-cntr{		float:left; width:auto; height:31px; padding:0 2px 0 4px;  background:url(../img/06_btn/btn1/btn_center.png) center top repeat-x; 
						font-size:1em; line-height:31px; color:#000; text-align:center; vertical-align:middle; white-space:nowrap;}
.btn-img .btn-right{ 	float:left; width:14px; height:31px; background:url(../img/06_btn/btn1/btn_right.png) no-repeat;}

a .btn-cntr:Link, a .btn-cntr:active, a .btn-cntr:visited{ 
						font-size:1em; font-weight:normal; color:#000; text-decoration:none;}
a .btn-cntr:hover{ color:#838383; text-decoration:none;}

.arw-r .btn-right{ 		width:24px; background:url(../img/06_btn/btn1/img/btn_right_arw_01.png) no-repeat;}
.video .btn-left{ 		width:31px; background:url(../img/06_btn/btn1/img/btn_left_video.png) no-repeat;}



/* ---------------------------------------------------------------------------------------------------- */
/* Cadre */
/* ---------------------------------------------------------------------------------------------------- */


body{					background:#FFF;}


/* ---------------------------------------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------------------------------------- */

#hd{					position:relative; width:100%; left:0; top:0; position: fixed; z-index: 9999; background:#FFF;}
#hd-cnt{				position:relative; width:954px; height:132px; text-align:left; border-bottom:1px solid #000;}
#hd-logo{				position:absolute; top:24px; left:0px; width: 300px; background:url(../img/01_hdr/hdr_logo_b_s.png) no-repeat;}
#hd-logo img{			width:50px; height:50px;}
#hd-logo a{				display:block; width:300px; height:50px;}

#hd-nav{				position:absolute; top:35px; left:486px; width:auto; height:auto; z-index:1000;}
#hd-nav li{				margin-bottom:0; height:16px; width:228px; cursor:pointer;}
#hd-nav li a{			font-family: ff-meta-serif-sc-web-pro-1,ff-meta-serif-sc-web-pro-2,serif; font-style:normal; font-weight: 500; font-size:1.3em; color:#838383; text-transform:lowercase; display:block;}
#hd-nav li a:hover{		color:#000;}
#hd-nav li a.active{	color:#000;}
#hd-nav li span{		visibility:hidden;}

ul#lang-bar {			visibility: hidden;}

.nav-about_us{			background:url(../img/02_nav/nav_s_b.png) no-repeat 0 0;}
.nav-about_us:hover,
.nav-about_us.active{	background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -140px;}

.en .nav-about_us{		background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -20;}
.en .nav-about_us:hover,
.en .nav-about_us.active{background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -160px;}

.nav-news{				background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -40px;}
.nav-news:hover,
.nav-news.active{		background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -180px;}

.nav-case_studies{		background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -60px;}
.nav-case_studies:hover,
.nav-case_studies.active{background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -200px;}

.en .nav-case_studies{	background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -80px;}
.en .nav-case_studies:hover,
.en .nav-case_studies.active{background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -220px;}

.nav-portfolio{			background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -100px;}
.nav-portfolio:hover,
.nav-portfolio.active{	background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -240px;}

.nav-contact{			background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -120px;}
.nav-contact:hover,
.nav-contact.active{	background:url(../img/02_nav/nav_s_b.png) no-repeat 0 -260px;}


/* Languages */
#hd-lng{				position:absolute; top:36px; right:-5px; 
						font-size:0.8em; color:#838383; }
#hd-lng li{				float:left; border-right: 1px solid #838383;}
#hd-lng li:last-child{	float:left; border-right:none;}
#hd-lng li.last{	    border-right:none;}

#hd-lng a:Link, #hd-lng a:active, #hd-lng a:visited{	
						color:#838383; text-decoration:none; padding:1px 4px 0px 4px;}
#hd-lng a:Hover{ 		color:#000;}
#hd-lng div.active{		color:#000; padding: 0 4px;  cursor: default;}


/* ---------------------------------------------------------------------------------------------------- */
/* Content
/* ---------------------------------------------------------------------------------------------------- */

#bd{					position:relative; width:954px; text-align:left; min-height:400px;  padding-top: 132px;
						/*font-family:Georgia, "Times New Roman", Times, serif; font-size:1em;*/}

#bd li{					display:inline-block; float:left; }

#bd li.col-une{			width:954px; margin-right:18px; text-align:left; margin-right:0 !important;}

#bd li.col-deux{		width:468px; margin-right:18px; text-align:left;}
#bd li.col-deux.last{	margin-right:0 !important;}

#bd li.col-deux-tiers{	width:630px; margin-right:18px; text-align:left;}

#bd li.col-trois, 
#bd div.col-trois{		width:306px; margin-right:18px; margin-bottom: 12px; text-align:left;}
#bd li.col-trois.last, 
#bd div.col-trois.last{	margin-right:0 !important;}
#bd div.col-trois{      float: left;}

#bd li.col-quatre{		width:225px; margin-right:18px; margin-bottom: 12px; text-align:left;}
#bd li.col-quatre.last{	margin-right:0 !important;}
#bd li.col-quatre a{	display:block;}

#bd li.col-six{			width:144px; margin-right:18px; margin-bottom: 12px; text-align:left;}
#bd li.col-six.last{	margin-right:0 !important;}

		
#bd .list,
#bd .list li{			display:block; clear:both;}

.lnk {					background: url("../img/05_icn/picto_bullet_b_s.png") no-repeat scroll 3px 4px transparent; display: block; text-indent:16px;}


.cnt-art{				}
.cnt-art-main{			float:left; width:710px; margin-right:18px; width:648px; margin-right:0;}
.cnt-art-main .col{		width:346px;  margin-right:18px; text-align:left; display:inline-block; float:left;}
.cnt-art-main .col.last{margin-right:0 !important;}
.col-art-cntxt{			width:225px; width:306px; float:left;}
.cnt-art-cntxt .col{ 	text-align:left;}
.col-art-cntxt a{		}
.col-art-cntxt a:hover{	}

.col-art-cntxt li{		display:block; clear:both; margin-bottom:0.2em;}



.cnt-blog{				}
.cnt-blog-main{			float:left; width:630px; margin-right:18px;}
.cnt-blog-main .col{	text-align:left; display:inline-block; float:left;}
.cnt-blog-main .col.last{margin-right:0 !important;}
.cnt-blog-main .dte{	font-size:1.2em; line-height:1.4em; margin-bottom:0;}

.col-blog-cntxt{		width:306px; float:left;}
.cnt-blog-cntxt .col{ 	text-align:left;}


.col-blog-cntxt li{		display:block; clear:both; margin-bottom:16px;}
.col-blog-cntxt .dte{	margin-bottom:2px;}


/* ---------------------------------------------------------------------------------------------------- */
/* Home */
/* ---------------------------------------------------------------------------------------------------- */


#hm01 h1{				height:34px; margin-bottom:16px; padding-bottom:-2px; border-bottom:1px solid #000; line-height:1.3em;}
#hm01 h3{				margin-bottom:6px; /*padding-bottom:-2px; border-bottom:1px solid #000; line-height:1.3em;*/}


.hm-section{			position:relative; margin-bottom: 32px;}
.hm-section.last{		margin-bottom:0 !important;}
.hm-anchor{				position:absolute; margin-top: -132px;}

#hm-teaser{				background:#000; position: relative; margin-bottom:48px;overflow: hidden;height: 490px;}
.hm-teaser-label{		position:absolute; width:456px; height:60px;  margin-top:406px; padding: 12px 12px 12px 486px; background:url(../img/03_cnt/home/hm_case_label_bg.png); z-index: 1;
						font-size:1.1em;  line-height: 1.2em; color:#FFF;}
#hm01 .hm-teaser-label h1{color:#FFF; border-bottom:none; margin-bottom:3px;}
#hm-teaser a{			display:block;}


#hm-teaser .img-over{	position:absolute; width:954px; height:490px; background:#000; opacity:0; filter: alpha(opacity=0); cursor:pointer;
						-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
#hm-teaser .img-over:hover{opacity: 0.2; filter: Progid:DXImageTransform.Microsoft.BasicImage(opacity=20);}


/* Slider */
#hm01 .slide-proof{ 	position: absolute;top: 0;left: 0;}
#hm01 #next-slide, 
#hm01 #prev-slide{		position:absolute; display:block; width:119px; height:97px; margin-top:-20px;  top:40%; cursor:pointer;  z-index: 1001; }
#hm01 #prev-slide{		left: 0; background:url(../js/prettyPhoto/themes/essence/btnPrevious.png) no-repeat 0 34px;}
#hm01 #next-slide{		right:0; background:url(../js/prettyPhoto/themes/essence/btnNext.png) no-repeat 34px 34px;}
#hm01 #prev-slide:hover{background:url(../js/prettyPhoto/themes/essence/btnPrevious-over.png) no-repeat 0 34px;}
#hm01 #next-slide:hover{background:url(../js/prettyPhoto/themes/essence/btnNext-over.png) no-repeat 34px 34px;}



#hm-about{				margin-bottom:48px;}

#hm-jobs{				margin-top:24px;}
#hm-jobs h2{			height:22px; line-height:1.2em; margin-bottom: 16px; padding-bottom: 4px; border-bottom:1px solid #000;}

#hm-news{				margin-bottom:38px;}
#bd #hm-news li.col-trois{	text-align:left;}
#hm-news .dte{			font-size:1em; margin-bottom:2px;}
#hm-news h3{			font-size:1.2em; line-height:1em; text-transform:none; text-align:left;}
#hm-news h3 a{			text-decoration:none; display:block;}
#hm-news h3 a:hover{	}
#hm-news .news-item {   margin: 0 27px 12px 0; }

#hm-case{				margin-bottom:36px;}
#hm-case h1{			margin-bottom:22px; padding-top: 2px;}
#hm-case img{			width:306px; height:190px; display: block;}
#hm-case .img-over{		position:absolute; width:306px; height:190px;  background:#000; opacity:0; filter: alpha(opacity=0); cursor:pointer;
						-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
#hm-case .img-over:hover{opacity: 0.6; filter: Progid:DXImageTransform.Microsoft.BasicImage(opacity=60);}
#hm-case div.hidden-case {   overflow: hidden; width: 306px; position:relative; margin: 0 0 8px;}
#hm-case .popable{		bottom: -32px; position: absolute; width:306px; height:32px; }
#hm-case .popable h3 {	top: 0; left: 0; margin: 0; position: absolute; line-height:2.4em; text-indent:12px; color:#FFF;}
#hm-case .popable div.hm-case-labelbackground { position: absolute; width: 100%; height: 100%; top: 0; left: 0;
						background-color: #000; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.6;}

#hm-portfolio{			margin-bottom:70px;}
#hm-portfolio h1{		margin-bottom:22px; padding-top: 2px;}
#hm-portfolio img{		margin:0px 0 2px; }
#hm-portfolio .img-over{position:absolute; width:144px; height:89px; background:#000; opacity:0; filter: alpha(opacity=0); cursor:pointer;
						-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
#hm-portfolio .img-over:hover{opacity: 0.6; filter: Progid:DXImageTransform.Microsoft.BasicImage(opacity=60);}
#hm-portfolio h6{		position:absolute; width:144px; height:21px; margin-top:68px; background:url(../img/03_cnt/home/hm_case_label_bg.png); color:#FFF; line-height:22px; text-indent:8px; z-index: 1;}




#hm-references{			margin-top:24px;}
#hm-references h2{		height:22px; line-height:1.2em; margin-bottom: 2px; padding-bottom: 4px; border-bottom:1px solid #000;}

#hm-references div.logo-cnt{ position: relative; overflow: hidden; width:100%; height:80px; }
#hm-references div.logo-cnt div.logo-slider { position:absolute; left: 0px; width:5124px;}
#hm-references img{		display: inline; margin: 0; float: left;}

#hm-references img.last{margin-right:0 !important;}

body.small img.medium, body.small img.large { display: none !important;}
body.medium img.small, body.medium img.large { display: none !important;}
body.large img.small, body.large img.medium { display: none !important;}



/* ---------------------------------------------------------------------------------------------------- */
/* Page
/* ---------------------------------------------------------------------------------------------------- */


#pg01 h1{					margin-bottom:16px; padding-bottom:-2px; border-bottom:1px solid #000; line-height:1.3em;}
#pg01 h2{					margin-bottom:8px; margin-top:0;}
#pg01 h3{					padding-bottom:3px;}

#pg01 .col-art-cntxt h5, 
#pg01 .col-blog-cntxt h5{	margin-bottom: 11px; padding-bottom: 5px; padding-top: 10px; border-bottom:1px solid #000;}

#pg01 #pg-teaser{			position:relative; height:490px; margin-bottom:32px;}
#pg01 #pg-teaser img{		}
#pg01 .pg-teaser-label{		position:absolute; width: 930px; height:auto; bottom:0; padding: 12px 12px 8px 18px; background:url(../img/03_cnt/home/hm_case_label_bg.png);
							font-size:1.1em;  line-height: 1.5em; color:#FFF;}
#pg01 #pg-teaser h1{		margin-bottom:0;}					

#cnt.portfolio{				margin-bottom:33px;}
#cnt.portfolio h1{			margin-bottom:32px; padding-top:2px;}
#cnt.portfolio img{			margin:0px 0 2px;}
#cnt.portfolio div.hidden{	overflow: hidden; width:306px; position:relative; margin:0px 0 4px;}
#cnt.portfolio .popable{	bottom: -32px; position: absolute; width:306px; height:32px; }
#cnt.portfolio .popable h3{	top:0; left:0; margin:0; position:absolute; line-height:1.8em; text-indent:8px; color:#FFF;}
#cnt.portfolio .popable div.pg-case-labelbackground { position:absolute; width:100%; height:100%; top:0; left:0;
							background-color: #000; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.6;}

#cnt.portfolio .cnt { 		position: relative;margin: 0 auto; min-height: 500px;}
#cnt.portfolio .item{ 		position:relative; /*width:225px;*/ padding-bottom: 8px; margin-bottom:28px; text-align:left; border-bottom:1px solid #000; }

#cnt.portfolio .img{		background:#000; margin:-1px; z-index:9;}
#cnt.portfolio .item img{	display: block; margin: 0;  border: 1px solid #F0F0F0; opacity:1; filter: alpha(opacity=100); cursor:pointer; z-index:10;
							-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
#cnt.portfolio img:hover{	opacity: 0.4; filter: alpha(opacity=40);}

#cnt.portfolio .item h3{	margin-top:12px; margin-bottom: 1px; font-size:1em; line-height:1em;}
#cnt.portfolio .lnk{		}
#cnt.portfolio .item ul li {float: none; }

#cnt.portfolio .filters{	position:absolute; top:227px; right:0;float:right; margin-top: -32px; border-right: 1px solid #000000; z-index:999;}
#cnt.portfolio .filters li{ display:block;}
#cnt.portfolio .filters li a{border-left: 1px solid #000000; padding: 0 10px;}
#cnt.portfolio .filters a.active{background:#f4f4f4;}






/* News */

#pg01.news .col-blog-cntxt{	position:absolute; right:0; top:131px;}
#pg01.news .itm{			border-bottom:1px solid #000; padding: 12px 0 6px; margin: 0 0 12px;}

#pg01.news .itm.highlighted-news{	background:#F4F4F4;}

#pg01.news .year-filter{	display: block; margin: 11px 0 20px; }	
#pg01.news .year-filter li a{border-left: 1px solid #000000; padding: 0 4px 0 5px; }
#pg01.news .year-filter a.active{background:#f4f4f4;}

#pg01.news a.prev-page{		float:left; height:24px; width: 24px; padding-top: 2px; background: url(../img/05_icn/arw-left-s.png) no-repeat; text-align: center;}
#pg01.news a.next-page{		float:right; height:24px; width: 24px;  padding-top: 2px; background: url(../img/05_icn/arw-right-s.png) no-repeat; text-align: center;}

#pg01.news .news-img{		margin:12px 0;}


/* Case Studies */

#pg01 .case-studies h1{		border:none;}

#pg01 .case-studies .cnt-art{margin-bottom:24px;}

#pg01 .case-studies .col-art-cntxt h5{margin-bottom:10px; padding-bottom: 7px; padding-top: 5px; border-bottom:1px solid #f6f6f6;}
#pg01 .cs-list h5{ 			margin-bottom: 18px; padding-bottom: 7px; padding-top: 5px; border-bottom:1px solid #f6f6f6;}

#pg01 .case-studies .cnt-art-main{width:648px; margin-right:0;}
#pg01 .case-studies .col-art-cntxt{	width:306px;}

#pg01 .case-studies .col-art-cntxt li.empty{	height:12px;}

#pg01 .cs-list ul{			margin-bottom:12px;}
#pg01 .cs-list a:hover{		}

#pg01 .cs-list .lnk{		padding:4px 0 4px; margin-bottom:8px; color:#727272; font-weight:700; background: url("../img/05_icn/picto_bullet_g_s.png") no-repeat scroll 3px 7px transparent;}
#pg01 .cs-list .jobs{		text-indent:0; padding-left:16px; margin-top:2px; font-weight: 500; font-size:11px; color:#626262;}

#pg01 .cs-list a.lnk{		color:#f6f6f6; background: url("../img/05_icn/picto_bullet_w_s.png") no-repeat scroll 3px 7px transparent;
							-webkit-transition:background-color 300ms ease-in; /* Chrome ou Safari */ -moz-transition:background-color 300ms ease-in; /* firefox */ -o-cn:background-color 300ms ease-in; /* Opéra */ transition:background-color 300ms ease-in; /* others */}
#pg01 .cs-list a.lnk:hover{	background-color:#1c1c1c;}
#pg01 .cs-list a.lnk .jobs{	color:#a5a5a5;}



#pg01 .cs-wall{				margin-bottom:24px;}
#pg01 .cs-wall h5{			margin-bottom:16px;}
#pg01 .cs-wall .img{		float:left; margin-right:18px; margin-bottom:13px;}
#pg01 .cs-wall .img.last{	margin-right:0;}


/* Subscription */

#pg-form{					width:598px; background:#000; padding:18px; font-size:1em; line-height:1.4em; color:#f6f6f6;}

#pg-form h6{				height:20px; width:288px; margin-right:18px; padding:0 1px 0 1px; margin-bottom:12px; border-bottom:1px solid #f6f6f6; color:#f6f6f6; float:left; }
#pg-form h6.last{			margin-right:0 !important;}

.pg-form-el{				width:212px; width:290px; float:left; margin-bottom:12px; margin-right:18px;}
.pg-form-el.msg{			width:450px;}
.pg-form-el.msg .error_state{ display:block; margin-top:4px;}

.pg-form-el.last{			margin-right:0 !important;}

#pg-form input{				float:left; width:286px; margin-top:2px;}
#pg-form input.last{		margin-right:0 !important;}
#pg-form textarea{			width:592px; height:162px; margin-top:4px;}

#pg-form input[type="radio"]{height:13px; width:13px !important; margin: 0px 8px 0 0px; padding: 0;}
#pg-form select{			float:left; width:286px; height:auto; margin-top:2px; padding:2px 0;}

#pg-form .form-button{	    width: auto; height:auto; padding: 6px 6px 4px; cursor: pointer; float: right; /*margin-top:-12px;*/}
#form-sent{					margin-top:17px;}

#pg-form .pg-form-hr{		height:8px;}

#pg-form .first-line{		margin-bottom:0;}
#pg-form #present-box{		padding-top:18px;}



/* ---------------------------------------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------------------------------------- */

#ft{					position:relative; clear:both; width:100%; height:auto; margin-bottom:0;}
.ft-cnt{				position:relative; width:954px;  padding:10px 0 18px 2px; text-align:left; background:#000; font-size: 0.9em; line-height:1.4em; color:#f6f6f6; /*height:840px;*/}

/* Home */
#ft h1{					padding-bottom:-2px; border-bottom:1px solid #f6f6f6; line-height:1.3em; color:#f6f6f6; margin-bottom:22px; /*font-size: 1.9em;*/}
#ft ul{					}
#ft li{					display:inline-block; float:left; width:214px; margin-right:18px; }
#ft li.last{			margin-right:0 !important;}
#hm01 #ft h6{			height: 20px; color:#f6f6f6; padding:0 1px 0 1px; margin-bottom:12px;  border-bottom:1px solid #f6f6f6;}
#hm01 #ft a{			color:#f6f6f6;} 
#hm01 #ft a:hover{		color:#adadad;} 

#hm01 #ft .lnk {		background: url("../img/05_icn/picto_bullet_w_s.png") no-repeat scroll 3px 4px transparent;}

.error_state{			margin-left:6px; color:#CCC !important;}
			
#ft li#ft-form{			width:450px;}
#ft-form h6{			float:left; width:214px; margin-right:18px;}
#ft-form h6.last{		margin-right:0 !important;}

.ft-form-el{			width:212px; width:216px; float:left; margin-bottom:12px; margin-right:18px;}
.ft-form-el.msg{		width:450px;}
.ft-form-el.msg .error_state{ display:block; margin-top:4px;}

.ft-form-el.last{		margin-right:0 !important;}

#ft-form input{			float:left; width:212px; margin-top:2px;}
#ft-form input.last{	margin-right:0 !important;}
#ft-form textarea{		width: 444px; height:162px; margin-top:4px;}

#ft-form #ContactFormBtn{width: auto; height:auto; padding: 6px 6px 4px; cursor: pointer; float: right; /*margin-top:-12px;*/}
#form-sent{				margin-top:17px;}

.ft-picto-copy{			margin-top:24px; }
.ft-cnt .ft-picto{		width:155px; height:27px; float:right; /*margin-right:12px;*/ background:none; /*background:url(../img/04_ftr/ftr_logo_b_s.png) no-repeat;*/}
.ft-cnt .ft-copy{		display: none; float:left; margin-top:16px; font-size:0.9em; color:#e0e0e0; }

#hm01 .ft-cnt{			width:918px; padding:10px 18px 18px; margin-bottom:600px; }
#hm01 .ft-picto{		background:none; /*background:url(../img/04_ftr/ftr_logo_w_s.png) no-repeat;*/}



/* Share */
.share{					display:block; height:18px; padding-left:22px; margin-bottom:2px; }
.facebook-btn {			background: url("../img/05_icn/share/share-link.png") no-repeat scroll 0 0 transparent;}
.twitter-btn{			background: url("../img/05_icn/share/share-link.png") no-repeat scroll 0 -18px transparent;}
.linkedin-btn {			background: url("../img/05_icn/share/share-link.png") no-repeat scroll 0 -36px transparent;}
.googleplus-btn {		background: url("../img/05_icn/share/share-link.png") no-repeat scroll 0 -36px transparent;}


/*Page*/
.ft-cnt.ft-page{		background:#fff; color:#000; height:auto;}
.ft-page .ft-copy{		color:#000; }



.invitation .cnt-art-main{	margin-top:46px;}
.invitation #pg-form{	margin-top:8px;}


/* -------------------------------------------------------------------------------------------------------
 * Ext
 * ------------------------------------------------------------------------------------------------------- */
 
 
 .cnt-zone {
    width: 225px;
    margin-right: 18px;
    min-height: 300px;
    float: left;
}
.last-cnt-zone {
    margin-right: 0;
}

ul.gallery .item div.img img {
    border: 0;
}
 
 
iframe#ed-video { z-index: 999;}