/*.bx-wrapper .bx-pager .bx-pager-item{
	display: block;
    float: right;
    clear: both;
	height:21px;
}*/



.page-actualite  .post-list>li:first-child {

	border-top: none;

}


.page-actualite #liste-right .section__content {

    vertical-align: top;
}

.page-actualite #ref-left .post-title{

    vertical-align: top;
	margin-top: 103px;
}



.page-actualite.open #site-logo {
    left: 160px;
    right: inherit;
}


.page-actualite #ref-right  .section__content{

    vertical-align: top !important;
	margin-top: 50px;
}


.portfolio-filter{padding-bottom: 30px;}
.portfolio-filter a {
    display: inline-block;
    text-decoration: none;
    padding: 0px 19px;
    text-transform: uppercase;
    font-size: 15px;
	color: #004695;

}

.portfolio-filter a:first-child {
	
	    padding: 0px 19px 0px 0px;

}


.portfolio-filter a:last-child {
	
	    padding: 0px  0px 0px 19px;

}

.portfolio-filter a.active, .portfolio-filter a:hover{
	font-weight: bold;

}

.portfolio-filter a.sep {
	border-right: 1px solid #004695;
 

}





.section--white:first-child {
	padding-top:0px;
	
}

.page-notre-metier .section__main p:first-child {
	margin-top:0px;
	
}


.page-nous-rejoindre .section__main p:first-child {
	margin-top:0px;
	margin-bottom:0px;
	
}


.g-recaptcha{
	float:left;
	
	
}
.btn-lg{
	padding-top:0;
	margin-top:0;
	
}
.nav__links{
	vertical-align:middle;
	height:100%;
	display:inline-block;
	
	
}




.nav__links:before {
    content: '';
    display: inline-block;
    height: 50%;
    margin-right: -4px;
}


.nav-boxes{
	display: inline-block;
    height: auto;
	vertical-align:middle;
	position:relative;
}
select {
	
	
	    width: 328px;

    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0px;
    height: 34px;
    background: url(../img/fleche.png) no-repeat right #FFF;
	border:1px solid #a6a6a6;
      appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    background-position-x: 293px;
	cursor:pointer;
	
   }





.close-ref, .close-actu{
	position:absolute;
	top:60px;
	right:20px;
	color:#587ebf;
	font-size:15px;
	display:none;
	
	
}

.close-ref i, .close-actu i{
	font-size:11px;
	margin-right:12px;
	
	
}
.pane-header .pane-header__content{
	text-align:left;
	max-width:550px;
	
}
#ref-right, #ref-left{
	display:none;
	
	
}


 #ref-left{
	 z-index:101;
	 
	 
 }
.btn-submit{
	padding-right:0;
	padding-left:0;
	font-size:15px;
	min-width:inherit;
	
	
}
.bx-wrapper .bx-pager .bx-pager-item{


    float: right;
    clear: both;
	height:20px;
	

}





.to-hide{
	display:none;
	
}



#scroll-btn{
	cursor:pointer;
	
	
}

#html5-lightbox-overlay{
	background-color: #FFF !important;
	
	
}

#html5-image{
	padding:0 !important;
	
	
}
#html5-close{
	/*display:none !important;	*/
	margin-top: 25px !important;
    margin-right: 25px !important;
	position:fixed !important;
	
}

.gmap {
    width: 100%;
    height: 100%;
}

.page-notre-equipe .section__title{
	font-size:28px;
	font-weight:normal;
	font-weight:600;
	
	
}



.page-nos-references #site-logo{
	left:160px;
	right:inherit;	
}


.page-nos-references .pane-header{
	background-color:#FFF;	
}


.page-nos-references  .page-title-position{
	font-size:55px;
	color:#3b3a3a;

	font-weight:normal;
	margin-bottom:0;
	
	
	
}


.page-notre-equipe  p{
	line-height:1.4;
	
	
}


.page-notre-equipe   .section {
    padding: 80px 0 40px;
}


.page-nous-contacter .section__title{
	font-size:26px;
	font-weight:normal;
	margin-bottom:35px;
	
	
}



.page-mentions-legales .section__title{
	font-size:26px;
	font-weight:normal;
	
	
}


.page-mentions-legales .section__title{
	font-size:26px;
	font-weight:normal;
	
	
}


.page-nous-rejoindre  .post-body li{
	list-style-type: disc;
	
}
.page-nous-rejoindre .page-title-position{
	font-size:55px;
	color:#FFF;
	z-index:100;
	position:absolute;
	font-weight:normal;
	left:10%;
	bottom:7%;
	
	
}


.page-nous-rejoindre  .post-list .post-header__title{
	font-size:18px;
	font-weight:normal;
	color:#3b3b3b;
	
}



.page-nous-rejoindre .post-list .post-header__intro{
	font-size:14px;
	font-weight:normal;
	color:#3b3b3b;
	margin-bottom:0;
	
}


.page-nous-rejoindre .section__title{
	font-size:20px;
	font-weight:normal;
	color:#3b3b3b;
	margin-bottom:30px;
	
}




.page-nous-rejoindre .post-list .trigger.active{
	padding-bottom:0;
	
}


.page-notre-metier .page-title-position{
	font-size:55px;
	color:#FFF;
	z-index:100;
	position:absolute;
	font-weight:normal;
	left:10%;
	top:20%;
	
	
}

.page-qui-sommes-nous .pane--right a{
	color:#004f9f;
	
}



.page-qui-sommes-nous section{
	padding: 60px 0 50px;
	
	
}


.page-qui-sommes-nous .page-title-position{
	font-size:55px;
	color:#FFF;
	z-index:100;
	position:absolute;
	font-weight:normal;
	left:20%;
	bottom:20%;
	
	
}

.page-qui-sommes-nous .page-title-position span{
	color:#000000;
	
}
.page-actualite .page-title-position{
	font-size:55px;
	color:#FFF;
	z-index:100;
	position:absolute;
	font-weight:normal;
	left:10%;
	top:20%;
	
	
}


.page-actualite .post-list .trigger.active{
	padding-bottom:0;
	
}



.page-actualite .post-list .post-header__date{
	font-size:14px;
	font-weight:normal;
	color:#3b3b3b;
	margin-bottom:5px;
	
}


.page-actualite .post-list .post-header__title{
	font-size:26px;
	font-weight:normal;
	color:#3b3b3b;
	
}


.page-actualite .post-list .post-header__intro{
	font-size:14px;
	font-weight:normal;
	color:#3b3b3b;
	margin-bottom:0;
	
}



.page-actualite .post-title .post-header__date{
	font-size:14px;
	font-weight:normal;
	color:#3b3b3b;
	margin-bottom:5px;
	
}


.page-actualite .post-title .post-header__title{
	font-size:26px;
	font-weight:normal;
	color:#3b3b3b;
	
}


.page-actualite .post-title .post-header__intro{
	font-size:14px;
	font-weight:normal;
	color:#3b3b3b;
	margin-bottom:20px;
	
}




.page-accueil  .section__content h1{
	color:#567cbf;
	
	
}

.page-accueil  .bx-pager{
	bottom:130px;
	right:30px;
	left:inherit;
	
	
}
.page-accueil   .bx-wrapper .bx-viewport{
	    left: 0px;
	
}
.page-accueil .bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF;
    text-indent: 9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}



.page-accueil  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #004f9f;
	border:none;
}


.page-accueil  .bx-wrapper .bx-pager{
	text-align:right;
	
	
}


.page-accueil  .bx-pager .bx-pager-item a.active{
	
	
}

.logo-mobile{
	display:none;
	
}


	.hide-desktop{
		display:none;
	}
	.hide-mobile{
		display:block;
	}
	
.section__main {
  padding-top: 30px;	
}


.page-nos-references form {
	padding-top:35px;
	
	
}


@media (max-width: 992px){
	
	
	
	#cv_f, #lettre_f{
		right:2px !important;
		
	}
	.close-ref{
		top:90px;
		
	}
	
	.close-actu{
		top:90px;
		
	}


	.page-nos-references  #site-logo {
	    right: 20px !important;
		left:auto !important;
}


	.page-nos-references  .pane-header {
	height:auto;
}



	.ae-adresse{
		float:left;
		width:50%;
		
	}
	
	
	
	.directeurs-daffaires{
		float:left;
		width:33%;
		
		
	}
	
	#slider-references{
		height:auto!important;
		
	}
	
/*
	.shelf li {
    height: 250px;
    padding: 0 1px 2px 0;
    box-sizing: content-box;
    margin-bottom: -1px;
    margin-right: -1px;
}

*/


.shelf li{
	position: relative;
	width: 33%;		/* desired width */
	padding-bottom:0;
	height:auto;
}
.shelf li:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}



	.page-nos-references form {
	padding-top:0px;
	
	
}
	.pane--left{
		margin-top:80px;
		
		
	}
	
	.page-qui-sommes-nous .page-title-position, .page-actualite .page-title-position, .page-notre-equipe .page-title-position, .page-nous-rejoindre .page-title-position, .page-notre-metier .page-title-position{
	font-size:55px;
	color:#FFF;
	z-index:100;
	position:absolute;
	font-weight:normal;
	left:0;
	width:100%;
	text-align:center;
	top:50%;
	margin-top:-40px;
	bottom:inherit;
	
	
}



	.section__main {
  padding-top: 0px;	
}
	.hide-desktop{
		display:block;
	}
	.hide-mobile{
		display:none;
	}
	
	
	.logo-cube-wrap{
	display:none !important;
	
}
	
	.logo-mobile{
	display: block;
	position:absolute;
	right:20px;
	top:20px;
	
}
	#header{
		background-color:#FFF;
		height:80px;
		
		
	}
	
	#site-logo {
		z-index:10000;
		
	}
	
	
#nav-primary.active {
    transform: translateX(100%);
}


	
}
	
	
	@media (max-width: 600px){
	
	
	.directeurs-daffaires{
		float:left;
		width:50%;
		
		
	}
	
	}