#top-border{
    width:100%;
    height:15px;
    left:0;
    top:-1px;
}
#left-border{
    width:15px;
    left:-1px;
    top:0;
    bottom:0;
}
#right-border{
    width:15px;
    right:-1px;
    top:0;
    bottom:0;
}
#bottom-border{
    height:15px;
    left:0;
    bottom:-1px;
    width:100%;
}

.border
{
    -webkit-transition:all 500ms ease-out;
    -moz-transition:all 500ms ease-out;
    -ms-transition:all 500ms ease-out;
    -o-transition:all 500ms ease-out;
    transition:all 500ms ease-out;
}

.border.remove#top-border,
.border.remove#bottom-border
{
    height:0px;
}

.border.remove#left-border,
.border.remove#right-border
{
    width:0px;
}

#project-detail #wrapper
{
    overflow: hidden;
}
.wrapperContent
{
    overflow: hidden;
    /*-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
}

#nav-project.fixed
{
    /*box-shadow: 0 0 10px -3px #000;
    padding-bottom:15px;
    position: fixed;
    display: block;*/
}



.loadingPage
{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display:none;
    z-index:10;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.loadingPage .sprite
{
    width:400px;
    height:150px;
    background-image:url('../../../gfx/loading_30fps.png');
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-75px;
    margin-left: -200px;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

}
.loadingPage img
{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: 60px;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.loadingPage img.display
{
    opacity: 1;
}

.miniLoading
{
    position: fixed;
    top:428px;
    left:0;
    right:0;
    bottom:0;
    z-index: 10;
    display: none;
}
.miniLoading .image
{
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -100px;
    margin-top: -50px;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ffffff;
}

.blackOverlay
{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display:none;
    z-index:3;
    background: url(../../../gfx/pattern.jpg) #131313;
}

.border
{
    z-index:10;
}

#index .landingPage
{
    display: block;
}
#index #global
{

}

.landingPage
{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: #ffffff;
    display: none;
    z-index: 1000;
}
.landingPage .black
{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: url(../../../gfx/pattern.jpg) #131313;
    overflow: hidden;
}
.landingPage .black span
{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: block;
}
.landingPage img
{
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -250px;
    margin-top: -36px;
    width: 500px;
}


#content
{
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#content .cover
{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow: hidden;
}

#content .cover.overflowHidden
{
    overflow: hidden;
}

.wrap {
    max-width: 1299px;
}

#main .wrap
{
    overflow: hidden;
    position: relative;
}

#header, #nav #social, #nav #lang, #nav ul
{
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}

#index #content
{
    visibility: hidden;
}

.loadMore
{
    height:50px;
    width:100%;
    float:left;
    background:url(../../../gfx/loading.gif) no-repeat center center;
    margin-bottom:50px;
    overflow: hidden;
    display: block;
}

#nav-project .wrap
{
    min-height: 53px;
}


body
{
    overflow-x: hidden;
    overflow-y: scroll;
    background: #ffffff;
}

#global
{
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

#global.animate
{
    overflow: hidden;
    position: fixed;
}

#project-detail #top p
{
    margin-bottom: 0;
}
#project-detail #top h1
{
    margin-top: 0;
}
#project-detail #top header.wrap
{
    width: 100%;
    max-width: 100%;
}

#html
{
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}

#project-detail #main
{
    background: transparent;
}
#project-detail #main #top
{
    /*background: #000000;*/
}

.referencesContentContainer
{
    position: relative;
}

.referencesContent
{
    overflow: hidden;
    width: 100%;
    float: left;
}

.fadeOverlay
{
    position: fixed;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.5);
    display: none;
    z-index: 1000000;
}
.fadeOverlay .sprite
{
    display: block;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -48px;
    background-image:url('../../../gfx/dot_loading.png');
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    width: 97px;
    height: 36px;
}

header
{
    z-index: 2;
}

#at3winfooter
{
    display: none !important;
}



#relatedReferences
{
    margin:0 auto;
    max-width: 880px;
    border-top: 1px solid #c7c7c7;
}
#relatedReferences h2
{
    padding-top: 20px;
    padding-bottom: 20px;
    color: #282727;
    font-size: 36px;
    font-style: italic;
    font-family: "calluna", serif;
}
#relatedReferences .referencesContent
{
    overflow: hidden;
    margin-bottom: 50px;
}
#relatedReferences .referencesContent .cover:first-child
{
    margin-left: 0%;
}
#relatedReferences .referencesContent .cover
{
    width:32%;
    margin-left: 2%;
}

#relatedReferences .referencesContent .cover .overlay
{
    padding-top: 15%;
}
#relatedReferences .referencesContent .cover .overlay .title
{
    font-size: 1.3em;
}


@media only screen and (max-width:1000px){

    /*html .landingPage img
    {
        width: 80%;
        margin-left: -40%;
    }
    .loadingPage .sprite
    {
        transform: scale(0.8);
    }*/
}

.pleaseScroll
{
    position: fixed;
    width: 124px;
    height: 38px;
    background: red;
    bottom: 14px;
    left:50%;
    margin-left: -62px;
    z-index: 9;
    -webkit-transition:all 500ms ease-out;
    -moz-transition:all 500ms ease-out;
    -ms-transition:all 500ms ease-out;
    -o-transition:all 500ms ease-out;
    transition:all 500ms ease-out;
    background: url(../../../gfx/pattern.jpg) #131313;
    cursor: pointer;
}
.pleaseScroll span
{
    background: url('../../../gfx/icons.png') no-repeat -88px -787px;
    display: block;
    width: 17px;
    height: 9px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -9px;
}
.pleaseScroll.hide
{
    bottom:-60px;
}


.referencesContent .cover img,
#project-detail #main #banner,
#project-detail .wrapperContent,
#project-detail img,
.referencesContent,
#category span.all,
.referenceDetailGlobalContainer,

.border,
.landingPage .black,
.landingPage,

.teamsDetail #main img,
.teamsDetail #main header h1,
.teamsDetail #main header h2,
.teamsDetail #main header .links,
.teamsDetail #main #content,


header.small
{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.dispo, .demanderOffre
{
    width: 100%;
    float: left;
}

#main.error404
{
    background: url(../../../gfx/404_bg.jpg) no-repeat top center;
    min-height: 500px !important;
    text-align: left;
}
#main.error404 header h1
{
    text-align: left;
    font-style: italic;
    font-size: 35px;
    margin-top: 106px;
}
#main.error404 header p.intro
{
    text-align: left;
}
#main.error404 header p.intro a
{
    text-decoration: underline;
}
#main.error404 #content
{
    width:80%;
    margin:0 10%;
}

#content p.button404
{
    display: inline-block;
    color: #e22121;
    border:1px solid #e22121;
    padding:0 20px;
    font-size: 17px;
    line-height: 38px;
}

figure.image .img.video
{
    position: relative;
}
figure.image .img.video video
{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    display: block;
}
figure.image .img.video img
{
    position: relative;
    z-index: 2;
}
figure.image .img.video.loaded video
{
    position: static;
}
figure.image .img.video.loaded img
{
    display: none !important;
}/*  *  Owl Carousel - Animate Plugin */.owl-carousel .animated {  -webkit-animation-duration: 1000ms;  animation-duration: 1000ms;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}.owl-carousel .owl-animated-in {  z-index: 0;}.owl-carousel .owl-animated-out {  z-index: 1;}.owl-carousel .fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut;}@-webkit-keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}@keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}/*  * 	Owl Carousel - Auto Height Plugin */.owl-height {  -webkit-transition: height 500ms ease-in-out;  -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out;  -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}/*  *  Core Owl Carousel CSS File */.owl-carousel {  display: none;  width: 100%;  -webkit-tap-highlight-color: transparent;  /* position relative and z-index fix webkit rendering fonts issue */  position: relative;  z-index: 1;}.owl-carousel .owl-stage {  position: relative;  -ms-touch-action: pan-Y;}.owl-carousel .owl-stage:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}.owl-carousel .owl-stage-outer {  position: relative;  overflow: hidden;  /* fix for flashing background */  -webkit-transform: translate3d(0px, 0px, 0px);}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {  cursor: pointer;  cursor: hand;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.owl-carousel.owl-loaded {  display: block;}.owl-carousel.owl-loading {  opacity: 0;  display: block;}.owl-carousel.owl-hidden {  opacity: 0;}.owl-carousel .owl-refresh .owl-item {  display: none;}.owl-carousel .owl-item {  position: relative;  min-height: 1px;  float: left;  -webkit-backface-visibility: hidden;  -webkit-tap-highlight-color: transparent;  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.owl-carousel .owl-item img {  display: block;  width: 100%;  -webkit-transform-style: preserve-3d;}.owl-carousel.owl-text-select-on .owl-item {  -webkit-user-select: auto;  -moz-user-select: auto;  -ms-user-select: auto;  user-select: auto;}.owl-carousel .owl-grab {  cursor: move;  cursor: -webkit-grab;  cursor: -o-grab;  cursor: -ms-grab;  cursor: grab;}.owl-carousel.owl-rtl {  direction: rtl;}.owl-carousel.owl-rtl .owl-item {  float: right;}/* No Js */.no-js .owl-carousel {  display: block;}/*  * 	Owl Carousel - Lazy Load Plugin */.owl-carousel .owl-item .owl-lazy {  opacity: 0;  -webkit-transition: opacity 400ms ease;  -moz-transition: opacity 400ms ease;  -ms-transition: opacity 400ms ease;  -o-transition: opacity 400ms ease;  transition: opacity 400ms ease;}.owl-carousel .owl-item img {  transform-style: preserve-3d;}/*  * 	Owl Carousel - Video Plugin */.owl-carousel .owl-video-wrapper {  position: relative;  height: 100%;  background: #000;}.owl-carousel .owl-video-play-icon {  position: absolute;  height: 80px;  width: 80px;  left: 50%;  top: 50%;  margin-left: -40px;  margin-top: -40px;  background: url("../owl.video.play.png") no-repeat;  cursor: pointer;  z-index: 1;  -webkit-backface-visibility: hidden;  -webkit-transition: scale 100ms ease;  -moz-transition: scale 100ms ease;  -ms-transition: scale 100ms ease;  -o-transition: scale 100ms ease;  transition: scale 100ms ease;}.owl-carousel .owl-video-play-icon:hover {  -webkit-transition: scale(1.3, 1.3);  -moz-transition: scale(1.3, 1.3);  -ms-transition: scale(1.3, 1.3);  -o-transition: scale(1.3, 1.3);  transition: scale(1.3, 1.3);}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {  display: none;}.owl-carousel .owl-video-tn {  opacity: 0;  height: 100%;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: contain;  -moz-background-size: contain;  -o-background-size: contain;  background-size: contain;  -webkit-transition: opacity 400ms ease;  -moz-transition: opacity 400ms ease;  -ms-transition: opacity 400ms ease;  -o-transition: opacity 400ms ease;  transition: opacity 400ms ease;}.owl-carousel .owl-video-frame {  position: relative;  z-index: 1;}/* v1.0.5 *//* Core RS CSS file. 95% of time you shouldn't change anything here. */.royalSlider {	/*width: 600px;	height: 400px;*/	position: relative;	direction: ltr;}#gallery .royalSlider {    width: 100%;    float: left;}.royalSlider > * {	float: left;}.rsWebkit3d .rsSlide {	-webkit-transform: translateZ(0);}.rsWebkit3d .rsSlide,.rsWebkit3d .rsContainer,.rsWebkit3d .rsThumbs,.rsWebkit3d .rsPreloader,.rsWebkit3d img,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsABlock,.rsWebkit3d .rsLink {	-webkit-backface-visibility: hidden;}.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer {    -webkit-transform: none;}.rsOverflow {	width: 100%;	height: 100%;	position: relative;	overflow: hidden;	float: left;	-webkit-tap-highlight-color:rgba(0,0,0,0);}.rsVisibleNearbyWrap {	width: 100%;	height: 100%;	position: relative;	overflow: hidden;	left: 0;	top: 0;	-webkit-tap-highlight-color:rgba(0,0,0,0);}.rsVisibleNearbyWrap .rsOverflow {	position: absolute;	left: 0;	top: 0;}.rsContainer {	position: relative;	width: 100%;	height: 100%;	-webkit-tap-highlight-color:rgba(0,0,0,0);}.rsArrow,.rsThumbsArrow {	cursor: pointer;}.rsThumb {	float: left;	position: relative;}.rsArrow,.rsNav,.rsThumbsArrow {	opacity: 1;	-webkit-transition:opacity 0.3s linear;	-moz-transition:opacity 0.3s linear;	-o-transition:opacity 0.3s linear;	transition:opacity 0.3s linear;}.rsHidden {	opacity: 0;	visibility: hidden;	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;	transition:visibility 0s linear 0.3s,opacity 0.3s linear;}.rsGCaption {	width: 100%;	float: left;	text-align: center;}/* Fullscreen options, very important ^^ */.royalSlider.rsFullscreen {	position: fixed !important;	height: auto !important;	width: auto !important;	margin: 0 !important;	padding: 0 !important;	z-index: 2147483647 !important;	top: 0 !important;	left: 0 !important;	bottom: 0 !important;	right: 0 !important;}.royalSlider .rsSlide.rsFakePreloader {	opacity: 1 !important;	-webkit-transition: 0s;	-moz-transition: 0s;	-o-transition:  0s;	transition:  0s;	display: none;}.rsSlide {	position: absolute;	left: 0;	top: 0;	display: block;	overflow: hidden;		height: 100%;	width: 100%;}.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide {	height: auto;}.rsContent {	width: 100%;	height: 100%;	position: relative;}.rsPreloader {	position:absolute;	z-index: 0;	}.rsNav {	-moz-user-select: -moz-none;	-webkit-user-select: none;	user-select: none;}.rsNavItem {	-webkit-tap-highlight-color:rgba(0,0,0,0.25);}.rsThumbs {	cursor: pointer;	position: relative;	overflow: hidden;	float: left;	z-index: 22;}.rsTabs {	float: left;	background: none !important;}.rsTabs,.rsThumbs {	-webkit-tap-highlight-color:rgba(0,0,0,0);	-webkit-tap-highlight-color:rgba(0,0,0,0);}.rsVideoContainer {	/*left: 0;	top: 0;	position: absolute;*/	/*width: 100%;	height: 100%;	position: absolute;	left: 0;	top: 0;	float: left;*/	width: auto;	height: auto;	line-height: 0;	position: relative;}.rsVideoFrameHolder {	position: absolute;	left: 0;	top: 0;	background: #141414;	opacity: 0;	-webkit-transition: .3s;}.rsVideoFrameHolder.rsVideoActive {	opacity: 1;}.rsVideoContainer iframe,.rsVideoContainer video,.rsVideoContainer embed,.rsVideoContainer .rsVideoObj {	position: absolute;	z-index: 50;	left: 0;	top: 0;	width: 100%;	height: 100%;}/* ios controls over video bug, shifting video */.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video,.rsVideoContainer.rsIOSVideo embed {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding-right: 44px;}.rsABlock {	left: 0;	top: 0;	position: absolute;	z-index: 15;	}img.rsImg {	max-width: none;}.grab-cursor {	cursor:url(../../../gfx/grab.png) 8 8, move;}.grabbing-cursor{ 	cursor:url(../../../gfx/grabbing.png) 8 8, move;}.rsNoDrag {	cursor: auto;}.rsLink {	left:0;	top:0;	position:absolute;	width:100%;	height:100%;	display:block;		z-index: 20;	background: url(../blank.gif);}/* Arrows */.rsArrow {    height: 100%;    width: 44px;    position: absolute;    display: block;    cursor: pointer;    z-index: 21;}.rsHor .rsArrowLeft { left: 0; top: 0; }.rsHor .rsArrowRight { right: 0; top:0; }.rsArrowIcn {    width: 31px;    height: 31px;    top: 50%;    left: 50%;    margin-top:-16px;    margin-left: -16px;    position: absolute;    cursor: pointer;    background: url('../../../gfx/icons.png') no-repeat;}.rsArrowIcn:hover {}.rsHor .rsArrowLeft .rsArrowIcn { background-position: 0 -340px; }.rsHor .rsArrowRight .rsArrowIcn { background-position: 0 -380px; }.ir {  font: 0/0 a;  text-shadow: none;  color: transparent;}.clearfix:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}.clearfix {  display: inline-block;}html[xmlns] .clearfix {  display: block;}* html .clearfix {  height: 1%;}.middleHack {  zoom: 1;}.ib {  display: -moz-inline-stack !important;  display: inline-block !important;  vertical-align: top;}.ibIe {  display: inline !important;  zoom: 1;}.lt-ie8 .ib {  display: inline !important;  zoom: 1;}.clear {  clear: both;  display: block;}.translate3d {  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}.translate {  -webkit-transform: translate(0,0);  -moz-transform: translate3d(0,0);  -ms-transform: translate3d(0,0);  -o-transform: translate3d(0,0);  transform: translate3d(0,0);}.noflick {  -webkit-backface-visibility: hidden;}footer#footer {  background: url(../../../gfx/pattern.jpg) #131313;  width: 100%;  float: left;  color: #999;  font-family: proxima-nova;  padding: 0 !important;}footer#footer .top {  background: #1f1f1f;  color: #626262;  padding: 90px 0;  text-align: center;}footer#footer .top a {  color: #626262;}footer#footer .top .lft {  text-align: center;  float: left;}footer#footer .top .lft h2 {  color: #d2d2d2;  font-weight: bold;  font-size: 23px;  margin-bottom: 3px;}footer#footer .top .lft .button {  margin-top: 20px;  line-height: 45px;  background: #2f2f2f;  padding: 0 40px;  color: #626262;  font-size: 12px;  text-transform: uppercase;  display: inline-block;  font-weight: 500;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}footer#footer .top .lft .button:hover {  background: #1b1b1b;  color: #c7c7c7;}footer#footer .top .rght {  float: right;  border-left: 1px solid #2a2a2a;  padding-left: 37px;  letter-spacing: 2px;  text-align: left;}footer#footer .top .rght .contact {  padding-bottom: 21px;  border-bottom: 1px solid #2a2a2a;}footer#footer .top .rght .contact a {  color: #7c7c7c;  text-transform: uppercase;  display: inline-block;  vertical-align: middle;  font-weight: 500;  font-size: 11px;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}footer#footer .top .rght .contact a:hover {  color: #d2d2d2;}footer#footer .top .rght .contact a:first-child {  margin-left: 0;}footer#footer .top .rght .contact span.sep {  display: inline-block;  width: 1px;  height: 15px;  background: #2a2a2a;  vertical-align: middle;  margin: 0 31px;}footer#footer .top .rght .newsletter {  margin-top: 32px;  line-height: 36px;  font-size: 0;  text-transform: uppercase;}footer#footer .top .rght .newsletter label {  display: inline-block;  color: #7c7c7c;  font-weight: 500;  font-size: 12px;  margin-right: 15px;}footer#footer .top .rght .newsletter .input {  display: inline-block;  position: relative;}footer#footer .top .rght .newsletter .input input {  border: none;  background: #272727;  font-family: proxima-nova;  font-weight: 500;  font-size: 12px;  color: #d2d2d2;  line-height: 36px;  padding: 0 15px;  width: 200px;  display: block;}footer#footer .top .rght .newsletter .input .error {  position: absolute;  bottom: -18px;  font-size: 10px;  text-transform: uppercase;  line-height: normal;  color: #7c7c7c;  letter-spacing: 0;  display: none;}footer#footer .top .rght .newsletter button {  line-height: 36px;  border: none;  color: #7c7c7c;  font-family: proxima-nova;  font-weight: 500;  text-transform: uppercase;  background: #1b1b1b;  width: 48px;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;  cursor: pointer;  text-align: center;  position: relative;}footer#footer .top .rght .newsletter button:hover {  background: #7c7c7c;  color: #000000;}footer#footer .top .rght .newsletter button .ok {  position: absolute;  display: block;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #FFFFFF;  color: #000000;  opacity: 0;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}footer#footer .top .rght .newsletter button.thanks {  width: 100px;}footer#footer .top .rght .newsletter button.thanks .ok {  opacity: 1;}footer#footer .top .lft,footer#footer .top .rght {  display: inline-block;  vertical-align: middle;  float: none;}footer#footer .top .lft {  margin-right: 10%;}footer#footer .bottom {  padding-bottom: 30px;}footer#footer .bottom .copyrights,footer#footer .bottom nav {  line-height: 54px;  font-size: 11px;  color: #4f4f4f;  text-transform: uppercase;  font-weight: 700;}footer#footer .bottom .copyrights {  float: left;}footer#footer .bottom nav {  float: right;}footer#footer .bottom nav a {  color: #d8d7d7;  display: inline-block;  margin-left: 22px;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}footer#footer .bottom nav a:hover {  color: #FFFFFF;}footer#footer .bottom nav a:first-child {  margin-left: 0;}footer#footer .bottom .end {  clear: both;  border-top: 1px solid #1a1a1a;  overflow: hidden;  padding-top: 15px;  padding-bottom: 36px;}footer#footer .bottom .end img {  float: left;  margin-top: 9px;}footer#footer .bottom .end .addresses {  float: right;  font-size: 11px;  color: #737172;  overflow: hidden;  line-height: 28px;  margin-top: 9px;}footer#footer .bottom .end .addresses p {  float: left;  margin-left: 30px;}footer#footer .bottom .end .addresses p:first-child {  margin-left: 0;}footer#footer .bottom .end .addresses p a {  color: #737172;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}footer#footer .bottom .end .addresses p a:hover {  color: #FFFFFF;}@media only screen and (max-width: 1154px) {  footer#footer .top .lft {    margin-right: 4%;  }}@media only screen and (max-width: 1083px) {  footer#footer .top .lft,  footer#footer .top .rght {    display: block;    border-left: 0;    padding-left: 0;    margin-right: 0;    text-align: center;  }  footer#footer .top .lft {    margin-bottom: 40px;  }}@media only screen and (max-width: 770px) {  footer#footer .top .rght .contact span.sep {    background: none;    display: block;  }  footer#footer .bottom .copyrights,  footer#footer .bottom nav {    float: none;    text-align: center;  }}@media only screen and (max-width: 513px) {  footer#footer .bottom .end {    text-align: center;  }  footer#footer .bottom .end img {    float: none;    display: inline-block;  }  footer#footer .bottom .end .addresses {    float: none;    text-align: center;    margin-top: 30px;  }  footer#footer .bottom .end .addresses p {    display: inline-block;    text-align: left;    float: none;  }}@media only screen and (max-width: 462px) {  footer#footer .bottom nav {    display: none;  }}.ui-helper-hidden {  display: none;}.ui-helper-hidden-accessible {  border: 0;  clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;}.ui-helper-reset {  margin: 0;  padding: 0;  border: 0;  outline: 0;  line-height: 1.3;  text-decoration: none;  font-size: 100%;  list-style: none;}.ui-helper-clearfix:before,.ui-helper-clearfix:after {  content: "";  display: table;  border-collapse: collapse;}.ui-helper-clearfix:after {  clear: both;}.ui-helper-clearfix {  min-height: 0;}.ui-helper-zfix {  width: 100%;  height: 100%;  top: 0;  left: 0;  position: absolute;  opacity: 0;  filter: Alpha(Opacity=0);}.ui-front {  z-index: 100;}.ui-state-disabled {  cursor: default !important;}.ui-icon {  display: block;  text-indent: -99999px;  overflow: hidden;  background-repeat: no-repeat;}.ui-widget-overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;}.ui-datepicker {  width: 17em;  padding: .2em .2em 0;  display: none;  background-color: #fff;  border: 1px solid #E8E4E4;  margin-top: -1px;}.ui-datepicker .ui-datepicker-header {  position: relative;  padding: .2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {  position: absolute;  top: 2px;  width: 1.8em;  height: 1.8em;}.ui-datepicker .ui-datepicker-prev {  left: 2px;}.ui-datepicker .ui-datepicker-next {  right: 2px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {  display: block;  position: absolute;  left: 50%;  margin-left: -8px;  top: 50%;  margin-top: -5px;  border: 6px solid transparent;  width: 0;  height: 0;}.ui-datepicker .ui-datepicker-prev span {  border-right: 8px solid #323232;}.ui-datepicker .ui-datepicker-next span {  border-left: 8px solid #323232;}.ui-datepicker .ui-datepicker-title {  margin: 0 2.3em;  line-height: 1.8em;  text-align: center;}.ui-datepicker .ui-datepicker-title select {  font-size: 1em;  margin: 1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {  width: 45%;}.ui-datepicker table {  width: 100%;  font-size: .9em;  border-collapse: collapse;  margin: 0 0 .4em;}.ui-datepicker th {  padding: .7em .3em;  text-align: center;  font-weight: bold;  border: 0;}.ui-datepicker td {  border: 0;  padding: 1px;}.ui-datepicker td span,.ui-datepicker td a {  display: block;  padding: .2em;  text-align: center;  text-decoration: none;}.ui-datepicker .ui-datepicker-buttonpane {  background-image: none;  margin: .7em 0 0 0;  padding: 0 .2em;  border-left: 0;  border-right: 0;  border-bottom: 0;}.ui-datepicker .ui-datepicker-buttonpane button {  float: right;  margin: .5em .2em .4em;  cursor: pointer;  padding: .2em .6em .3em .6em;  width: auto;  overflow: visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {  float: left;}.ui-datepicker.ui-datepicker-multi {  width: auto;}.ui-datepicker-multi .ui-datepicker-group {  float: left;}.ui-datepicker-multi .ui-datepicker-group table {  width: 95%;  margin: 0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group {  width: 50%;}.ui-datepicker-multi-3 .ui-datepicker-group {  width: 33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group {  width: 25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {  border-left-width: 0;}.ui-datepicker-multi .ui-datepicker-buttonpane {  clear: left;}.ui-datepicker-row-break {  clear: both;  width: 100%;  font-size: 0;}.ui-datepicker-rtl {  direction: rtl;}.ui-datepicker-rtl .ui-datepicker-prev {  right: 2px;  left: auto;}.ui-datepicker-rtl .ui-datepicker-next {  left: 2px;  right: auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover {  right: 1px;  left: auto;}.ui-datepicker-rtl .ui-datepicker-next:hover {  left: 1px;  right: auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane {  clear: right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button {  float: left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {  float: right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {  border-right-width: 0;  border-left-width: 1px;}.ui-state-default {  border: 1px solid #fff;}.ui-state-active {  background-color: #f7f7f7;  border: 1px solid #E8E4E4;}.ui-state-highlight {  background-color: #f7f7f7;}.ui-slider {  position: relative;  text-align: left;}.ui-slider .ui-slider-handle {  position: absolute;  z-index: 2;  width: 1.2em;  height: 1.2em;  cursor: default;  -ms-touch-action: none;  touch-action: none;}.ui-slider .ui-slider-range {  position: absolute;  z-index: 1;  font-size: .7em;  display: block;  border: 0;  background-position: 0 0;}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {  filter: inherit;}.ui-slider-horizontal {  height: .8em;}.ui-slider-horizontal .ui-slider-handle {  top: -0.3em;  margin-left: -0.6em;}.ui-slider-horizontal .ui-slider-range {  top: 0;  height: 100%;}.ui-slider-horizontal .ui-slider-range-min {  left: 0;}.ui-slider-horizontal .ui-slider-range-max {  right: 0;}.ui-slider-vertical {  width: .8em;  height: 100px;}.ui-slider-vertical .ui-slider-handle {  left: -0.3em;  margin-left: 0;  margin-bottom: -0.6em;}.ui-slider-vertical .ui-slider-range {  left: 0;  width: 100%;}.ui-slider-vertical .ui-slider-range-min {  bottom: 0;}.ui-slider-vertical .ui-slider-range-max {  top: 0;}html body .ui-slider {  background: #e0dddd;  height: 11px;  -webkit-border-radius: 6px;  border-radius: 6px;}html body .ui-slider .ui-slider-range-min {  background: #000000;  -webkit-border-radius: 6px 0px 0px 6px;  border-radius: 6px 0px 0px 6px;}html body .ui-slider .ui-slider-handle {  border: none;  -webkit-border-radius: 100%;  border-radius: 100%;  background: #000000;  width: 17px;  height: 17px;  top: -3px;  cursor: pointer;}html body .ui-slider .bgBegin {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 8.33%;  z-index: 2;  background: url('../../../gfx/slide_backgroudn.png') repeat-x;  -webkit-border-radius: 6px 0px 0px 6px;  border-radius: 6px 0px 0px 6px;}html body .select2-container--default .select2-results__option--highlighted[aria-selected] {  background: #000;}input {  color: #444343;}body,h1,h2,h3,h4,p,ul,ol,fieldset,figure,blockquote,button {  margin: 0;  padding: 0;  font-weight: 400;}img,fieldset {  border: none;}ul {  list-style: none;}a {  text-decoration: none;  color: #444343;}html {  font-size: 100%;}body {  font-family: "Gudea", sans-serif;  font-weight: 400;  font-size: 1em;  color: #444343;  -webkit-font-smoothing: antialiased;  -moz-font-smoothing: antialiased;  -o-font-smoothing: antialiased;  font-smoothing: antialiased;  width: 100%;  float: left;}::-moz-selection {  background-color: #000;}::selection {  background-color: #000;}.clear {  clear: both !important;  width: 100% !important;  float: left !important;}p span.br {  display: block;}.wrap {  margin: 0 auto;  width: 1120px;}.border {  background: url(../../../gfx/pattern.jpg) #131313;  position: fixed;}#top-border {  width: 100%;  height: 15px;  left: 0;  top: -1px;}#left-border {  width: 15px;  left: -1px;  top: 0;  bottom: 0;}#right-border {  width: 15px;  right: -1px;  top: 0;  bottom: 0;}#bottom-border {  height: 15px;  left: 0;  bottom: -1px;  width: 100%;}#temp {  background: #fff;}#temp #wrapper {  padding-bottom: 216px;  position: relative;}#temp .wrap {  width: 780px;  padding: 0;}#temp #content {  width: 780px;  position: absolute;  text-align: center;  top: 50%;  left: 50%;  margin-left: -390px;  margin-top: -350px;  padding-bottom: 0;}#temp h1 {  width: 100%;  margin-bottom: 30px;  position: relative;  padding-bottom: 10px;}#temp h1 img {  width: 630px;  display: block;  margin: 0 auto;}#temp h1 span {  width: 33%;  height: 1px;  background-color: #adadad;  display: block;  position: absolute;  bottom: 0;  left: 50%;  margin-left: -16.5%;}#temp #content p.intro {  color: #6d6d6d;  font-family: "calluna", serif;  font-weight: 400;  font-size: 2.4em;}#temp #content p.info {  font-family: "Gudea", sans-serif;  text-transform: uppercase;  font-size: 1.3em;  margin: 60px 0 20px;  letter-spacing: 2px;}#temp #content p.contact {  clear: left;  float: left;  width: 100%;  margin-top: 60px;  padding-top: 40px;  font-family: "Gudea", sans-serif;  text-transform: uppercase;  font-size: 1.3em;  position: relative;  line-height: 1.6em;  letter-spacing: 2px;}#temp #content p.contact span {  width: 33%;  height: 1px;  display: block;  position: absolute;  top: 0;  left: 50%;  margin-left: -16.5%;  background-color: #adadad;}#temp #footer {  position: absolute;  bottom: 0;  left: 0;}#button-wrap {  width: 100%;  float: left;}#temp #content .button {  float: left;  padding: 10px 0;  margin: 5px 2.5%;  width: 44%;  border: 1px solid #445e75;  color: #3a3a3a;}#form_newsletter {  display: none;  float: left;  margin: 5px 2.5%;  width: 44%;  position: relative;  border: 1px solid #445e75;}#temp #content input[type=text],#form_newsletter input[type=submit],#temp #content .button {  font-family: "Gudea", sans-serif;  text-transform: uppercase;  letter-spacing: 2px;  font-size: 1em;  display: inline-block;  text-align: center;}#temp #content input[type=text] {  padding: 0;  width: 100%;  height: 37px;  background-color: #fff;  border: none;  color: #3a3a3a;  margin: 0;  text-indent: -39px;}#form_newsletter input[type=submit] {  position: absolute;  width: 39px;  border: none;  top: 0;  bottom: 0;  margin: 0;  right: 0;  background-color: #445e75;  color: #fff;  cursor: pointer;}#temp #content a.large {  width: 93.2%;  margin-top: 3%;}#header {  padding: 50px 0 20px;  border-bottom: 1px solid #dfdfdf;  width: 100%;  float: left;  font-family: proxima-nova;  font-weight: 600;  position: relative;  letter-spacing: 4px;  background: #fff;  z-index: 10;}#header #logo {  float: left;}#logo img.mobile {  display: none;}#nav-button {  display: none;  float: right;  color: #fff;  font-family: proxima-nova;  font-weight: 600;  text-transform: uppercase;  cursor: pointer;  position: absolute;  top: 50%;  margin-top: -10px;  right: 5%;}#nav ul,#social,#lang {  float: right;}#social {  margin-left: 15px;  text-align: right;  margin-top: -30px;}#social .pix a {  margin-left: 10px;  text-indent: 9999px;  overflow: hidden;  display: inline-block;  width: 20px;  height: 20px;  opacity: .3;  background: url(../../../../gfx/icons.png) no-repeat;  -moz-transition: opacity, .2s;  -webkit-transition: opacity, .2s;  -o-transition: opacity, .2s;  -ms-transition: opacity, .2s;  transition: opacity, .2s;}#social .languages {  display: inline-block;  padding-bottom: 12px;  line-height: 1.4em;  text-transform: uppercase;  font-size: .75em;  text-align: right;}#social .languages a {  margin-left: 0;  text-indent: 0;  overflow: hidden;  display: inline-block;  width: auto;  height: auto;  opacity: 1;  background: none;  color: #ccc;}#social .languages a.selected {  color: #444343;}#social a:hover {  opacity: 1;}#social a#pin {  background-position: -20px 0;}#social a#fb {  background-position: -40px 0;}#lang {  position: relative;  color: #999;  margin-left: 20px;  border-left: 1px solid #e9e9e9;}#lang .active-lang {  padding: 0 20px 0 15px;  cursor: pointer;}#lang span,#lang a {  display: block;  cursor: pointer;}#lang span.arrow {  height: 0;  width: 0;  border-left: 4px solid transparent;  border-right: 4px solid transparent;  border-top: 4px solid #ccc;  position: absolute;  right: 0;  top: 6px;}#lang div {  display: none;  position: absolute;  top: 16px;  padding-bottom: 10px;  background-color: #fff;}#lang:hover div {  display: block;}#lang a {  padding: 0 20px 0 15px;  color: #999;}#lang a:hover {  color: #444343;}#nav {  float: right;  margin-top: 20px;}#nav li {  float: left;  padding: 0 23px;}#nav li a {  display: inline-block;  padding: 4px 0;  line-height: 1.4em;  text-transform: uppercase;  font-size: .75em;  border-bottom: 2px solid #fff;  -webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  transition: all 300ms ease-out;}#nav li a:hover,#nav li a.current {  border-bottom-color: #161616;}#main {  width: 100%;  float: left;  background: #fff;}#content {  float: left;  width: 100%;  padding-bottom: 50px;}#main header h1 {  color: #242323;  font-family: "calluna", serif;  font-size: 2.5em;  margin: 30px 0;  line-height: 1em;  text-align: center;}#main header h1 span,#main header p.intro span {  display: block;}#main header p.intro {  font-family: "calluna", serif;  font-size: 1.2em;  line-height: 1.5em;  width: 100%;  margin: 0 auto 50px;  text-align: center;}#main header .title {  font-family: proxima-nova;  font-weight: 600;  letter-spacing: 4px;  text-transform: uppercase;  text-align: center;  margin-top: 60px;  font-size: .8em;  text-indent: 2px;}#main .title span {  display: inline-block;  border-bottom: 2px solid #000;  padding: 4px 0;}#content p {  line-height: 1.4em;}#social-share {  text-align: center;  margin-bottom: 5%;}#social-share h2 {  font-family: "calluna", serif;  font-size: 1.5em;  font-style: italic;  color: #242323;  margin-bottom: 10px;}#social-share a,.at-share-tbx-element .at-share-btn {  background: url('../../../../gfx/icons.png') no-repeat 0 -636px;  width: 23px;  height: 23px;  display: inline-block;  opacity: .8;  margin: 6px !important;  text-indent: -9999px;  cursor: pointer;}#social-share a.pin,#social-share .at-svc-pinterest_share {  background-position: -36px -636px;}#social-share a.twitt,#social-share .at-svc-twitter {  background-position: 0 -663px;}#social-share a.email,#social-share .at-svc-email {  background-position: -35px -664px;}#social-share a.linkedin,#social-share .at-svc-linkedin {  background-position: -35px -751px;}#social-share a:hover,.at-share-tbx-element .at-share-btn:hover {  opacity: 1;}.addthis_sharing_toolbox {  text-align: center;}.at-share-tbx-element .at-share-btn span {  display: none;}.at-share-tbx-element .at-share-btn {  background: none;  border-radius: 50%;}#category {  text-align: center;  margin: 30px 0 55px;  float: left;  width: 100%;  font-family: proxima-nova;  font-weight: 600;  position: relative;  z-index: 2;}#category span {  display: inline-block;  overflow: hidden;  font-size: .85em;}#category span.all {  opacity: 0;  width: 0px;  -moz-transition: all, .3s;  -webkit-transition: all, .3s;  -o-transition: all, .3s;  -ms-transition: all, .3s;  transition: all, .3s;}#category span.all.display {  display: inline-block;  width: 77px;  opacity: 1;}#category a {  display: inline-block;  padding: 4px 0;  line-height: 1.4em;  letter-spacing: 2px;  text-transform: uppercase;  border-bottom: 2px solid #fff;  margin: 0 50px;  font-size: .75em;  -moz-transition: border-bottom, .2s;  -webkit-transition: border-bottom, .2s;  -o-transition: border-bottom, .2s;  -ms-transition: border-bottom, .2s;  transition: border-bottom, .2s;}#category span:first-child a {  margin-left: 0;}#category span:last-child a {  margin-right: 0;}#category .active a,#category a:hover {  border-bottom-color: #161616;  color: #444343;}#main header.small h1 {  font-size: 2em;  line-height: 1.3em;  margin-top: 50px;}#content .cover,#relatedReferences .cover {  display: block;  width: 49.99%;  float: left;  position: relative;  z-index: 2;  overflow: hidden;}#content .cover img,#relatedReferences .cover img {  width: 100.5%;  display: block;}#content .cover .overlay,#relatedReferences .cover .overlay {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: -1px;  padding-top: 25%;  opacity: 0;  color: #fff;  text-align: center;  line-height: 2em;}#content .cover .overlay .title,#relatedReferences .cover .overlay .title {  font-family: proxima-nova;  font-weight: 800;  font-size: 1.7em;  padding: 0 10px;}#content .cover .overlay .category,#relatedReferences .cover .overlay .category {  font-family: "calluna", serif;  font-weight: 400;  font-style: italic;  padding: .3em 1em;  border: 1px solid #fff;  margin-top: 10px;  display: inline-block;}#project-detail #main #banner {  position: relative;  text-align: center;}#project-detail #main #banner .arrows {  position: absolute;  right: 0;  top: 50%;  margin-top: -58px;  padding-right: 14px;}#project-detail #main #banner img {  max-width: 100%;  margin-top: 5%;}#project-detail #main #banner .bg {  position: absolute;  top: 0;  left: 0;  width: 100%;  background-position: top center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#project-detail #main #banner .bg span {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-position: top center;  background-repeat: no-repeat;}#project-detail .wrapperContent header,#project-detail .wrapperContent article p,#project-detail .wrapperContent figure.image figcaption {  width: 40%;  margin: 0 30%;}#project-detail .wrapperContent  article p,#project-detail .wrapperContent figure.image p {  line-height: 1.5em;  font-size: .9em;  margin-bottom: 30px;  text-align: justify;}#project-detail .wrapperContent header {  text-align: center;  border-bottom: 1px solid #cfcfcf;  padding-bottom: 20px;  margin-bottom: 30px;}#project-detail .wrapperContent h1 {  font-size: 3.4em;  line-height: 1em;  color: #242323;  font-family: "calluna", serif;  font-style: italic;  margin-bottom: 15px;}#project-detail .wrapperContent .briefing {  color: #999;  text-transform: uppercase;  margin-bottom: 30px;  font-size: 11px;}#project-detail .wrapperContent .link {  font-size: 1.2em;  color: #242323;}#project-detail .wrapperContent figure.image,#project-detail .wrapperContent article {  margin-bottom: 3%;  width: 100%;  float: left;}#project-detail .wrapperContent figure.image .img {  margin: 0 auto 0px;  display: block;  width: 1040px;  position: relative;  overflow: hidden;}#project-detail .wrapperContent figure.image .img iframe {  display: block;  width: 100.4%;  margin-left: -0.2%;}#project-detail .wrapperContent figure.image .img .overlay {  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: transparent;  z-index: 10;}#project-detail .wrapperContent figure.image .img .pinterestButton {  position: absolute;  bottom: 10px;  right: 10px;  display: none;}.no-touch #project-detail .wrapperContent figure.image .img .pinterestButton {  display: block;  opacity: 0;  -webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  transition: all 300ms ease-out;}.no-touch #project-detail .wrapperContent figure.image .img:hover .pinterestButton {  opacity: 1;}#project-detail .wrapperContent figure.image .img > img {  display: block;  width: 100%;}#project-detail .wrapperContent figure.image .img.shadow {  -webkit-box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.06);  -moz-box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.06);  box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.06);}#nav-project {  overflow: hidden;  background-color: #fff;  top: -100px;  left: 0;  right: 0;  z-index: 1;  position: fixed;  -webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  transition: all 300ms ease-out;  box-shadow: 0 0 10px -3px #000;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#nav-project .wrap {  padding: 30px 0 15px;}.fixed #nav-project {  top: 0 !important;}#nav-project .right {  float: left;}#nav-project .breadcrumb {  float: left;  color: #999;  font-size: 2.3em;  font-family: "calluna", serif;  font-style: italic;}#nav-project .breadcrumb a {  color: #242323;}#nav-project .meta {  float: left;  margin-left: 40px;  margin-top: 18px;  font-size: .8em;  white-space: nowrap;}#nav-project .meta p span,#nav-project .meta p a {  line-height: 18px;}#nav-project .meta .label {  font-weight: 700;  display: block;  margin-bottom: 8px;  text-transform: uppercase;}#nav-project .meta p {  float: left;  border-left: 1px solid #d7d7d7;  padding: 0 30px;}#nav-project .meta p.briefing {  padding: 0 20px;}#nav-project .meta p.briefing a {  text-transform: uppercase;  display: inline-block;  margin: 0 10px;}#project-detail .wrapperContent .wrap {  overflow: visible;}#project-detail .wrapperContent #nav-project .wrap {  position: relative;  overflow: hidden;  margin-top: 0;}#nav-project #arrows {  float: right;}#nav-project #arrows a,.arrows.arrowsFixed a,#project-detail #main #banner .arrows a {  float: left;  text-align: center;  display: inline-block;  margin-left: 1px;  padding: 20px;  font-size: .7em;  background-color: #f9f9f9;  letter-spacing: 1px;  text-transform: uppercase;  font-family: "proxima-nova";  -webkit-transition: background-color, ease-in-out, .3s;  -moz-transition: background-color, ease-in-out, .3s;  -o-transition: background-color, ease-in-out, .3s;  -ms-transition: background-color, ease-in-out, .3s;  transition: background-color, ease-in-out, .3s;}#nav-project #arrows a:hover,.arrows.arrowsFixed a:hover,#project-detail #main #banner .arrows a:hover {  background-color: #dedede;}#nav-project #arrows a.disabled,#nav-project #arrows a.disabled:hover,.arrows.arrowsFixed a.disabled,.arrows.arrowsFixed a.disabled:hover,#project-detail #main #banner .arrows a.disabled,#project-detail #main #banner .arrows a.disabled:hover {  opacity: .5;  background-color: #f9f9f9;  cursor: default;}#nav-project #arrows .arrow .icon,.arrows.arrowsFixed .icon,#project-detail #main #banner .arrows .icon {  height: 13px;  width: 13px;  margin-bottom: -2px;  display: inline-block;  background: url(../../../../gfx/icons.png) no-repeat;}#nav-project #arrows .prev .icon,.arrows.arrowsFixed .prev .icon,#project-detail #main #banner .arrows .prev .icon {  background-position: 0 -410px;  margin-right: 20px;}#nav-project #arrows .next .icon,.arrows.arrowsFixed .next .icon,#project-detail #main #banner .arrows .next .icon {  background-position: -24px -410px;  margin-left: 20px;}.arrows.arrowsFixed .goBack .icon {  margin: 0px 9px 0 10px;  width: 14px;  height: 14px;  background-position: -76px -39px;}#project-detail #main #banner .arrows a,.arrows.arrowsFixed a {  clear: both;  float: right;  padding: 20px 10px;  margin: 1px 0;  background: url(../../../gfx/pattern.jpg) #131313;  color: #ffffff;}#project-detail #main #banner .arrows a:hover,.arrows.arrowsFixed a:hover {  background: url(../../../gfx/pattern.jpg) #131313;}#project-detail #main #banner .arrows a .text,.arrows.arrowsFixed a .text {  width: 0;  display: inline-block;  overflow: hidden;  -webkit-transition: width, ease-in-out, .2s;  -moz-transition: width, ease-in-out, .2s;  -o-transition: width, ease-in-out, .2s;  -ms-transition: width, ease-in-out, .2s;  transition: width, ease-in-out, .2s;}#project-detail #main #banner .arrows a.disabled,#project-detail #main #banner .arrows a.disabled:hover,.arrows.arrowsFixed a a.disabled,.arrows.arrowsFixed a a.disabled:hover {  opacity: .15;  background-color: #000000;  cursor: default;}#project-detail #main #banner .arrows a:hover .text,.arrows.arrowsFixed a:hover .text {  width: 80px;}.arrows.arrowsFixed a.goBack:hover .text {  width: 52px;}#project-detail #main #banner .arrows a.disabled:hover .text,.touch #project-detail #main #banner .arrows a.arrow:hover .text,.touch .arrows.arrowsFixed a.arrow:hover .text,.arrows.arrowsFixed a.disabled:hover .text {  width: 0;}#project-detail #main #banner .arrows a.arrow .icon,.arrows.arrowsFixed a.arrow .icon {  margin: 0 10px;}.arrows.arrowsFixed {  position: fixed;  top: 50%;  margin-top: -87px;  right: -53px;  z-index: 9;  -webkit-transition: all ease-in-out 0.3s;  -moz-transition: all ease-in-out 0.3s;  -o-transition: all ease-in-out 0.3s;  -ms-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;}.arrows.arrowsFixed.display {  right: 14px;}#equipe {  text-align: center;}#equipe .team {  display: block;  width: 30.333%;  margin: 1.5%;  float: left;  text-align: center;}#equipe .team .img {  width: 100%;  display: inline-block;}#equipe .team .img img {  width: 100%;  display: block;}#equipe .team .description {  height: 70px;  margin-top: -77px;  text-align: left;  padding-left: 20px;}.teamsIndex h2 {  color: #FFF;  text-transform: uppercase;  font-size: 1.1em;  margin-bottom: 5px;  font-family: proxima-nova;  font-weight: 800;  letter-spacing: 2px;}.teamsIndex .team span.title {  display: block;  font-family: "calluna", serif;  margin-bottom: 10px;  font-size: 1em;  color: #FFF;}.teamsDetail #main header .wrap {  padding: 0 260px;  position: relative;}.teamsDetail #main .wrap {  max-width: 600px;}.teamsDetail #main img {  width: 40%;  margin-top: 60px;}.teamsDetail #main header h1 {  margin-bottom: 5px;  font-family: proxima-nova;  font-weight: 700;  font-size: 2.1em;  color: #242323;}.teamsDetail #main header h2 {  font-family: "calluna", serif;  font-size: 1.3em;  color: #242323;}.teamsDetail #main header .links {  padding-bottom: 3%;  padding-top: 20px;  border-bottom: 1px solid #dfdfdf;  margin-bottom: 20px;}.teamsDetail #main header .arrow {  position: absolute;  width: 150px;  height: 150px;  top: 50%;  margin-top: -75px;  text-align: center;  opacity: .5;  -webkit-transition: opacity ease-in-out 0.5s;  -moz-transition: opacity ease-in-out 0.5s;  -o-transition: opacity ease-in-out 0.5s;  -ms-transition: opacity ease-in-out 0.5s;  transition: opacity ease-in-out 0.5s;}.teamsDetail #main header .arrow img {  width: 78px;  border-radius: 50%;  margin-top: 36px;  -webkit-transition: all ease-in-out 0.3s;  -moz-transition: all ease-in-out 0.3s;  -o-transition: all ease-in-out 0.3s;  -ms-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}.teamsDetail #main header .arrow:hover {  opacity: .8;}.teamsDetail #main header .arrow:hover img {  width: 150px;  margin-top: 0;}.teamsDetail #main header .arrow:hover .icon {  opacity: .8;}.teamsDetail #main header .disabled:hover img {  width: 78px;  margin-top: 36px;}.teamsDetail #main header .prev {  left: 0;}.teamsDetail #main header .next {  right: 0;}.teamsDetail #main header .arrow .icon {  position: absolute;  top: 50%;  left: 50%;  width: 80px;  height: 80px;  margin: -40px 0 0 -40px;  border-radius: 50%;  background: url('../../../../gfx/icons.png') no-repeat #fff;  -webkit-transition: opacity ease-in-out 0.3s;  -moz-transition: opacity ease-in-out 0.3s;  -o-transition: opacity ease-in-out 0.3s;  -ms-transition: opacity ease-in-out 0.3s;  transition: opacity ease-in-out 0.3s;}.teamsDetail #main header .disabled:hover .icon {  opacity: 1;}.teamsDetail #main header .prev .icon {  background-position: 25px -434px;}.teamsDetail #main header .next .icon {  background-position: 33px -507px;}.teamsDetail #main header .close {  text-transform: uppercase;  opacity: .8;  position: absolute;  top: 60px;  right: 0;  font-size: .8em;}.teamsDetail #main header .close:hover {  opacity: 1;}.teamsDetail #main header .close .icon {  background: url('../../../../gfx/icons.png') no-repeat -32px -232px;  width: 8px;  height: 8px;  margin-left: 8px;  margin-bottom: 0px;  display: inline-block;}.teamsDetail #content p {  margin-bottom: 5px;  text-align: justify;  line-height: 1.8em;}.teamsDetail #content p.and {  font-family: "calluna", serif;  font-size: 1.5em;  text-align: left;  font-style: italic;  color: #242323;  margin-top: 25px;}#contact #content header h1 {  margin-bottom: 50px;}#contact #main p a {  color: #999;}#contact #main p a:hover {  text-decoration: underline;}#contact #main .button {  display: inline-block;  background: none;  border: 2px solid #000;  color: #242323;  cursor: pointer;  font-weight: 700;  text-transform: uppercase;  border-radius: 0;  position: relative;  white-space: nowrap;  overflow: hidden;  padding: 5px 30px;  font-size: .9em;}#contact #main .button span.pix {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: url('../../../gfx/send_ok.png') no-repeat center center #000000;  display: none;}#contact h2 {  color: #242323;  font-weight: 700;  font-size: 1.2em;  margin-bottom: 20px;  text-transform: uppercase;}#contact #general {  width: 80%;  padding: 0 10% 50px;  text-align: center;  position: relative;  border-bottom: 1px solid #dfdfdf;}#contact #general h2 {  text-align: left;}#contact #general p {  margin-bottom: 20px;  width: 33.33%;  float: left;  font-size: 1.4em;  text-align: left;  font-family: "calluna", serif;}#contact #general #open-map {  margin-top: 40px;}#map {  width: 100%;  position: absolute;  top: 0;  left: 0;  height: 0;  overflow: hidden;}#map-container {  width: 100%;  height: 450px;  margin-bottom: 18px;}#contact #request {  width: 80%;  padding: 50px 10% 0;  position: relative;  float: left;  border-bottom: 1px solid #dfdfdf;}#contact #request h2 {  font-size: 1.1em;  margin-bottom: 10px;}#contact #request h2:hover {  color: #000;}#contact #request .box {  margin-bottom: 40px;  width: 33.33%;  float: left;}#request #form h2 {  margin-bottom: 20px;  text-align: left;}#request #close-form {  float: right;}#form {  width: 80%;  padding: 50px 10%;  float: left;}#form #username {  width: 0;  height: 0;  overflow: hidden;}input[type=text],textarea,.inputFile {  background-color: #f7f7f7;  border: 0;  font-family: "Gudea", sans-serif;  font-weight: 400;  color: #242323;  font-size: 1em;  float: left;  border-radius: 0;}.inputFile {  width: 96%;  margin-bottom: 1%;  height: 50px;  padding: 0 2%;}.inputFile label strong {  display: inline-block;  margin-left: 10px;}.inputFile input {  margin-top: 15px;  margin-left: 10px;}input[type=text]:focus,textarea:focus {  box-shadow: 0 0 0 1px #e5e5e5 inset;  outline: none;}input[type=text] {  height: 50px;  padding: 0 2%;  margin: 0 1% 1% 0;  width: 45.5%;}textarea {  width: 96%;  padding: 2%;  max-width: 96%;  height: 260px;  margin-bottom: 20px;}#contact #main .last {  margin-right: 0;}#contact #form .successMessage {  float: left;  margin-left: 20px;  line-height: 26px;  display: none;}#contact #form #msg,#contact #form #errors {  float: left;  clear: both;  margin-left: 30px;  margin-top: 20px;}#contact #form .button {  float: left;  clear: left;}#contact #form p {  margin-bottom: 20px;}::-webkit-input-placeholder {  color: #242323;}:-moz-placeholder {  color: #242323;}::-moz-placeholder {  color: #242323;}:-ms-input-placeholder {  color: #242323;}#contact #form #rdv {  float: right;}#contact #form  .dropdown {  float: left;}.dropdown,.dropdown div,.dropdown li,.dropdown div::after {  -webkit-transition: all 150ms ease-in-out;  -moz-transition: all 150ms ease-in-out;  -ms-transition: all 150ms ease-in-out;  transition: all 150ms ease-in-out;}.dropdown .selected::after,.dropdown.scrollable div::after {  -webkit-pointer-events: none;  -moz-pointer-events: none;  -ms-pointer-events: none;  pointer-events: none;}.dropdown {  position: relative;  width: 47.5%;  padding-left: 2%;  margin-bottom: 10px;  cursor: pointer;  background: #333;  -webkit-user-select: none;  -moz-user-select: none;  user-select: none;  color: #fff;}.dropdown.open {  z-index: 2;}.dropdown:hover {  box-shadow: 0 0 5px rgba(0,0,0,0.15);}.dropdown.focus {  box-shadow: 0 0 5px rgba(51,102,248,0.4);}.dropdown .carat {  position: absolute;  right: 20px;  top: 50%;  margin-top: -4px;  border: 6px solid transparent;  border-top: 8px solid #fff;}.dropdown.open .carat {  margin-top: -10px;  border-top: 6px solid transparent;  border-bottom: 8px solid #fff;}.dropdown.disabled .carat {  border-top-color: #999;}.dropdown .old {  position: absolute;  left: 0;  top: 0;  height: 0;  width: 0;  overflow: hidden;}.dropdown select {  position: absolute;  left: 0px;  top: 0px;}.dropdown.touch .old {  width: 100%;  height: 100%;}.dropdown.touch select {  width: 100%;  height: 100%;  opacity: 0;}.dropdown .selected,.dropdown li {  display: block;  font-size: 1em;  line-height: 1;  overflow: hidden;  white-space: nowrap;}.dropdown .selected {  padding: 0 30px 0 0;  height: 50px;  line-height: 50px;}#subject .dropdown .selected {  padding: 0 30px 0 35px;  background: url(../../../../gfx/icons.png) no-repeat 0 -304px;}.dropdown div {  position: absolute;  height: 0;  left: 0;  right: 0;  top: 100%;  background: #333;  border-top: 1px solid #444;  overflow: hidden;  opacity: 0;  padding-bottom: 5px;}.dropdown.open div {  opacity: 1;  z-index: 2;}.dropdown.scrollable div::after {  content: '';  position: absolute;  left: 0;  right: 0;  bottom: 0;  height: 50px;  box-shadow: inset 0 -50px 30px -35px #fff;}.dropdown.scrollable.bottom div::after {  opacity: 0;}.dropdown ul {  position: absolute;  left: 0;  top: 0;  height: 100%;  width: 100%;  list-style: none;  overflow: hidden;}.dropdown.scrollable.open ul {  overflow-y: auto;}.dropdown li {  list-style: none;  padding: 8px 12px;  color: #fff;}.dropdown li.focus {  background: #000;  position: relative;  z-index: 3;}.dropdown li.active {  font-weight: 700;}.dispo .remove {  float: left;  background: url(../../../../gfx/icons.png) no-repeat -45px -408px;  width: 15px;  height: 15px;  margin-left: 10px;  margin-top: 17px;  cursor: pointer;}.dispo .fields .item:first-child .remove {  display: none;}.dispo input.rdv {  width: 110px;  text-align: center;  clear: left;  margin-right: 0;  padding-left: 45px;  cursor: pointer;  background: url(../../../../gfx/icons.png) no-repeat 20px -691px #F7F7F7;}.dispo .dropdown {  width: 70px;  margin: 0 0 1% 0;}.dispo label {  float: left;  margin: 0 15px;  line-height: 50px;}#contact #form .add-field {  clear: left;  background-color: #f7f7f7;  margin-bottom: 1%;  float: left;  width: 50px;  text-align: center;  font-size: 2em;  line-height: 50px;  display: inline-block;  cursor: pointer;  -webkit-transition: background-color 100ms ease-in-out;  -moz-transition: background-color 100ms ease-in-out;  -ms-transition: background-color 100ms ease-in-out;  transition: background-color 100ms ease-in-out;}#contact #form .add-field:hover {  background-color: #333;  color: #fff;}#agence #content {  width: 80%;  margin: 0 10%;}#agence #content header .intro span {  display: block;}#agence #content .cover {  width: 100%;  margin-bottom: 40px;}#agence #content article {  width: 65%;  float: left;}#agence #content h2 {  font-family: proxima-nova;  font-weight: 700;  font-size: 1.6em;  color: #242323;  margin-bottom: 20px;  line-height: 1em;  text-transform: uppercase;}#agence #content article p {  margin-bottom: 10px;}#agence #content article p.intro {  font-family: "calluna", serif;  font-style: italic;  font-size: 1.5em;  margin: 15px 0 20px;}#agence #content article p.bottom a {  text-decoration: underline;}#agence #content article .dash {  border-bottom: 2px solid #000;  width: 15%;  display: block;  margin-bottom: 30px;}#agence #content .button {  text-align: center;  display: inline-block;  font-size: .9em;  background-color: #f0f0f0;  font-family: "proxima-nova";  padding: 20px 30px;  text-transform: uppercase;  position: relative;  -webkit-transition: background-color, ease-in-out, .3s;  -moz-transition: background-color, ease-in-out, .3s;  -o-transition: background-color, ease-in-out, .3s;  -ms-transition: background-color, ease-in-out, .3s;  transition: background-color, ease-in-out, .3s;}#agence #content .button .icon {  display: inline-block;  margin-bottom: -5px;  margin-left: 5px;  width: 15px;  height: 15px;  background: url(../../../../gfx/icons.png) no-repeat -30px -283px;}#agence #content .button:hover {  background-color: #aeaeae;  text-shadow: 0 1px 0 #cacaca;}#agence #content aside {  width: 20%;  float: right;  margin-top: 20px;}#agence #content aside figure {  clear: left;  float: left;  width: 100%;  margin-bottom: 10%;}#agence #content aside figure .img {  width: 100%;  float: left;  margin-bottom: 6%;  overflow: hidden;  max-height: 150px;}#agence #content aside img {  width: 100%;  margin-top: -10px;}#agence #content aside h3 {  font-family: proxima-nova;  font-weight: 700;  font-size: 1.1em;  color: #242323;}#agence #content aside span {  font-family: "calluna", serif;}#agence #content footer {  width: 100%;  float: left;  margin: 30px 0 5%;}#agence #content footer .left {  float: left;  margin-right: 20px;}#agence #content footer .right {  float: right;  width: 20%;  padding: 20px 0;  text-align: center;}#jobs #content {  width: 80%;  margin: 0 10%;}#jobs #content .mainImage {  width: 100%;  display: block;  margin-top: 25px;}#jobs #content h1 {  font-size: 4em;  margin-bottom: 8%;}#jobs #content .introduction {  overflow: hidden;  margin-bottom: 8%;  text-align: center;}#jobs #content .introduction div {  display: inline-block;  width: 28.33%;  margin: 0 2.5%;  float: left;}#jobs #content .introduction div span {  display: block;}#jobs #content h3 {  font-family: "Gudea", sans-serif;  font-size: 1.2em;  text-transform: uppercase;  margin-bottom: 20px;  font-weight: bold;  color: #242323;}#jobs #content h2 {  font-family: calluna, serif;  font-size: 3em;  margin-bottom: 5%;  text-align: center;  color: #242323;}#jobs #content .jobsList {  text-align: left;}#jobs #content .jobsList p.empty {  text-align: center;}#jobs #content .jobsList p.empty span {  display: block;}#jobs #content .jobsList .job {  overflow: hidden;}#jobs #content .jobsList .job .image {  float: left;  width: 128px;  margin-top: 5%;}#jobs #content .jobsList .job .text {  margin-left: 186px;  border-bottom: 1px solid #d8d8d8;  padding-bottom: 5%;  margin-bottom: 5%;}#jobs #content .jobsList .job:last-child .text {  border: none;  margin-bottom: 0;}#jobs #content .jobsList .job .text p {  line-height: 23px;}#jobs #content .jobsList .job .text a {  font-family: "Gudea", sans-serif;  font-size: 1.1em;  text-transform: uppercase;  font-weight: bold;  display: inline-block;  padding: 0 23px;  line-height: 40px;  border: 1px solid #000000;  color: #000000;  margin-top: 23px;  letter-spacing: 1px;  -moz-transition: all, .2s;  -webkit-transition: all, .2s;  -o-transition: all, .2s;  -ms-transition: all, .2s;  transition: all, .2s;}#jobs #content .jobsList .job .text a:hover {  background: #000000;  color: #ffffff;}#jobs #content #jobOffer ul li {  background: #3e3d3d;  border-bottom: 1px solid #505050;  color: #ffffff;  padding: 22px 30px 17px 30px;  overflow: hidden;}#jobs #content #jobOffer ul li:first-of-type {  background: #343434;}#jobs #content #jobOffer ul li:last-of-type {  border-bottom: none;}#jobs #content #jobOffer ul li .jobDescr {  margin-right: 270px;}#jobs #content #jobOffer ul li .jobDescr h4 {  padding: 10px 0;  background: url('../../../gfx/jobs/icon-jobdescr.png') no-repeat 0 7px;  padding-left: 40px;  text-transform: uppercase;  display: inline-block;  margin-right: 10px;  font-weight: 600;  margin-bottom: 5px;}#jobs #content #jobOffer ul li .jobDescr p {  display: inline-block;}#jobs #content #jobOffer ul li .jobDescr p:before {  content: "|";  margin-right: 13px;}#jobs #content #jobOffer ul li .jobDescr.long p:before {  display: none;}#jobs #content #jobOffer ul li .jobLinks {  float: right;}#jobs #content #jobOffer ul li .jobLinks .button {  display: inline-block;  border: 2px solid #fff;  line-height: 40px;  text-transform: uppercase;  font-weight: 700;  cursor: pointer;  padding: 0 32px;  font-size: 12px;  color: #fff;  margin-bottom: 5px;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}#jobs #content #jobOffer ul li .jobLinks .button:hover {  background: #fff;  color: #343434;}#jobs #content #jobOffer ul li .jobLinks .button:first-of-type {  border: 2px solid #fff;  color: #343434;  background: #fff;}#jobs #content #jobOffer ul li .jobLinks .button:first-of-type:hover {  background: #343434;  color: #fff;}#jobs #content #jobOffer ul li .jobLinks .share {  display: inline-block;  position: relative;}#jobs #content #jobOffer ul li .jobLinks .share .button {  display: block;  margin: 0;  border: 2px solid #fff;  background: transparent;  color: #ffffff;  padding: 0 47px;}#jobs #content #jobOffer ul li .jobLinks .share .button:hover {  background: #ffffff;}#jobs #content #jobOffer ul li .jobLinks .share #social-share.addthis {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: 0;  background: #ffffff;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;  opacity: 0;}#jobs #content #jobOffer ul li .jobLinks .share #social-share.addthis:hover {  opacity: 1;}#jobs #content #jobOffer ul li .jobLinks .share #social-share.addthis .addthis_sharing_toolbox {  margin-top: 8px;}#jobs #content #jobOffer ul li .jobLinks .share #social-share a,#jobs #content #jobOffer ul li .jobLinks .share .at-share-tbx-element .at-share-btn {  margin: 3px !important;}#jobs #content #applyJob {  position: relative;  overflow: hidden;  padding: 50px 0;  padding-top: 100px;}#jobs #content #applyJob .internship {  position: absolute;  float: left;  text-align: left;  background: #f4f4f4;  padding: 3%;  width: 40%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}#jobs #content #applyJob .internship h2 {  text-align: left;  font-size: 35px;  margin-bottom: 20px;}#jobs #content #applyJob .internship p {  font-size: 14px;}#jobs #content #applyJob .application {  float: right;  width: 52%;  text-align: left;  padding-top: 3%;}#jobs #content #applyJob .application h2 {  text-align: left;  font-size: 35px;  margin-bottom: 20px;}#jobs #content #applyJob .application p {  font-size: 14px;}#jobs #content #applyJob .button {  margin-top: 40px;  display: inline-block;  border: 2px solid #000;  line-height: 40px;  text-transform: uppercase;  font-weight: 700;  cursor: pointer;  padding: 0 32px;  font-size: 12px;  color: black;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}#jobs #content #applyJob .button:hover {  background: #000000;  color: #ffffff;}#jobs.jobsDetails #content {  padding-bottom: 150px;}#jobs.jobsDetails #content .blocks {  max-width: 770px;  border-top: 1px solid #dedede;  margin: 0 auto;  padding-top: 50px;}#jobs.jobsDetails #content .blocks .block {  margin-bottom: 50px;}#jobs.jobsDetails #content .blocks .block p {  margin-bottom: 20px;}#jobs.jobsDetails #content .blocks .block ul li {  list-style: disc;  margin-left: 18px;  margin-bottom: 10px;}#jobs.jobsDetails #content .apply {  text-align: center;}#jobs.jobsDetails #content .apply .button {  font-weight: bold;  text-align: center;  display: inline-block;  font-size: .9em;  background-color: #f0f0f0;  font-family: "proxima-nova";  padding: 20px 30px;  text-transform: uppercase;  position: relative;  -webkit-transition: background-color, ease-in-out, .3s;  -moz-transition: background-color, ease-in-out, .3s;  -o-transition: background-color, ease-in-out, .3s;  -ms-transition: background-color, ease-in-out, .3s;  transition: background-color, ease-in-out, .3s;}#jobs.jobsDetails #content .apply .button:hover {  background-color: #aeaeae;  text-shadow: 0 1px 0 #cacaca;}#services h1 {  font-family: proxima-nova;  font-weight: 700;  font-size: 4em;  color: #242323;  margin-bottom: 20px;  line-height: 1em;  text-transform: uppercase;  width: 45%;  padding-right: 55%;  float: left;}#services .content {  float: left;  width: 100%;  margin-bottom: 5%;  position: relative;}#services .content p,#services .content ul {  float: left;  width: 45%;}#services  .content .intro {  font-family: "calluna", serif;  font-style: italic;  font-size: 1.9em;  margin-bottom: 40px;}#services .content li {  padding: 0 0 10px 30px;}#services #cover {  float: right;  width: 50%;  right: 0;  top: 0;  margin-top: -64px;}#services #other {  float: left;  width: 100%;}#services #other h2 {  font-family: "calluna", serif;  font-style: italic;  font-size: 3.5em;  line-height: 1em;  margin-bottom: 30px;}#services #other a {  width: 25%;  display: block;  float: left;}#services #other a img {  width: 100%;  display: block;}#services {  float: left;  width: 100%;  margin-bottom: 5%;  position: relative;}#services h1 {  float: left;  width: 100%;  margin: 5% 0 3%;  text-transform: uppercase;  font-size: 1.1em;  text-align: center;  letter-spacing: 1px;}#services .service {  display: block;  width: 27.333%;  float: left;  padding: 3% 3% 0;  cursor: pointer;  min-height: 220px;}#services .active {  background-color: #fbfbfb;}#services h2 {  font-family: proxima-nova;  font-weight: 700;  font-size: 4em;  color: #242323;  margin-bottom: 10px;  line-height: 1em;  text-transform: uppercase;}#services h2 span {  font-family: calluna, Georgia, "Times New Roman", Times, serif;  font-weight: 400;  font-size: .5em;  font-style: italic;}#services #main p {  margin-bottom: 15px;}#services #content {  overflow: hidden;  padding-bottom: 0;  background-color: #fbfbfb;}#services .closed {  display: none;}#services #content .content {  float: left;  width: 94%;  padding: 3%;  background-color: #fbfbfb;}#services #content .left {  float: left;  width: 60%;  margin-right: 5%;}#services #content .top {  font-size: 1.5em;  font-family: calluna, Georgia, "Times New Roman", Times, serif;  font-weight: 400;  font-style: italic;}#services #content blockquote {  float: left;  width: 35%;  font-size: 2em;  font-family: calluna, Georgia, "Times New Roman", Times, serif;  font-weight: 400;  font-style: italic;}#services #content .bottom {  font-size: .7em;  color: #999;}#services #content .bottom a {  color: #999;}#services #subcontent {  float: left;  width: 100%;  margin-bottom: 5%;}#services .button {  background: url(../../../../gfx/icons.png) no-repeat -47px -365px;  padding-left: 25px;  text-transform: uppercase;  opacity: .7;  cursor: pointer;  font-weight: 600;  font-family: proxima-nova, Arial, Helvetica, sans-serif;}#services .service:hover .button,#services .content:hover .button {  opacity: 1;}#services .active .button {  background-position: -47px -386px;}#top-button {  text-align: center;  border-top: 1px solid #dfdfdf;  width: 100%;  float: left;  padding: 30px 0 40px;  background-color: #fff;  text-transform: uppercase;  color: #999;  font-family: proxima-nova;  font-weight: 600;  line-height: 18px;  display: block;}#top-button span {  display: inline-block;  height: 18px;  width: 18px;  margin: 0 0 -3px 10px;  background: url(../../../../gfx/icons.png) -42px -42px no-repeat;}.postulerMessage {  display: none;  padding-top: 25px;}.postulerMessage a {  color: #444343;  text-decoration: underline;}@media only screen and (min-width: 1600px) {  .wrap {    width: 1300px;  }}@media only screen and (min-width: 1300px) {  #main .cover {    width: 33.333%;  }  .wrap {    width: 80%;  }  .teamsIndex #content {    width: 80%;    padding-left: 10%;    padding-right: 10%;  }}@media only screen and (min-width: 1021px) {  #nav {    display: block !important;  }}@media only screen and (max-width: 1690px) {  #project-detail #top img {    width: auto;    height: 300px;  }}@media only screen and (max-width: 1600px) {  #header {    padding-top: 40px;  }  #logo {    margin-top: 5px;  }  #nav {    margin-top: 0;  }  #nav ul {    clear: right;  }  #nav ul li:last-child {    padding-right: 0;  }  #lang {    border-left: none;  }  #social {    margin-top: -9px;  }  #social .languages {    vertical-align: top;    margin-top: 2px;  }  #social .pix {    display: inline-block;  }}@media only screen and (max-width: 1500px) {  #jobs #content .introduction div {    width: 30.33%;    margin: 1.5%;  }  #jobs #content .introduction div span {    display: inline;  }  #nav li {    padding: 0 10px;  }  #services.servicesDetails #main #services_nav a {    padding: 0 15px;    font-size: 1.2em;    height: 60px;    line-height: 60px;  }}@media only screen and (max-width: 1300px) {  .wrap {    width: 90%;  }  #temp .wrap {    margin: 0 auto;  }  #contact #general {    width: 100%;    padding: 0 0 40px;  }  #main header h1 span,  #main header p.intro span {    display: inline;  }  #project-detail .wrapperContent figure.image .img,  #project-detail #main img.top {    width: 100%;    margin-left: 0;    margin-right: 0;  }  #project-detail .wrapperContent header,  #project-detail .wrapperContent article p,  #project-detail .wrapperContent figure.image figcaption {    width: 80%;    margin-left: 10%;    margin-right: 10%;  }  .teamsDetail #main header .wrap {    padding: 0;    max-width: none;  }  .teamsDetail #main img {    width: 240px;  }  #services.servicesDetails #main #content article.figure figure {    min-height: 400px;  }}@media only screen and (max-width: 1100px) {  #main header.small h1 {    font-size: 1.5em;    line-height: 1.2em;  }  #agence #content footer {    position: relative;  }  #agence #content footer .button {    clear: left;    margin-bottom: 10px;    min-width: 240px;  }  #agence #content footer .right {    position: absolute;    right: 0;    top: 0;    min-width: 0;  }  #logo {    width: 33%;    margin-top: 12px;  }  #logo img {    width: 100%;    height: auto;  }  #jobs #content .introduction div {    width: 100%;    margin: 0 0 10%;  }  #jobs #content h1,  #jobs #content h2 {    font-size: 3em;  }}@media only screen and (max-width: 1020px) {  #project-detail #main #banner .bg {    display: none;  }  #project-detail #main #banner img {    margin-top: 5% !important;  }  #header {    padding: 20px 0;    background: url(../../../gfx/pattern.jpg) #131313;  }  #logo {    width: auto;    margin-top: 0;  }  #logo img {    display: none;    width: auto;  }  #logo img.mobile {    display: block;  }  #nav-button {    display: block;  }  #nav {    display: none;    background: url(../../../gfx/pattern.jpg) #131313;    position: absolute;    left: 0;    top: 94px;    color: #fff;    z-index: 3;    width: 100%;    padding: 0 5.6% 60px;  }  #nav ul {    float: left;  }  #nav li {    float: none;    line-height: 2em;    padding-left: 0;  }  #nav li a {    color: #686868;    border: none;  }  #nav a:hover {    color: #fff;  }  #nav ul a {    padding-left: 0;  }  #social {    position: absolute;    left: 5%;    margin-left: 0;    bottom: 0;    padding: 10px 0;    border-top: 1px solid #686868;    background: url(../../../gfx/pattern.jpg) #131313;  }  #social a#in {    background-position: 0 -20px;    margin-left: 0;  }  #social a#pin {    background-position: -20px -20px;  }  #social a#fb {    background-position: -40px -20px;  }  #lang div {    display: inline-block;    position: static;    background: none;  }  #lang:hover div {    display: inline-block;  }  #lang span,  #lang a,  #lang .active-lang {    display: inline-block;    padding: 0 2px;  }  #lang .active-lang {    cursor: default;  }  #lang span.arrow {    display: none;  }}@media only screen and (max-width: 1000px) {  #temp #content {    padding: 0 5%;    width: 90%;    left: 0;    margin-left: 0;  }  #temp .wrap {    padding-left: 5%;    padding-right: 5%;    width: 90%;  }  #temp #content h1 img {    width: 100%;  }  #temp #content p.intro {    font-size: 2em;  }  #template2 .cover {    width: 50%;  }  #contact #general p {    font-size: 1.3em;  }  #contact #request {    width: 100%;    padding: 30px 0;  }  #contact #form {    width: 100%;    padding: 30px 0 0 0;    top: 40px;  }  #equipe .team {    width: 47%;    margin: 1.5%;  }  #services .content ul {    width: 100%;  }  #agence #content footer .right {    width: auto;    padding: 20px 30px;    float: left;    position: static;    min-width: 240px;  }  #agence #content article,  #agence #content aside {    width: 100%;  }  #agence #content aside figure {    width: 45%;    float: left;    clear: none;    margin-bottom: 5%;  }  #agence #content aside figure .img {    max-height: 260px;  }  #agence #content aside figure:last-child {    float: right;  }  #project-detail .wrapperContent article h2 {    font-size: 2em;  }  #nav-project {    text-align: center;  }  #nav-project .breadcrumb,  #nav-project .right,  #nav-project .meta,  #nav-project #arrows {    float: none;    display: inline-block;  }  #nav-project .breadcrumb {    font-size: 2.5em;  }  #nav-project .meta {    margin: 20px 0 10px;  }  #nav-project .meta p {    text-align: left;  }  #nav-project .meta p.briefing {    border-left: none;  }  #jobs #content #applyJob .internship {    width: 100%;    position: static;    text-align: center;  }  #jobs #content #applyJob .internship h2 {    text-align: center;  }  #jobs #content #applyJob .application {    width: 100%;    padding-left: 0;    margin-top: 30px;    text-align: center;  }  #jobs #content #applyJob .application h2 {    text-align: center;  }  #services.servicesIndex #main #content article {    padding: 70px 0;    width: 100%;  }  #services.servicesIndex #main #content article .text {    width: 50%;  }  #services.servicesDetails #main header {    padding: 100px 10%;  }  #services.servicesDetails #main header .scroll {    bottom: 50px;  }  #services.servicesDetails #main #content article {    padding: 0 0 0 70px;  }  #services.servicesDetails #main #content article h2 {    padding-left: 70px;    margin-left: -70px;  }  #services.servicesDetails #main #content article h2:after {    left: 70px;  }  #services.servicesDetails #main #content article blockquote {    margin: 0 0 30px -70px;    font-size: 1.5em;    padding-left: 0;  }  #services.servicesDetails #main #content article blockquote:after {    display: none;  }  #services.servicesDetails #main #content article.gallery {    padding: 0;    width: 105%;  }  #services.servicesDetails #main #content article.gallery figure {    width: 45%;    padding: 0;    margin: 0 5% 20px 0;  }  #services.servicesDetails #main #content article.figure figure {    min-height: 300px;  }  #services.servicesDetails #main #content article.slider .owl-nav div.owl-prev {    left: -30px;  }  #services.servicesDetails #main #content article.slider .owl-nav div.owl-next {    right: -30px;  }  #services.servicesDetails #main #services_nav {    display: block;  }  #services.servicesDetails #main #services_nav h2 {    margin-bottom: 20px;    font-size: 1.6em;  }  #services.servicesDetails #main #services_nav a {    padding: 10px 15px;    display: block;    text-align: center;    border-right: none;    height: auto;    line-height: normal;    max-width: 100%;  }}@media only screen and (max-width: 800px) {  #main header h1 {    font-size: 2em;  }  #temp #content {    font-size: .9em;  }  #contact #general p,  #contact #request h2,  #contact h2 {    font-size: 1em;  }  #jobs #content .jobsList .job .image {    width: 100%;    text-align: center;    margin-bottom: 5%;  }  #jobs #content .jobsList .job h3 {    text-align: center;  }  #jobs #content .jobsList .job .text {    width: 100%;    margin-left: 0;    padding-bottom: 10%;  }  #project-detail .wrapperContent h1 {    font-size: 3em;  }  #services #content article {    width: 43.6%;  }  #services.servicesIndex #main #content article .text {    float: none;    width: auto;  }  #services.servicesIndex #main #content article img.img {    margin-left: 5%;    margin-bottom: 20px;  }  #services.servicesIndex #main #content article:nth-child(even) img.img {    margin-right: 5%;    margin-left: 0;  }}@media only screen and (max-width: 700px) {  html {    padding: 0;  }  .border {    display: none;  }  #main .cover {    width: 100%;  }  #category {    margin: 20px 0;  }  #category span {    display: block;  }  #category span a {    margin: 0;  }  #project-detail #top h1 {    margin: 20px 0 10px;    font-size: 2.5em;  }  #project-detail .content {    -moz-column-count: 1;    -webkit-column-count: 1;    -ms-column-count: 1;    -o-column-count: 1;    column-count: 1;  }  #project-detail #cover {    padding: 0;    width: 100%;  }  #project-detail .wrapperContent header,  #project-detail .wrapperContent article p,  #project-detail .wrapperContent figure.image figcaption {    width: 100%;    margin-left: 0;    margin-right: 0;  }  #contact h1,  .teamsIndex h1 {    font-size: 2.5em;  }  #contact #general #open-map {    margin-top: 0;  }  #contact #request .box,  #contact #general p,  #contact #general h2 {    width: 100%;    text-align: center;  }  input[type=text] {    margin: 0 0 1% 0;    width: 96%;  }  #contact #form #subject .dropdown {    width: 98%;  }  #project-detail .wrapperContent article h2 {    font-size: 2em;  }  .fixed #nav-project .wrap {    padding-top: 15px;  }  #nav-project .meta {    clear: left;    margin-bottom: 10px;  }  html .arrows {    top: auto !important;    bottom: 50px;  }  html .arrows.arrowsFixed.display {    right: 0px;  }  #services.servicesDetails #main {    padding: 0;  }  #services.servicesDetails #main #content {    padding-top: 80px;  }  #services.servicesDetails #main #content article {    padding: 0 !important;    margin-bottom: 50px;  }  #services.servicesDetails #main #content article h2 {    padding-left: 50px;    margin-left: 0;    margin-bottom: 30px;  }  #services.servicesDetails #main #content article h2 span.num {    width: 30px;    line-height: 30px;    height: 30px;    margin-top: -16px;  }  #services.servicesDetails #main #content article h2:after {    left: 50px;    bottom: -20px;  }  #services.servicesDetails #main #content article blockquote {    margin: 0 0 30px 0;  }  #services.servicesDetails #main #content article p {    line-height: 1.5em;  }  #services.servicesDetails #main #content article.columns .inner {    width: 100%;    margin-right: 0;    margin-top: 15px;    margin-bottom: 0;  }  #services.servicesDetails #main #content article.slider {    padding: 0 30px 50px !important;  }  #services.servicesDetails #main #content article.slider .owl-nav div.owl-prev {    left: -10px;  }  #services.servicesDetails #main #content article.slider .owl-nav div.owl-next {    right: -10px;  }  #services.servicesDetails #main #content article.gallery {    width: 100%;  }  #services.servicesDetails #main #content article.gallery figure {    width: 100%;    max-width: 419px;    float: none;    margin: 0 auto 40px;  }  #services.servicesDetails #main #content article.figure figure {    padding-left: 0 !important;  }  #services.servicesDetails #main #content article.figure figure img {    display: block;  }  #services.servicesDetails #main #content article.figure figure .img {    display: none;  }  #services.servicesDetails #main #content article.figure figure figcaption {    width: 80%;    padding: 10%;    display: block;  }  #services.servicesDetails #main footer > span,  #services.servicesDetails #main footer > a {    display: block;    font-size: 1.3em;  }  #services.servicesDetails #main footer .addthis_sharing_toolbox {    margin: 20px 60px;  }  #jobs #content .jobsList p.empty span {    display: inline;  }  .teamsDetail #main img {    width: 40%;  }  .teamsDetail #main header .arrow {    width: 80px;    height: 80px;    margin-top: -40px;  }  .teamsDetail #main header .arrow .icon {    width: 50px;    height: 50px;    margin: -25px 0 0 -25px;  }  .teamsDetail #main header .prev .icon {    background-position: -9px -106px;  }  .teamsDetail #main header .next .icon {    background-position: -5px -148px;  }  .teamsDetail #main header .arrow img {    width: 48px;    margin-top: 16px;  }  .teamsDetail #main header .arrow:hover img {    width: 80px;  }  #agence #content aside figure img {    margin-top: 0;  }  #main header.small h1 {    font-size: 1.4em;    line-height: 1.2em;  }  .landingPage img {    transform: scale(0.6);  }}@media only screen and (max-width: 560px) {  #logo {    width: 70%;  }  #logo .mobile {    width: 100%;    height: auto;  }  #nav-button {    position: fixed;    right: 5%;    top: 30px;    z-index: 4;    width: 30px;    height: 20px;    padding: 10px;    margin-right: -10px;  }  .fixed #nav-button {    background: url(../../../../gfx/icons.png) no-repeat -60px -560px #fff;  }  .fixed #nav-button img {    display: none;  }  .fixed .opened #nav-button {    background: none;  }  .fixed  .opened #nav-button img {    display: block;  }  #nav {    position: fixed;    left: 0;    top: 0;  }  #nav ul {    margin-top: 3%;  }  #project-detail .wrapperContent h1 {    font-size: 2em;  }  #main header h1 {    font-size: 1.6em;  }  #main header.small h1 {    font-size: 1.4em;    line-height: 1.2em;  }  #temp #content .button {    margin: 5px 0;    width: 99%;  }  #form_newsletter {    margin: 5px 0;    width: 99%;  }  #equipe .team {    width: 100%;    margin: 0 0 60px;  }  #equipe .team .description {    height: auto;  }  #equipe .team p {    text-align: center;  }  .teamsDetail #main header h1 {    font-size: 1.5em;  }  .teamsDetail #main header h2 {    font-size: 1em;  }  .teamsDetail #content p {    font-size: 1em;  }  #nav-project {    display: none;  }  #nav-project .meta {    display: none;  }  .arrows.arrowsFixed {    bottom: 0;    width: 90%;    padding: 0 5%;    background: url(../../../gfx/pattern.jpg) #131313;  }  .arrows.arrowsFixed a {    clear: none;  }  .arrows.arrowsFixed a.prev {    float: left;  }  .arrows.arrowsFixed a .text {    width: auto;  }  .arrows.arrowsFixed .prev .icon {    background-position: -1px -776px;    width: 8px;    height: 13px;    margin-left: 0;  }  .arrows.arrowsFixed .next .icon {    background-position: -19px -776px;    width: 8px;    height: 13px;    margin-right: 0;  }  .arrows.arrowsFixed a {    padding: 12px 0;  }  .arrows.arrowsFixed .goBack {    position: absolute;    top: 50%;    left: 50%;    padding: 12px 20px;    margin: -20px 0 0 -37px;    border-left: 1px solid #474747;    border-right: 1px solid #474747;  }  .arrows.arrowsFixed .goBack .text {    display: none;  }  .arrows.arrowsFixed a:hover .text {    width: auto;  }  #agence #content h2 {    font-size: 1.7em;  }  #agence #main aside figure {    font-size: .8em;  }  #agence #content,  #jobs #content {    width: 100%;    margin-left: 0;    margin-right: 0;  }  #services.servicesDetails #main #content article h2 {    font-size: 1.2em;  }  #services.servicesIndex #main #content article {    padding: 40px 0;  }  #services.servicesIndex #main #content article img.img {    float: none;    display: block;    width: 100%;    max-width: 433px;    margin-right: auto !important;    margin-left: auto !important;    margin-bottom: 0;  }  #services.servicesIndex #main #content article .text {    margin-top: -50px;    position: relative;  }  #services.servicesIndex #main #content article .text h2 {    margin-left: 20px;    margin-bottom: 40px;    text-shadow: 0 1px 0 #fff;  }  .dispo .fields label.from {    clear: left;  }}@media only screen and (max-width: 400px) {  #header {    height: 30px;  }  #nav-button {    top: 4%;  }  #content .cover .overlay,  #relatedReferences .cover .overlay {    padding-top: 20%;    line-height: 1.6em;  }  #content .cover .overlay .title,  #relatedReferences .cover .overlay .title {    font-size: 1.4em;  }  #project-detail #top p {    line-height: 1.5em;  }  #template4 .box {    width: 100%;    padding: 0;    margin: 0 0 7.5% 0;  }  #project-detail #template4 .box p {    margin: 7.5%;  }  #request #form h2,  #request #form .button {    float: none;    text-align: center;    margin-bottom: 10px;  }  #nav-project .breadcrumb {    font-size: 2em;  }  .arrows.arrowsFixed .goBack {    padding: 12px 12px;    margin-left: -27px;  }  #services.servicesIndex #main #content article ul.services {    -webkit-column-count: 1;    -moz-column-count: 1;    column-count: 1;  }  .teamsDetail #content img {    width: 60%;  }  #agence #content aside figure {    width: 100%;  }  #agence #content aside figure img {    margin-top: -10px;  }  #agence #content footer .button,  #agence #content footer .right {    width: 90%;    padding: 15px 5%;    min-width: 0;    font-size: .8em;  }  .teamsDetail #main img {    width: 60%;  }  .teamsDetail #main header .arrow {    width: 50px;    height: 50px;    margin-top: -25px;  }  .teamsDetail #main header .arrow .icon {    background-color: transparent;  }  .teamsDetail #main header .arrow img {    display: none;  }  .teamsDetail #main header .close {    text-indent: -9999px;  }  .teamsDetail #main header .close .icon {    position: absolute;    top: 0;    right: 0;  }  #jobs #content #jobOffer ul li .jobLinks {    float: inherit;  }  #jobs #content #jobOffer ul li .jobLinks .button,  #jobs #content #applyJob .button {    width: 100%;    padding: 0;    text-align: center;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;  }}@media only screen and (max-width: 300px) {  .dispo .fields label {    clear: left;    width: 30px;  }  .arrows.arrowsFixed a.arrow {    padding: 12px 20px;  }  .arrows.arrowsFixed a .text {    display: none;  }  #agence #content aside figure img {    margin-top: 0;  }}@media only screen and (max-width: 880px) {  html #jobs #content #jobOffer ul li {    position: relative;    padding-bottom: 72px;  }  html #jobs #content #jobOffer ul li .jobLinks {    position: absolute;    bottom: 10px;    right: 16px;  }  html #jobs #content #jobOffer ul li .jobDescr {    margin: 0;  }  html #jobs #content #jobOffer ul li .jobDescr h4,  html #jobs #content #jobOffer ul li .jobDescr p {    display: block;  }}@media only screen and (max-width: 400px) {  html #jobs #content #jobOffer ul li .jobLinks {    left: 16px;  }  html #jobs #content #jobOffer ul li .jobLinks .share {    display: none;  }}.select2-container {  box-sizing: border-box;  display: inline-block;  margin: 0;  position: relative;  vertical-align: middle;}.select2-container .select2-selection--single {  box-sizing: border-box;  cursor: pointer;  display: block;  height: 28px;  user-select: none;  -webkit-user-select: none;}.select2-container .select2-selection--single .select2-selection__rendered {  display: block;  padding-left: 8px;  padding-right: 20px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {  padding-right: 8px;  padding-left: 20px;}.select2-container .select2-selection--multiple {  box-sizing: border-box;  cursor: pointer;  display: block;  min-height: 32px;  user-select: none;  -webkit-user-select: none;}.select2-container .select2-selection--multiple .select2-selection__rendered {  display: inline-block;  overflow: hidden;  padding-left: 8px;  text-overflow: ellipsis;  white-space: nowrap;}.select2-container .select2-search--inline {  float: left;}.select2-container .select2-search--inline .select2-search__field {  box-sizing: border-box;  border: none;  font-size: 100%;  margin-top: 5px;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {  -webkit-appearance: none;}.select2-dropdown {  background-color: white;  border: 1px solid #aaa;  border-radius: 4px;  box-sizing: border-box;  display: block;  position: absolute;  left: -100000px;  width: 100%;  z-index: 1051;}.select2-results {  display: block;}.select2-results__options {  list-style: none;  margin: 0;  padding: 0;}.select2-results__option {  padding: 6px;  user-select: none;  -webkit-user-select: none;}.select2-results__option[aria-selected] {  cursor: pointer;}.select2-container--open .select2-dropdown {  left: 0;}.select2-container--open .select2-dropdown--above {  border-bottom: none;  border-bottom-left-radius: 0;  border-bottom-right-radius: 0;}.select2-container--open .select2-dropdown--below {  border-top: none;  border-top-left-radius: 0;  border-top-right-radius: 0;}.select2-search--dropdown {  display: block;  padding: 4px;}.select2-search--dropdown .select2-search__field {  padding: 4px;  width: 100%;  box-sizing: border-box;}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {  -webkit-appearance: none;}.select2-search--dropdown.select2-search--hide {  display: none;}.select2-close-mask {  border: 0;  margin: 0;  padding: 0;  display: block;  position: fixed;  left: 0;  top: 0;  min-height: 100%;  min-width: 100%;  height: auto;  width: auto;  opacity: 0;  z-index: 99;  background-color: #fff;  filter: alpha(opacity=0);}.select2-container--default .select2-selection--single {  background-color: #fff;  border: 1px solid #aaa;  border-radius: 4px;}.select2-container--default .select2-selection--single .select2-selection__rendered {  color: #444;  line-height: 28px;}.select2-container--default .select2-selection--single .select2-selection__clear {  cursor: pointer;  float: right;  font-weight: bold;}.select2-container--default .select2-selection--single .select2-selection__placeholder {  color: #999;}.select2-container--default .select2-selection--single .select2-selection__arrow {  height: 26px;  position: absolute;  top: 1px;  right: 1px;  width: 20px;}.select2-container--default .select2-selection--single .select2-selection__arrow b {  border-color: #888 transparent transparent transparent;  border-style: solid;  border-width: 5px 4px 0 4px;  height: 0;  left: 50%;  margin-left: -4px;  margin-top: -2px;  position: absolute;  top: 50%;  width: 0;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {  float: left;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {  left: 1px;  right: auto;}.select2-container--default.select2-container--disabled .select2-selection--single {  background-color: #eee;  cursor: default;}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {  display: none;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {  border-color: transparent transparent #888 transparent;  border-width: 0 4px 5px 4px;}.select2-container--default .select2-selection--multiple {  background-color: white;  border: 1px solid #aaa;  border-radius: 4px;  cursor: text;}.select2-container--default .select2-selection--multiple .select2-selection__rendered {  box-sizing: border-box;  list-style: none;  margin: 0;  padding: 0 5px;  width: 100%;}.select2-container--default .select2-selection--multiple .select2-selection__placeholder {  color: #999;  margin-top: 5px;  float: left;}.select2-container--default .select2-selection--multiple .select2-selection__clear {  cursor: pointer;  float: right;  font-weight: bold;  margin-top: 5px;  margin-right: 10px;}.select2-container--default .select2-selection--multiple .select2-selection__choice {  background-color: #e4e4e4;  border: 1px solid #aaa;  border-radius: 4px;  cursor: default;  float: left;  margin-right: 5px;  margin-top: 5px;  padding: 0 5px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {  color: #999;  cursor: pointer;  display: inline-block;  font-weight: bold;  margin-right: 2px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {  color: #333;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {  float: right;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {  margin-left: 5px;  margin-right: auto;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {  margin-left: 2px;  margin-right: auto;}.select2-container--default.select2-container--focus .select2-selection--multiple {  border: solid black 1px;  outline: 0;}.select2-container--default.select2-container--disabled .select2-selection--multiple {  background-color: #eee;  cursor: default;}.select2-container--default.select2-container--disabled .select2-selection__choice__remove {  display: none;}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {  border-top-left-radius: 0;  border-top-right-radius: 0;}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {  border-bottom-left-radius: 0;  border-bottom-right-radius: 0;}.select2-container--default .select2-search--dropdown .select2-search__field {  border: 1px solid #aaa;}.select2-container--default .select2-search--inline .select2-search__field {  background: transparent;  border: none;  outline: 0;}.select2-container--default .select2-results > .select2-results__options {  max-height: 200px;  overflow-y: auto;}.select2-container--default .select2-results__option[role=group] {  padding: 0;}.select2-container--default .select2-results__option[aria-disabled=true] {  color: #999;}.select2-container--default .select2-results__option[aria-selected=true] {  background-color: #ddd;}.select2-container--default .select2-results__option .select2-results__option {  padding-left: 1em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__group {  padding-left: 0;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option {  margin-left: -1em;  padding-left: 2em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {  margin-left: -2em;  padding-left: 3em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {  margin-left: -3em;  padding-left: 4em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {  margin-left: -4em;  padding-left: 5em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {  margin-left: -5em;  padding-left: 6em;}.select2-container--default .select2-results__option--highlighted[aria-selected] {  background-color: #5897fb;  color: white;}.select2-container--default .select2-results__group {  cursor: default;  display: block;  padding: 6px;}.select2-container--classic .select2-selection--single {  background-color: #f6f6f6;  border: 1px solid #aaa;  border-radius: 4px;  outline: 0;  background-image: -webkit-linear-gradient(top,#ffffff 50%,#eeeeee 100%);  background-image: -o-linear-gradient(top,#ffffff 50%,#eeeeee 100%);  background-image: linear-gradient(to bottom,#ffffff 50%,#eeeeee 100%);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);}.select2-container--classic .select2-selection--single:focus {  border: 1px solid #5897fb;}.select2-container--classic .select2-selection--single .select2-selection__rendered {  color: #444;  line-height: 28px;}.select2-container--classic .select2-selection--single .select2-selection__clear {  cursor: pointer;  float: right;  font-weight: bold;  margin-right: 10px;}.select2-container--classic .select2-selection--single .select2-selection__placeholder {  color: #999;}.select2-container--classic .select2-selection--single .select2-selection__arrow {  background-color: #ddd;  border: none;  border-left: 1px solid #aaa;  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;  height: 26px;  position: absolute;  top: 1px;  right: 1px;  width: 20px;  background-image: -webkit-linear-gradient(top,#eeeeee 50%,#cccccc 100%);  background-image: -o-linear-gradient(top,#eeeeee 50%,#cccccc 100%);  background-image: linear-gradient(to bottom,#eeeeee 50%,#cccccc 100%);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0);}.select2-container--classic .select2-selection--single .select2-selection__arrow b {  border-color: #888 transparent transparent transparent;  border-style: solid;  border-width: 5px 4px 0 4px;  height: 0;  left: 50%;  margin-left: -4px;  margin-top: -2px;  position: absolute;  top: 50%;  width: 0;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {  float: left;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {  border: none;  border-right: 1px solid #aaa;  border-radius: 0;  border-top-left-radius: 4px;  border-bottom-left-radius: 4px;  left: 1px;  right: auto;}.select2-container--classic.select2-container--open .select2-selection--single {  border: 1px solid #5897fb;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {  background: transparent;  border: none;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {  border-color: transparent transparent #888 transparent;  border-width: 0 4px 5px 4px;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {  border-top: none;  border-top-left-radius: 0;  border-top-right-radius: 0;  background-image: -webkit-linear-gradient(top,#ffffff 0%,#eeeeee 50%);  background-image: -o-linear-gradient(top,#ffffff 0%,#eeeeee 50%);  background-image: linear-gradient(to bottom,#ffffff 0%,#eeeeee 50%);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {  border-bottom: none;  border-bottom-left-radius: 0;  border-bottom-right-radius: 0;  background-image: -webkit-linear-gradient(top,#eeeeee 50%,#ffffff 100%);  background-image: -o-linear-gradient(top,#eeeeee 50%,#ffffff 100%);  background-image: linear-gradient(to bottom,#eeeeee 50%,#ffffff 100%);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);}.select2-container--classic .select2-selection--multiple {  background-color: white;  border: 1px solid #aaa;  border-radius: 4px;  cursor: text;  outline: 0;}.select2-container--classic .select2-selection--multiple:focus {  border: 1px solid #5897fb;}.select2-container--classic .select2-selection--multiple .select2-selection__rendered {  list-style: none;  margin: 0;  padding: 0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__clear {  display: none;}.select2-container--classic .select2-selection--multiple .select2-selection__choice {  background-color: #e4e4e4;  border: 1px solid #aaa;  border-radius: 4px;  cursor: default;  float: left;  margin-right: 5px;  margin-top: 5px;  padding: 0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {  color: #888;  cursor: pointer;  display: inline-block;  font-weight: bold;  margin-right: 2px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {  color: #555;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {  float: right;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {  margin-left: 5px;  margin-right: auto;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {  margin-left: 2px;  margin-right: auto;}.select2-container--classic.select2-container--open .select2-selection--multiple {  border: 1px solid #5897fb;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {  border-top: none;  border-top-left-radius: 0;  border-top-right-radius: 0;}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {  border-bottom: none;  border-bottom-left-radius: 0;  border-bottom-right-radius: 0;}.select2-container--classic .select2-search--dropdown .select2-search__field {  border: 1px solid #aaa;  outline: 0;}.select2-container--classic .select2-search--inline .select2-search__field {  outline: 0;}.select2-container--classic .select2-dropdown {  background-color: white;  border: 1px solid transparent;}.select2-container--classic .select2-dropdown--above {  border-bottom: none;}.select2-container--classic .select2-dropdown--below {  border-top: none;}.select2-container--classic .select2-results > .select2-results__options {  max-height: 200px;  overflow-y: auto;}.select2-container--classic .select2-results__option[role=group] {  padding: 0;}.select2-container--classic .select2-results__option[aria-disabled=true] {  color: grey;}.select2-container--classic .select2-results__option--highlighted[aria-selected] {  background-color: #3875d7;  color: white;}.select2-container--classic .select2-results__group {  cursor: default;  display: block;  padding: 6px;}.select2-container--classic.select2-container--open .select2-dropdown {  border-color: #5897fb;}#services #main h2 {  font-weight: 700;  color: #242323;  font-size: 1.5em;  padding-bottom: 5px;  position: relative;  border-bottom: 1px solid #f2f2f2;}#services h2:focus {  outline: none;}#services h2 .ui-icon {  width: 0;  height: 0;  position: absolute;  right: 0;  top: 50%;  margin-top: -4px;  border: 6px solid transparent;  border-top: 8px solid #000;}#services h2.ui-accordion-header {  background: none;  border: none;  border-bottom: 1px solid #f2f2f2;}#services h2.ui-accordion-header-active .ui-icon {  margin-top: -10px;  border-top: 6px solid transparent;  border-bottom: 8px solid #000;}#services #main h2 img {  display: inline-block;  margin-right: 10px;  margin-bottom: -2px;}#services #content {  text-align: left;}#services #content header {  margin-bottom: 70px;}#services #content article {  text-align: left;  display: inline-block;  width: 26.9%;  margin: 0 3% 50px;  vertical-align: top;}#services #content .content {  padding: 0 10%;}#services #content li {  padding: 3px 10px;  color: #242323;  border-bottom: 1px solid #f2f2f2;  font-size: .9em;}#jobs.jobsTraining #content header {  position: relative;  text-align: center;  padding: 80px 0;}#jobs.jobsTraining #content header h1 {  font-size: 40px;  margin-bottom: 30px;}#jobs.jobsTraining #content header p {  font-size: 15px;  line-height: 22px;}#jobs.jobsTraining #content header:after {  content: "";  width: 400px;  height: 1px;  background: #dcdcdc;  position: absolute;  bottom: 0;  display: block;  left: 50%;  margin-left: -200px;}#jobs.jobsTraining #content #expectations {  position: relative;  overflow: hidden;  padding: 50px 0 70px 0;  text-align: center;}#jobs.jobsTraining #content #expectations div {  width: 47%;  margin-left: 3%;  float: left;  text-align: center;}#jobs.jobsTraining #content #expectations div:first-child {  margin-right: 2%;  margin-left: 0;}#jobs.jobsTraining #content #expectations div span.icon {  width: 87px;  height: 87px;  display: block;  margin: 0 auto 15px auto;}#jobs.jobsTraining #content #expectations div span.icon.demande {  background: url('../../../medias/stages/ico-demande.png');}#jobs.jobsTraining #content #expectations div span.icon.attente {  background: url('../../../medias/stages/ico-attente.png');}#jobs.jobsTraining #content #expectations div p {  font-size: 15px;  line-height: 22px;}#jobs.jobsTraining #content #expectations div:after {  content: "";  width: 400px;  height: 1px;  background: #dcdcdc;  position: absolute;  bottom: 0;  display: block;  left: 50%;  margin-left: -200px;}#jobs.jobsTraining #content #expectations .button {  margin-top: 40px;  display: inline-block;  border: 3px solid #000;  background: #ffffff;  line-height: 40px;  text-transform: uppercase;  font-weight: 700;  cursor: pointer;  padding: 0 32px;  font-size: 14px;  letter-spacing: 2px;  color: black;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}#jobs.jobsTraining #content #expectations .button:hover {  background: #000000;  color: #ffffff;}#jobs.jobsTraining #content #theTrainees {  padding: 50px 0 80px 0;}#jobs.jobsTraining #content #theTrainees h2 {  font-size: 40px;  margin-bottom: 100px;}#jobs.jobsTraining #content #theTrainees .interns {  border-top: 1px solid #e8e8e8;  padding-top: 50px;}#jobs.jobsTraining #content #theTrainees .interns .item {  text-align: center;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0 20px;}#jobs.jobsTraining #content #theTrainees .interns .item img {  display: block;  -webkit-border-radius: 100%;  border-radius: 100%;  overflow: hidden;  width: 100%;  max-width: 237px;  margin: 0 auto;}#jobs.jobsTraining #content #theTrainees .interns .item h3 {  font-size: 32px;  text-transform: none;  font-weight: normal;  font-family: calluna;  margin: 15px 0 5px 0;}#jobs.jobsTraining #content #theTrainees .interns .item p.function {  color: #c5c5c5;  text-transform: uppercase;  font-size: 13px;  font-weight: normal;  letter-spacing: 2px;}#jobs.jobsTraining #content #theTrainees .interns .slider {  position: relative;}#jobs.jobsTraining #content #theTrainees .interns .slider .owl-controls .owl-prev,#jobs.jobsTraining #content #theTrainees .interns .slider .owl-controls .owl-next {  position: absolute;  left: 0;  top: 100px;  width: 19px;  height: 36px;  background: url('../../../../../../../gfx/icons.png') no-repeat 0 -456px;  -webkit-transition: opacity ease-in-out 0.3s;  -moz-transition: opacity ease-in-out 0.3s;  -o-transition: opacity ease-in-out 0.3s;  -ms-transition: opacity ease-in-out 0.3s;  transition: opacity ease-in-out 0.3s;  text-indent: -6000px;}#jobs.jobsTraining #content #theTrainees .interns .slider .owl-controls .owl-next {  left: auto;  right: 0;  background-position: 0 -528px;}#jobs.jobsTraining #content #theTrainees .interns .slider .item {  cursor: pointer;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#jobs.jobsTraining #content #theTrainees .interns .slider .item img {  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#jobs.jobsTraining #content #theTrainees .interns .details {  position: relative;  display: none;}#jobs.jobsTraining #content #theTrainees .interns .details .close {  text-transform: uppercase;  opacity: .8;  position: absolute;  top: 0px;  right: 0;  font-size: .8em;  cursor: pointer;}#jobs.jobsTraining #content #theTrainees .interns .details .close .icon {  background: url('../../../../gfx/icons.png') no-repeat -32px -232px;  width: 8px;  height: 8px;  margin-left: 8px;  margin-bottom: 0px;  display: inline-block;}#jobs.jobsTraining #content #theTrainees .interns .details .close:hover {  opacity: 1;}#jobs.jobsTraining #content #theTrainees .interns .details .item {  overflow: hidden;}#jobs.jobsTraining #content #theTrainees .interns .details .item img {  max-width: 237px;  margin: 0 auto;}#jobs.jobsTraining #content #theTrainees .interns .details .item .left,#jobs.jobsTraining #content #theTrainees .interns .details .item .right {  float: left;  width: 45%;}#jobs.jobsTraining #content #theTrainees .interns .details .item .right {  float: right;}#jobs.jobsTraining #content #theTrainees .interns .details .item .text {  margin: 0 7%;  margin-top: 70px;  padding-top: 60px;  text-align: left;  border-top: 1px solid #e8e8e8;}#jobs.jobsTraining #content #theTrainees .interns .details .item .text h4 {  position: relative;  font-size: 16px;  text-transform: uppercase;  color: #161616;  font-weight: bold;  margin-bottom: 25px;  padding-left: 20px;}#jobs.jobsTraining #content #theTrainees .interns .details .item .text h4 span {  background: url("../../../gfx/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: 0 -59px;  width: 13px;  height: 12px;  text-indent: -6000px;  text-align: left;  position: absolute;  top: 4px;  left: 0;}@media screen and (max-width: 480px) {  #jobs.jobsTraining #content #expectations div {    float: inherit;    width: 100%;    margin-left: 0;    margin-bottom: 30px;  }  #jobs.jobsTraining #content #theTrainees article h4 small {    display: block;    margin-left: 15px;  }  #jobs.jobsTraining #content #theTrainees article div {    float: inherit;    width: 100%;    margin-left: 0;    margin-bottom: 30px;  }}#jobsForm #content {  overflow: initial;}#jobsForm #content {  overflow: initial;}#jobsForm #content header {  text-align: center;}#jobsForm #content header h1 {  font-size: 3em;  margin: 0 auto;  margin-top: 60px;  margin-bottom: 25px;  max-width: 660px;}#jobsForm #content header h3 {  margin-bottom: 15px;}#jobsForm #content header p {  font-size: 14px;  max-width: 403px;  margin: 0 auto;}#jobsForm #content .success {  text-align: center;}#jobsForm #content .success .h1 {  font-weight: 400;  color: #242323;  font-family: "calluna", serif;  line-height: 1em;  text-align: center;  font-size: 2.4em;  margin: 0 auto;  margin-top: 60px;  margin-bottom: 25px;  max-width: 730px;}#jobsForm #content .success .h3 {  font-family: "Gudea", sans-serif;  font-size: 1.2em;  text-transform: uppercase;  margin-bottom: 20px;  font-weight: bold;  color: #242323;  text-align: center;}#jobsForm #content .success .button {  margin-top: 40px;  display: inline-block;  border: 3px solid #000;  background: #ffffff;  line-height: 40px;  text-transform: uppercase;  font-weight: 700;  cursor: pointer;  padding: 0 32px;  font-size: 14px;  letter-spacing: 2px;  color: black;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}#jobsForm #content .success .button:hover {  background: #000000;  color: #ffffff;}#jobsForm #content .form .formBlock {  clear: both;  padding-top: 20px;}#jobsForm #content .form .formBlock .title {  position: relative;  line-height: 29px;  padding-left: 50px;  padding-bottom: 15px;  padding-top: 15px;  border-bottom: 1px solid #dcdcdc;  margin-right: 2%;}#jobsForm #content .form .formBlock .title span {  position: absolute;  top: 50%;  left: 0;  background: url("../../../gfx/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: 0px 0px;  width: 36px;  height: 22px;  text-indent: -6000px;  text-align: left;  margin-top: -11px;  border: none;}#jobsForm #content .form .formBlock fieldset {  margin-top: 30px;}#jobsForm #content .form .formBlock fieldset h4 {  font-weight: 700;  color: #161616;  margin-bottom: 10px;}#jobsForm #content .form .formBlock .input.inputCheckbox,#jobsForm #content .form .formBlock .input.inputRadio {  float: left;  margin-right: 10px;}#jobsForm #content .form .formBlock .input.inputCheckbox label input,#jobsForm #content .form .formBlock .input.inputRadio label input {  display: inline-block;  float: none;  background: #ffffff;  border: 1px solid #CCCCCC;  height: auto;  padding: 2px 5px;  margin-left: 5px;  font-size: 10px;  -webkit-border-radius: 2px;  border-radius: 2px;  vertical-align: middle;}#jobsForm #content .form .formBlock .input.inputCheckbox {  line-height: 32px;}#jobsForm #content .form .formBlock.coordonnees .inputText {  width: 31.5%;  margin: 0 1% 1% 0;  display: inline-block;  vertical-align: top;}#jobsForm #content .form .formBlock.coordonnees .inputText input {  width: 93.5%;  margin: 0;  padding: 0 4%;}#jobsForm #content .form .formBlock.fonction .title span {  background: url("../../../gfx/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -46px 0px;  width: 23px;  height: 23px;  text-indent: -6000px;  text-align: left;  margin-top: -12px;}#jobsForm #content .form .formBlock.fonction .inputCheckbox {  width: 195px;}#jobsForm #content .form .formBlock.fonction input[type="text"] {  margin-bottom: 0px;}#jobsForm #content .form .formBlock.fonction .slider {  max-width: 810px;  position: relative;}#jobsForm #content .form .formBlock.fonction .slider .lines {  overflow: hidden;  margin-top: 4px;}#jobsForm #content .form .formBlock.fonction .slider .lines div {  margin-left: 8.33%;  width: 0px;  height: 8px;  float: left;}#jobsForm #content .form .formBlock.fonction .slider .lines div span {  width: 1px;  height: 8px;  background: #000000;  display: block;}#jobsForm #content .form .formBlock.fonction .slider .durationInfo {  text-align: center;  font-size: 9px;  font-weight: bold;  text-transform: uppercase;  line-height: 10px;  position: absolute;  margin-left: -6px;}#jobsForm #content .form .formBlock.fonction .slider .durationInfo strong {  font-size: 11px;}#jobsForm #content .form .formBlock.fonction .slider .durationInfo.move {  top: 43px;  left: 8%;}#jobsForm #content .form .formBlock.fonction .slider .infos {  position: relative;  margin-top: 20px;  height: 20px;}#jobsForm #content .form .formBlock.fonction .slider .infos .durationInfo {  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;  opacity: 0;  -webkit-transform: translate(0px,20px);  -moz-transform: translate(0px,20px);  -ms-transform: translate(0px,20px);  -o-transform: translate(0px,20px);  transform: translate(0px,20px);}#jobsForm #content .form .formBlock.fonction .slider .infos .durationInfo.displayed {  opacity: 1;  -webkit-transform: translate(0px,0px);  -moz-transform: translate(0px,0px);  -ms-transform: translate(0px,0px);  -o-transform: translate(0px,0px);  transform: translate(0px,0px);}#jobsForm #content .form .formBlock.fonction .slider .infos .durationInfo.fixed_1 {  left: 8%;}#jobsForm #content .form .formBlock.fonction .slider .infos .durationInfo.fixed_6 {  left: 50%;}#jobsForm #content .form .formBlock.fonction .slider .infos .durationInfo.fixed_12 {  left: 100%;}#jobsForm #content .form .formBlock.fonction .minimumDuration {  font-weight: bold;  font-size: 12px;  margin-top: 0px;  opacity: 0;  height: 0px;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}#jobsForm #content .form .formBlock.fonction .minimumDuration.displayed {  margin-top: 20px;  height: 16px;  opacity: 1;}#jobsForm #content .form .formBlock.langues .title span {  background: url("../../../gfx/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -79px 0px;  width: 32px;  height: 29px;  text-indent: -6000px;  text-align: left;  margin-top: -14px;}#jobsForm #content .form .formBlock.langues .line {  margin-bottom: 10px;}#jobsForm #content .form .formBlock.langues .line select {  width: 98%;}#jobsForm #content .form .formBlock.langues .line .inputSelect {  display: inline-block;  vertical-align: middle;  width: 28%;}#jobsForm #content .form .formBlock.langues .line .level {  display: inline-block;  vertical-align: middle;  margin-left: 30px;  white-space: nowrap;}#jobsForm #content .form .formBlock.langues .line .level .input.inputCheckbox {  line-height: normal;  margin-left: 10px;}#jobsForm #content .form .formBlock.langues .line .close {  background: url('../../../../../../gfx/icons.png') no-repeat -32px -232px;  width: 8px;  height: 8px;  margin-left: 8px;  margin-top: 3px;  display: inline-block;  vertical-align: middle;  cursor: pointer;}#jobsForm #content .form .formBlock.langues .line:first-child .close {  display: none;}#jobsForm #content .form .formBlock.langues .add {  clear: both;}#jobsForm #content .form .formBlock.langues .add a {  font-size: 13px;  color: #2d2b2b;}#jobsForm #content .form .formBlock.permis .title span {  background: url("../../../gfx/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -121px 0px;  width: 19px;  height: 16px;  text-indent: -6000px;  text-align: left;  margin-top: -8px;  left: 10px;}#jobsForm #content .form .formBlock.vous .motivation {  overflow: hidden;  padding-bottom: 50px;}#jobsForm #content .form .formBlock.vous .motivation .left {  float: left;  width: 30%;}#jobsForm #content .form .formBlock.vous .motivation .left p {  font-size: 14px;}#jobsForm #content .form .formBlock.vous .motivation .right {  float: right;  width: 66%;}#jobsForm #content .form .formBlock.vous .motivation .right .parsley-errors-list {  width: 98%;}#jobsForm #content .form .formBlock.vous .title span {  background: url("../../../gfx/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -150px 0px;  width: 20px;  height: 20px;  text-indent: -6000px;  text-align: left;  margin-top: -10px;  left: 10px;}#jobsForm #content .form .formBlock.vous textarea {  height: 160px;}#jobsForm #content .form .formBlock.vous .columns {  margin-left: -2%;  text-align: center;}#jobsForm #content .form .formBlock.vous .columns .column {  display: inline-block;  width: 29%;  margin: 0 2%;  margin-bottom: 4%;  vertical-align: top;}#jobsForm #content .form .formBlock.vous .columns .column p {  font-size: 14px;  margin-bottom: 20px;  min-height: 38px;}#jobsForm #content .form .formBlock.vous .columns .column p.multi {  min-height: 57px;}#jobsForm #content .form .formBlock.vous fieldset h4 {  font-family: "Gudea", sans-serif;  text-transform: uppercase;}#jobsForm #content .form .formBlock.vous fieldset textarea {  width: 94%;}#jobsForm #content .form .formBlock.questions .title span {  background: url("../../../gfx/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: -180px 0px;  width: 25px;  height: 26px;  text-indent: -6000px;  text-align: left;  margin-top: -8px;  left: 10px;}#jobsForm #content .form .formBlock.questions .lines .line {  border-bottom: 1px solid #dbdbdb;  float: left;  width: 98%;  padding: 20px 0;}#jobsForm #content .form .formBlock.questions .lines .line p {  float: left;  line-height: normal;  color: #161616;  font-weight: 700;}#jobsForm #content .form .formBlock.questions .lines .line .inputs {  float: right;}#jobsForm #content .form .formBlock.cv {  padding-top: 80px;}#jobsForm #content .form .formBlock.cv .inputFile {  position: relative;}#jobsForm #content .form .formBlock.cv .inputFile label {  margin-top: 13px;  margin-left: 10px;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}#jobsForm #content .form .formBlock.cv .inputFile input {  position: absolute;  margin: 0;  padding: 0;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: 0;  cursor: pointer;}#jobsForm #content .form .formBlock.cv .title {  padding-left: 0;}#jobsForm #content .form .formBlock.cv .left,#jobsForm #content .form .formBlock.cv .right {  width: 48%;  float: left;}#jobsForm #content .form .formBlock.cv .right {  float: right;}#jobsForm #content .form .formBlock.cv .right .margin {  margin-right: 1%;}#jobsForm #content .form .formBlock.cv p {  margin-bottom: 15px;}#jobsForm #content .form .formBlock.cv p.first {  min-height: 44px;}#jobsForm #content .form .formBlock.cv p.last {  clear: both;  padding-top: 10px;}#jobsForm #content .form .submit {  padding-top: 90px;  clear: both;  text-align: center;}#jobsForm #content .form .submit button {  display: inline-block;  border: 2px solid #000;  background: #ffffff;  line-height: 40px;  width: 215px;  text-transform: uppercase;  font-weight: 700;  cursor: pointer;  -webkit-transition: all 250ms ease-out;  -moz-transition: all 250ms ease-out;  -ms-transition: all 250ms ease-out;  -o-transition: all 250ms ease-out;  transition: all 250ms ease-out;}#jobsForm #content .form .submit button:hover {  background: #000000;  color: #ffffff;}#jobsForm #content .parsley-errors-list {  font-size: 12px;  color: #ffffff;  clear: both;  font-weight: 500;}#jobsForm #content .parsley-errors-list.filled {  padding-top: 2px;  padding-bottom: 5px;}#jobsForm #content .parsley-errors-list li {  line-height: 23px;  background: #fc3939;  position: relative;  padding-left: 21px;}#jobsForm #content .parsley-errors-list li:before {  content: "";  display: block;  position: absolute;  background: url('../../../../gfx/icons.png') no-repeat -187px -410px;  width: 13px;  height: 8px;  top: 50%;  left: 4px;  margin-top: -4px;}#jobsForm #content .form .formBlock.coordonnees .parsley-errors-list.filled {  margin-right: -5px;}#jobsForm #content textarea {  margin-bottom: 0;}html body .select2-container--default .select2-selection--single {  border: none;  height: auto;  -webkit-border-radius: 0px;  border-radius: 0px;}html body .select2-container--default .select2-selection--single .select2-selection__rendered {  line-height: 50px;  padding-left: 20px;  background: #f7f7f7;}html body .select2-container--default .select2-selection--single .select2-selection__arrow {  height: auto;  bottom: 0;  right: 10px;}html body .select2-container--open .select2-dropdown--below {  border-top: 1px solid #aaa;  -webkit-border-radius: 0px;  border-radius: 0px;}@media only screen and (max-width: 1085px) {  html #jobsForm #content .form .formBlock.vous .columns .column {    margin: 0;    margin-bottom: 25px;    width: 96%;  }  html #jobsForm #content .form .formBlock.vous .columns .column p {    min-height: initial;  }}@media only screen and (max-width: 700px) {  html #jobsForm #content .form .formBlock.coordonnees input {    width: 95%;    float: none;  }  html #jobsForm #content .form .formBlock.coordonnees .inputText {    width: 95%;    display: block;    clear: both;  }  html #jobsForm #content .form .formBlock .input.inputCheckbox input {    width: auto;    margin: 0;  }  html #jobsForm #content .form .formBlock.langues .line .level {    margin: 0;    margin-top: 7px;    width: 93%;  }  html #jobsForm #content .form .formBlock.langues .line .level .input {    width: 45%;  }  html #jobsForm #content .form .formBlock.langues .line select {    width: 98%;  }  html #jobsForm #content .form .formBlock.cv .left,  html #jobsForm #content .form .formBlock.cv .right {    float: none;    width: 98%;  }  html #jobsForm #content .form .formBlock.questions .lines .line .inputs {    float: none;    clear: both;  }}#jobs.jobsSpeculativeForm #jobsForm #content header p {  max-width: 570px;}