/****************/
/* MOBILE FIRST */
/****************/


/*--------------------------------------------------
 *
 * GENERAL
 *
 *--------------------------------------------------*/

html, body { margin:0; padding:0; overflow: auto; background-color:#fff; -webkit-tap-highlight-color: rgba(255,255,255,1); }

body {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:14px;
	color:#222629;
    height: 100%;
}

body.disable-scrolling {
    position: fixed;
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
}

body #qLoverlay {
    background-color: #fff;
    position: fixed;
    z-index: 666999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------
 *
 * LINK
 *
 *--------------------------------------------------*/

a, input, button { outline: 0 none !important;}

a,
a:before,
a:after,
a i,
button,
button:before,
button:after,
.btn {
	-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	cursor:pointer!important;
}

a,
a:link,
a:visited {
    color:#45e3bc;
    text-decoration:underline;
}

a:hover,
a:focus {
    color:#45e3bc;
    text-decoration:none;
}

a.read-more,
span.read-more {
	display: block;
	width:136px;
	height:30px;
	background:#222629;
	color:#45e3bc;
	line-height:30px;
	text-align: center;
	font-size: 12px;
	text-decoration:none;
	text-transform:uppercase;
}

button, button:focus, button:hover, button:target {
    background:none;
    background-color: transparent;
    -webkit-appearance: none;
}

/*--------------------------------------------------
 *
 * TITRES
 *
 *--------------------------------------------------*/

h1 {
	font-size:30px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.2;
	margin:0;
	padding: 0;
}

h2 {
	color:#8e9091;
	font-size:30px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.2;
	margin: 0 0 30px 0;
	padding: 0;
}

.nomF {
    color:#8e9091;
	font-size:25px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.2;
	margin: 0 0 0px 0;
	padding: 0;
    }
/*--------------------------------------------------
 *
 * TEXT
 *
 *--------------------------------------------------*/

::-moz-selection { color: #fff;  background: #45e3bc; }
::selection { color: #fff;  background: #45e3bc; } 

sup, .sup { font-size: 50%; top: -0.70em; }

/*--------------------------------------------------
 *
 * FORM
 *
 *--------------------------------------------------*/

::-webkit-input-placeholder { color:#45e3bc; }
::-moz-placeholder { color:#45e3bc; }
:-ms-input-placeholder { color:#45e3bc; }
input:-moz-placeholder { color:#45e3bc; }

.form-group {
	position:relative;
	margin-bottom:30px;
}

.form-group label {
	position:absolute;
	z-index: 0;
	top:1px;
	left:10px;
	line-height:30px;
	color:#45e3bc;
	font-weight: 400;
	-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.form-group.focus label {
	transform: scale(0.75);
	top: -24px;
	left: 7px;
}


.form-group.valid label {
	transform: scale(0.75);
	top: -24px;
	left: 7px;
	color:#fff;
}

.form-group.valid:before {
	content: "\f00c";
	display: block;
	position: absolute;
	top:-15px;
	left: 0;
	color:#fff;
	font: normal normal normal 14px/1 FontAwesome;
    font-size:10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form-group.valid .form-control {
	border:1px solid #fff;
	color:#fff;
}

input, textarea, select {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	resize: none;
}

select{color:#fff;}

.styled-select span {
    display: none;
}

.styled-select select {
   background: transparent;
   width: 100%;
   padding: 0 10px;
   font-size: 14px;
   line-height: 40px;
   border: 0;
   border-radius: 0;
   height: 40px;
   -webkit-appearance: none;
}

.styled-select {
	position: relative;
   width: 100%;
   height: 40px;
   overflow: hidden;
   border: 1px solid #fff;
}

.styled-select:before {
	position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f0d8";
	color: #fff;
	top: 8px;
	right: 10px;
	z-index: 100;
}

.styled-select:after {
	position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f0d7";
	color: #fff;
	bottom: 8px;
	right: 10px;
	z-index: 100;
}

.styled-select input {
    border: none;
    color:#fff;
}

.form-control {
    display: block;
    width:100%;
    height:30px;
    padding:0 10px;
    font-size:14px;
    line-height:30px;
    color:#45e3bc;
    background-color:transparent;
    background-image:none;
    border: 1px solid #45e3bc;
    border-radius:0;
}

.form-control:focus {
	color:#fff;
    border-color:#fff;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border:none;
    white-space: nowrap;
    padding:0;
    font-size: 12px;
    border-radius:0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:active,
.btn.active,
.btn:focus,
.btn.focus {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary {
    color: #fff;
    background-color: #45e3bc;
    border:none;
	text-align: center;
	text-transform: uppercase;
	width: 136px;
    height: 30px;
	line-height:30px;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
    color: #45e3bc;
    background-color: #fff;
    border:none;
}

.btn-secondary {
    color: #45e3bc;
    background-color: #222629;
    border:none;
	text-align: center;
	text-transform: uppercase;
	width: 136px;
    height: 30px;
	line-height:30px;
}

.btn-secondary:active,
.btn-secondary.active,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus {
    color: #222629;
    background-color: #45e3bc;
    border:none;
}

/*--------------------------------------------------
 *
 * STRUCTURE / COMMON
 *
 *--------------------------------------------------*/

.head-page {
	/*background: #45e3bc;*/
}

.head-page.head-fiche-projet {
	margin-bottom: 0;
}

.head-page .container-fluid {
    
}

.head-page-title {
	color:#fff;
	padding: 30px 0;
}

.sup-title {
	color:#fff;
	font-size:12px;
	font-weight: 500;
	display: inline-block;
	padding-bottom:5px;
}

#main {
	position: relative;
	background: #fff;
	margin-bottom:60px;
	bottom: 0;
}

#main.disable-scrolling {
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
}

.full-height {
	position: relative;
	height: 100vh;
}

#main > .full-height {
	margin: 0;
	padding: 0;
}

section {
	margin-bottom:30px;
}

.head-page [class^="col-"],
section [class^="col-"] {
	padding: 0;
}

.bg-dark {
	background: #222629;
	color:#fff;
}

.article_content a.read-more {
	margin-top: 30px;
}

img.img-full-width {
	display: block;
	width: 100%;
	height: 80%;
}

#back-before {
	position: fixed;
	top:0;
	left:8.33333333%;
	background-color: rgba(0,0,0,0.6);
	z-index: 20;
	display: none;
}

#back-before > i {
	display: block;
	text-align: center;
	color:#fff;
	font-size: 24px;
}

#back-to-top {
	position: fixed;
	right:60px;
	bottom:-60px;
	background:#45e3bc;
	z-index:101;
	width:60px;
	height:60px;
	-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

#back-to-top > i {
	display: block;
	width:60px;
	height:60px;
	line-height:60px;
	text-align: center;
	color:#222629;
	font-size: 16px;
}

#back-to-top.visible {
	bottom:0px;
}

#back-before {
    display: none;
}

.clearfix {
	clear: both;
}

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

#header {
	position: fixed;
	z-index: 100;
	left: 0;
	right:0;
	bottom: 0;
	height: 60px;
	background: #fff;
}

#alu-logo, .switch-lang {
	position: relative;
	padding: 0;
	float: left;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.switch-lang {
	padding: 0 5px;
}

.switch-lang:before {
	position: absolute;
	content:"";
	width: 1px;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	background:rgba(34,38,41,0.5);
}

.switch-lang a {
	float: left;
	display:block;
	width:25px;
	font-size:14px;
	text-decoration: none;
	color:rgba(34,38,41,0.5);
    position: absolute;
}

.switch-lang a.fr {
    left:0;
}

.switch-lang a.en {
    right:0;
}

.switch-lang a.lang-active {
	font-weight: 500;
	color:rgba(34,38,41,1);
}

.switch-lang a:not(.lang-active):hover {
	color:#45e3bc;
}

.switch-lang > img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
}

/* BURGER */

#burger {
	position: relative;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: right;
}

.burger-line {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 20px;
	height: 2px;
	margin:29px 20px;
	background:rgba(0,0,0,8);
	-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.burger-line:before {
	display: block;
	content:"";
	position: absolute;
	width: 20px;
	height: 2px;
	background:rgba(0,0,0,8);
	top:-6px;
	left:0;
	-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.burger-line:after {
	display: block;
	content:"";
	position: absolute;
	width: 20px;
	height: 2px;
	background:rgba(0,0,0,8);
	bottom:-6px;
	left:0;
	-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

/* OPEN */

a#burger.open .burger-line {
	background:rgba(0,0,0,0);
}

a#burger.open .burger-line:before  {
	transform: rotate(45deg);
	top: 0;
	background:rgba(34,38,41,0.5);
}

a#burger.open .burger-line:after  {
	transform: rotate(-45deg);
	bottom:0;
	background:rgba(34,38,41,0.5);
}

/* NAV */

#overlay {
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(34,38,41,0.8);
	z-index: -100;
	display: none;
}

#main-nav {
	position:fixed;
	z-index: 75;
	top:100%;
	left: 0;
	right:0;
	bottom:0;
	background:#45e3bc;
	-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

#main-nav.open {
	top:0;
	bottom:60px;
	overflow: hidden;
}

#main-nav ul.navbar-nav {
	position: relative;
	z-index: 5;
	margin: 0;
	padding:30px 0;
}

ul.navbar-nav li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size:26px;
}

ul.navbar-nav li a {
	display: block;
	text-decoration: none;
	color:rgba(34,38,41,0.5);
	transform: scale(0.5);
	font-weight:500;
}

ul.navbar-nav li a span.number {
	font-style: italic;
	display: inline-block;
	padding-right: 10px;
	font-size:16px;
	font-weight:400;
}

ul.navbar-nav li a.active {
	color: #fff;
	transform: scale(0.5);
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color:transparent;
}

/* CUSTOM SCROLLING */

#scrollmenu {
	position: relative;
	height:100%;
}

.mCustomScrollBox {
	z-index: 1;
}

.mCustomScrollBox:before {
	position: absolute;
	content:"";
	top: 0;
	left: 0;
	right: 0;
	height:20px;
	background: -moz-linear-gradient(top,rgba(69,227,188,1) 0%, rgba(69,227,188,0) 100%);
	background: -webkit-linear-gradient(top,rgba(69,227,188,1) 0%, rgba(69,227,188,0) 100%);
	background: linear-gradient(to bottom,rgba(69,227,188,1) 0%, rgba(69,227,188,0) 100%);
	z-index:2;
}

.mCustomScrollBox:after {
	position: absolute;
	content:"";
	bottom: 0;
	left: 0;
	right: 0;
	height:20px;
	background: -moz-linear-gradient(top,rgba(69,227,188,0) 0%, rgba(69,227,188,1) 100%);
	background: -webkit-linear-gradient(top,rgba(69,227,188,0) 0%, rgba(69,227,188,1) 100%);
	background: linear-gradient(to bottom,rgba(69,227,188,0) 0%, rgba(69,227,188,1) 100%);
	z-index:2;
}

.mCSB_container {
	z-index: 1;
}

.mCSB_scrollTools {
	z-index: 5;
}

/* FIL D'ARIANNE */

#breadcrumb {
	position: fixed;
	z-index:-100;
	font-size: 12px;
	top:50vh;
    display: none;
}

/*--------------------------------------------------
 *
 * CATEGORY COLOR
 *
 *--------------------------------------------------*/


/* ETUDES URBAINES */
.category-urbanites .item-panel,
.head-page.category-urbanites {
	background:#fa070f;
}
#eturb:hover{
    color: #fa070f;
}

/* LOGEMENT INDIVUDUEL */
.category-logements-individuels .item-panel,
.head-page.category-logements-individuels{
	background:#ff5336;
}
#logind:hover{
    color: #ff5336;
}


/* LOTISSEMENT */
.category-lotissements .item-panel,
.head-page.category-lotissements {
	background:#ff6010;
}
#lotiss:hover{
    color: #ff6010;
}

/* LOGEMENT COLLECTIF */
.category-logements-collectifs .item-panel,
.head-page.category-logements-collectifs {
	background:#ff9846;
}

/* SCOLAIRE */
.category-scolaires .item-panel,
.head-page.category-scolaires {
	background:#c71262;
}
#scola:hover{
    color: #c71262;
}

/* CULTUREL */
.category-culturels .item-panel,
.head-page.category-culturels {
	background:#ff0073;
}
#cultur:hover{
    color: #ff0073;
}


/* SPORTIF */
.container-fluid.category-sportifs,
.category-sportifs .item-panel,
.head-page.category-sportifs {
	background:#e74d6d !important;
}
#sportid:hover{
    color: #e74d6d;
}

/* RETAIL */
.category-commerces .item-panel,
.head-page.category-commerces {
	background:#446f53;
}
#retailid:hover{
    color: #446f53;
}

/* PETITS ERP BOUTIQUE */
.category-petits-erp-boutiques .item-panel,
.head-page.category-petits-erp-boutiques {
	background:#009a36;
}
#erpbout:hover{
    color: #009a36;
}

/* HOTEL */
.category-hotels.item-panel,
.head-page.category-hotels {
	background:#56bd55;
}
#hotelid:hover{
    color: #56bd55;
}

/* AMENAGEMENT INTERIEUR */
.category-amenagements-interieurs .item-panel,
.head-page.category-amenagements-interieurs {
	background:#a7cb00;
}
#amenag:hover{
    color: #a7cb00;
}

/* INDUSTRIEL */
.category-industriels .item-panel,
.head-page.category-industriels {
	background:#0069b7;
}
#industr:hover{
    color: #0069b7;
}

/* TERTIAIRE */
.container-fluid.category-tertiaires,
.category-tertiaires .item-panel,
.head-page.category-tertiaires {
	background:#0f92cc !important;
}
#terti:hover{
    color: #0f92cc;
}

/* DATA CENTER */
.container-fluid.category-data-center,
.category-data-center .item-panel,
.head-page.category-data-center {
	background:#00ade6!important;
}
#datacen:hover{
    color: #00ade6;
}

/* SERVICES */
.category-services .item-panel,
.head-page.category-services {
	background:#37c3ee;
}
#servid:hover{
    color: #37c3ee;
}

.item-panel span.category {
	color:#fff;
	font-size:12px;
	font-weight: 500;
	display: inline-block;
	padding-bottom:5px;
}


#collect:hover{
    color: #ff9846;
}

#toustous:hover{
    color: #d8d8d8;
}


/*--------------------------------------------------
 *
 * HOME
 *
 *--------------------------------------------------*/

#homeslider {
	width: 100%;
	height:calc(100vh - 60px);
	overflow: hidden;
    clear: both;
}

.owl-carousel .owl-stage-outer, .owl-stage, .owl-item {
	height: 100%;
}

.owl-carousel .owl-stage {
	padding-left: 0 !important;
  }

#homeslider .owl-item img {
	position:relative;
	z-index: 1;
	width: 100%;
	height: auto;
}

#homeslider .owl-item .item-panel {
	position: absolute;
	z-index: 10;
	left:0;
	right: 0;
	bottom:0;
	height:250px;
	padding-top:25px;
	/* padding-right:16%;
	padding-left:18%; */
	box-sizing:border-box;
}

/*
#homeslider .item-panel span.category {
	position: relative;
	color:#222629;
	font-size:12px;
	font-weight: 500;
	display: inline-block;
	padding-bottom:5px;
	padding-left: 20px;
}

#homeslider .item-panel span.category:before {
	position: absolute;
	content:"";
	z-index: 1;
	top:1.5px;
	left:0;
	width: 14px;
	height: 14px;
	background:#222629;
}

#homeslider .category-logement .item-panel span.category:before  {
	background:#fcd5a9;
}
#homeslider .category-public .item-panel span.category:before  {
	background:#c40079;
}
#homeslider .category-data-center .item-panel span.category:before  {
	background:#101b82;
}
#homeslider .category-culture .item-panel span.category:before  {
	background:#462111;
}
#homeslider .category-scolaire .item-panel span.category:before  {
	background:#fdce07;
}
*/

#homeslider .owl-item .item-panel h3 {
	color:#fff;
	font-size:24px;
	letter-spacing: 2px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height:1.2;
}

#homeslider .owl-item .item-panel a.read-more {
	position: absolute;
	display: block;
	/* margin: auto; */
	left: 50%;
	/* left:800px; */
	top:-14px;
	color:#fff;
	width: 120px;
}

/*
#homeslider .category-logement .item-panel a.read-more {
	color:#fcd5a9;
}
#homeslider .category-public .item-panel a.read-more {
	color:#c40079;
}
#homeslider .category-data-center .item-panel a.read-more {
	color:#101b82;
}
#homeslider .category-culture .item-panel a.read-more {
	color:#462111;
}
#homeslider .category-scolaire .item-panel a.read-more {
	color:#fdce07;
}
#homeslider .category-tertiare .item-panel a.read-more {
	color:#808000;
}
#homeslider .category-retail .item-panel a.read-more {
	color:#696969;
}
*/

.owl-controls {
    position: absolute;
    bottom: 0;
    right: 0;
	width: 1px;
	height: 1px;
}
	
.owl-nav {
	position: absolute;
	right: 0;
	bottom:234px;
	height:30px;
	width: 68px;
	background:#222629;
}

.owl-prev, .owl-next {
	display: block;
	width: 34px;
	height:30px;
	float: left;
	color:#fff;
	font-size: 18px;
	text-align: center;
	line-height: 28px;
}

.owl-dots {
	position: absolute;
	bottom:202px;
	right:10px;
	width:55px;
    counter-reset: dots;
}

.owl-dot:before {
	position: absolute;
	top:0px;
	left:-1px;
	display: block;
    width:30px;
    height:30px;
    counter-increment:dots;
    content: counter(dots);
	opacity: 0;
	font-size: 25px;
	text-align: right;
	line-height: 30px;
	font-weight: 700;
	color:#fff;
}

.owl-dot.active:before {
	opacity: 1;
}

.owl-dots:before {
	content:"";
	position: absolute;
	top:11px;
	left:34px;
	width:1px;
	height:12px;
	display: block;
	background:rgba(255,255,255,0.5);
}

.owl-dots:after {
	position: absolute;
	top:0px;
	right:0px;
	display: block;
    width:20px;
    height:30px;
	content: counter(dots);
	font-size: 12px;
	text-align: left;
	line-height: 38px;
	font-weight: 500;
	color:#fff;
	opacity: 0.5;
	padding-left: 5px;
}

/* SECTIONS */

.home-about-text,
.home-projet-text{
	margin-bottom: 30px;
}

.all-contacts{
	position: relative;
	display: block;
	padding-left:20px;
}

.all-contacts i{
	display:block;
	margin-left: -20px;
	float: left;
	line-height: 1.5;
}

.all-contacts a{
	color:#222629;
	text-decoration: none;
}

.home-projet-form {
	padding:30px 0 60px 0;
}

.home-projet-form  textarea.form-control#inputmessage {
	height: 125px;
}

/*--------------------------------------------------
 *
 * CAROUSEL INTER
 *
 *--------------------------------------------------*/

.carousel-inter .owl-controls {
	width: 100%;
}

.carousel-inter .owl-dots {
	/* background:#45e3bc; */
	bottom: 0;
	right: 0;
	width:41.67%;
	height:70px;
}

.spec-Racing .owl-dots {
	background: #e74d6d;
	bottom: 0;
	right: 0;
	width:41.67%;
	height:70px;
}
.spec-Immeuble .owl-dots {
	background: #0f92cc;
	bottom: 0;
	right: 0;
	width:41.67%;
	height:70px;
}

.carousel-inter .owl-dot:before {
	top:32px;
	right:35px;
	left: auto;
}

.carousel-inter .owl-dots:before {
	height: 10px;
    top: 45px;
    right:30px;
	left: auto;
	background: rgba(77,68,63,0.5);
}

.carousel-inter .owl-dots:after {
    top: 32px;
    right:10px;
	color: rgba(77,68,63,0.5);
}

.carousel-inter .owl-nav {
    bottom: 54px;
	z-index: 25;
}

/*--------------------------------------------------
 *
 * PROJETS
 *
 *--------------------------------------------------*/

#header_filters {
	position: fixed;
    z-index:70;
    left: 0;
    right: 0;
    top: 0;
    height: 60px;
    background: #fff;
}

#header_filters > button,
#overlay_filters > button{
	display:block;
	margin: 0 auto;
	margin-top: 15px;
    
}

#overlay_filters {
	position: fixed;
	z-index:-100;
	top:0;
	left:0;
	right: 0;
	bottom:-60px;
	background: #222629;
	display:none;
	opacity: 0;
}

#overlay_filters .btn {
	margin-top: -15px;
	background: #45e3bc;
	color:#fff;
}

.all_filters {
	padding-top:15px;
}

.all_filters .filter {
	position: relative;
	color:#fff;
	height:30px;
	line-height:30px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom:20px;
    border: none;
    background:#222629;
}

.all_filters .filter:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
	height:1px;
    z-index: -1;
	-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.all_filters .filter:hover:before {
	height: 3px;
}

.all_filters .filter.is-checked:before {
	height: 30px;
}

.all_filters .filter_tous:hover:before,
.all_filters .filter_tous.is-checked:before{
	background:#45e3bc;
}
.all_filters .filter_etudes-urbaines:hover:before,
.all_filters .filter_etudes-urbaines.is-checked:before{
	background:#fa070f;
}
.all_filters .filter_logement-indiv:hover:before,
.all_filters .filter_logement-indiv.is-checked:before{
	background:#ff5336;
}
.all_filters .filter_lotissement:hover:before,
.all_filters .filter_lotissement.is-checked:before{
	background:#ff6010;
}
.all_filters .filter_collectif:hover:before,
.all_filters .filter_collectif.is-checked:before{
	background:#ff9846;
}
.all_filters .filter_scolaire:hover:before,
.all_filters .filter_scolaire.is-checked:before{
	background:#c71262;
}
.all_filters .filter_culture:hover:before,
.all_filters .filter_culture.is-checked:before{
	background:#ff0073;
}
.all_filters .filter_sport:hover:before,
.all_filters .filter_sport.is-checked:before{
	background:#e74d6d;
}
.all_filters .filter_retail:hover:before,
.all_filters .filter_retail.is-checked:before{
	background:#446f53;
}
.all_filters .filter_erpboutique:hover:before,
.all_filters .filter_erpboutique.is-checked:before{
	background:#009a36;
}
.all_filters .filter_hotel:hover:before,
.all_filters .filter_hotel.is-checked:before{
	background:#56bd55;
}
.all_filters .filter_amenagement:hover:before,
.all_filters .filter_amenagement.is-checked:before{
	background:#a7cb00;
}
.all_filters .filter_industriel:hover:before,
.all_filters .filter_industriel.is-checked:before{
	background:#0069b7;
}
.all_filters .filter_tertiaire:hover:before,
.all_filters .filter_tertiaire.is-checked:before{
	background:#0f92cc;
}
.all_filters .filter_data-center:hover:before,
.all_filters .filter_data-center.is-checked:before{
	background:#00ade6;
}
.all_filters .filter_services:hover:before,
.all_filters .filter_services.is-checked:before{
	background:#37c3ee;
}

#main.projets {
	background: #fff;
	padding-top:90px;
}

.grid-sizer .grid-item {
	z-index: 1;
	width:100%;
	margin-bottom: 0;
	cursor: pointer;
	background:#000;
}

.grid-item {
	position: relative;
    transform: translateY(0px);
}

.grid-item > img {
	width:100%;
        filter: grayscale(100%);
}

.grid-item .item-panel {
	position: absolute;
	padding: 20px 7.5px 7.5px 7.5px;
	transform: translate(0px,50px);
	z-index: 10;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	opacity: 0;
}

.grid-item .item-panel h4 {
	color:#fff;
	font-size:16px;
	letter-spacing: 2px;
	font-weight:500;
	margin: 0;
	padding: 0;
	line-height:1.2;
}

.grid-item .item-panel .read-more {
	color:#fff;
	position: absolute;
	top:-15px;
	left: 50%;
	margin-left: -68px;
}

.grid-item.hover {
	z-index:10;
    transform: translateY(-100px);
/*	margin-bottom: 60px;*/
}

.grid-item.hover .item-panel {
	opacity: 1;
	transform: translate(0px, 100px);
}

.grid-item.hover > img {
	filter: grayscale(0%);
}

/*--------------------------------------------------
 *
 * FICHE PROJET
 *
*--------------------------------------------------*/
.projetsImg{
    width: 100%; cursor: pointer;
    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);
    -webkit-transition: 1s;
    transition: 1s;
}
.projetsImg:hover{
    -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);
}

.contentProjets{
    float: left; border: 1px solid #fff; width: 48%; overflow: hidden; position: relative;
}
.contentProjets .projetsInfo{
    width: 100%; color: #fff; padding: 25px; opacity: 0; cursor: pointer; margin-top: -9px; position: absolute;
    -webkit-transition: 1s;
    transition: 1s;
}
.contentProjets:hover .projetsInfo{
    width: 100%; color: #fff; padding: 25px; opacity: 1; cursor: pointer; margin-top: -109px; position: absolute;
}
.voirleprojet{
    background-color: #000; position: absolute; padding: 2px 15px; margin: -33px 40%;
}
.contenerProj{
    width: 83.33333333%; margin-left: 8.33333333%; margin-right: 8.33333333%; margin-top: 60px; margin-bottom: 60px;
}




.fiche-details {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 30px;
}

.fiche-details > p {
	margin-bottom: 5px;
}

.fiche-details > p:first-child {
	margin-bottom: 10px;
}

.nav-projets {
	margin-top: 30px;
	margin-bottom:60px;
}

.nav-projets a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 60px;
	text-decoration: none;
	color:#fff;
}

.nav-projets a .navigation_item_inner {
	position: relative;
	box-sizing: border-box;
	width: 100%;
        
}

a.navigation_item_previous .navigation_item_inner {
	background-color: rgba(0,0,0,0.6);
}

a.navigation_item_next .navigation_item_inner {
	background-color: rgba(0,0,0,0.6);
}

a.navigation_item_previous .navigation_item_name {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	width: 100%;
	height:60px;
}

a.navigation_item_next .navigation_item_name {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	width: 100%;
	height:60px;
}

a.navigation_item_previous .navigation_item_name {
	text-align: left;
}

a.navigation_item_next .navigation_item_name {
	text-align: right;
}

.navigation_item_name i {
	display:inline-block;
	width:60px;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
}

.navigation_item_name > div {
	position: relative;
	z-index: 10;
	line-height: 30px;
	width:calc(100% - 90px);
}

.navigation_item_name > div h5,
.navigation_item_name > div h6 {
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	font-weight:400;
	font-size: 12px;
	line-height:1.2;
}

.navigation_item_name > div h6 {
	display: none;
}

.navigation_item_img {
	position: absolute;
	z-index:1;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.15;
}

.nav-projets span.direction {display: none; }


/*--------------------------------------------------
 *
 * AGENCE+EQUIPE
 *
 *--------------------------------------------------*/

section.agence-zone {
	margin-bottom: 0;
}

.agence-zone > article {
	margin-bottom: 30px;
}

.agence-equipe {
	padding: 60px 0;
}

#agence_counter {
	margin-bottom: 0;
}

.big-number{
	padding:30px 0!important;
	text-align: center;
}

.big-number-category{
	color:rgba(255,255,255,0.5);
}

.big-number-counter {
	color:#06efbb;
	font-size:50px;
	font-weight: 500;
}

.all-team {
	padding-bottom:90px;
}

#team-description {
	position: relative;
	float: left;
	min-height: 1px;
	width:calc(100% - 120px);
	box-sizing: border-box;
	padding: 30px 15px 60px 15px;
	overflow: hidden;
	-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.biographie {
	font-size: 12px;
	display: none;
    color:#000;
}

.biographie > h2 {
    margin-bottom: 0;
}

.fonction {
    color:#8e9091;
}

.biographie:first-child {
	display: block;
}

.team-photo {
	float: right;
	width:120px;
}

.team-photo .portrait {
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden;
	position: relative;
}

.team-photo .portrait > img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}

.team-photo .portrait:before {
	position: absolute;
	content:"";
	z-index: 2;
	top:0;
	left:0;
	right:0;
	bottom:0;
        /*
	background:rgba(69,227,188,0);
	-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	   -moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		 -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        */
}

.team-photo .portrait.active:before {
    /*
	background:rgba(69,227,188,0.5);
    */
}

/*--------------------------------------------------
 *
 * METHODES & MOYENS
 *
 *--------------------------------------------------*/

.methode-titre {
	margin-top: 30px;
}

.methode-text{
	margin-bottom: 30px;
}

.article_2col {
	margin-bottom: 60px;
}


/*--------------------------------------------------
 *
 * ACTUALITES
 *
 *--------------------------------------------------*/

#main.actualites {
	padding-top: 60px;
	margin-bottom: 45px;
}

#main.actualites  .grid-item {
    padding-bottom: 60px;
	margin-bottom: 15px;
}

#main.actualites  .grid-item > img {
    filter: grayscale(0%);
}
	
#main.actualites  .grid-item .item-panel {
    position: absolute;
    padding: 20px 7.5px 7.5px 7.5px;
    transform: translate(0px, 0px);
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: block;
}

/*--------------------------------------------------
 *
 * ACTUALITES
 *
 *--------------------------------------------------*/

.actu-img img {
	margin-left: -15px;
	margin-right: -15px;
	width:calc(100% + 30px);
}

.actu-text {
	padding-top: 30px;
	padding-bottom: 30px;
}

/*--------------------------------------------------
 *
 * CONTACT
 *
 *--------------------------------------------------*/

#map {
	width: 100%;
	height:calc(100vh - 60px);
}

.zone-contact {
	margin-bottom: 30px;
}

.zone-form {
	margin-top: 30px;
	margin-bottom: 60px;
}

/* ECRAN 4,5" et SUPERIEUR */
@media screen and ( min-width: 320px ){
	
	/* TITLE */
	h1 {font-size:35px;}
    
	/* HOME */
	#homeslider .owl-item .item-panel {height:240px;}
	#homeslider .owl-item .item-panel h3 {font-size:28px;}
	#homeslider .owl-nav {bottom:224px;}
	#homeslider .owl-dots {bottom:187px;}

	/* PROJETS */
	.all_filters .filter {
		margin-bottom:0px;
	}
	
    #header_filters {
        position: fixed;
        z-index:70;
        left: 0;
        right: 0;
        top: 0;
        height: 60px;
        background: #222629;
    }
        #main.projets {
        background: #fff;
    }

}

/* ECRAN 5,5" et SUPERIEUR */
@media screen and ( min-width:360px ){
    
	/* HOME */
	#homeslider .owl-item .item-panel {height:230px;}
	#homeslider .owl-nav {bottom:214px;}
	#homeslider .owl-dots {bottom:177px;}
	
	/*GENERAL*/
	.head-page-title { min-height: 223px;}
    
        #header_filters {
	position: fixed;
        z-index:70;
        left: 0;
        right: 0;
        top: 0;
        height: 60px;
        background: #222629;
    }
    #main.projets {
        background: #fff;
    }
    
}


/* TABLETTE PORTRAIT */
@media screen and ( max-width: 768px ){
    .projetsImg{
    width: 100%; cursor: pointer;
    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);
    -webkit-transition: 1s;
    transition: 1s;
}
.projetsImg:hover{
    -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);
}

.contentProjets{
    float: left; border: 1px solid #fff; width: 100%; overflow: hidden; position: relative;
}
.contentProjets .projetsInfo{
    width: 100%; color: #fff; padding: 25px; opacity: 0; cursor: pointer; z-index: 9999; margin-top: -9px; position: absolute;
    -webkit-transition: 1s;
    transition: 1s;
}
.contentProjets:hover .projetsInfo{
    width: 100%; color: #fff; padding: 25px; opacity: 1; cursor: pointer; z-index: 9999; margin-top: -109px; position: absolute;
}
.voirleprojet{
    background-color: #000; position: absolute; padding: 2px 15px; margin: -33px 40%;
}
.contenerProj{
    margin-left: 0%; margin-right: 0%; margin-top: 34px; width: 99.5%; margin-bottom: 60px;
}

	
	/* HEADER */
	#header > .container {width: auto; }
    
	/* HOME */
	#homeslider .owl-item .item-panel {height:230px;}
	#homeslider .owl-nav {bottom:214px;}
	#homeslider .owl-dots {bottom:177px;}
	
	/* GENERAL */
	.head-page-title { min-height: auto;}
    
    #main.projets {
        padding-top:120px;
    }
    
	/* PROJETS */
	.all_filters .filter {
		margin-bottom:30px;
	}
	
	/* AGENCE+TEAM */
	.all-team {
		padding-left: 60px;
	}
	
	#team-description {
		width: calc(100% - 240px);
	}
	
	.team-photo {
		width: 240px;
	}
	
	.team-photo .portrait {
    	width:120px;
    	height:120px;
	}
	
	/* GRID */
	
	.grid-sizer, .grid-item {
		width:50%;
		float: left;
	}		

}

/* TABLETTE PAYSAGE */
@media screen and ( min-width:1024px ){



    #breadcrumb {
        display: block;
    }
	
	/* HEADER */
	#header {
		top: 0;
		left:0;
		bottom: 0;
		right: auto;
		height:100%;
		width:8.33333333%;
	}
	
	#header .navbar-header {
		position: relative;
		z-index: 200;
		display: flex;
		height: 100%;
	}
	
	#branding {
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		width:100%;
		display: block;
	}
		
	#alu-logo{
		display: block;
		width:100%;
		height: auto;
	}

	#burger {
		position: absolute;
		top:50%;
		left: 0;
		right: 0;
		width:100%;
		display: block;
		text-align: center;
		margin-top: -30px;
	}
	
	.burger-line {
		margin: 0 auto;
		margin-top: 29px;
		width: 34px;
	}
	
	.burger-line:before {
		width: 34px;
		top:-8px;
	}
	.burger-line:after {
		width: 34px;
		bottom:-8px;
	}
    
    /* HEAD PAGE */
    
    .head-page {
        position: relative;
        max-height: 100vh;
        overflow: hidden;
    }

    .head-page.head-mentions-legales {
        overflow: auto!important;
        margin-bottom: 30px!important;
    }
    
    .head-page > .container-fluid {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: #45e3bc;
    }
    
    .head-page > .container-fluid {
        position: relative;
    }
	
	/* MENU */
	
	#main-nav {
		top:0;
		right:100%;
		left:-200%;
	}
	
	#main-nav.open {
		top:0;
		bottom: 0;
		right:0;
		left:0;
	}
	
	#mCSB_1_container,
	#main-nav ul.navbar-nav{
		display: flex;
		flex-direction: column;
		justify-content:center;
		justify-content:space-around;
		align-content:space-around;
		height: 100%;
		padding: 0;
	}
	
	#mentions-legales {
		position: absolute;
		bottom: 10px!important;
		left:95.83333%;
		margin-left:12px;
		transform: rotate(-90deg);
		transform-origin:bottom left;
		text-align: left;
		font-size: 16px;
		font-weight:300;
		height: 24px;
		line-height: 24px;
		width: 250px;
		cursor: pointer;
		padding-left: 55px;
		z-index: 1000;
		display: block;
		color:#000;
		text-decoration:none;
	}

	#mentions-legales:before {
		content:"";
		left: 0;
		top:50%;
		margin-top: -1px;
		position: absolute;
		height: 2px;
		width: 45px;
		background:#fff;
	}
	
	/* ASIDE */
		
	.switch-lang {
		padding: 0;
		position: fixed;
		z-index: 1000;
		top:0;
		right: 0;
        width: 8.33333333%;
        height: auto;
	}
    
    .switch-lang-inner {
        position: absolute;
        z-index: 100;
        height: 60px;
        top: 50%;
        margin-top: -30px;
        left: 0;
        right:0;
    }
	
	.switch-lang a {
		width: 50%;
		font-size:16px;
        line-height: 60px;
	}
	
	ul.navbar-nav li a {
		-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		   -moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			 -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
				transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}
	
	#aside {
		position: fixed;
		z-index:99;
		right: 0;
		bottom: 0;
		height:100%;
		width:8.33333333%;
		background: #fff;
		display: flex;
		flex-direction:column;
		justify-content: space-between;
	}

	#equiv-logo {
		height: 225px;
	}

	.folio {
		align-self:center;
	}

	.folio > div {
		display: none;
		color:#45e3bc;
		font-size: 11px;
		transform: rotate(-90deg);
	}
	
	.folio > div.visible {
		display:block;
	}

	#scroll {
		position: relative;
		align-self: flex-end;
		width:100%;
		height:250px;
	}

	#scroll > div {
		position: absolute;
		bottom: 10px!important;
		left:50%;
		margin-left:12px;
		transform: rotate(-90deg);
		transform-origin:bottom left;
		text-align: left;
		font-size: 16px;
		font-weight:300;
		height: 24px;
		line-height: 24px;
		cursor: pointer;
	}
	
	.scroll-down {
		display: block;
		padding-left: 55px;
		box-sizing: border-box;
		margin: 0 auto;
	}
	
	.scroll-down:before {
		content:"";
		left: 0;
		top:50%;
		margin-top: -1px;
		position: absolute;
		height: 2px;
		width: 45px;
		background:#45e3bc;
	}
	
	.scroll-up {
		display: none;
		box-sizing: border-box;
		margin: 0 auto;
		width:160px;
	}
	
	.scroll-up:before {
		content:"";
		right: 0;
		top:50%;
		margin-top: -1px;
		position: absolute;
		height: 2px;
		width: 45px;
		background:#45e3bc;
	}

	/* COMMON */

	#back-before {
		display: block;
	}
    
    #back-before > img {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
        
    }

	.head-page {margin-bottom: 0;}
	
	.head-page img.img-full-width {width: 83.33333333%; margin-left: 8.33333333%; margin-right: 8.33333333%;}

	#back-to-top { display: none; }
	#main { margin-bottom: 0; }
	
	.article_2col {
	    -webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}
	
	.article_2col h2 {
		-webkit-column-span: all;
		column-span: all;
	}
	
	/* HOME */
	#homeslider {margin-bottom: 0; width: 83.33333333%; margin-left: 8.33333333%; margin-right: 8.33333333%; height:calc(100vh - 100px);}
	#homeslider .owl-item .item-panel {height:180px;}
	#homeslider .owl-nav {bottom:164px;}
	#homeslider .owl-dots {bottom:127px;}
	
	.home-about {
		display: flex;
		flex-direction:row;
		margin-bottom:0;
	}
	
	.home-about-text {
		padding-top: 30px;
		order:2;
		width: 50%;
		margin-bottom: 0;
	}
	
	.home-about-img{
		order:1;
		width: 50%;
	}
	
	.home-projet {
		display: flex;
		flex-direction:row;
		margin-bottom:0;
	}
	
	.home-projet-text {
		padding-top: 30px;
		width: 50%;
		margin-bottom: 0;
	}	
	
	.home-projet-form {
		width: 50%;
		padding-bottom: 30px;
	}
	
	/* PROJETS */
	
	#header_filters {
		background:none;
	}
	
	#header_filters button {
		position: absolute;
		top:50%;
		margin-top: -15px;
		left: 50%;
		margin-left: -68px;
	}
	
	#overlay_filters {
		left:8.33333333%;
		right: 8.33333333%;
		bottom: auto;
	}
    
    .all_filters {
        padding-top:30px;
    }
	
	.all_filters .filter.active:before {
		height: 100%;
	}
	
	#grid {
		width: 83.33333333%;
		margin-left: 8.33333333%;
		margin-right: 8.33333333%;
	}
	
	/* FICHE PROJET */
	
	.carousel-projet {
		width: 83.33333333%;
		margin-left: 8.33333333%;
		margin-right: 8.33333333%;
	}
	
	.nav-projets {
		margin-bottom: 0;	
	}
	
	.nav-projets [class^="col-"] {
		padding: 0;
	}
	
	.navigation_item_previous {
		margin-right: 15px;
		box-sizing: border-box;
	}

	.navigation_item_next {
		margin-left: 15px;
		box-sizing: border-box;
	}
	
	.nav-projets a {
		position: relative;
		display: block;
	}
	
	.nav-projets a .navigation_item_inner {
		position: absolute;
		box-sizing: border-box;
		width: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		top: 50%;
		overflow:hidden;
	}
	
	a.navigation_item_previous .navigation_item_name,
	a.navigation_item_next .navigation_item_name {
		height: 100%;
	}
	
	.nav-projets a > div > div > div {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.navigation_item_name > div h6 {
		display: block;
		height:auto;
		overflow: hidden;
		-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
				transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}
	
	.navigation_item_name > div h5 {
		display: block;
		height: 0px;
		overflow: hidden;
		opacity: 1;
		-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
				transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}
	
	.navigation_item_img {
		opacity: 0;
	}
	
	.nav-projets a .navigation_item_inner {
		-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
				transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}	
	
	.nav-projets a:hover .navigation_item_inner,
	.nav-projets a:focus .navigation_item_inner {
		top:0;
	}
	
	.nav-projets a .navigation_item_img {
		-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
		   -moz-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			 -o-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
				transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	}
	
	.nav-projets a:hover .navigation_item_img,
	.nav-projets a:focus .navigation_item_img {
		opacity: 0.15;
	}

	.nav-projets a:hover .navigation_item_name > div h6,
	.nav-projets a:focus .navigation_item_name > div h6 {
		height:0px;
	}
	
	.nav-projets a:hover .navigation_item_name > div h5,
	.nav-projets a:focus .navigation_item_name > div h5 {
		height:auto;
		opacity: 1;
	}
	
	/* AGENCE + TEAM */
		
	.all-team {
		padding-left: 0;
		width: 83.33333333%;
		margin-left: 8.33333333%;
		margin-right: 8.33333333%;
	}
	
	.agence-zone {
		display: flex;
		flex-direction:row;
		margin-bottom:0;
	}
	
	.agence-zone > article {
		padding-top: 30px;
		order:2;
		width: 50%;
		margin-bottom: 0;
	}
	
	.agence-zone .owl-carousel {
		order:1;
		width: 50%;
	}	
	
	
	#team-description {
		padding-left:10%;
		padding-right:10%;
	}
	
	/* METHODES & MOYENS */	
	
	.head-methodes-moyen {
		margin-bottom: 30px;
	}
	
	.approche-zone .row {
		display: flex;
		flex-direction: row;
	}
	
	.methode-titre {
		margin-top: 30px;
		margin-bottom: 30px;
		order:2;
	}
	
	.methode-text {
		margin-top: 30px;
		margin-bottom: 30px;
		order:1;
	}
	
	/* ACTUALITES */
	#main.actualites .grid-item {
		margin-bottom:0;
	}
	
	/* ACTUALITE */
	.actu-img {
		overflow: hidden;
	}

	/* CONTACTS */
	#map {
		width: 100%;
		height: 60vh;
		margin-bottom: 0;
	}		
	
}

/* SMALL SCREEN */
@media screen and ( min-width:1199px ){
	
	ul.navbar-nav li a span.number { 
		font-size: 20px;
	}

	ul.navbar-nav li a {
		font-size: 40px;
	}
	
	.switch-lang a{
		font-size: 20px;
	}
	
	.switch-lang a.fr {
		text-align:right;
		padding-right: 10px;
	}
	
	.switch-lang a.en {
		text-align:left;
		padding-left: 10px;
	}
    
	
	#team-description {
		width: calc(100% - 480px);
	}
	
	.team-photo {
		width: 480px;
	}
    
    #back-before {
        display: block;
        z-index: 100;
        position: fixed;
        width: 8.4%;
        background:#45e3bc;
        cursor: pointer;
    }
    
    #back-before .back-before-inner {
        position: absolute;
        left:0;
        right: 0;
        height: 55px;
        color:#fff;
        top: 50%;
        margin-top: -30px;
        text-align: center;
        line-height: 60px;
        font-size: 30px;
    }
    
    #back-before .back-before-inner i {
        width: 100%;
        text-align: center;
    }
    
	
}