/*
Theme Name: Comed
Theme URI: http://www.comed.lu
Description: A responsive theme for Comed, handcrafted by Comed s.a.
Author: D.D.
Author URI: http://www.comed.lu
Version: 0.1

*/
@charset "UTF-8";


@import url('bootstrap/css/bootstrap.css'); 


html{
	font-size: 16px;
}

html, body{
	height: 100%;
}

html.home, .home body{
	height: 100%;
}

.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

body { 
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.33;
	font-weight: 400;
	letter-spacing: .05em;
	margin-top: 0;
	font-size: 1em;
}

.body{
	position: relative;
	top: 115px;
	width: 100%;
}

.home .body{
	height: 100%;
	top: auto;
	bottom: 0;
}

/* ---------------------- HEADER ----------------------------*/

body>header{
	background: #ffffff;
	border-bottom: 2px solid #dadadc;
	height: 115px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	font-family: 'Julius Sans One', sans-serif;
	text-transform: lowercase;
	z-index: 100;
}

header>a{
	margin: 34px 0 0 35px;
	display: block;
	width: 48px;
	position: relative;
	z-index: 3;
}

header>a:active, header>a:focus{
	outline: none;
}

#logo{
	position: relative;
	display: block;
	margin: 0;
	width: 48px;
}

#main-nav{
	position: absolute;
	left: 205px;
	top: 0;
}

#main-nav ul{
	padding-left: 0;
	text-align: left;
}

#main-nav li{
	list-style: none;
	margin: 0 57px 0 0;
	padding: 46px 0 0 0;
	display: inline-block;
}

#main-nav a{
	color: #000;
	font-size: 1.25em;
}

#main-nav #menu-item-1118 a{
	color: #dc3560;
}

#main-nav #menu-item-1118:hover a,
#main-nav #menu-item-1118 a:hover,
#main-nav #menu-item-1118 a:focus,
{
	color: #ffffff;
}

#main-nav a:hover, #main-nav a:focus{
	text-decoration: none;
	outline: none;
}

#main-nav li:first-of-type{
	position: absolute;
	margin-left: -7em;
	left: -205px;
}

#main-nav .sub-menu{
	display: none;
}

.lavalamp-object {
	border-top: 6px solid #373c3d;
}

#menu-social-menu, #menu-social-menu-1{
	margin: 0;
	position: absolute;
	right: 50px;
	top: 49px;
	z-index: 99999;
}

#menu-social-menu li, #menu-social-menu-1 li{
	padding: 0;
	list-style: none;
	margin-left: 29px;
	display: block;
	float: left;
}

#menu-social-menu a, 
#menu-social-menu-1 a,
.ssba>div>a{
	background: url('images/icon-sprite.png') -11px -14px no-repeat;
	width: 16px;
	height: 17px;
	overflow: hidden;
	display: block;
	float: left;
	text-indent: -10000px;
}
#menu-social-menu a[title=Facebook], 
#menu-social-menu-1 a[title=Facebook], 
.ssba>div>.ssba_facebook_share{
	background-position: -11px -38px;
}

#menu-social-menu a[title=Facebook]:hover, #menu-social-menu a[title=Facebook]:focus,
#menu-social-menu-1 a[title=Facebook]:hover, #menu-social-menu-1 a[title=Facebook]:focus,
.ssba>div>.ssba_facebook_share:hover, .ssba>div>.ssba_facebook_share:focus{
	background-position: -11px -78px;
}

#menu-social-menu a[title=Twitter], 
#menu-social-menu-1 a[title=Twitter], 
.ssba>div>.ssba_twitter_share{
	background-position: -49px -38px;
}

#menu-social-menu a[title=Twitter]:hover, #menu-social-menu a[title=Twitter]:focus,
#menu-social-menu-1 a[title=Twitter]:hover, #menu-social-menu-1 a[title=Twitter]:focus,
.ssba>div>.ssba_twitter_share:hover, .ssba>div>.ssba_twitter_share:focus{
	background-position: -49px -78px;
}

#menu-social-menu a[title=Google], 
#menu-social-menu-1 a[title=Google], 
.ssba>div>.ssba_google_share{
	background-position: -85px -38px;
	width: 25px;
}

#menu-social-menu a[title=Google]:hover, #menu-social-menu a[title=Google]:focus, 
#menu-social-menu-1 a[title=Google]:hover, #menu-social-menu-1 a[title=Google]:focus, 
.ssba>div>.ssba_google_share:hover, .ssba>div>.ssba_google_share:focus{
	background-position: -85px -78px;
}

#menu-social-menu a[title=LinkedIn], 
#menu-social-menu-1 a[title=LinkedIn], 
.ssba>div>.ssba_linkedin_share{
	background-position: -131px -38px;
}

#menu-social-menu a[title=LinkedIn]:hover, #menu-social-menu a[title=LinkedIn]:focus, 
#menu-social-menu-1 a[title=LinkedIn]:hover, #menu-social-menu-1 a[title=LinkedIn]:focus, 
.ssba>div>.ssba_linkedin_share:hover, .ssba>div>.ssba_linkedin_share:focus{
	background-position: -131px -78px;
}

#menu-social-menu a[title=YouTube],
#menu-social-menu-1 a[title=YouTube]{
	background-position: -174px -38px;
}

#menu-social-menu a[title=YouTube]:hover, #menu-social-menu a[title=YouTube]:focus,
#menu-social-menu-1 a[title=YouTube]:hover, #menu-social-menu-1 a[title=YouTube]:focus{
	background-position: -174px -78px;
}

#menu-social-menu a[title=Instagram],
#menu-social-menu-1 a[title=Instagram]{
	background-position: -177px -129px;
}

#menu-social-menu a[title=Instagram]:hover, #menu-social-menu a[title=Instagram]:focus,
#menu-social-menu-1 a[title=Instagram]:hover, #menu-social-menu-1 a[title=Instagram]:focus{
	background-position: -177px -170px;
}

.ssba{
	margin-top: 40px;
	margin-bottom: 50px;
}

.ssba:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

.ssba>div>a{
	margin-right: 25px;
	opacity: .5;
	margin-top: 10px;
}

.ssba>div>a:hover, .ssba>div>a:focus{
	opacity: 1;
}

.externallink, .sstories-gallery-first, .details .ssba{
	position: relative;
	margin-left: 70px;
	display: block;
	font-family: 'Julius Sans One', sans-serif;
	text-transform: lowercase;
	font-size: 16px;
	color: #484751;
	float: left;
	clear: both;
}

.externallink:before, .sstories-gallery-first:before, .details .ssba:before{
	content:'';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	left: -70px;
	width: 56px;
	height: 56px;
	background: url('images/icon-sprite.png') -5px -215px no-repeat;
	outline: none;
}

.externallink:hover:before, .sstories-gallery-first:hover:before, .details .ssba:hover:before,
.externallink:focus:before, .sstories-gallery-first:focus:before, .details .ssba:focus:before{
}

.externallink:before{
	background-position: -5px -215px;
}

.sstories-gallery-first:before{
	background-position: -177px -215px;
}

.details .ssba:before{
	background-position: -92px -215px;
}

.externallink:hover:before, .externallink:focus:before{
	background-position: -262px -215px;
}

.sstories-gallery-first:hover:before, .sstories-gallery-first:focus:before{
	background-position: -434px -215px;
}

.details .ssba:hover:before, .details .ssba:focus:before{
	background-position: -349px -215px;
}

.externallink{
	margin-top: 50px;
	color: #484751; 
}

.sstories-gallery-first{
	margin-top: 44px;
	color: #484751; 
}

.sstories-gallery-first:hover, .sstories-gallery-first:focus{
	outline: none;
}

.details .sstories-gallery{
	position: absolute;
	left: -10000px;
}

.tags a{
	display: block;
	color: #ffffff;
	font-family: 'Julius Sans One', sans-serif;
	text-transform: lowercase;
	float: left;
	padding: 1em 1em;
	font-size: 10pt;
	margin-bottom: 1em;
	background: #474650;
	clear: both;
}

.tags a:hover, .tags a:focus{
	text-decoration: none;
}

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

h1, .h1{
	font-family: 'Julius Sans One', sans-serif;
	text-transform: lowercase;
	font-size: 1.75rem;
	margin-bottom: 1em;
	font-weight: 400;
}

h2, .h2{
	font-family: 'Julius Sans One', sans-serif;
	text-transform: lowercase;
	font-weight: 400;
}

h3, .h3{
	font-family: 'Julius Sans One', sans-serif;
	text-transform: lowercase;
	font-weight: 400;
}

p, .detailscontent li, .fullcontent li, .fullcontent p{
	font-size: 1.1rem;
	font-weight: 100;
	line-height: 1.4;
}

b,strong{
	font-weight: 500;
}

.notitle{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	top: -10000px !important;
	left: -10000px !important;
	overflow: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.btn{
	white-space: normal;
}

/*loading of home*/
.home .body{
	opacity: 0;
}

.home .body.hasLoaded{
	opacity: 1;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

#content{
	position: relative;
	width: 100%;
	padding: 0;
}

.home #content{
	height: 100%;
}

#content>section{
	width: 100%;
}

.home #content>section{
	height: 100%;
	position: absolute;
}

.no-js.home #content>section:not(:first-child){
	display: none;
}

.main-zone{
	width: 73%;
	top: 0;
	left: 0;
}

.home .main-zone{
	overflow: hidden;
	height: 100%;
	position: absolute;
	
	top: auto;
	bottom: 0;
}

.main-zone.mz-toright{
	margin-left: 20%;
	width: 80%;
}

.main-zone.mz-toleft{
	margin-right: 20%;
	width: 80%;
}

.home .main-zone.mz-toright{
	left: auto;
	right: 0;
	width: 80%;
	margin-left: 0;
}

.mz-slide{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mz-slide.is-clickable:hover, .mz-slide.is-clickable:focus{
	cursor: pointer;
}

.mz-slide.is-clickable:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(26,30,31,.33);
	z-index: 5;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.mz-slide.is-clickable:after{
	content: '';
	display: block;
	width: 111px;
	height: 111px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -55px 0 0 -55px;
	background: url('images/big-plus.png') center center no-repeat;
	z-index: 6;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
}

.mz-slide.is-clickable:hover:before, .mz-slide.is-clickable:focus:before{
	opacity: 1;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.mz-slide.is-clickable:hover:after, .mz-slide.is-clickable:focus:after{
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 1;
}

.home .mz-slide.not-displayed{
	z-index: -1;
}

.main-zone .mz-slidecontent{
	position: absolute;
	bottom: 150px;
	text-align: center;
	width: 100%;
}

.main-zone .mz-slidecontent.mz-largeimage{
	bottom: 0;
	height: 100%;
}

.main-zone .mz-slidecontent h1, .main-zone .mz-slidecontent h2, .main-zone .mz-slidecontent p{
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.main-zone .mz-slidecontent h1{
	font-size: 7em;
	color: #ffffff;
	text-shadow: 0 0 4px #000;
	margin-bottom: .5em;
}

.main-zone .mz-slidecontent h2{
	font-size: 4em;
	color: #ffffff;
	text-shadow: 0 0 2px #000;
	margin-bottom: 1em;
	font-weight: 100;
}

.main-zone .mz-slidecontent p{
	font-size: 2.5em;
	color: #ffffff;
	text-shadow: 0 0 2px #000;
	margin-bottom: 1.25em;
	font-weight: 100;
}

.main-zone .mz-slidecontent :last-child{
	margin-bottom: 0;
}

.mz-videoslide{
	padding: 0 50px;
	background: #f4f4f4;
	width: 800px;
}

.mz-videoslide .videoblock{
	margin: 0 auto;
}

.main-zone .mz-videoslide .mz-slidecontent iframe{
	max-width: 100%;
}

#animation-btn{
	opacity: .6;
	display: block;
	position: absolute;
	overflow: hidden;
	top: 146px;
	left: 38px;
	height: 43px;
	width: 43px;
	z-index: 12;
	text-indent: -10000px;
	background: url('images/icon-sprite.png') -536px -154px no-repeat;
	transition: opacity .5s;
}

#animation-btn.sliderplay{
	background-position: -536px -210px;
}

#animation-btn:hover, #animation-btn:focus{
	opacity: 1;
	transition: opacity .5s;
	outline: none;
}

#s-post-container .mz-controls, .projet .mz-controls{
	position: fixed;
	left: 60%;
}

.mz-controls li{
	display: inline-block;
}

.mz-controls a{
	width: 95px;
	height: 95px;
	display: block;
	position: relative;
	top: 50%;
	margin: -47px 0 0 0;
	position: absolute;
	padding: 0;
	z-index: 9;
}

.mz-controls  .btn-prev{
	left: 2px;
}

.mz-controls  .btn-next{
	right: 2px;
}

.mz-controls a:hover, .mz-controls a:focus{
	outline: none;
}

.mz-controls a span{
	background: url('images/icon-sprite.png') -321px -19px no-repeat;
	width: 18px;
	height: 32px;
	text-indent: -10000px;
	display: block;
	position: absolute;
	top: 31px;
	left: 38px;
}

.mz-controls a.disabled span{
	background-position: -321px -90px;
}

.mz-controls  .btn-next span{
	background-position: -368px -19px;
}

.mz-controls .btn-prev:hover,.mz-controls .btn-next:hover{
	background: rgba(170,170,170,.6);
}

.mz-controls .btn-prev:hover span{
	background-position: -321px -91px;
}

.mz-controls .btn-next:hover span{
	background-position: -368px -91px;
}


.mz-controls  .btn-next.disabled span{
	background-position: -368px -90px;
}

.mz-list{
	margin: 4em 0 0 0;
	padding: 0;
	list-style: none;
}

.mz-list li{
	margin-bottom: 1.25em;
}

.mz-list a{
	color: rgba(255,255,255,.5);
	font-size: 1.15em;
	font-family: 'Julius Sans One', sans-serif;
	text-transform: lowercase;
}

.mz-list a:hover, .mz-list a:focus, .mz-list a.selected{
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

.no-js .right-pane{
	min-height: 950px;
}

.right-pane{
	position: absolute;
	height: 100%;
	width: 27%;
	left: 73%;
}

.right-pane, .main-zone .mz-slide-rightitem{
	color: #ffffff;
}

.right-pane.nopadding{
	padding: 0;
}

.home .right-pane{
	top: auto;
	bottom: 0;
	
	overflow-y: scroll;
}

.mz-rightitem{
	padding: 60px;
}

.left-pane{
	position: fixed;
	width: 20%;
	left: 0;
	padding: 115px 0;
	color: #ffffff;
	background: #373c3e;
	top: 115px;
	height: 100%;
}

.projets .left-pane{
	padding-bottom: 210px;
}

.mz-slide-rightitem{
	position: absolute;
	opacity: 0;
	z-index: -1;
	padding: 60px;
	width: 100%;
	bottom: 0;
}

.mz-slide-rightitem>:first-child{
	margin-top: 0;
}

.mz-slide-rightitem.displayed{
	z-index: 1;
}


/* ------------- Create Success -------------------- */

.padcontainer{
	padding: 5rem;
	max-width: 1300px;
}

.createsuccess .padcontainer>p>img{
	margin-bottom: 110px;
}

.createsuccess em{
	font-family: 'Lora', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1.6rem;
}

em+br+span{
	font-size: .9rem;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	margin-bottom: 4rem;
	margin-top: .75rem;
}

.pole{
	margin: 0;
	padding: 9rem 0 0 0;
}

.pole-title{
	text-transform: uppercase;
	font-size: 2.25rem;
	border-bottom: 2px solid #000;
	padding-bottom: .66em;
	margin-bottom: 1.5em;
}

.pole-content{
	margin: 1rem 0 2.5rem;;
}

.pole-content h2{
	position: absolute;
	left: -10000px;
	top: -10000px;
}

.pole-content em{
	display: block;
	margin-bottom: 1rem;
}

.successes{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.successes li{
	margin-right: 1%;
	width: 32.3%;
	margin-bottom: 7px;
	background: #ececec; 
	position: relative;
	padding: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center;
	justify-content: space-between;
}

.successes li>a{
	padding: 1.25rem 0 3.45rem;
	transition: box-shadow ease-in-out .25s;
	box-shadow: 0 0 0 rgba(236,236,236,0);
}

.successes a:hover, .successes a:focus{
	color: #ffffff;
	text-decoration: none;
	outline: none;
	box-shadow: 0 -5px 0 2px rgba(236,236,236,1);
	transition: box-shadow ease-in-out .25s;
}

.successes a:hover:after, .successes a:focus:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	opacity: 0;
	transition: background-color ease-in-out .5s;
}

.successes a:hover:after, .successes a:focus:after{
	opacity: .10;
	transition: background-color ease-in-out .5s;
}

.s-title{
	margin: .75em 1em 1.5em;
	font-size: 1.2rem;
	color: #000000;
}

.s-logo{
	display: block;
	margin: 0 auto 2em;
	max-width: 90%;
	height: auto;
}

.s-link{
	display: block;
	color: #ffffff;
	width: 100%;
	text-align: center;
	font-size: 1.25rem;
	font-weight: 300;
	padding: 1.1rem 0 1.2rem;
	text-transform: uppercase;
	transition: padding ease-out .35s;
	position: absolute;
	bottom: 0;
}


a:hover .s-link, a:focus .s-link{
	padding: 1.8rem 0 1.9rem;
	transition: padding ease-out .35s;
}

/* ------------- Projets -------------------- */

.loading .masonry .item-wrap{
	opacity: 0;
}

.masonry .item-wrap{
	opacity: 1;
	transition: opacity 1s;
}

.categories, .categories-inactive, .lp-selector{
	margin: 0 10%;
	padding: 0;
	position: relative;
	width: 79.9%;
}

.categories li{
	margin-bottom: 1.2em;
	list-style: none;
}

.categories-inactive li{
	margin-bottom: 1.5em;
	list-style: none;
}

.categories label, #selectAll, .categories-inactive a{
	font-weight: 100;
	font-size: 1.2em;
}

.categories-inactive a{
	color: #ffffff;
}

.categories ul label{
	font-weight: 100;
	font-size: 1.3em;
}

.categories>li>label, #selectAll, .categories-inactive a{
	font-family: 'Julius Sans One', sans-serif;
	font-family: 'Source Sans Pro', sans-serif;
}

.categories-inactive a:hover, .categories-inactive a:focus{
	  text-decoration: none;
}

#selectAll{
	color: #ffffff;	
}

#selectAll:hover, #selectAll:focus{
	text-decoration: none;
	outline: none;
	color: #7f7e85;
}

.categories .children{
	padding-left: 0;
	margin-bottom: 1.2em;
	margin-top: 1.2em;
	display: none;
}

.categories .children li:first-child{
	margin-top: -1em;
}

.categories .children li{
	margin-bottom: .25em;
}

.categories .children div{
	margin-right: 1em;
}

.categories-inactive a:before{
	content:'';
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: -3px 7px 0 0;
    padding: 0;
    width: 16px;
    height: 17px;
    background: url('js/icheck-skin/comed.png') no-repeat;
    border: none;
    cursor: pointer;
}

.categories-inactive a:before{
    background-position: 0 0;
}
.categories-inactive .current a:before, .categories-inactive a:hover:before, .categories-inactive a:focus:before, .categories .current-menu-item a:before{
       background-position: -18px 0;
}

.categories-inactive #voirtout a:before{
	display: none;
}

.clients{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 40px;
	width: 79.9%;
	left: 10%;
}

.clients li{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #7f7e85;
	font-size: .95em;
	font-weight: 200;
	position: relative;
}

.clients li:after{
	content: ' / ';
	display: inline;
	position: relative;
}

.clients li:last-child:after{
	display: none;
}

.clients li a{
	color: #7f7e85;
}

.clients li a:hover, .clients li a:focus, .clients li a.is-active{
	color: #fff;
	text-decoration: none;
	outline: none;
}

.lp-selector{
	color: #9b9e9f;
	margin-top: 20px;
}

.lp-selector li{
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 39.9%;
}

.lp-selector a{
	display: block;
	padding: 0 3px;
	border-radius: 6px;
	border: 2px solid #4b5051;
	color: #4b5051;
	font-size: 12px;
	text-align: center;
}

.lp-selector a:hover, .lp-selector a:focus, .lp-selector .is-displayed{
	border: 2px solid #9b9e9f;
	color: #9b9e9f;
	text-decoration: none;
}

.lp-selector li:first-child{
	margin-right: 9.99%; 
}

.masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 4;
    -moz-column-gap: 6px;
    -webkit-column-gap: 6px;
    column-gap: 6px;
	background: #fff;
}

.item-wrap { 
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1px;
    width: 100%;
	overflow: hidden;
	position: relative;
}

.masonry .item-wrap{
	overflow: visible;
}

.masonry .item-wrap .item{
	position: relative;
}

.masonry .item-wrap:before:hover, .masonry .item-wrap:before:focus{
	content: '';
	background: rgba(255,255,255,.8);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.masonry .item-wrap img.item{
	max-width: 100%;
	height: auto;
	display: block;
}

.masonry .item-wrap:hover, .masonry .item-wrap:focus{
	cursor: pointer;
}

.masonry .item-wrap:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.9);
	z-index: 5;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.masonry .item-wrap:after{
	content: '';
	display: block;
	width: 111px;
	height: 111px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -55px 0 0 -55px;
	background: url('images/big-plus.png') center center no-repeat;
	z-index: 6;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
}

.masonry .item-wrap:hover:before, .masonry .item-wrap:focus:before{
	opacity: 1;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	
}

.masonry .item-wrap:hover:after, .masonry .item-wrap:focus:after{
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 1;
}

/* ACHTUNG - A reporter dans jquery.stories.js */
@media only screen and (min-width: 0px) and (max-width: 450px){
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 451px) and (max-width: 650px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}


@media only screen and (min-width: 651px) and (max-width: 699px){
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1200px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1600px) {
   .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
		 -moz-column-gap: 6px;
    	-webkit-column-gap: 6px;
    	column-gap: 6px;
    }
	
	.item-wrap{
		margin: 0 0 2px;
	}
}

@media only screen and (min-width: 2000px) {
   .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

/* -------------------- Single post container -------------------- */

#s-post-container, #content.projet{
	position: fixed;
	left: 101%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#s-post-container{
	z-index: 7;
}

#content.projet{
	left: 0;
}

#s-post-container .close, #content.projet .close{
	background: rgba(66,65,74,.5) url('images/icon-sprite.png') -402px 0 no-repeat;
	text-indent: -10000px;
	display: block;
	height: 100px;
	width: 100px;
	position: absolute;
	top: 114px;
	left: 0;
	overflow: hidden;
	z-index: 2;
	opacity: 1;
	float: none;
}

#s-post-container .close{
	display: none;
}

#s-post-container .close:hover, #s-post-container .close:focus, #content.projet .close:hover, #content.projet .close:focus{
	background-color: rgba(66,65,74,.75);
	background-position: -402px -101px;
	outline: none;
}

#s-post-container section, #content.projet section{
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: relative;
}

#s-post-container .left-pane, #content.projet .left-pane{
	position: absolute;
	background: #ececed;
	color: #484751;
	height: 100%;
	overflow: scroll;
}

.post-content{
	margin: 75px 60px;
}

#s-post-container .post-content, .single .post-content{
	margin-top: 0;
	padding-bottom: 75px;
}

.post-content h1{
	font-size: 25pt;
	margin-bottom: 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.post-content h2{
	font-size: 20pt;
	font-family: "Source Sans Pro",sans-serif;
	font-weight: 400;
	margin: 0 0 1em;
}

.post-content h3{
	font-size: 18pt;
}

.post-content p{
	font-size: 12pt;
}

#s-post-container .main-zone, #content.projet .main-zone{
	height: 100%;
	position: relative;
	overflow: scroll;
	overflow-x: scroll;
	overflow-y: hidden;
}

#post-gall{
	margin: 0;
	padding: 115px 0 0 0;
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.projet #post-gall{
	width: 100%;
}

#post-gall li{
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	position: relative;
	top: auto;
	left: auto;
}

.fullcontent-btn-box{
	margin: 1em 0;
}

.fullcontent-btn{
	color: #000;
	float: right;
	clear: both;
	font-weight: bold;
}

.fullcontent-btn:hover,.fullcontent-btn:focus{
	color: #585667;
	text-decoration: none;
}

.fullcontent{
	position: absolute;
	width: 80%;
	top: 0;
	padding: 230px 70px;
	left: 20%;
	background: #ffffff;
	z-index: 2;
	z-index: 15;
	display: none;
	overflow: scroll;
	height: 100%;
	font-size: .82em;
}

.fullcontent h1{
	font-size: 2.5em;
	margin-bottom: .5em;
}

.fullcontent h1:first-child{
	margin-top: 0;
}

.fullcontent h2{
	font-family: "Source Sans Pro",sans-serif;
	font-weight: 400;
	margin: 0;
	text-transform: none;
	margin-bottom: 1em;
}

/* -------------------- Success stories -------------------- */

.squaremasonry{
	position: relative;
}

.loading .squaremasonry .item-wrap{
	opacity: 0;
}

.squaremasonry .item-wrap{
	opacity: 1;
	transition: opacity 1s;
}

.no-js .squaremasonry .item-wrap{
	background-repeat: no-repeat;
	background-position: top right;
	height: 350px;
}

.js .squaremasonry .item-wrap{
	width: 25%;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media only screen and (min-width: 0) {
   .js .squaremasonry .item-wrap,
   .no-js .squaremasonry .item-wrap{
		width: 100%;
    }
}

@media only screen and (min-width: 700px) {
    .js .squaremasonry .item-wrap,
   .no-js .squaremasonry .item-wrap{
        width: 50%;
    }
}

@media only screen and (min-width: 1000px) {
    .js .squaremasonry .item-wrap,
   .no-js .squaremasonry .item-wrap{
        width: 33.333%;
    }
}

@media only screen and (min-width: 1500px) {
   .js .squaremasonry .item-wrap,
   .no-js .squaremasonry .item-wrap{
        width: 25%;
    }
}

@media only screen and (min-width: 1800px) {
   .js .squaremasonry .item-wrap,
   .no-js .squaremasonry .item-wrap{
	   width: 20%;
    }
}

.item-wrap.temoignages { 
    background-color: #ccc;
}

.js .sstories .details{
	position: absolute;
	left: -10000px;
}

.js .sstories .detailscontent{
	display: block;
	width: 100%;
	position: relative;
	padding: 58px 75px;
}

.js .sstories .news.news-pic:after{
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(255,255,255,0);
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
}

.js .sstories .news.news-pic:hover:after, 
.js .sstories .news.news-pic:focus:after{
	background-color: rgba(255,255,255,1);
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
}

.js .sstories .news.news-pic .textbox h1,
.js .sstories .news.news-pic .textbox h2,
.js .sstories .news.news-pic .textbox .h1,
.js .sstories .news.news-pic .textbox .h2,
.js .sstories .news.news-pic .textbox h3,
.js .sstories .news.news-pic .textbox p,
.js .sstories .news.news-pic .textbox span{
	opacity: 0;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	text-shadow: 1px 1px 1px #fff;
}

.js .sstories .news.news-pic:hover .textbox h1, 
.js .sstories .news.news-pic:focus .textbox h1,
.js .sstories .news.news-pic:hover .textbox .h1, 
.js .sstories .news.news-pic:focus .textbox .h1,
.js .sstories .news.news-pic:hover .textbox h2, 
.js .sstories .news.news-pic:focus .textbox h2,
.js .sstories .news.news-pic:hover .textbox .h2, 
.js .sstories .news.news-pic:focus .textbox .h2,
.js .sstories .news.news-pic:hover .textbox h3, 
.js .sstories .news.news-pic:focus .textbox h3,
.js .sstories .news.news-pic:hover .textbox p, 
.js .sstories .news.news-pic:focus .textbox p,
.js .sstories .news.news-pic:hover .textbox span, 
.js .sstories .news.news-pic:focus .textbox span{
	opacity: 1;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.js .sstories .item-wrap.news.news-no-pic:before{
	content:'';
	background: url('images/icon-sprite.png') -85px -122px no-repeat;
	width: 62px;
	height: 61px;
	display: block;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -31px;
}

.js .item-wrap.equipe:hover:after, .js .item-wrap.equipe:focus:after{
	content:'';
	background: rgba(0,0,0,.45);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.js .item-wrap.equipe[data-nom=angelavalentini]:hover:after, .js .item-wrap.equipe[data-nom=angelavalentini]:focus:after{
	background: rgba(177,87,137,.8);}
.js .item-wrap.equipe[data-nom=annebackendorf]:hover:after, .js .item-wrap.equipe[data-nom=annebackendorf]:focus:after{
	background: rgba(242,155,135,.8);}
.js .item-wrap.equipe[data-nom=anne-sophieboeuf]:hover:after, .js .item-wrap.equipe[data-nom=anne-sophieboeuf]:focus:after{
	background: rgba(254,35,90,.7);}
.js .item-wrap.equipe[data-nom=axellenoloni]:hover:after, .js .item-wrap.equipe[data-nom=axellenoloni]:focus:after{
	background: rgba(20,36,138,.8);}
.js .item-wrap.equipe[data-nom=charlesnilles]:hover:after, .js .item-wrap.equipe[data-nom=charlesnilles]:focus:after{
	background: rgba(59,59,91,.8);}
.js .item-wrap.equipe[data-nom=christinezimmer]:hover:after, .js .item-wrap.equipe[data-nom=christinezimmer]:focus:after{
	background: rgba(255,151,251,.8);}
.js .item-wrap.equipe[data-nom=claudemuller]:hover:after, .js .item-wrap.equipe[data-nom=claudemuller]:focus:after{
	background: rgba(145,57,75,.8);}
.js .item-wrap.equipe[data-nom=denisdehon]:hover:after, .js .item-wrap.equipe[data-nom=denisdehon]:focus:after{
	background: rgba(255,180,49,.8);}
.js .item-wrap.equipe[data-nom=jean-philippeluniaud]:hover:after, .js .item-wrap.equipe[data-nom=jean-philippeluniaud]:focus:after{
	background: rgba(72,99,150,.8);}
.js .item-wrap.equipe[data-nom=lisacosta]:hover:after, .js .item-wrap.equipe[data-nom=lisacosta]:focus:after{
	background: rgba(160,148,176,.8);}
.js .item-wrap.equipe[data-nom=mickeyhelou]:hover:after, .js .item-wrap.equipe[data-nom=mickeyhelou]:focus:after{
	background: rgba(202,201,191,.8);}
.js .item-wrap.equipe[data-nom=quentinwauthier]:hover:after, .js .item-wrap.equipe[data-nom=quentinwauthier]:focus:after{
	background: rgba(67,67,67,.8);}
.js .item-wrap.equipe[data-nom=sabinelogel]:hover:after, .js .item-wrap.equipe[data-nom=sabinelogel]:focus:after{
	background: rgba(140,178,182,.8);}
.js .item-wrap.equipe[data-nom=sandracarvalho]:hover:after, .js .item-wrap.equipe[data-nom=sandracarvalho]:focus:after{
	background: rgba(98,144,122,.8);}
.js .item-wrap.equipe[data-nom=thierrywunsch]:hover:after, .js .item-wrap.equipe[data-nom=thierrywunsch]:focus:after{
	background: rgba(75,108,74,.8);}
.js .item-wrap.equipe[data-nom=virginiefeltz]:hover:after, .js .item-wrap.equipe[data-nom=virginiefeltz]:focus:after{
	background: rgba(103,38,87,.8);}


.js .item-wrap.equipe h1,
.js .item-wrap.equipe h2,
.js .item-wrap.equipe .h1,
.js .item-wrap.equipe .h2,
.js .item-wrap.equipe .mailto,
.js .item-wrap.equipe:after, .js .item-wrap.equipe:after{
	opacity: 0;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.js .item-wrap.equipe:hover h1, 
.js .item-wrap.equipe:focus h1,
.js .item-wrap.equipe:hover h2, 
.js .item-wrap.equipe:focus h2,
.js .item-wrap.equipe:hover .h1, 
.js .item-wrap.equipe:focus .h1,
.js .item-wrap.equipe:hover .h2, 
.js .item-wrap.equipe:focus .h2,
.js .item-wrap.equipe:hover .mailto, 
.js .item-wrap.equipe:focus .mailto,
.js .item-wrap.equipe:hover:after, 
.js .item-wrap.equipe:focus:after{
	opacity: 1;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.deploybox{
	float: left;
	width: 100%;
	background: #ffffff;
	clear: both;
	height: auto;
	overflow: visible
}

.deploybox+.item-wrap{
	clear: both;
}

.js .textbox{
	width: 100%;
}

.js .item-wrap.depuis{
	background-position: center top;
	-moz-transition: background-position .5s;
	-o-transition: background-position .5s;
	-webkit-transition: background-position .5s;
	transition: background-position .5s;
}

.js .item-wrap.depuis:hover, .js .item-wrap.depuis:focus{
	background-position: center bottom;
	-moz-transition: background-position .5s;
	-o-transition: background-position .5s;
	-webkit-transition: background-position .5s;
	transition: background-position .5s;
}

.js .depuis .textbox{
	top: 100%;
	position: absolute;
	-moz-transition: top .5s;
	-o-transition: top .5s;
	-webkit-transition: top .5s;
	transition: top .5s;
	color: #ffffff;
	padding: 30px;
	font-size: .9em;
}

.js .depuis:hover .textbox, .js .depuis:focus .textbox{
	-moz-transition: top .5s;
	-o-transition: top .5s;
	-webkit-transition: top .5s;
	transition: top .5s;
	top: 0;
}

.js .sstories .textbox{
	text-align: center;
}

.js .textbox h1,.js .textbox h2,.js .textbox a.mailto,
.js .textbox .h1,.js .textbox .h2{
	color: #ffffff;
	position: relative;
	z-index: 2;
	text-align: left;
}

.js .equipe .textbox{
	position: absolute;
	bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 65px;
}

.js .equipe .textbox h1, .js .equipe .textbox h2, .js .equipe .textbox a.mailto,
.js .equipe .textbox .h1, .js .equipe .textbox .h2{
	text-align: left;
	margin-left: 50px;
	margin-right: 30px;
}

.js .textbox h1,
.js .textbox .h1{
	font-size: 1.75em;
	margin: 150px 30px 10px;
	text-align: center;
	font-family: "Julius Sans One",sans-serif;
	font-weight: 400;
	margin-bottom: 1em;
	text-transform: lowercase;
	display: block;
}

.js .news .textbox h1,
.js .news .textbox .h1{
	margin-top: 0;
}

.js .outils .textbox h1,
.js .outils .textbox .h1{
	margin: 0 30px;
}

.js .news .textbox{
	position: absolute;
	bottom: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 65px;
}

.js .news.no-readmore .textbox{
	padding-bottom: 15px;
}

.js .outils .textbox{
	position: absolute;
	bottom: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 65px;
}

.js .outils.no-readmore .textbox{
	padding-bottom: 15px;
}

.js .news .textbox h1,
.js .news .textbox .h1{
	color: #000;
	font-size: 1.65em;
}

.js .news .textbox .tb-date{
	z-index: 2;
	position: relative;
	font-size: 1.05em;
	margin-bottom: 5px;
	display: block;
}

.js .news.no-readmore h1,
.js .news.no-readmore .h1{
	margin-top: 0;
}

.js .news.no-readmore p{
	font-size: 1.1em;
	margin: 10px 30px 0;
}

.js .equipe .textbox h1,
.js .equipe .textbox .h1{
	text-align: left;
	margin-left: 50px;
	margin-right: 30px;
	margin-top: 120px;
	margin-bottom: 10px;
}

.js .textbox h2,
.js .textbox .h2{
	font-size: 1.25em;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
}

.js .textbox a.mailto,
.js .details p>a[href^=mailto],
.js .details p>a[href*=twitter],
.js .details p>a[href*=linkedin]{
	background-color: #373c3e;
	display: block;
	padding: 10px 15px;
	float: left;
	color: #ffffff;
	
}

.js .details p>a[href^=mailto],
.js .details p>a[href*=twitter],
.js .details p>a[href*=linkedin]{
	margin-right: 1em;
	margin-bottom: 2em;
	margin-top: 1em;
}

.js .details p>a[href*=twitter],.js .details p>a[href*=linkedin]{
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
	display: inline-block;
	width: 3em;
}

.js .details p>a[href*=twitter]{
	background-image: url('images/twitter-white.png');
}

.js .details p>a[href*=linkedin]{
	background-image: url('images/linkedin-white.png');
}

.js .details p>a[href*=twitter]:hover, .js .details p>a[href*=twitter]:focus{
	background-image: url('images/twitter-black.png');
}

.js .details p>a[href*=linkedin]:hover, .js .details p>a[href*=linkedin]:focus{
	background-image: url('images/linkedin-black.png');
}

.js .textbox a.mailto:hover,
.js .textbox a.mailto:focus,
.js .details p>a[href^=mailto]:hover,
.js .details p>a[href^=mailto]:focus,
.js .details p>a[href*=twitter]:hover,
.js .details p>a[href*=twitter]:focus,
.js .details p>a[href*=linkedin]:hover,
.js .details p>a[href*=linkedin]:focus{
	text-decoration: none;
	background-color: #ffffff;
	color: #373c3e;
}

.temoignages .textbox{
	position: absolute;
	bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
}

.temoignages .textbox p:first-of-type{
	font-family: 'Schoolbell', sans-serif;
	text-transform: none;
	font-size: 1.4em;
	margin-bottom: 1.5em;
}
.temoignages .textbox p:first-of-type:before{
	content: '“';
}

.temoignages .textbox p:first-of-type:after{
	content: '”';
}

.temoignages .textbox p{
	color: ##65656a;
	text-transform: uppercase;
	font-size: 1.3em;
	margin-bottom: 0;
}

.temoignages .textbox p:last-child{
	color: #000;
	text-transform: none;
	font-size: 1.1em;
	font-weight: 400;
}

.js .sstories .deploybox .details{
	position: relative;
	left: 0;
}

.js .seemore{
	display: none;
	text-indent: -10000px;
	background: #ffffff;
	width: 73px;
	height: 47px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -36px;
	z-index: 2;
}

.js .seemore:hover, .js .seemore:focus{
	outline: none;
}

.js .seemore:before{
	content: '';
	display: block;
	background: #ffffff url('images/icon-sprite.png') -266px -97px no-repeat;
	width: 28px;
	height: 15px;
	top: 17px;
	left: 23px;
	position: absolute;
}

.js .seemore.closebtn:before{
	background-position: -266px -24px;
}

.sstories .details h1{
	font-size: 4em;
	margin-bottom: .66em;
}

.sstories .details h2{
	font-size: 2.5em;
	margin-bottom: .66em;
}

.sstories .details p, .sstories .detailscontent li{
	font-size: 1.3em;
}

#imagelightbox{
	position: fixed;
	z-index: 9999;
	-ms-touch-action: none;
	touch-action: none;
	box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.77);
}

.sstories-gallery{
	margin: 60px 0 40px;
	padding: 0;
}

.sstories-gallery li{
	list-style: none;
	margin: 0 15px 15px 0;
	padding: 0;
	display: block;
	float: left;
}

/* -------------------- Contact -------------------- */


.loading .contact .inner{
	opacity: 0;
}

.contact .inner{
	opacity: 1;
	transition: opacity 1s;
}

.main-zone.as-background{
	position: absolute;
	margin: 0;
	height: 600px;
	min-height:100%;
	width: 70%;	
}

#sp-top{
	position: absolute;
	background: #373c3e;
	top: 0;
	left: 0;
	width: 100%;
	color: #ffffff;
}

.top-block{
	padding: 40px 70px 0;
	width: 100%;
}

#sp-top h2{
	font-size: 2em;
	margin-top: 5px;
	margin-bottom: 20px;
}

#sp-top p{
	font-size: 1.1em;
}

#sp-top p a{
	color: #ffffff;
}

#sp-top .form-brief{
	padding: 40px 70px 0;
}

.nolegend{
	position: absolute;
	left: -10000px;
}

.deployblock{
	color: #61c1bb;
	margin-top: 35px;
}

.deployblock h3{
	font-family: "Source Sans Pro",sans-serif;
	font-weight: 300;
	margin-bottom: 5px;
	text-transform: none;
}

.btn-deploy-down{
	font-weight: 400;
	font-family: "Julius Sans One",sans-serif;
	text-transform: lowercase;
	font-size: 16px;
	line-height: 16px;
	color: #ffffff;
	display: inline-block;
	margin: 10px 0 20px 0;
	padding: 20px 20px 20px 76px;
	position: relative;
	background: #2a2e30;
}

.btn-deploy-down:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 56px;
	background: #212526 url('images/icon-sprite.png') -202px -77px no-repeat;
}

.btn-deploy-down:hover, .btn-deploy-down:focus{
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

.btn-deploy-down.deploy-up:after{
	background-position: -202px -6px;
}

.no-js .contact .right-pane{
	height: auto;
	width: 30.25%;
	left: 70%;
	padding: 0;
}

.js .contact .right-pane{
	height: auto;
	width: 100%;
	left: 70%;
	padding: 0;
}

.no-js .contact .rp-leftpanel{
	width: 100%;
	float: left;
	min-height: 1050px;
	height: auto;
	background: #857e75;
	left: 0;
	padding: 50px 70px;
}

.js .contact .rp-leftpanel{
	float: left;
	height: auto;
	background: #857e75;
	width: 30%;
	left: 0;
	padding: 50px 70px;
}

.no-js .contact .rp-rightpanel{
	display: none;
}

.js .contact .rp-rightpanel{
	width: 70%;
	height: 100%;
	float: right;
	background: #ebe8e5;
	border-left: 5px solid #857e75;
}

.js .contact .rp-rightpanel>div{
	margin-right: 90px;
}

.closeRightPanel{
	display: block;
	position: absolute;
	top: 0;
	left: -90px;
	height: 90px;
	width: 90px;
	background: #2a2e30 url('images/icon-sprite.png') -404px -7px no-repeat;
	text-indent: -10000px;
}
.closeRightPanel:hover, .closeRightPanel:focus{
	background-position: -404px -107px;
	outline: none;
}

.contact .right-pane h2{
	margin-top: 5px;
	font-size: 2em;
}

#wpgmza_map{
	position: absolute !important;
}

#content{
	height: 100%;
}

.js #content.contact .inner{
	overflow: hidden;
}

#content>section{
	position: relative;
	height: 100%;
}

.inner{
	height: 100%;
	position: relative;
}

.job-offer-btn{
	text-transform: lowercase;
	font-weight: 400;
	font-family: "Julius Sans One",sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #ffffff;
	display: block;
	margin: 20px 0;
	padding: 20px 50px 20px 20px;
	position: relative;
	background: #706b63;
}

.job-offer-btn:after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 56px;
	background: #767068 url('images/icon-sprite.png') -348px -6px no-repeat;
}

.job-offer-btn.button-open:after{
	background-position: -300px -6px;
}

.job-offer-btn:hover, .job-offer-btn:focus{
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

#jobs-list{
	margin: 30px 0 0 0;
	padding: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#jobs-list li{
	list-style: none;
}

#jobs-list h3{
	font-size: 1.4em;
	font-weight: 600;
	font-family: "Source Sans Pro",sans-serif;
	margin-bottom: 0;
	text-transform: none;
}

#jobs-list p{
	font-size: 1.1em;
}

#jobs-list .job-offer-btn{
	background: #5b5851;
}

#jobs-list .job-offer-btn:after{
	background-color: #66615a;
}

#jobs-list .job-offer-btn.details{
	background: #857e75;
	padding: 20px 20px 20px 76px;
}

#jobs-list .job-offer-btn.details:after{
	background-color: #5b5851;
	background-position: -202px -143px;
	right: auto;
	left: 0;
}

.form-linkbox{
	margin-top: 50px;
}

.form-linkbox h3{
	font-size:1.4em;
	margin: 0;
}

.form-linkbox p{
	font-size: 1.1em;
}

/*forms - general*/

.wpcf7-form .legend, #sp-top .wpcf7-form .legend{
	font-size: 1.6em;
	margin-bottom: 1.25em;
	margin-top: 0;
	padding-top: 1.5em;
}

.wpcf7-form label{
	font-weight: 100;
	font-size: 1.15em;
}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select{
	width: 100% !important;
	border: none;
	padding: .5em .5em;
	font-size: 1.15em;
	margin-bottom: 1.5em;
}

.wpcf7-form input.wpcf7-submit, .wpcf7-form input.wpcf7-captchar, .wpcf7-form input[type=checkbox], .wpcf7-form input[type=radio]{
	width: auto !important;
}

.wpcf7-form input.wpcf7-submit{
	font-size: 1.3em;
	padding: .66em 1em;
	text-transform: lowercase;
	font-weight: 400;
	font-family: "Julius Sans One",sans-serif;
	background: #767068;
	color: #ffffff;
}

.wpcf7-form p{
	font-size: 1em;
}

.form-brief div.wpcf7-response-output{
	margin: -1em 0 1em;
	border: none;
}

.captchablock{
	margin-top: 40px;
}

.mandatory-warning{
	text-align: right;
}

.form_candi{
	padding: 0 100px 20px 70px;
	color: #565a5c;
}

.form_candi:after, .form-brief:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

/*form brief*/

.form-brief{
	display: none;
}

.form-brief label{
	color: #ffffff;
}

.form-brief input, .form-brief textarea{
	background-color: #565a5c;
	color: #ffffff;
}

.form-brief input[type=submit]{
	background-color: #61c1bb;
}

/*form stage*/
span.st_cv, span.st_lettre, span.sp_cv, span.sp_lettre, span.ca_cv, span.ca_lettre, span.ca_book{
	background: #ffffff;
	display: block;
}

/* -------------------- Homepage -------------------- */

.home section .right-pane h1{
	font-size: 1.9rem;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
}

.home #content section{
	/*All and home*/
	background: #373c3e;
}

.home #content section:nth-child(2){
	/*Strat*/
	background: #68b2a7;
}

.home #content section:nth-child(3){
	/*Adv*/
	background: #383d55;
}

.home #content section:nth-child(4){
	/*Des*/
	background: #d15964;
}

.home #content section:nth-child(5){
	/*Dig*/
	background: #928e7f;
}

.home #content section:nth-child(6){
	/*Dia*/
	background: #666b8c;
}

.home h2{
	font-size: 1.4rem;
	font-weight: 600;
	font-family: "Source Sans Pro",sans-serif;
	text-transform: none;
	margin: 0;
	line-height: 1.5em;
}

.home p{
	margin-bottom: 2em;
	line-height: 1.5em;
}

.home p:last-child{
	margin-bottom: 0;
}

.home p a{
	color: #61c1bb;
}

.home p a:hover, .home p a:focus{
	text-decoration: none;
}

.home .btn.beige-btn{
	background: #928e7f;
	color: #373c3e;
	border-radius: 0;
	margin-top: 1.5em;
	text-transform: uppercase;
}

.home .btn.beige-btn:hover, .home .btn.beige-btn:focus{
	color: #928e7f;
	background: #373c3e;
}

.home .categories{
	margin: 0;
	padding: 0;
}

.home .categories li{
	list-style: none;
	font-size: 1.1rem;
	display: inline-block;
	margin-bottom: 0;
	margin-right: .25em;
}

.home .categories a{
	color: rgba(255,255,255,.5);
	font-weight: 100;
}

.home .categories a:after{
	content: ' / ';
}

.home .categories li:last-child a:after{
	content: '';
}

.home .categories a:hover, .home .categories a:focus{
	color: #ffffff;
	text-decoration: none;
}

#scrollmessage{
	display: none;
	margin: 0 auto 30px;
}

.downloadbtn{
	color: #ffffff;
	font-size: 16px;
	font-weight: 100;
}

.downloadbtn:hover, .downloadbtn:focus{
	color: #ffffff;
}

.postulerbtn{
	color: #ffffff;
	font-size: 16px;
	font-weight: 100;
}

.postulerbtn:hover, .postulerbtn:focus{
	color: #ffffff;
}

.right-pane-footer{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1;
}									
													
.scrollbuttons{
	margin: 0;
	padding: 0;
}
.scrollbuttons li{
	display: block;
	width: 49.74%;
	background: rgba(255,255,255,.1);
	height: 93px;
	float: left;
}
.scrollbuttons li:first-child{
	margin-right: .49%;
}

.scrollbuttons li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.scrollbuttons li a:focus{
	outline: none;
}

.scrollbuttons li span, .scrollbuttons.scrollsingle li span:before{
	background: url('images/icon-sprite.png') no-repeat;
	width: 35px;
	height: 57px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 18px;
	left: 27px;
}

.scrollbuttons li:first-child span{
	left: auto;
	right: 27px;
}

.scrollbuttons .btn-top span{
	background-position: -213px -3px;
}

.scrollbuttons .btn-bottom span, .scrollbuttons.scrollsingle .btn-bottom span:before{
	background-position: -213px -77px;
}

.scrollbuttons .btn-top.disabled span{
	background-position: -263px -3px;
}

.scrollbuttons .btn-bottom.disabled span{
	background-position: -263px -77px;
}

.scrollbuttons .btn-top:not(.disabled):hover span, .scrollbuttons .btn-top:not(.disabled):focus span{
	background: url('images/arrow-up-anim.gif') left top no-repeat;
}

.scrollbuttons .btn-bottom:not(.disabled):hover span, .scrollbuttons .btn-bottom:not(.disabled):focus span,
.scrollbuttons.scrollsingle .btn-bottom:not(.disabled):hover span:before, .scrollbuttons.scrollsingle .btn-bottom:not(.disabled):focus span:before{
	background: url('images/arrow-down-anim.gif') left top no-repeat;
}

.scrollbuttons.scrollsingle li{
	margin-right: 0;
	width: 100%;
}

.scrollbuttons.scrollsingle li a{
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border: none;
}

.scrollbuttons.scrollsingle li a span{
	background: none;
	width: auto;
	height: auto;
	color: #ffffff;
	font-size: 16px;
	font-family: "Julius Sans One",sans-serif;
	overflow: visible;
	position: relative;
	text-indent: 0;
	left: 50%;
	top: 0;
	margin-left: -2.5em;
	margin-top: 1.5em;
}

.scrollbuttons.scrollsingle .btn-bottom:not(.disabled):hover span, .scrollbuttons.scrollsingle .btn-bottom:not(.disabled):focus span{
	background: none;
	border: none;
	text-decoration: none;
}

.scrollbuttons.scrollsingle li a span:before{
	left: -55px;
	top: -5px;
	content: '';
}

html.noscroll, .noscroll body{
	overflow: visible;
}

.noscroll .right-pane-footer{
	display: none;
}

.noscroll .home #content > section{
	position: relative;
}

/* -------------------- FOOTER -------------------- */

footer{
	display: none;
}

/* -------------------- Cookie Info -------------------- */

#cookie-law-info-bar{
	background: rgba(255,255,255,.8) !important;
	border: none !important;
	width: 50%;
	height: auto;
	bottom: 0 !important;
	top: auto !important;
	padding: 23px 27px;
	text-align: left;
	position: fixed !important;
}

#cookie-law-info-bar span{
	font-size: 10pt;

}

#cookie_action_close_header{
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 9pt;
	border: none;
	margin: 0 0 0 5px;
	padding: 0 2px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

#CONSTANT_OPEN_URL{
	display: none;
}

@media screen and (min-width: 1401px) and (max-width: 1600px) {
	.post-content {
		margin: 50px 40px;
	}	
}

@media screen and (max-width: 1400px) {
	
	.home section .right-pane h1{
		font-size: 1.75rem;
	}
	
	.js .right-pane.nopadding{
		padding: 0;
	}
	
	.js .left-pane{
		padding: 80px 0;
	}
	
	.fullcontent{
		padding: 221px 70px 200px;
	}
	
	.post-content {
		margin: 50px 40px;
	}

	.ssba > div > a{
		margin-right: 10px;
	}
}
		
@media screen and (min-width: 1000px) and (max-width: 1300px) {
	.js .outils .textbox{
		padding-bottom: 55px;
	}
	
	.js article:not(.equipe) .textbox h1, .js .outils .textbox h1, .js .news .textbox h1{
		font-size: 1.15em;
	}
	
	.js .temoignages .textbox, .js .equipe .textbox{
		font-size: .75em;
	}
	
	
}

@media screen and (max-width: 1300px) {
	
	html{
		font-size: 15px;
	}
	
	.mz-slide-rightitem{
		padding: 45px 30px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
	#main-nav{
		left: 200px;
	}
}


@media screen and (min-width: 951px) and (max-width: 1199px) {
	#main-nav{
		left: 150px;
	}
	
	#main-nav li{
		margin-right: 25px;
		padding-top: 48px;
	}
	
	#main-nav a{
		font-size: 1.1em;
	}
}



@media screen and (min-width: 993px) and (max-width: 1199px) {
	header > a:before{
		width: 175px;
	}
	
	.js .right-pane{
		width: 27%;
		left: 73%;
	}
	
	.left-pane{
		width: 27%;
		padding-top: 80px;
		padding-bottom: 30px;
	}
	
	.fullcontent{
		width: 73%;
		left: 27%;
	}
	
	.main-zone {
		width: 73%;
	}
	
	.main-zone.mz-toright{
		margin-left: 27%;
		width: 73%;
	}
	
	.main-zone.mz-toleft{
		margin-right: 32.8%;
		width: 67.2%;
	}
	
	.home .main-zone.mz-toright{
		width: 73%;
	}
	
	.padcontainer{
		padding: 5rem 3rem;
	}
	
	.js .contact .main-zone.mz-toleft{
		margin-right: 45%;
		width: 55%;
	}
	
	.js .contact .right-pane{
		width: 100%;
		left: 55%;
		padding: 0;
	}
	
	.js .contact .rp-leftpanel{
		width: 100%;
		float: left;
		height: auto;
		background: #857e75;
		width: 45%;
		left: 0;
		padding: 50px 30px;
	}
	
	.js .contact .rp-rightpanel{
		width: 55%;
		height: 100%;
		float: right;
		background: #ebe8e5;
		border-left: 5px solid #857e75;
	}
	
	h1{
		font-size: 1.5em;
	}
	
	.post-content h1{
		font-size: 1.75em;
	}
	.post-content h2{
		font-size: 1.33em;
	}
	.post-content h3{
		font-size: 1.15em;
	}
	.home h2{
		font-size: 1.25em;
	}
	p{
		font-size: 1.15em;
	}
	.mz-list a{
		font-size: 1.05em;
	}
	.mz-videoslide .videoblock{
		max-width: 500px;
	}
	
	.js .textbox h1{
		font-size: 2em;
	}
	.js .news.no-readmore h1{
		margin-top: 115px;
	}
	.js .sstories .item-wrap.news.news-no-pic:before{
		top: 25px;
	}
	.js .equipe .textbox h1{
		margin-top: 100px;
		margin-left: 30px;
	}
	.js .equipe .textbox h1, .js .equipe .textbox h2, .js .equipe .textbox a.mailto{
		margin-left: 30px;
	}
	#sp-top h2{
		font-size: 1.25em;
	}
	.contact .right-pane h2{
		font-size: 1.25em;
	}
	.top-block{
		padding-left: 30px;
		padding-right: 30px;
	}
	.contact .rp-leftpanel{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.form_candi{
		padding: 0 33px 20px 23px;
	}
	
	.job-offer-btn{
		font-size: 12px;
	}
	.job-offer-btn.details{
		font-size: 14px;
	}
	.form-linkbox{
		margin-top: 20px;
	}
}

@media (max-width: 999px){
	.js .sstories .textbox{
		font-size: 1.15em;
	}
}

@media (max-width: 992px){
	.projets>section>.inner, .sstories>section>.inner{
		background: -moz-linear-gradient(left, #373c3e 33%, #ffffff 33%);
		background: -webkit-gradient(linear, left top, right top, color-stop(33%,#373c3e), color-stop(33%,#ffffff));
		background: -webkit-linear-gradient(left, #373c3e 33%,#ffffff 33%);
		background: -o-linear-gradient(left, #373c3e 33%,#ffffff 33%);
		background: -ms-linear-gradient(left, #373c3e 33%,#ffffff 33%);
		background: linear-gradient(to right, #373c3e 33%,#ffffff 33%);
	}
		
	.js .right-pane{
		width: 33%;
		left: 66.999%;
		padding: 80px 4.5%;
	}
	
	.js .left-pane{
		width: 33%;
		padding: 80px 0;
	}
	
	.js .sstories .left-pane{
		width: 25%;
		font-size: .9em;
	}
	
	.main-zone {
		width: 66.999%;
	}
	.fullcontent {
		left: 33%;
		width: 66.999%;
		padding: 74px 70px;
		height: auto;
	}
	
	.main-zone.mz-toright{
		margin-left: 33%;
		width: 66.999%;
	}
	
	.padcontainer{
		padding: 5rem 3rem;
	}
	
	.s-link{
		font-size: 1.1rem;
	}
	
	.sstories .main-zone.mz-toright{
		margin-left: 25%;
		width: 74.999%;
	}
	
	.main-zone.mz-toleft{
		margin-right: 41%;
		width: 58.999%;
	}
	
	.home .main-zone{
		width: 100%;
		position: relative;
		bottom: auto;
		left: auto;
		top: 117px;
		height: auto;
	}
	
	.home .mz-slide{
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		
	}
	
	.home .mz-slide-rightitem{
		position: relative;
		opacity: 1;
		bottom: auto;
		z-index: auto;
	}
	
	.home .right-pane{
		width: 100%;
		left: auto;
		bottom: auto;
		position: relative;
	}
	
	.js .contact .right-pane{
		width: 100%;
		left: 58.999%;
		padding: 0;
	}
	
	.js .contact .rp-leftpanel{
		width: 41%;
		padding: 50px 30px;
	}
	
	.js .contact .rp-rightpanel{
		width: 58.9999%;
	}
	
	.top-block{
		padding-left: 30px;
		padding-right: 30px;
	}
	.js .contact .rp-leftpanel{
		padding-left: 30px;
		padding-right: 30px;
	}
	.form_candi{
		padding: 0 33px 20px 23px;
	}
	
	.inner .right-pane{
		padding: 30px;
	}
	
	.js .inner .right-pane.nopadding .mz-slide-rightitem{
		padding: 30px;
	}
	
	h1{
		font-size: 1.5em;
	}
	
	.post-content h1{
		font-size: 1.75em;
	}
	.post-content h2{
		font-size: 1.33em;
	}
	.post-content h3{
		font-size: 1.15em;
	}
	.home h2{
		font-size: 1.25em;
	}
	.mz-list a{
		font-size: 1.05em;
	}
}

@media (min-width: 951px) {
	.scrollbuttons.scrollsingle li a{
		cursor: pointer;
	}
}

@media (max-width: 950px) {
	
	html, body{
		overflow: visible;
	}
	
	.body{
		top: 85px;
	}
	
	body>header{
		height: 85px;
	}
	
	header>a{
		margin: 18px 0 0 18px;
	}
	
	#wprmenu_bar{
		top: 18px;
		margin-left: -63px;
	}	
		
	#menu-social-menu{
		display: none;
	}

	#menu-social-menu-1{
		margin: 0;
		padding: 0;
		margin: 0 auto;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		float: right;
	}
	
	#menu-social-menu-1 li:first-child{
		margin: 0;
		padding: 0;
	}
	
	.home #content > section{
		position: relative;
	}
	
	.home #content > section{
		height: auto;
	}
	
	#content > section > .inner{
		height: auto;
	}
	
	.main-zone{
		width: 100%;
	}
	
	.projets #s-post-container .main-zone, .post-type-archive-projets #s-post-container .main-zone, .projet.not-ajax#content .main-zone{
		overflow: visible;
	}
	#s-post-container .left-pane, #content.projet .left-pane{
		z-index: 1;
	}
	
	.mz-controls{
		bottom: -64px;
	}
	
	.home .mz-controls{
		bottom: 0;
	}
	
	.js section.section:first-child .inner .right-pane.nopadding .mz-slide-rightitem{
		padding-bottom: 100px;
	}
	
	section.section:first-child .right-pane-footer{
		bottom: 0;
		top: auto;
	}
	
	.scrollbuttons.scrollsingle{
		display: block;
	}
	
	.scrollbuttons.scrollsingle li a:hover, .scrollbuttons.scrollsingle li a:focus{
		cursor: default;
	}
	
	.left-pane{
		top: 85px;
	}
	
	#s-post-container .close, #content.projet .close{
		top: 84px;
	}
	
	.home .main-zone, #s-post-container .main-zone,.projet.not-ajax#content .main-zone{
		position: relative;
	}
	
	.home .main-zone{
		top: 85px;
	}
	
	.projet.not-ajax#content footer{
		margin-top: 75px;
	}
	
	.js .right-pane{
		width: 100%;
		left: 0;
		height: auto;
		position: relative;
	}
	
	.mz-rightitem{
		padding: 0;
	}
	
	.home .section .right-pane > h1{
		margin-top: 20px;
	}
	
	.js .section .right-pane{
		position: relative;
		padding-top: 60px;
	}
	
	.home.js .section .right-pane{
		padding-top: 0;
	}
	
	#post-gall{
		padding: 0;
	}
	
	.scrollbuttons{
		display: none;
	}
	
	#animation-btn{
		display: none;
	}
	
	.mz-controls{
		margin: 0 0 0 -60px;
	}
	
	.mz-controls a{
		height: 60px;
		width: 60px;
	}
	
	.mz-controls a span{
		top: 18px;
		left: 20px;
	}
	
	#post-gall{
		position: relative;
		overflow: visible;
	}
	
	#post-gall li{
		top: 0;
	}
	
	.mz-videoslide{
		padding: 0;
		width: 100%;
	}
	
	.main-zone .mz-videoslide .mz-slidecontent{
		bottom: 0;
		top: 0;
	}
	
	.main-zone .mz-videoslide .mz-slidecontent h3{
		font-size: 12pt;
	}
	
	.right-pane-footer{
		z-index: 1;
		top: 0;
		bottom: auto;
	}
	
	.temoignages .textbox p:first-child{
		font-size: 1.1em;
	}
	
	.temoignages .textbox p{
		font-size: 1em;
	}
	
	.temoignages .textbox p:last-child{
		font-size: 0.9em;
	}

	.js .sstories .detailscontent{
		padding: 30px;
	}
	
	.sstories .details h1{
		font-size: 2em;
	}
	
	.sstories .details h2{
		font-size: 1.66em;
	}
	
	.sstories .details p, .sstories .detailscontent li{
		font-size: 1.1em
	}
	
	.js .textbox h1{
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}
	
	.js .news .textbox h1{
		font-size: 1.33em;
	}
	
	.js .outils .textbox h1{
		font-size: 1.45em;
	}
	
	.contact .main-zone.mz-toleft{
		margin-right: 0;
		position: relative;
		width: 100%;
		min-height: auto;
	}
	
	.main-zone.as-background{
		height: auto;
	}
	
	.js .contact .right-pane{
		left: 0 !important;
		width: 100%;
		height: auto !important;
		top: auto;
	}
	
	#sp-top{
		position: relative;
	}
	
	#sp-top .form-brief{
		padding: 40px 30px;
	}
	
	#sp-top .deployblock p:last-child{
		margin-bottom: 0;
	}
	
	#wpgmza_map{
		position: relative !important;
		height: 400px !important;
	}
	
	.js .contact .rp-leftpanel{
		height: auto !important;
		width: 100%;
		float: none;
	}
	
	.js .contact .rp-rightpanel{
		width: 100%;
		float: none;
		border: none;
	}
	
	.js .contact .rp-rightpanel>div{
		margin-right: 0;
	}
	
	.ezcol-last{
		margin-bottom: 30px; 
	}
	
	.contact fieldset{
		width: 100%;
	}
	
	.home-categories, .mz-list{
		display: none;
	}
	
	#cookie-law-info-bar{
		width: 66%;
		left: 17%;
		background: rgba(255, 255, 255, 0.9)
	}
}

@media screen and (max-width: 890px){
	.successes li{
		margin-right: 1.50%;
		width: 48.49%;
	}
}

@media screen and (min-width: 651px) and (max-width: 950px){

	#s-post-container.doneloaded, #content.projet{
		position: absolute;
		height: auto;
	}
	
	#s-post-container.doneloaded+#content.projets{
		position: fixed;
	}
	
	#s-post-container .left-pane{
		height: auto;
		min-height: 100%;
	}
	.post-type-archive-projets #s-post-container .left-pane{
		top: 0;
	}
	#s-post-container .close, #content.projet .close{
		top: 0;
	}

}




@media (max-width: 650px) {

	.body{
		top: 75px;
	}
	
	body>header{
		height: 75px;
	}
	
	header>a{
		margin: 13px 0 0 13px;
	}
	
	#wprmenu_bar{
		top: 13px;
		margin-left: -58px;
	}	
		
	.padcontainer{
		padding: 3rem 1.5rem;
	}	
	
	.createsuccess .padcontainer > p > img{
		margin-bottom: 60px;
	}
	
	.pole{
		padding-top: 4rem;
	}
	
	.js .left-pane,.js .sstories .left-pane, .js #s-post-container .left-pane, #content.projet.not-ajax .left-pane{
		width: 100%;
		position: relative;
		height: auto;
		top: 0;
		padding: 30px;
	}
	
	#s-post-container, #content.projet{
		position: absolute;
		height: auto;
	}
	
	.categories, .lp-selector{
		margin: 0 0 20px 0;
		width: 100%;
	}
	
	.sstories .categories{
		margin-bottom: 0;
	}
	
	.categories li{
		display: inline-block;
		margin-right: 30px;
	}
	
	.home-categories.categories li{
		margin-right: 0;
	}
	
	.categories li .children{
		display: none;
	}
	
	.icheckbox_comed, .iradio_comed{
		width: 8px;
	}
	
	.clients{
		position: relative;
		bottom: auto;
		width: 100%;
		margin-bottom: 0;
		left: 0;
	}

	.home .main-zone{
		top: 75px;
	}

	#s-post-container section, #content.projet section{
		height: auto;
	}

	.sstories .main-zone.mz-toright, .main-zone.mz-toright, #s-post-container .main-zone.mz-toright{
		width: 100%;
		margin-left: 0;
	}
	
	#s-post-container .close, #content.projet .close{
		width: 50px;
		height: 50px;
		background-position: -427px -23px;
		top: 0;
	}
	
	#s-post-container .close:hover, #s-post-container .close:focus, #content.projet .close:hover, #content.projet .close:focus{
		background-position: -427px -125px;
	}
	
	#s-post-container .post-content, .single .post-content{
		margin: 10px 0;
		padding-bottom: 0;
	}
	
	.fullcontent{
		top: 0;
		position: relative;
		width: 100%;
		left: 0;
		padding: 42px 30px;
	}
	
	.fullcontent iframe{
		width: 100%;
	}
		
	#wpgmza_map{
		height: 300px !important;
	}
	
	#cookie-law-info-bar{
		width: 100%;
		left: 0;
		padding: 15px;
	}
}

/* Print Styles */
@media print {
	#main-nav,
	.menu-social-menu-container,
	.close,
	.fullcontent-btn-box,
	.details .ssba,
	.tags,
	#s-post-container .close, #content.projet .close,
	.sstories .left-pane
	{
		display: none;
	}
	
	body>header{
		position: relative;
	}
	
	.body{
		top: 0;
	}
	
	.home .body{
		height: auto;
		width: auto;
	}
	
	header>a[href]:after {
		display: none;
	}
	
	body>header{
		border: none;
	}
	
	.post-content h1:first-child{
		margin-top: 0;
	}
	
	.home section.section{
		position: relative !important;
		top: auto !important;
		left: auto !important;
		height: auto !important;
		width: auto !important;
	}
	
	.home .inner{
		width: auto;
		height: auto;
	}
	
	.home .main-zone{
		position: relative;
		overflow: visible;
		height: auto;
		width: auto;
		top: auto;
		left: auto;
	}
	
	.js .left-pane, .js .sstories .left-pane, .js #s-post-container .left-pane, #content.projet.not-ajax .left-pane{
		padding-top: 0;
	}
	
	.single-projets .left-pane{
		font-size: .8;
	}
	
	.fullcontent{
		display: block;
		width: 100%;
		top: 0;
		padding-top: 0;
	}
	
	.js .squaremasonry .item-wrap{
		width: 100%;
		float: none;
		height: auto !important;
		overflow: visible;
		opacity: 1 !important;
		border: 1px solid #000;
	}
	
	.js .news .textbox,
	.js .equipe .textbox,
	.js .depuis .textbox,
	.js .temoignages .textbox,
	.js .outils .textbox{
		position: relative;
		bottom: auto;
	}
	
	.deploybox{
		display: none;
	}
	
	.deploybox+.item-wrap{
		clear: none;
	}
	
	.js .sstories .news.news-pic .textbox h1, .js .sstories .news.news-pic .textbox h2, .js .sstories .news.news-pic .textbox .h1, .js .sstories .news.news-pic .textbox .h2, .js .sstories .news.news-pic .textbox h3, .js .sstories .news.news-pic .textbox p, .js .sstories .news.news-pic .textbox span,
	
	.js .item-wrap.equipe h1, .js .item-wrap.equipe h2, .js .item-wrap.equipe .h1, .js .item-wrap.equipe .h2, .js .item-wrap.equipe .mailto, .js .item-wrap.equipe:after, .js .item-wrap.equipe:after{
		opacity: 1;
	}
	
	.js .equipe .textbox h1, .js .equipe .textbox .h1{
		margin: 20px 0;
	}
	
	.js .news .textbox{
		padding-bottom: 0;
	}
	
	.js .sstories .details{
		position: relative;
		top: auto;
		left: auto;
	}
	
	.externallink,.sstories-gallery-first,.js .textbox a.mailto, .js .details p>a[href^=mailto], .js .details p>a[href*=twitter], .js .details p>a[href*=linkedin]{
		float: none;
	}
	
	.js .sstories .item-wrap.news.news-no-pic:before{
		top: 88px;
	}
}


/* xmas */

/*---------------------------changer id*/
#main-nav #menu-item-1118, #main-nav #menu-item-1097{
	background: url('images/xmas-btn.png') right center no-repeat;
	width: 237px;
	height: 100px;
	padding-left: 22px;
}

#main-nav #menu-item-1118:hover, #main-nav #menu-item-1097:hover,
#main-nav #menu-item-1118:focus, #main-nav #menu-item-1097:focus{
	background-image: url('images/xmas-btn-hover.png');
}

#main-nav #menu-item-1118:hover a, #main-nav #menu-item-1097:hover a,
#main-nav #menu-item-1118:focus a, #main-nav #menu-item-1097:focus a,
#main-nav #menu-item-1118 a:hover, #main-nav #menu-item-1097 a:hover,
#main-nav #menu-item-1118 a:focus, #main-nav #menu-item-1097 a:focus{
	color: #ffffff;
}

.btn.xmas-btn{
	font-weight: 100;
	font-size: 1em;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #dc3560;
	border-radius: 0;
}

.btn.xmas-btn:hover,.btn.xmas-btn:focus{
	background-color: #ffffff;
	color: #dc3560;
}

@media screen and (min-width: 1200px) and (max-width: 1295px){
	#main-nav{
		left: 100px;
	}
}

@media screen and (min-width: 950px) and (max-width: 1065px){
	#main-nav{
		left: 100px;
	}
	#menu-social-menu li, #menu-social-menu-1 li{
		margin-left: 15px;
	}
}


@media screen and (max-width: 400px) {
	.successes li{
		width: 100%;
		margin-right: 0;
	}
}

/* splash */
#splash{
  background: transparent url("splash-images/bg-splashpage.jpg") center bottom no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100%;
  position: fixed;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;

}

.splash-subtitle {
  padding-top: 32px;
  text-align: center;
}
.splash-subtitle img {
  width: 25%;
  min-width: 180px;
  max-width: 240px;
  height: auto;
}
.splash-subtitle span {
  position: absolute;
  top: -9999px;
  left: -9999px;
  text-indent: -9999px;
}

.splash-title {
  margin-top: 28px;
  font-family: "Julius Sans One", sans-serif;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.splash-description {
  width: 80%;
  max-width: 640px;
  margin: 40px auto 0;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
}

.splah-button {
  margin: 32px auto 0;
  text-align: center;
}
.splah-button a {
  display: inline-block;
  padding: 12px 16px;
  background-color: #dc3560;
  border: 2px solid #dc3560;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Julius Sans One", sans-serif;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  line-height: 1;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
.splah-button a:hover {
  background-color: #FFF;
  color: #dc3560;
}

.splash-conditions {
  margin: 16px auto 0;
  text-align: center;
}
.splash-conditions a {
  font-size: 12px;
  color: #dc3560;
  line-height: 1.2;
}

.splash-comed_link {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 48px;
  text-align: center;
}
.splash-comed_link span {
  display: block;
  margin-bottom: 12px;
  text-align: center;
}
.splash-comed_link span a {
  font-size: 16px;
  font-weight: 300;
  color: #FFF;
  line-height: 1;
}
.splash-comed_link img {
  width: 120px;
  height: auto;
}

.splash-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  text-indent: -9999px;
  background: rgba(55, 60, 62, 0.5) url("splash-images/close.png") center center no-repeat;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
.splash-close:hover {
  background-color: rgba(55, 60, 62, 0.75);
}

@media screen and (min-width: 1px) and (max-height: 592px) {
  .splash .wrapper {
    height: auto;
  }

  .splash-subtitle {
    padding-top: 20px;
  }

  .splash-title {
    margin-top: 24px;
    padding: 0 24px;
    font-size: 20px;
  }

  .splash-description {
    margin: 24px auto 0;
  }

  .splash-comed_link {
    position: static;
    padding-bottom: 32px;
    margin-top: 32px;
  }
  .splash-comed_link span {
    margin-bottom: 8px;
  }

  .splash-close {
    width: 50px;
    height: 50px;
  }
}