.social-icon{
	width: 20px;
}
.social-icon:hover{
	opacity: 60%;
}
.header{
	border-bottom: 2px solid black;
}
@font-face {
	font-family: 'interstatebold';
	src: url('../fonts/interstate-bold-webfont.woff2') format('woff2'),
	url('../fonts/interstate-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'interstateregular';
	src: url('../fonts/interstate-regular-webfont.woff2') format('woff2'),
	url('../fonts/interstate-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'interstatelight';
	src: url('../fonts/interstate_light_regular-webfont.woff2') format('woff2'),
	url('../fonts/interstate_light_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'interstatethin';
	src: url('../fonts/interstate-thin-webfont.woff2') format('woff2'),
	url('../fonts/interstate-thin-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'dosismedium';
	src: url('../fonts/dosis-medium-webfont.woff2') format('woff2'),
	url('../fonts/dosis-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'dosislight';
	src: url('../fonts/dosis-light-webfont.woff2') format('woff2'),
	url('../fonts/dosis-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'dosissemibold';
	src: url('../fonts/dosis-semibold-webfont.woff2') format('woff2'),
	url('../fonts/dosis-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

* {
	outline: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
}

body {
	min-width: 320px;
	max-width: 2560px;
	background-color: white;
}

html {
	/*background-color: #171717;*/
}

::-moz-selection {
	background: black;
	color: white;
}

::selection {
	background: black;
	color: white;
}

.container {
	display: block;
	width: 1200px;
	margin: 0 auto;
}


@media screen and (max-width: 1279px) {
	.container {
		width: 1000px;
	}
}

@media screen and (max-width: 1024px) {
	.container {
		width: 800px;
	}
}

@media screen and (max-width: 850px) {
	.container {
		width: calc(100% - 60px)
	}
}


.bouton-base {
	position: relative;
	display: block;
	height: 35px;
	width: 100%;
	transition: 0.2s ease;
}

.bouton-base-lien:hover .bouton-base {
	width: calc(100% + 75px);
}

@media screen and (max-width: 850px) {
	.bouton-base-lien:hover .bouton-base {
		width: calc(100% + 50px);
	}
}

.bouton-base:after {
	content: "Learn more";
	position: absolute;
	right: 0px;
	padding-left: 15px;
	font-family: 'interstateregular';
	font-size: 16px;
	line-height: 35px;
	color: black;
	text-transform: uppercase;
	transform: translateX(100%);
	width: 120px;
}

.bouton-base.bouton-base_simple:after,
.bouton-base.bouton-base_back:after {
	content: "";
}

.bouton-base.bouton-base_viewAll:after {
	content: "View all";
	width: 75px;
	padding-left: 15px;
	right: 0;
}

.bouton-base_blanc:after {
	color: white;
}

.bouton-base-label {
	position: absolute;
	right: 0;
	font-family: 'interstateregular';
	font-size: 16px;
	line-height: 35px;
	color: black;
	text-transform: uppercase;
}

.bouton-base_blanc .bouton-base-label {
	color: white;
}

.bouton-base_noir .bouton-base-label {
	color: black;
}

.bouton-base-fleche {
	width: 100%;
	position: absolute;
	left: 0;
	height: 100%;
}


.bouton-base-fleche::before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	background: #e6e6e6 url(../images/pictos/fleche-liste-noir.svg) no-repeat center / 32.5%;
	right: 0px;
	bottom: 0px;
	border-radius: 100%;
	transition: width 0.2s ease;
}

.bouton-base_inv .bouton-base-fleche::before {
	background: #e6e6e6 url(../images/pictos/fleche-liste-noir-inv.svg) no-repeat center / 32.5%;
}

.bouton-base_blanc .bouton-base-fleche::before {
	background: white url(../images/pictos/fleche-liste-noir.svg) no-repeat center / 32.5%;
}

.bouton-base_noir .bouton-base-fleche::before {
	background: #e6e6e6 url(../images/pictos/fleche-liste-noir.svg) no-repeat center / 32.5%;
	border: 3px solid #b2b2b2;
	height: 29px;
	width: 29px;
}

.bouton-base-fleche::after {
	content: "";
	position: absolute;
	width: calc(100% - 40px);
	height: 2px;
	background: #e6e6e6;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	transition: width 0.2s ease;
}

.bouton-base_blanc .bouton-base-fleche::after {
	background: white;
}

.bouton-base_noir .bouton-base-fleche::after {
	background: #b2b2b2;
	width: calc(100% - 35px);
}

.bouton-base_back .bouton-base-fleche {
	width: calc(100% - 165px);
}

.texte-base {
	font-family: 'interstatelight';
	/*font-size: 20px;
	line-height: 30px;*/
	font-size: 16px;
	line-height: 24px;
}

.texte-base-2 {
	font-family: 'interstatelight';
	/*font-size: 18px;
	line-height: 26px;*/
	font-size: 16px;
	line-height: 24px;
}

.texte-base-3 {
	font-family: 'interstatelight';
	/*font-size: 16px;
	line-height: 26px;*/
	font-size: 16px;
	line-height: 24px;
}

.texte-base_bold {
	/*font-family: 'interstatebold';*/
	font-family: 'interstateregular';
}

/*
*
* = TITRE --------------------------------------------------------------------------------------------------------------
*
*/

.titre-1 {
	font-family: 'dosissemibold';
	text-transform: uppercase;
	font-weight: 400;
	/*font-size: 55px;*/
	font-size: 44px;
	line-height: 1;
}

@media screen and (max-width: 1024px) {
	.titre-1 {
		font-size: 40px;
	}
}

.titre-2 {
	font-family: 'dosissemibold';
	text-transform: uppercase;
	font-weight: 400;
	/*font-size: 24px;
	line-height: 30px;*/
	font-size: 20px;
	line-height: 24px;
	color: #b2b2b2;
}

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

.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: white;
	height: 105px;
	z-index: 20;
}

.header-logo {
	float: left;
	padding: 8px 35px;
}

.header-logo-image {
	height: 85px;
}

.header-menu {
	float: right;
	padding-top: 34px;
	z-index: 50;
}

.header-menu-item {
	vertical-align: top;
	display: inline-block;
	margin-left: 34px;
}

.header-menu-picto svg {
	height: 17px;
	width: 17px;
	display: block;
	fill: black;
	transition: 0.2s ease fill;
}

.header-menu-picto .svg:hover {
	fill: #bfbebe;
}

.header-menu-burger {
	position: relative;
	display: block;
	height: 25px;
	width: 26px;
	cursor: pointer;
}

.header-menu-burger::after {
	content: "Menu";
	font-family: 'interstateregular';
	text-transform: uppercase;
	font-size: 10px;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%) translateY(100%);
}

.header-menu-burger-item {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: black;
}

.header-menu-burger-item:nth-child(1) {
	top: 0;
	right: 0;
	transition: 0.2s 0.2s ease width;
}

.open .header-menu-burger-item:nth-child(1) {
	width: 0%;
	transition: 0.2s ease width;
}

.header-menu-burger-item:nth-child(4),
.header-menu-burger-item:nth-child(2) {
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%) rotate(0deg);
	transition: 0.2s ease transform;
}

.open .header-menu-burger-item:nth-child(4) {
	transform: translateY(-50%) translateX(-50%) rotate(-45deg);
	transition: 0.2s 0.2s ease transform;
}

.open .header-menu-burger-item:nth-child(2) {
	transform: translateY(-50%) translateX(-50%) rotate(45deg);
	transition: 0.2s 0.2s ease transform;
}

.header-menu-burger-item:nth-child(3) {
	top: 23px;
	left: 0;
	width: 50%;
	transition: 0.1s 0.2s ease width;
}

.open .header-menu-burger-item:nth-child(3) {
	width: 0%;
	transition: 0.1s ease width;
}

@media screen and (max-width: 1279px) {
	.header-content {
		width: 1000px;
	}

	.header-logo {
		float: left;
		padding: 8px 0px;
	}
}

@media screen and (max-width: 1024px) {
	.header-content {
		width: 800px;
	}
}

@media screen and (max-width: 850px) {
	.header {
		height: 87px;
	}

	.header-content {
		width: calc(100% - 60px);
	}

	.header-logo-image {
		height: 67px;
		display: block;
	}


	.header-logo {
		padding: 10px 0px;
	}

	.header-menu-burger::after {
		display: none;
	}

	.header-menu {
		padding: 31px 0px;
	}

	.header-menu-item {
		vertical-align: top;
		display: inline-block;
		margin-left: 34px;
		float: right;
	}

	.header-menu-picto svg {
		height: 25px;
		padding: 0px;
	}
}

@media screen and (max-width: 550px) {
	.header-menu-item {
		margin-left: 20px;
	}

	.header-menu-item_linkedin {
		display: none;
	}
}

/*
*
* = NAVIGATION ---------------------------------------------------------------------------------------------------------
*
*/
.burger-navigation:hover{
	cursor: pointer;
}
.navigation {
	color: white;
	position: fixed;
	background-color: #171717;
	z-index: 10;
	transform: translateY(0px);
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.2s ease transform;
}

.navigation.open {
	opacity: 1;
	transform: translateY(105px);
}

.navigation-items {
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: right;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: right;
	height: 70px;
	padding-bottom: 10px;
}


.navigation-item {
	position: relative;
	opacity: 0;
	transition: 0.2s ease opacity;
	margin: 0;
	/*float: right;
	text-align: center;*/
}

.open .navigation-item {
	opacity: 1;
	transition: 0.4s 0.1s ease opacity;
	width: 80%;
}

.navigation-item::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0px;
	background-color: white;
	transition: 0.1s ease height;
}

.navigation-item.active::after,
.navigation-item:hover::after {
	transform: translateY(10px);
	height: 5px;
}

.navigation-label {
	font-family: 'interstatebold';
	color: white;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	list-style: none;
}

.navigation-label-home {
	width: 17px;
	height: 18px;
}

.navigation-label-home_texte {
	display: none;
}

@media screen and (max-width: 1279px) {
	.navigation-content {
		width: 1000px;
	}

	.navigation-item_home {
		display: none;
	}

	.navigation-label {
		font-size: 12px;
		line-height: 16px;
		padding: 0 5px;
	}

	.navigation-item.active::after,
	.navigation-item:hover::after {
		height: 7px;
	}
}

@media screen and (max-width: 1024px) {
	.navigation-content {
		width: 800px;
	}
}

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


	.navigation-item_home {
		display: block;
	}

	.navigation-label-home_img {
		display: none;
	}

	.navigation-label-home_texte {
		display: block;
		/*text-align: center;*/
	}

	.navigation-item.active::after,
	.navigation-item:hover::after {
		display: none;
	}

	.navigation {
		opacity: 0;
		z-index: 30;
		height: 100%;
		transform: translateY(100%);
		transition: 0.5s ease opacity;
	}

	.navigation.open {
		opacity: 1;
		transform: translateY(0%);
	}

	.navigation-items {
		display: block;
		width: 500px;
		height: auto;
		padding-top: 12px;
	}

	.navigation-label {
		font-size: 22px;
		line-height: 22px;
		padding: 22px 0 22px 75px;
		text-align: right!important;
		top: 0;
		transform: none;
	}

	.navigation-label br {
		display: none;
	}

	.navigation-content {
		width: 500px;
		position: relative;
		height: 100%;
	}

	.navigation-content::before {
		content: "";
		position: absolute;
		left: 40px;
		width: 2px;
		height: 0%;
		background-color: white;
	}

	.open .navigation-content::before {
		/*height: 100%;
		transition: .5s 1.4s ease height;*/
	}

	.navigation-label::before {
		/*content: "";
		position: absolute;
		height: 18px;
		width: 18px;
		border-radius: 100%;
		left: 32px;
		top: 50%;
		transform: translateY(-50%);
		background-color: red;*/
	}

	.active .navigation-label::before {
		content: "";
		position: absolute;
		height: 60px;
		width: 60px;
		border-radius: 100%;
		left: 11px;
		top: 50%;
		transform: translateY(-50%);
		background-color: #171717;
	}

	.active .navigation-label::after {
		/*content: "";
		position: absolute;
		height: 34px;
		width: 34px;
		border-radius: 100%;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		background-color: #171717;
		border: 4px white solid;*/
	}

	.burger-navigation {
		display: none;
		height: 25px;
		width: 26px;
		position: fixed;
		top: 31px;
		right: 30px;
	}

	.burger-navigation:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: white;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%) rotate(45deg);
	}

	.burger-navigation:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: white;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%) rotate(-45deg);
	}

	.navigation-label {
		position: relative;
		opacity: 0;
		transform: translateX(40px);
	}

	.open .navigation-label {
		opacity: 1;
		transform: translateX(0px);
	}
/*
	.open .navigation-item:nth-child(1) .navigation-label {
		transition: 0.5s 0.4s ease opacity, 0.5s 0.4s ease transform;
	}

	.open .navigation-item:nth-child(2) .navigation-label {
		transition: 0.5s 0.5s ease opacity, 0.5s 0.5s ease transform;
	}

	.open .navigation-item:nth-child(3) .navigation-label {
		transition: 0.5s 0.6s ease opacity, 0.5s 0.6s ease transform;
	}

	.open .navigation-item:nth-child(4) .navigation-label {
		transition: 0.5s 0.7s ease opacity, 0.5s 0.7s ease transform;
	}

	.open .navigation-item:nth-child(5) .navigation-label {
		transition: 0.5s 0.8s ease opacity, 0.5s 0.8s ease transform;
	}

	.open .navigation-item:nth-child(6) .navigation-label {
		transition: 0.5s 0.9s ease opacity, 0.5s 0.9s ease transform;
	}

	.open .navigation-item:nth-child(7) .navigation-label {
		transition: 0.5s 1s ease opacity, 0.5s 1s ease transform;
	}

	.open .navigation-item:nth-child(8) .navigation-label {
		transition: 0.5s 1.1s ease opacity, 0.5s 1.1s ease transform;
	}

	.open .navigation-item:nth-child(9) .navigation-label {
		transition: 0.5s 1.2s ease opacity, 0.5s 1.2s ease transform;
	}

	.open .navigation-item:nth-child(10) .navigation-label {
		transition: 0.5s 1.3s ease opacity, 0.5s 1.3s ease transform;
	}*/
}

@media screen and (max-width: 550px) {
	.navigation-items {
		width: 300px;
		padding-top: 25px;
	}

	.navigation-label {
		font-size: 16px;
		line-height: 16px;
		padding: 15px 0 15px 75px;
		text-align: left;
		top: 0;
	}
}


.page {
	margin-top: 105px;
	position: relative;
	/*min-height: calc(100vh - 368px);*/
}

#fond-anime {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -1;
}

@media screen and (max-width: 850px) {
	.page {
		margin-top: 87px;
	}
}

/*
*
* = COMMON BANNER ------------------------------------------------------------------------------------------------------
*
*/

.introduction-banner {
	position: relative;
	height: 205px;
	opacity: 0;
	margin-bottom: 65px;
	transition: 1s ease opacity;
	overflow: hidden;
}

.visible.introduction-banner {
	opacity: 1;
}

.introduction-banner-content {
	width: 1000px;
	margin: 0 auto;
	top: calc(50% + 40px);
	transform: translateY(calc(-50% - 50px));
	position: relative;
}

.introduction-banner-titre {
	color: white;
	position: relative;
	pointer-events: none;
	opacity: 0;
	transform: translateX(-100px);
	transition: .5s .3s ease opacity, .5s .3s ease transform;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5)
}

.visible .introduction-banner-titre {
	opacity: 1;
	transform: translateX(0px);
}

.introduction-banner-titre::after {
	content: "";
	position: absolute;
	height: 9px;
	background-color: white;
	bottom: -30px;
	left: 0;
	width: 0px;
	transition: .6s .5s ease width;
}

.visible .introduction-banner-titre::after {
	width: 90px;
}

.introduction-banner-image {
	position: absolute;
	height: 100%;
	width: 2560px;
	transform: translateX(-50%) scale(1.2);
	left: 50%;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: 1s ease transform;
}

.introduction-banner-image_track-record{
	background-image: url("../images/projects/banner-track-record-top-big.jpg");
}

.introduction-banner-image_current-real-estate-projects{
	background-image: url("../images/projects/current/banner-current-top-big.jpg");
}

.introduction-banner-image_about {
	background-image: url("../images/about/banner/banner-about-top-big.jpg");
}
.introduction-banner-image_permits {
	background-image: url("../images/permits/permits.png");
}
.introduction-banner-image_legal {
	background-image: url("../images/legal/legal.png");
}
.introduction-banner-image_personal_data {
	background-image: url("../images/legal/personal_data.png");
}
.introduction-banner-image_project_management {
	background-image: url("../images/project_management/project_management.png");
}

.introduction-banner-image_objective {
	background-image: url("../images/objective/banner/banner-objective-top-big.jpg");
}

.introduction-banner-image_luxembourg {
	background-image: url("../images/luxembourg/banner/banner-luxembourg-top-big.jpg");
}

.introduction-banner-image_esg {
	background-image: url("../images/esg/banner/banner-value-top-big.jpg");
}

.introduction-banner-image_news {
	background-image: url("../images/press/banner/press_news.png");
}

.introduction-banner-image_partners {
	background-image: url("../images/partners/banner/banner-partners-top-big.jpg");
}

.visible .introduction-banner-image {
	transform: translateX(-50%) scale(1);
}

@media screen and (max-width: 1024px) {
	.introduction-banner {
		height: 185px;
		margin-bottom: 60px;
	}

	.introduction-banner-titre::after {
		width: 60px;
		height: 7px;
		bottom: -23px;
	}

	.introduction-banner-content {
		width: 800px;
	}

	.introduction-banner-image {
		width: 1024px;
	}

	.introduction-banner-image_track-record{
		background-image: url("../images/projects/banner-track-record-top-medium.jpg");
	}

	.introduction-banner-image_current-real-estate-projects{
		background-image: url("../images/projects/current/banner-current-top-medium.jpg");
	}

	.introduction-banner-image_about {
		background-image: url("../images/about/banner/banner-about-top-medium.jpg");
	}
		.introduction-banner-image_permits {
			background-image: url("../images/permits/permits.png");
		}
		.introduction-banner-image_legal {
			background-image: url("../images/legal/legal.png");
		}
		.introduction-banner-image_personal_data {
			background-image: url("../images/legal/personal_data.png");
		}
		.introduction-banner-image_project_management {
			background-image: url("../images/project_management/project_management.png");
		}

	.introduction-banner-image_objective {
		background-image: url("../images/objective/banner/banner-objective-top-medium.jpg");
	}

	.introduction-banner-image_luxembourg {
		background-image: url("../images/luxembourg/banner/banner-luxembourg-top-medium.jpg");
	}

	.introduction-banner-image_esg {
		background-image: url("../images/esg/banner/banner-value-top-medium.jpg");
	}

	.introduction-banner-image_news {
		background-image: url("../images/press/banner/banner-news-top-medium.jpg");
	}

	.introduction-banner-image_partners {
		background-image: url("../images/partners/banner/banner-partners-top-medium.jpg");
	}
}

@media screen and (max-width: 850px) {
	.introduction-banner-content {
		width: calc(100% - 60px);
	}

	.introduction-banner-image {
		width: 850px;
	}

	.introduction-banner-image_track-record{
		background-image: url("../images/projects/banner-track-record-top-small.jpg");
	}

	.introduction-banner-image_current-real-estate-projects{
		background-image: url("../images/projects/current/banner-current-top-small.jpg");
	}

	.introduction-banner-image_about {
		background-image: url("../images/about/banner/banner-about-top-small.jpg");
	}
		.introduction-banner-image_permits {
			background-image: url("../images/permits/permits.png");
		}
		.introduction-banner-image_legal {
			background-image: url("../images/legal/legal.png");
		}
		.introduction-banner-image_personal_data {
			background-image: url("../images/legal/personal_data.png");
		}
		.introduction-banner-image_project_management {
			background-image: url("../images/project_management/project_management.png");
		}


	.introduction-banner-image_objective {
		background-image: url("../images/objective/banner/banner-objective-top-small.jpg");
	}

	.introduction-banner-image_luxembourg {
		background-image: url("../images/luxembourg/banner/banner-luxembourg-top-small.jpg");
	}

	.introduction-banner-image_esg {
		background-image: url("../images/esg/banner/banner-value-top-small.jpg");
	}

	.introduction-banner-image_news {
		background-image: url("../images/press/banner/banner-news-top-small.jpg");
	}

	.introduction-banner-image_partners {
		background-image: url("../images/partners/banner/banner-partners-top-small.jpg");
	}
}


.footer {
	position: relative;
	font-family: 'interstatelight';
	color: white;
	/*	font-size: 14px;
		line-height: 28px;*/
	font-size: 12px;
	line-height: 24px;
	background-color: #171717;

}

.footer a {
	color: white;
	transition: 0.2s ease opacity;
}

.footer a:hover {
	opacity: 0.3;
}

.footer-content {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding-top: 35px;
}

.footer-menu-lien {
	display: block;
	height: 24px;
}

.footer-logo {
	margin-left: 25px;
}

.footer-logo-image {
	width: 185px;
}

.footer-menu-label {
	text-transform: uppercase;
	margin-left: 12px;
	color: white;
}

.footer-menu-label,
.footer-menu-fleche {
	display: inline-block;
	vertical-align: middle;
}

.footer-menu-fleche img {
	display: block;
	width: 8px;
	height: 9px;
	fill: white;
	transition: transform 0.2s ease;
}

.footer-menu-lien:hover .footer-menu-fleche img {
	transform: translateX(6px);
}

.footer-presentation {
	padding-right: 100px;
}

.footer-disclaimer {
	font-size: 12px;
	padding-top: 45px;
	text-align: center;
	padding-bottom: 15px;
}

.footer-disclaimer-lien {
	color: white;
}

.footer-menu-label br {
	display: none;
}

.footer-linkedin {
	display: none;
}

@media screen and (max-width: 1279px) {
	.footer-content {
		width: 1000px;
	}

	.footer-logo {
		margin-left: 0px;
	}

	.footer-presentation {
		padding-right: 0px;
	}

	.footer-logo-image {
		width: 155px;
	}
}


@media screen and (max-width: 1024px) {
	.footer-content {
		width: 800px;
	}

	.footer-menu-lien {
		height: auto;
		min-height: 28px;
	}

	.footer-menu-label br {
		display: block;
	}

	.footer-menu-label,
	.footer-menu-fleche {
		display: inline-block;
		vertical-align: top;
	}

	.footer-menu-fleche {
		position: relative;
		top: 6px;
	}
}

@media screen and (max-width: 850px) {
	.footer-content {
		width: calc(100% - 60px);
		display: block;
	}

	.footer-menu {
		display: none;
	}

	.footer-logo {
		text-align: center;
		margin-bottom: 40px;
	}

	.footer-presentation {
		text-align: center;
	}

	.footer-disclaimer {
		line-height: 17px;
		padding-top: 0px;
	}

	.footer-disclaimer-sep {
		display: none;
	}

	.footer-disclaimer-lien {
		display: block;
	}

	.footer-linkedin {
		display: block;
		fill: white;
		margin: 35px auto;
		width: 20px;
		height: 20px;
	}
}


.voile-30 {
	background-color: black;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.3;
}

.voile-30-boule {
	background: black url(../images/background/pattern.png) top 1920px left -700px / 2560px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.3;
	z-index: 2;
}

.common-slider-navigation {
	width: 650px;
	margin: 0px auto;
	display: block;
}

.common-slider-navigation.ui-slider-horizontal {
	height: 2px;
}

.common-slider-navigation.ui-widget-content {
	background-color: #b2b2b2;
}

.common-slider-navigation.ui-widget.ui-widget-content {
	border: none;
}

.common-slider-navigation .ui-state-default,
.ui-widget-content.common-slider-navigation .ui-state-default,
.ui-widget-header.common-slider-navigation .ui-state-default,
.common-slider-navigation .ui-button,
html .common-slider-navigation .ui-button.ui-state-disabled:hover,
html .common-slider-navigation .ui-button.ui-state-disabled:active {
	border: none;
	font-weight: normal;
	color: black;
	background: white;
	border: 6px solid #b2b2b2;
}

.common-slider-navigation.ui-slider .ui-slider-handle {
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.ui-slider-handle-left,
.ui-slider-handle-right {
	content: "";
	position: absolute;
	width: 24px;
	height: 48px;
	top: 0px;
	opacity: 1;
	transition: 0.2s ease opacity;
}

.ui-slider-handle-left {
	left: 0px;
	background: transparent url(../images/pictos/fleche-liste-noir-inv.svg) no-repeat right 3px center / 55%;
}

.ui-slider-handle-right {
	right: 0px;
	background: transparent url(../images/pictos/fleche-liste-noir.svg) no-repeat left 3px center / 55%;
}

.ui-slider-handle-left:hover,
.ui-slider-handle-right:hover {
	opacity: 0.3;
}

.common-slider-navigation.ui-slider-horizontal .ui-slider-handle {
	top: -17px;
	margin-left: -18px;
	transition: 0.2s ease left;
	-ms-touch-action: auto;
	touch-action: auto;
}

.common-slider-navigation .ui-corner-all,
.common-slider-navigation .ui-corner-bottom,
.common-slider-navigation .ui-corner-right,
.common-slider-navigation .ui-corner-br {
	border-bottom-right-radius: 30px;
}

.common-slider-navigation .ui-corner-all,
.common-slider-navigation .ui-corner-bottom,
.common-slider-navigation .ui-corner-left,
.common-slider-navigation .ui-corner-bl {
	border-bottom-left-radius: 30px;
}

.common-slider-navigation .ui-corner-all,
.common-slider-navigation .ui-corner-top,
.common-slider-navigation .ui-corner-right,
.common-slider-navigation .ui-corner-tr {
	border-top-right-radius: 30px;
}

.common-slider-navigation .ui-corner-all,
.common-slider-navigation .ui-corner-top,
.common-slider-navigation .ui-corner-left,
.common-slider-navigation .ui-corner-tl {
	border-top-left-radius: 30px;
}

.projets-slider-scroll {
	position: relative;
	width: 740px;
	margin: 0 auto;
}


.projets-slider-scroll_nav {
	position: absolute;
	width: 13px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	opacity: 1;
	transition: 0.2s ease opacity;
}

.projets-slider-scroll_nav:hover {
	opacity: 0.5;
}

.projets-slider-scroll_nav img {
	display: block;
}

.projets-slider-scroll_prev {
	left: 0;
}

.projets-slider-scroll_next {
	right: 0;
}

#contact .particles-js-canvas-el {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: transparent;
}

@media screen and (max-width: 1600px) {
	.projets-slider-scroll {
		width: 590px;
	}

	.common-slider-navigation {
		width: 500px;
	}
}

/**/

.basic-panel {
	width: 1000px;
	margin: 0 auto;
}

.basic-panel-texte {
	max-width: 740px;
}

.basic-panel-titre{
	margin: 60px 0 10px;
}

.basic-panel-liste li
{
	list-style: outside;
	margin-left: 20px;
}

.basic-panel-liste .basic-panel-sousliste li {
	list-style: inherit;
}

.basic-panel-sousliste
{
	list-style: circle;
	margin: 20px 0 20px 20px;
}

.basic-panel-texte_droite {
	margin-left: auto;
}

.basic-panel-texte a {
	color: #718e75;
	opacity: 1;
	transition: 0.1s ease opacity;
}

.basic-panel-texte a:hover {
	opacity: 0.3;
}


@media screen and (max-width: 1279px) {
	.basic-panel {
		width: 1000px;
	}
}


@media screen and (max-width: 1024px) {
	.basic-panel {
		width: 800px;
	}

	.basic-panel-texte {
		max-width: 590px;
	}
}

@media screen and (max-width: 850px) {
	.basic-panel {
		width: calc(100% - 60px);
	}

	.basic-panel-texte {
		max-width: 100%;
	}
}

/**/

.more-texte-suite {
	display: none;
}


/**/

.question-panel {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.question-panel-bouton:after {
	content: '';
	background: no-repeat url(../images/pictos/fleche-blanche.svg) center / 13px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
}

.question-panel-dec:hover .question-panel-bouton:after {
	transition: 0.5s ease opacity;
	opacity: 1;
}

.question-panel-dec {
	width: 302px;
	display: block;
	margin: 0 auto;
}

.question-panel-bouton {
	position: relative;
	font-family: 'dosismedium';
	text-transform: uppercase;
	font-size: 16px;
	width: 202px;
	line-height: 60px;
	padding: 0 55px;
	color: #bdbcbc;
	border: #bdbcbc 1px solid;
	border-radius: 31px;
	display: table;
	margin: 25px auto 0;
	transition: 0.2s ease color, 0.2s ease background-color, 0.2s ease padding, 0.2s ease width, 0s 0.2s ease font-size;
}

.question-panel-dec:hover .question-panel-bouton {
	background-color: #bdbcbc;
	color: white;
	padding: 0;
	font-size: 0;
	width: 62px;
	border: #bdbcbc 1px solid;
	transition: 0.2s ease color, 0.2s ease background-color, 0.2s ease padding, 0.2s ease width;
}

@media screen and (max-width: 1024px) {
	.question-panel {
		width: 800px;
	}
}

@media screen and (max-width: 850px) {
	.question-panel {
		width: calc(100% - 60px);
	}
}


@media screen and (max-width: 320px) {
	.question-panel-dec {
		width: 100%;
	}
}

/**/

.common-bottom {
	position: relative;
	cursor: pointer;
	width: calc(50% + 435px);
	padding-top: 50px;
	padding-bottom: 45px;
	background: no-repeat center right / cover;
}

.common-bottom_inverse {
	margin-left: auto;
	background: no-repeat center left / cover;
}

.common-bottom_esg {
	background-image: url("../images/esg/bottom/esg_values_big.jpg");
}

.common-bottom_objective {
	background-image: url("../images/objective/bottom/investment_objective_big.jpg");
}

.common-bottom_current-real-estate-projects {
	background-image: url("../images/projects/bottom/track_record_big.jpg");
}

.common-bottom_track-record {
	background-image: url("../images/projects/bottom/current_real_estate_project_big.jpg");
}


.common-bottom-content {
	width: 935px;
	position: relative;
	margin-left: auto;
}

.common-bottom_inverse .common-bottom-content {
	width: 800px;
	position: relative;
	margin-left: 140px
}

.common-bottom-titre {
	font-family: 'dosismedium';
	font-weight: 400;
	/*font-size: 22px;*/
	font-size: 18px;
	color: white;
	line-height: 1;
	margin-bottom: 50px;
	text-transform: uppercase;
}

.common-bottom-texte {
	font-family: 'interstateregular';
	font-weight: 400;
	/*font-size: 28px;*/
	font-size: 22px;
	color: white;
	line-height: 32px;
	/*line-height: 39px;*/
	margin-bottom: 50px;
	text-transform: uppercase;
	max-width: 500px;
	margin-bottom: 50px;
}

.common-bottom-texte_big {
	font-family: 'dosissemibold';
	font-size: 44px;
	line-height: 50px;
	max-width: 575px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.common-bottom-bouton {
	width: 395px;
	transition: 0.2s ease width, 0.2s ease max-width;
}

.common-bottom:hover .common-bottom-bouton {
	width: 470px;
}

@media screen and (max-width: 1024px) {
	.common-bottom {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.common-bottom-content {
		width: 800px;
		margin: 0 auto;
	}


	.common-bottom_inverse .common-bottom-content {
		width: 800px;
		margin: 0 auto;
	}

	.common-bottom-titre {
		margin-bottom: 70px;
	}

	.common-bottom-texte {
		margin-bottom: 100px;
	}

	.common-bottom-texte_big {
		font-size: 28px;
		line-height: 39px;
		max-width: 350px;
	}

	.common-bottom_esg {
		background-image: url("../images/esg/bottom/esg_values_medium.jpg");
	}

	.common-bottom_objective {
		background-image: url("../images/objective/bottom/investment_objective_medium.jpg");
	}

	.common-bottom_current-real-estate-projects {
		background-image: url("../images/projects/bottom/track_record_medium.jpg");
	}

	.common-bottom_track-record {
		background-image: url("../images/projects/bottom/current_real_estate_project_medium.jpg");
	}
}

@media screen and (max-width: 850px) {
	.common-bottom-content,
	.common-bottom_inverse .common-bottom-content {
		width: calc(100% - 60px);
		margin: 0 auto;
	}

	.common-bottom-bouton {
		max-width: calc(500px - 20px);
		width: calc(100% - 150px);
		left: -30px;
	}

	.common-bottom:hover .common-bottom-bouton {
		max-width: 530px;
		width: calc(100% - 100px);
	}

	.common-bottom_esg {
		background-image: url("../images/esg/bottom/esg_values_small.jpg");
	}

	.common-bottom_objective {
		background-image: url("../images/objective/bottom/investment_objective_small.jpg");
	}

	.common-bottom_current-real-estate-projects {
		background-image: url("../images/projects/bottom/track_record_small.jpg");
	}

	.common-bottom_track-record {
		background-image: url("../images/projects/bottom/current_real_estate_project_small.jpg");
	}
}


/**/

.common-slider-apercu {
	margin-bottom: 10px;
}

.common-slider-apercu-item {
	position: relative;
}

.common-slider-apercu-zoom {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: white url(../images/pictos/zoom.svg) no-repeat center / 40%;
	transition: 0.15s ease background;
}

.common-slider-apercu-zoom:hover {
	background: white url(../images/pictos/zoom.svg) no-repeat center / 60%;
}

.common-slider-apercu,
.common-slider-apercu .slick-track,
.common-slider-apercu .slick-list,
.common-slider-apercu-item {
	height: 300px;
}

.common-slider-liste {
	width: calc(100% - 40px);
}

.common-slider-liste-item {
	opacity: 0.4;
	cursor: pointer;
	margin-right: 10px;
	transition: opacity .2s ease;
}

.common-slider-liste-item:hover,
.common-slider-liste-item.slick-current {
	opacity: 1;
}

.common-slider-liste,
.common-slider-liste .slick-track,
.common-slider-liste .slick-list,
.common-slider-liste-item {
	height: 57px;
}

@media screen and (max-width: 1024px) {
	.common-slider-apercu,
	.common-slider-apercu .slick-track,
	.common-slider-apercu .slick-list,
	.common-slider-apercu-item {
		height: 225px;
	}

	.common-slider-liste,
	.common-slider-liste .slick-track,
	.common-slider-liste .slick-list,
	.common-slider-liste-item {
		height: 40px;
	}
}


@media screen and (max-width: 850px) {
	.common-slider-apercu,
	.common-slider-apercu .slick-track,
	.common-slider-apercu .slick-list,
	.common-slider-apercu-item {
		height: 56vw;
		background-size: cover;
	}

	.common-slider-liste,
	.common-slider-liste .slick-track,
	.common-slider-liste .slick-list,
	.common-slider-liste-item {
		height: 12vw;
		background-size: cover;
	}

	.common-slider-apercu {
		margin-bottom: 5px;
	}

	.common-slider-liste-item {
		margin-right: 5px;
	}

	.common-slider-liste {
		width: calc(100% - 45px);
	}
}


.a3com-signature {
	position: absolute;
	width: 80px;
	right: 10px;
	bottom: 10px;
	opacity: 0.5;
	transition: 0.2s ease opacity;
}


.a3com-signature:hover {
	opacity: 1;
}

/*
*
*/

.common-loupe {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: white url(../images/pictos/zoom.svg) no-repeat center / 40%;
	-webkit-transition: 0.15s ease background;
	-o-transition: 0.15s ease background;
	transition: 0.15s ease background;
}


.common-loupe:hover {
	background: white url(../images/pictos/zoom.svg) no-repeat center / 60%;
}


.other-page {
	padding-bottom: 100px;
}


/*******************************************************************************************************************/

/* FADE */

.fade {
	opacity: 0;
}

.fade {
	transition: .5s .5s ease opacity;
}

.fade[data-duree = "1"][data-delais="1"] {
	transition: 1s 1s ease opacity;
}

.fade[data-duree = "1"][data-delais="1.5"] {
	transition: 1s 1.5s ease opacity;
}

.fade[data-duree = "1"][data-delais="3"] {
	transition: 1s 3s ease opacity;
}

.visible.fade {
	opacity: 1;
}

/* FADE BOTTOM */

.fade_bottom {
	opacity: 0;
	bottom: -100px;
	transition: .5s .5s ease opacity, .5s .5s ease bottom;
}

.fade_bottom[data-duree = "0.5"][data-delais="1.5"] {
	transition: .5s 1.5s ease opacity, .5s 1.5s ease bottom;
}

.fade_bottom[data-duree = "0.5"][data-delais="1"] {
	transition: .5s 1s ease opacity, .5s 1s ease bottom;
}

.fade_bottom[data-duree = "1"][data-delais="1"] {
	transition: 1s 1s ease opacity, 1s 1s ease bottom;
}

.fade_bottom[data-duree = "0.5"][data-delais="2"] {
	transition: .5s 2s ease opacity, .5s 2s ease bottom;
}

.fade_bottom[data-duree = "0.5"][data-delais="3"] {
	transition: .5s 3s ease opacity, .5s 3s ease bottom;
}

.fade_bottom[data-duree = "1"][data-delais="3"] {
	transition: 1s 3s ease opacity, 1s 3s ease bottom;
}

.visible.fade_bottom {
	opacity: 1;
	bottom: 0px;
}

/* FADE LEFT */

.fade_left {
	opacity: 0;
	left: 100px;
}

.fade_left {
	transition: .5s .5s ease opacity, .5s .5s ease left;
}

.fade_left[data-duree = "1"][data-delais="2"] {
	transition: 1s 2s ease opacity, 1s 2s ease left;
}

.fade_left[data-duree = "0.5"][data-delais="2"] {
	transition: .5s 2s ease opacity, .5s 2s ease left;
}

.visible.fade_left {
	opacity: 1;
	left: 0;
}


/**/

.press-single-texte ul li,
.common-bullet-list li{
	list-style: initial;
	margin-left: 20px;
}



/* Bullet About */
.press-single-texte ul,
.common-bullet-list-about {
	padding-top: 25px;
}

.common-bullet-list-about li{
	padding-bottom: 25px;
}