/*
Theme Name: IGS Propreté
Template: Avada
Author: Antoine Pernaud - Comme Une Image
Author URI: https://www.comme-uneimage.com
Description: Based on Avada
Version: 1.0.1579273575
Updated: 2020-01-17 16:06:15

*/

/* TEMPORAIRE */

.city-dot{pointer-events: none !important;}

/* ----- */

/* DEBUG */

html.fusion-flyout-menu-active, body.fusion-flyout-menu-active {
    overflow: auto !important; 
}

.fusion-sliding-bar-content-wrapper {
    overflow: auto !important;
}

#hp-rs-map .rs-layer{
	transform:translate3D(0,0,0) !important;
}

/* ----- */

:root {
  --bleu: #00a7e5;
  --gris: #455560;
  --bleu-clair : #f2f7f9;
  --gris-clair: #f1f1f1;
}

*{
	/*webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    -webkit-tap-highlight-color: transparent;
}

.grecaptcha-badge{display:none !important;}

.uppercase, .uppercase *,
.fusion-page-title-bar h1{
	text-transform: uppercase;
}

/*.fusion-text ul li{
	list-style: none;
}

.fusion-text ul li:before {
	content: '+++';
	font-weight: bold;
	color: var(--bleu);
	margin-right: 30%;
	transform: translate3d(-130%,0,0);
	position: absolute;
}*/

p{
	text-align: justify;
	text-justify:distribute;
}

.lead p{font-size: 133%;}

@media screen AND (max-width: 1000px){
	.lead p{font-size: 110%;}
}

.lp-screen-graphic{
	background-color: transparent !important;
}

.pointer-events-layer{
	pointer-events: all;
	border-radius: 100px !important;
}

.fusion-body .fusion-separator.sep-single{
	border-width: 4px;
	border-radius: 4px;
}

.fusion-text.no-margin-bottom p:last-child{
	margin-bottom: 0 !important;
}

.fusion-tb-footer{
	z-index: 1;
	position: relative;
}

/* Home scroll snap */

html, body {
	/* scroll-snap-type: y mandatory; */
}

/*@media screen AND (min-width: 1001px) AND (min-height: 700px){*/

	body.scroll-section-active .scroll-section {
	    /*scroll-snap-align: start;
	    scroll-snap-points-y: repeat(300px);*/
	}

	body.scroll-section-active .scroll-section:not(.fusion-menu-anchor), #igs-footer {
	    min-height: 100vh;
	    display: flex;
		align-items: center;
	}

	body.scroll-section-active .scroll-section:not(.fusion-menu-anchor) .fusion-fullwidth-center-content{
		width: 100%;
	}

	html.ua-chrome .scroll-section {
	    /*scroll-snap-align: none;*/
	}

/*}*/

/* FX */

@keyframes floatFx {
	from { transform: translate3D(0,0,0) rotate(-0.001deg); }
    to   { transform: translate3D(0,-2vw,0) rotate(-0.001deg); }
}

.float-fx{
	overflow: visible !important;
}

.float-fx img{
	animation: 3.5s ease-in-out 0s infinite alternate floatFx;
	will-change: transform;
}

@keyframes floatFxShadow {
	from { transform: scale(1) rotate(0.01deg); opacity:1; filter:blur(0px);}
    to   { transform: scale(0.85) rotate(0.01deg); opacity:0.65; filter:blur(3px);}
}

.float-fx.shadow{
	overflow: visible !important;
	z-index: -1;
	margin-top: -50%;
}

@media screen AND (max-width: 1000px){
	.float-fx.shadow{
		margin-top: -30%;
	}
}

.float-fx.shadow img{
	animation: 3.5s ease-in-out 0s infinite alternate floatFxShadow;
	will-change: transform opacity filter;
}

/* HEADER */

html.fusion-flyout-menu-active, body.fusion-flyout-menu-active{
	overflow: hidden;
}

body.fusion-flyout-menu-active #main{
	pointer-events: none;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu,
.fusion-header-has-flyout-menu .fusion-flyout-menu-bg{
	/*transition : transform 1s cubic-bezier(0.9, 0.1, 1, 1), opacity 1s cubic-bezier(0.9, 0.1, 1, 1), margin-top 0s ease !important;*/
	transition : transform 1s cubic-bezier(0.7, 0, 0.2, 1), opacity 1s cubic-bezier(0.7, 0, 0.2, 1), margin-top 0s ease !important;
}

.fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu,
.fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-bg{
	transition : transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), margin-top 0s ease !important;
}

.fusion-header *{
	pointer-events:none;
}

.fusion-logo, .fusion-logo *, .fusion-flyout-menu-icons, .fusion-flyout-menu-icons *, .fusion-flyout-menu, .fusion-flyout-menu *{
	pointer-events:all;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle {
    /*height: calc((21px) * 1.4) !important;*/
    height: 30px !important;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
	/*width: calc((21px) * 1.8) !important;
    height: calc((21px) * .2) !important;*/
    width: 38px !important;
    height: 4px !important;
    border-radius: 3px;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(2){
	/*width: calc(21px * 1.4) !important;*/
	width: 30px !important;
	/*margin-left: calc(21px * 0.45);*/
	margin-left: 8.5px;
	position: relative;
	background-color: var(--bleu);
	transition-delay:.15s;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(2):before{
	content: '';
	/*width: calc((21px) * .25);*/
	width: 5px;
	height: 100%;
	background: var(--bleu);
	position: absolute;
	left: calc(21px * -0.45);
	top: 0;
	border-radius: 5px;
	transition: .25s ease-in-out;
	transition-delay:.15s;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line:nth-child(2):before,
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line:nth-child(2){
	background-color: var(--gris);
}

.fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-icons .fusion-toggle-icon-line{
	background-color: var(--gris) !important;
}

.fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-icons:hover .fusion-toggle-icon-line{
	background: var(--bleu) !important;
}

.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(1) {
    /*transform: rotate(45deg) translate3D(8px,10px,0) !important;
    transform-origin: center center !important;*/
}

.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(2),
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(2):before,
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line:nth-child(2),
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line:nth-child(2):before{
	transition-delay:0s;
	background: var(--gris) !important;
}

.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(3) {
    /*transform: rotate(-45deg) translate3D(8px,-10px,0) !important;
    transform-origin: center center !important;*/
}

.fusion-header-has-flyout-menu .fusion-flyout-menu-bg{
	opacity: 1 !important;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu{
	max-width: 66vw;
	margin: auto;
	pointer-events: all;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu li{
	overflow:hidden !important;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
               break-inside: avoid-column; /* W3C */ 
}

.fusion-main-menu a{
	padding: 0 !important;
	line-height: 1.2 !important;
}

.fusion-main-menu li a span{
	line-height: 1.2 !important;
	transition:all ease-in-out 0.1s;
}

.fusion-main-menu li a:hover span,
.fusion-main-menu .fusion-menu .current-menu-item > a,
.fusion-main-menu .sub-menu .current-menu-item > a, .fusion-main-menu .sub-menu .current_page_item > a{
	color:var(--bleu) !important;
	
}

.fusion-main-menu > ul > li > a {
	font-size: 24px !important;
	font-weight: 700 !important;
	margin-bottom: 5px;
}

.fusion-main-menu .fusion-menu > li{
	margin-top: 5px;
}

.fusion-main-menu .sub-menu{
	position: relative;
	opacity: 1;
	visibility: visible;
	margin: 0 auto;
	box-shadow: none !important;
	border:none !important;
	background-color: transparent !important;
	width: 100% !important;
	padding-left: 10px;
}

.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu .sub-menu li {
	overflow: visible !important;
}

.fusion-main-menu .sub-menu li a{
	color:var(--gris) !important;
	border:none !important;
	background-color: transparent !important;
	font-size: inherit !important;
	font-weight: 100 !important;
	overflow: visible;
}

.fusion-main-menu .sub-menu li a span:before{
	/*content:"- ";
	color: inherit;
	margin-left: -10px;*/
}

@media screen AND (min-width: 1001px){
	.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu{
		text-align: left;
		columns: 2;
	}
	.avada-flyout-menu-direction-fade .fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu{
		margin-top: 0 !important;
		height: 100vh !important;
	}
}

@media screen AND (max-width: 1000px){
	.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu{
		max-width: 100%;
	}
	.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu{
		text-align: left;
	}
	.fusion-main-menu a{
		padding: 9px 0 !important;
	}
}

/* Actualites */

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper,
.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-flexslider{
	border:none !important;
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper{
	opacity:0;
	top:75px;
	position: relative;
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-post-content-wrapper{
	margin: -70px 30px 0;
	background: #fff;
	z-index: 2;
	transform:translate3D(0,0,0);
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-flexslider .fusion-image-wrapper > a{
	height: 0;
	display: block;
	padding-top: 66%;
	position: relative;
	background:var(--bleu);
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-flexslider .fusion-image-wrapper > a img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3D(-50%,-50%,0);
	min-width: 100%;
	min-height: 100%;
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-flexslider .fusion-image-wrapper > a img:not(.default-featured-img){
	/*opacity: 0.75;*/
}

.fusion-blog-layout-grid-wrapper .fusion-post-content{
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 0;
}

.fusion-blog-layout-grid-wrapper .fusion-post-content .fusion-content-sep,
.fusion-blog-layout-grid-wrapper .fusion-post-content .fusion-post-content-container{
	display:none !important;
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-post-content h2{
	margin-bottom: 0;
	line-height: 0.6 !important;
}

@media screen AND (max-width: 1000px){
	.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-post-content h2{
		line-height: 1 !important;
	}
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-post-content h2 a{
	font-size: 24px;
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-meta-info{
	padding: 0;
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-meta-info .fusion-read-more {
	color:var(--bleu) !important;
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 2px;
}

p.plus {
	color:var(--bleu);
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 2px;
	text-align:center;
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-meta-info .fusion-read-more:hover{
	color:var(--gris) !important;
}

.fusion-blog-layout-grid-wrapper .fusion-post-wrapper .fusion-meta-info .fusion-read-more:after{
	content:"";
}

/* SINGLE POST */

.post .fusion-meta-info{
	border:0 !important;
}

/* Temoignages */

.fusion-blog-layout-medium .fusion-post-content, .fusion-blog-layout-medium .fusion-meta-info{
	opacity:0;
	top:75px;
	position: relative;
}

.fusion-blog-layout-medium .fusion-post-content h2{
	line-height: 0.6 !important;
}

@media screen AND (max-width: 1000px){
	.fusion-blog-layout-medium .fusion-post-content h2{
		line-height: 1 !important;
	}
}

.fusion-blog-layout-medium .fusion-post-content h2 a{
	font-size: 24px;
}

.fusion-blog-layout-medium .fusion-post-content .fusion-post-content-container p:last-child{
	margin-bottom: 0;
}

.fusion-blog-layout-medium .fusion-meta-info{
	margin: 0;
	padding:0;
}

@media screen AND (min-width: 641px){
	.fusion-blog-layout-medium .fusion-meta-info .fusion-alignright{
		float:left;
		margin-left: 345px;
	}
}

.fusion-blog-layout-medium .fusion-meta-info .fusion-read-more {
	color:var(--bleu) !important;
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 2px;
}

.fusion-blog-layout-medium .fusion-meta-info .fusion-read-more:hover{
	color:var(--gris) !important;
}

.fusion-blog-layout-medium .fusion-meta-info .fusion-read-more:after{
	content:"";
}

/* HP Chiffres clés */

@media screen AND (max-width: 1000px){
	.hp-chiffres-cles {
		padding: 0 10px;
	}
	.hp-chiffres-cles *{
		text-align: center !important;
	}
}

/* menu bullets */

.fusion-header{
	height: 0px !important;
}

#menu-bullets-container{
	z-index: 99;
}

#menu-bullets {
    position: fixed;
    z-index: 9999999;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    overflow: visible;
}

html.ua-safari #menu-bullets {
	top:calc(50vh - 147px / 2);
	transform: none;
}

#menu-bullets .my-fusion-menu{
	text-align: right;
	list-style: none;
	padding: 0 20px 0 0;
	margin: 0;
	overflow: visible;
}

@media screen AND (max-width: 1000px){
	#menu-bullets .my-fusion-menu{
		padding-right: 5px;
	}
}

#menu-bullets .my-fusion-menu li{
	height: 20px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 1px;
	padding: 0 2px 0 8px;
	float: right;
	clear: both;
	pointer-events: none;
	transition: all ease 0.3s;
	overflow: visible;
	border-radius: 10px;
}

/*#menu-bullets .my-fusion-menu li.current-menu-item,*/ html:not(.touchevents) #menu-bullets .my-fusion-menu li:hover{
	background: #fff;
}

#menu-bullets .my-fusion-menu li a{
	position: relative;
	overflow: visible;
	white-space: nowrap;
}

#menu-bullets .my-fusion-menu li a .menu-text{
	pointer-events: none;
	opacity: 0;
	padding-right: 7px;
	transition: all ease 0.3s;
}

/*#menu-bullets .my-fusion-menu li.current-menu-item a .menu-text,*/ html:not(.touchevents) #menu-bullets .my-fusion-menu li:hover a .menu-text{
	/*pointer-events: all;*/
	opacity: 1;
}

#menu-bullets .my-fusion-menu li a .bullet{
	content: "";
	color: currentColor;
	width: 15px;
	height: 15px;
	background: currentColor;
	display: inline-block;
	border-radius: 10px;
	border: 2px solid #fff;
	opacity: 1;
	pointer-events: all;
	vertical-align: middle;
	overflow: visible;
}

#menu-bullets .my-fusion-menu li.current-menu-item a .bullet{
	filter: drop-shadow(0 0 1px var(--bleu)) drop-shadow(0 0 1px var(--bleu));
}

/* HP partenaires */

body.home .fusion-image-carousel .fusion-carousel-item a img{
	filter:grayscale(1);
	opacity: 0.5;
	transition: all ease 0.3s;
}

body.home .fusion-image-carousel .fusion-carousel-item a:hover img{
	filter:grayscale(0);
	opacity: 1;
}

.fusion-carousel-nav .fusion-nav-prev, .fusion-carousel-nav .fusion-nav-next{
	background: none !important;
}

.fusion-carousel-nav .fusion-nav-prev:before, .fusion-carousel-nav .fusion-nav-next:before{
	color: var(--gris) !important;
	font-size: 36px !important;
}

/* Sliding bar */

@media screen AND (min-width: 1001px){
	.fusion-sliding-bar-position-left.fusion-sliding-bar-toggle-circle .fusion-sb-toggle,
	.fusion-sliding-bar-position-left.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle {
		top: 50vh !important;
		left: 15px !important;
	}
}

.fusion-sliding-bar-position-left.fusion-sliding-bar-toggle-circle .fusion-sb-toggle,
.fusion-sliding-bar-position-left.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle {
	background: none;
	position: absolute;
	width: auto !important;
	height: auto !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: translateY(-50%);
	border: 0 !important;
}
.fusion-sb-toggle-wrapper .fusion-sb-toggle::after{
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%,-50%) !important;
	-ms-transform: translate(-50%,-50%) !important;
	transform: translate(-50%,-50%) !important;
	font-size: 18px !important;
	background: #FFF;;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	margin-top: 0px;
	border-radius: 30px;
	opacity: 0;
	pointer-events: none;
	border:2px solid var(--bleu);
}
.fusion-sliding-bar-area.open .fusion-sb-toggle::after {
    content: '\e61c';
    opacity: 1;
    pointer-events: initial;
}
.fusion-sliding-bar-toggle-circle .fusion-sb-toggle ul li,
.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle ul li{
	line-height: 30px;
	color: #fff;
	white-space: nowrap;
	margin-bottom: 0px;
	position: relative;
	opacity: 1;
	pointer-events: initial;
	transition: all ease 0.3s 0.15s;
	width: 56px;
}

.fusion-sliding-bar-area.open .fusion-sb-toggle ul li{
	opacity: 0;
	pointer-events: none;
}

.fusion-sliding-bar-toggle-circle .fusion-sb-toggle ul li img,
.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle ul li img{
	background-color: white;
	border-radius: 30px;
	border: 2px solid var(--bleu);
	padding:2px 1px 0px;
}

.fusion-sliding-bar-toggle-circle .fusion-sb-toggle ul li span,
.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle ul li span{
	background-color: #fff;
	color:var(--gris);
	border-radius: 0 30px 30px 0;
	width: auto;
	line-height: 30px;
	padding: 13px 25px 13px 0px;
	text-align: center;
	/*box-shadow: 3px 0 5px -2px rgba(0,0,0,.14);*/
	margin-left: -25px;
	z-index: -1;
	position: absolute;
	top: 0px;
	transition: all ease 0.3s 0.15s;
	opacity: 1;
	pointer-events:none;
	font-family: Raleway;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	/*border:1px solid #64946d;*/
	padding-left: 35px;
	transform: rotate(-90deg);
	transform-origin: 0 50%;
	left: 52px;
	border: 1px solid #eee;
}

.fusion-sliding-bar-toggle-circle .fusion-sb-toggle ul li:hover span,
.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle ul li:hover span{
	opacity: 1;
	padding-left: 35px;
	transform: rotate(0deg);
}

#slidingbar-area #slidingbar .widget-title, #slidingbar-area #slidingbar h3 {
    font-weight: 600;
    font-family: Poppins;
}

@media screen AND (max-width: 1000px){
	.fusion-sliding-bar-position-left.fusion-sliding-bar-toggle-circle .fusion-sb-toggle,
	.fusion-sliding-bar-position-left.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle {
		top:85vh;
		left: 10px;
	}
	.fusion-sliding-bar-position-left.open .fusion-sliding-bar {
	    width: calc(100vw - 90px) !important;
	}
}


/*.fusion-sliding-bar-area div.wpcf7 .wpcf7-submit{
	background: #fff;
	color: #12336d;
	width: 100%;
}

.fusion-sliding-bar-content-wrapper p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#fff;
}*/

/* HP City*/

@media (orientation: landscape ) {
	#portrait{
		display:none !important;
	}
}

@media (orientation: portrait) {
	#paysage{
		display:none !important;
	}
}

#hp-city-rs_forcefullwidth *, #hp-city-rs-1_forcefullwidth *{
	overflow: visible !important;
}

@keyframes cityFloatFx {
	from { transform: translate3D(0,0,0) rotate(-0.001deg); }
    to   { transform: translate3D(0,-2vw,0) rotate(-0.001deg); }
}

@keyframes shadowFloatFx {
/*	from { left:0;top:0vw; }
    to   { left:2vw;top:1vw; }*/
    from { transform: scale(1) rotate(0.01deg)} /*filter:blur(0px);}*/
    to   { transform: scale(0.85) rotate(0.01deg)} /*filter:blur(3px);}*/
}

#paysage #immeuble,
#paysage #store,
#paysage #hotel,
#paysage #logements,
#paysage #hopital,
#paysage #usine,
#paysage #yatching{
	animation: 3.5s ease-in-out 0s infinite alternate cityFloatFx;
	will-change: transform;
	transition:all ease 0.9s;
}

#paysage #yatching{
	animation-delay: -0.5s;
}

#paysage #immeuble{
	animation-delay: 1s;
}

#paysage #store{
	animation-delay: .5s;
}

#paysage #hotel{
	animation-delay: 2s;
}

#paysage #logements{
	animation-delay: 0s;
}

#paysage #usine{
	animation-delay: 1.5s;
}

#paysage #hopital{
	animation-delay: 2.5s;
}

#paysage #yatching.city-hover,
#paysage #immeuble.city-hover,
#paysage #store.city-hover,
#paysage #hotel.city-hover,
#paysage #logements.city-hover,
#paysage #hopital.city-hover,
#paysage #usine.city-hover{
	/*-moz-animation: 0 !important;*/
	animation-play-state: paused;
	/*transform: translateY(0) translateZ(0) rotate(0.01deg) !important;*/
	transition: all ease 0.9s !important;
}

#paysage #yatching img,
#paysage #immeuble img,
#paysage #store img,
#paysage #hotel img,
#paysage #logements img,
#paysage #hopital img,
#paysage #usine img{
	bottom: 0;
	transition:all ease 0.9s !important;
	pointer-events: all;
	cursor: pointer;
	transform: scale(1);
}

#paysage #yatching.city-hover img,
#paysage #immeuble.city-hover img,
#paysage #store.city-hover img,
#paysage #hotel.city-hover img,
#paysage #logements.city-hover img,
#paysage #hopital.city-hover img,
#paysage #usine.city-hover img{
	bottom: 0;
	transition:all ease 0.9s !important;
	filter:drop-shadow(0px 0px 3px #38a6e4);
	transform: scale(1.25);
}

#paysage #yatching.city-off,
#paysage #immeuble.city-off,
#paysage #store.city-off,
#paysage #hotel.city-off,
#paysage #logements.city-off,
#paysage #hopital.city-off,
#paysage #usine.city-off{
	/*-moz-animation: 0 !important;*/
	animation-play-state: paused;
	/*transform: translateY(0) !important;*/
	opacity: 0.25 !important;
	transition: all ease 0.9s !important;
	pointer-events: none;
}

#paysage #yatching.city-off img,
#paysage #immeuble.city-off img,
#paysage #store.city-off img,
#paysage #hotel.city-off img,
#paysage #logements.city-off img,
#paysage #hopital.city-off img,
#paysage #usine.city-off img{
	pointer-events: none;
	transition:all ease 0.9s !important;
	bottom: -15px;
}

#paysage #yatching-shadow,
#paysage #immeuble-shadow,
#paysage #store-shadow,
#paysage #hotel-shadow,
#paysage #logements-shadow,
#paysage #hopital-shadow,
#paysage #usine-shadow{
	animation: 3.5s ease-in-out 0s infinite alternate shadowFloatFx;
	will-change: opacity transform;
	transition:all ease 0.9s;
}

#paysage #yatching-shadow{
	animation-delay: -0.5s;
}

#paysage #immeuble-shadow{
	animation-delay: 1s;
}

#paysage #store-shadow{
	animation-delay: .5s;
}

#paysage #hotel-shadow{
	animation-delay: 2s;
}

#paysage #logements-shadow{
	animation-delay: 0s;
}

#paysage #usine-shadow{
	animation-delay: 1.5s;
}

#paysage #hopital-shadow{
	animation-delay: 2.5s;
}

#paysage .shadow{
	/*opacity: 1 !important;*/
	transition: all ease 0.9s;
}

#paysage .shadow.off {
	opacity:0.25 !important;
	animation-play-state: paused !important;
}

#paysage .shadow.on {
	opacity:1 !important;
	animation-play-state: paused !important;
}

#paysage .shadow img{
	transition: all ease 0.9s;
}

#paysage .shadow.on img{
	transform: scale(1.25) !important;
}

/* --- hover ------------------------------ */
#paysage #yatching:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 82%;
	top: 5%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#paysage #yatching:after{
	content:"Yachting";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 97%;
	top: 5%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#paysage #yatching.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#paysage #yatching.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#paysage #immeuble:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 78%;
	top: 45%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#paysage #immeuble:after{
	content:"Bureaux";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 93%;
	top: 45%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#paysage #immeuble.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#paysage #immeuble.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#paysage #store:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 94%;
	top: 54%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#paysage #store:after{
	content:"Commerces";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 109%;
	top: 54%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
	text-shadow: 
}
#paysage #store.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#paysage #store.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#paysage #hotel:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 75%;
	top: 39%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#paysage #hotel:after{
	content:"Hôtels restaurants";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 90%;
	top: 39%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#paysage #hotel.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#paysage #hotel.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#paysage #logements:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 77%;
	top: 39%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#paysage #logements:after{
	content:"Copropriétés";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 92%;
	top: 39%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#paysage #logements.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#paysage #logements.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#paysage #hopital:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 85%;
	top: 33%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#paysage #hopital:after{
	content:"Secteur médical";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 100%;
	top: 33%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#paysage #hopital.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#paysage #hopital.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#paysage #usine:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 91%;
	top: 32%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#paysage #usine:after{
	content:"Locaux industriels";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 106%;
	top: 32%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#paysage #usine.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#paysage #usine.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* - - - - - - - - - - - - - */

#portrait #immeuble1,
#portrait #store1,
#portrait #hotel1,
#portrait #logements1,
#portrait #hopital1,
#portrait #usine1,
#portrait #yatching1{
	animation: 3.5s ease-in-out 0s infinite alternate cityFloatFx;
	will-change: transform;
	transition:all ease 0.9s;
}

#portrait #yatching1{
	animation-delay: -0.5s;
}

#portrait #store1{
	animation-delay: 0s;
}

#portrait #usine1{
	animation-delay: 0.5s;
}

#portrait #logements1{
	animation-delay: 1s;
}

#portrait #immeuble1{
	animation-delay: 1.5s;
}

#portrait #hopital1{
	animation-delay: 2s;
}

#portrait #hotel1{
	animation-delay: 2.5s;
}

#portrait #yatching1.city-hover,
#portrait #immeuble1.city-hover,
#portrait #store1.city-hover,
#portrait #hotel1.city-hover,
#portrait #logements1.city-hover,
#portrait #hopital1.city-hover,
#portrait #usine1.city-hover{
	/*-moz-animation: 0 !important;*/
	animation-play-state: paused;
	/*transform: translateY(0) translateZ(0) rotate(0.01deg) !important;*/
	transition: all ease 0.9s !important;
}

#portrait #yatching1 img,
#portrait #immeuble1 img,
#portrait #store1 img,
#portrait #hotel1 img,
#portrait #logements1 img,
#portrait #hopital1 img,
#portrait #usine1 img{
	bottom: 0;
	transition:all ease 0.9s !important;
	pointer-events: all;
	cursor: pointer;
	transform: scale(1);
}

#portrait #yatching1.city-hover img,
#portrait #immeuble1.city-hover img,
#portrait #store1.city-hover img,
#portrait #hotel1.city-hover img,
#portrait #logements1.city-hover img,
#portrait #hopital1.city-hover img,
#portrait #usine1.city-hover img{
	bottom: 0;
	transition:all ease 0.9s !important;
	filter:drop-shadow1(0px 0px 3px #38a6e4);
	transform: scale(1.25);
}

#portrait #yatching1.city-off,
#portrait #immeuble1.city-off,
#portrait #store1.city-off,
#portrait #hotel1.city-off,
#portrait #logements1.city-off,
#portrait #hopital1.city-off,
#portrait #usine1.city-off{
	/*-moz-animation: 0 !important;*/
	animation-play-state: paused;
	/*transform: translateY(0) !important;*/
	opacity: 0.25 !important;
	transition: all ease 0.9s !important;
	pointer-events: none;
}

#portrait #yatching1.city-off img,
#portrait #immeuble1.city-off img,
#portrait #store1.city-off img,
#portrait #hotel1.city-off img,
#portrait #logements1.city-off img,
#portrait #hopital1.city-off img,
#portrait #usine1.city-off img{
	pointer-events: none;
	transition:all ease 0.9s !important;
	bottom: -15px;
}

#portrait #yatching1-shadow1,
#portrait #immeuble1-shadow1,
#portrait #store1-shadow1,
#portrait #hotel1-shadow1,
#portrait #logements1-shadow1,
#portrait #hopital1-shadow1,
#portrait #usine1-shadow1{
	animation: 3.5s ease-in-out 0s infinite alternate shadowFloatFx;
	will-change: opacity transform;
	transition:all ease 0.9s;
}

#portrait #yatching1-shadow1{
	animation-delay: -0.5s;
}

#portrait #store1-shadow1{
	animation-delay: 0s;
}

#portrait #usine1-shadow1{
	animation-delay: 0.5s;
}

#portrait #logements1-shadow1{
	animation-delay: 1s;
}

#portrait #immeuble1-shadow1{
	animation-delay: 1.5s;
}

#portrait #hopital1-shadow1{
	animation-delay: 2s;
}

#portrait #hotel1-shadow1{
	animation-delay: 2.5s;
}


#portrait .shadow{
	/*opacity: 1 !important;*/
	transition: all ease 0.9s;
}

#portrait .shadow.off {
	opacity:0.25 !important;
	animation-play-state: paused !important;
}

#portrait .shadow.on {
	opacity:1 !important;
	animation-play-state: paused !important;
}

#portrait .shadow img{
	transition: all ease 0.9s;
}

#portrait .shadow.on img{
	transform: scale(1.25) !important;
}

/* --- hover ------------------------------ */
#portrait #yatching1:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 82%;
	top: 5%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#portrait #yatching1:after{
	content:"yachting1";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 97%;
	top: 5%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#portrait #yatching1.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#portrait #yatching1.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#portrait #immeuble1:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 78%;
	top: 45%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#portrait #immeuble1:after{
	content:"Bureaux";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 93%;
	top: 45%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#portrait #immeuble1.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#portrait #immeuble1.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#portrait #store1:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 94%;
	top: 54%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#portrait #store1:after{
	content:"Commerces";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 109%;
	top: 54%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
	text-shadow1: 
}
#portrait #store1.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#portrait #store1.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#portrait #hotel1:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 75%;
	top: 39%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#portrait #hotel1:after{
	content:"Hôtels restaurants";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 90%;
	top: 39%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#portrait #hotel1.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#portrait #hotel1.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#portrait #logements1:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 77%;
	top: 39%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#portrait #logements1:after{
	content:"Copropriétés";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 92%;
	top: 39%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#portrait #logements1.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#portrait #logements1.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#portrait #hopital1:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 85%;
	top: 33%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#portrait #hopital1:after{
	content:"Secteur médical";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 100%;
	top: 33%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#portrait #hopital1.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#portrait #hopital1.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* --- hover ------------------------------ */
#portrait #usine1:before{
	content: "";
	border: 4px solid var(--bleu);
	border-radius: 4px;
	position: absolute;
	left: 91%;
	top: 32%;
	transform: translate3d(0,-50%,0);
	transition: all ease 0.3s 0.15s;
	width: 0;
	opacity: 0;
}
#portrait #usine1:after{
	content:"Locaux industriels";
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 106%;
	top: 32%;
	transform: translate3d(0,-50%,0);
	color:var(--gris);
	transition: all ease 0.3s 0s;
	opacity: 0;
}
#portrait #usine1.city-hover:before{
	width: 10%;
	opacity: 1;
	transition: all ease 0.3s 0.3s;
}
#portrait #usine1.city-hover:after{
	opacity: 1;
	transition: all ease 1s 0.45s;
}

/* ANIMATIONs - - - - - - - - - - - - - - - - - - - - - -*/

.submit-container{
	position: relative;
	display: inline-block;
}

.submit-container #shape-container{
	overflow: visible;
	position: absolute;
	top: -1px;
	left: -1px;
	pointer-events: none;
}

html.ua-safari .submit-container #shape-container{
	top: 1px;
	left: 1px;
}

.fusion-button-wrapper #shape-container{
	overflow: visible;
	position: absolute;
	top: 1px;
	left: 0px;
	pointer-events: none;
}

html.ua-safari .fusion-button-wrapper #shape-container{
	top: -1px;
}

.submit-container .wpcf7-submit.processed{
	background:transparent;
}

.submit-container #shape {
	fill:#f2f7f9;
}

/*

#shape {
	stroke-width: 2px;
	fill: transparent;
	stroke: var(--bleu);
	stroke-dasharray: 50 0;
	stroke-dashoffset: -220;
	transition: 2s all 0.5s ease-out;
}

.submit-container:hover #shape,
.fusion-button:hover #shape {
	stroke:transparent;
	stroke-dasharray: 85 400;
	stroke-dashoffset: -220;
	transition: 2s all ease-in;
}

#shapeover {
	stroke-width: 2px;
	fill: transparent;
	stroke: transparent;
	stroke-dasharray: 85 400;
	stroke-dashoffset: 50;
	transition: 2s all 0s ease-in;
}

.submit-container:hover #shapeover,
.fusion-button:hover #shapeover {
	stroke-dasharray: 50 0;
	stroke-width: 2px;
	stroke-dashoffset: 50;
	stroke: var(--gris);
	transition: 2s all 0.5s ease-out;
}*/

#shape {
	stroke-width: 2px;
	fill: transparent;
	stroke: var(--bleu);
	stroke-dasharray: 150 0;
	stroke-dashoffset: 150;
	transition: 1s all 0.5s ease-out;
}

.submit-container:hover #shape,
.fusion-button:hover #shape {
	stroke:transparent;
	stroke-dasharray: 50 150;
	stroke-dashoffset: -150;
	transition: 1s all ease-in;
}

#shapeover {
	stroke-width: 2px;
	fill: transparent;
	stroke: transparent;
	stroke-dasharray: 50 150;
	stroke-dashoffset: 150;
	transition: 1s all 0s ease-in;
}

.submit-container:hover #shapeover,
.fusion-button:hover #shapeover {
	stroke-dasharray: 150 0;
	stroke-width: 2px;
	stroke-dashoffset: -150;
	stroke: var(--gris);
	transition: 1s all 0.5s ease-out;
}

@keyframes btntext{
	0% { top:0px;}
	50% { top:30px;}
	50.1% { top:-30px;}
	100% { top:0px;}
}

@keyframes btntextreverse{
	0% { top:0px;}
	50% { top:30px;}
	50.1% { top:-30px;}
	100% { top:0px;}
}

.fusion-button-text-container{
	overflow: hidden;
	display: inline-block;
	/*border-radius: 50px;*/
}

.fusion-button .fusion-button-text{
	position: relative !important;
	animation: 1s ease forwards btntextreverse;
	vertical-align: sub;
}

html.ua-safari .fusion-button .fusion-button-text{
	vertical-align: middle;
}

.fusion-button:hover .fusion-button-text{
	position: relative !important;
	animation: 1s ease forwards btntext;
}

/*#popup-btn #shape,
#popup-btn #shapeover{
	transition-duration: 3s;
}

#popup-btn #shape,
#popup-btn:hover #shapeover{
	stroke-dasharray: 75 0;
}
#popup-btn:hover #shape,
#popup-btn #shapeover{
	stroke-dasharray: 150 400;
}*/

@keyframes submittext{
	0% { top:0px; opacity:1;}
	50% { top:20px; opacity:0;}
	50.1% { top:-20px; opacity:0;}
	100% { top:0px; opacity:1;}
}

@keyframes submittextreverse{
	0% { top:0px; opacity:1;}
	50% { top:20px; opacity:0;}
	50.1% { top:-20px; opacity:0;}
	100% { top:0px; opacity:1;}
}

.submit-container .wpcf7-submit.processed{
	position: relative !important;
	animation: 1s ease forwards submittextreverse;
	border:none !important;
}

.submit-container:hover .wpcf7-submit.processed{
	position: relative !important;
	animation: 1s ease forwards submittext;
}

/* -- HP secteurs d'activités -- */

/*body.home*/ .post-content .fusion-fullwidth{
	z-index: 2;
}

/*body.home*/ .post-content .fusion-fullwidth.features{
	z-index: 1;
}

@media screen AND (max-width: 1000px){
	.post-content .fusion-fullwidth.features .features-texts > .fusion-column-wrapper{
		padding-top: 30px !important;
	}
	.post-content .fusion-fullwidth.features .feature-text > .fusion-column-wrapper{
		padding-left: 0px !important;
	}
}

/*body.home*/ .features .feature-text {
    position: relative;
    height: 100vh !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*body.home*/ .features .scrollmagic-pin-spacer{
	float: left;
}

/*body.home*/ .features .features-images, .features .features-images1, .features .features-images2, .features .features-images3 {
	height: 100% !important;
	overflow: hidden;
	top: 0 !important;
}

/*body.home*/ .features .feature-image .fusion-column-wrapper {
    background-size: contain !important;
    background-position: center center !important;
    height: 100vh !important;
    width: 100%;
    position: absolute;
}

@media screen AND (max-width: 1000px){
	/*body.home*/ .features .features-texts .fusion-column-wrapper{
		padding-left: 30px !important;
	}
	/*body.home*/ .features .feature-text {
		height: auto !important;
		margin-bottom: 30px !important;
	}
	/*body.home*/ .features .scrollmagic-pin-spacer{
		display: none !important;
	}
}

.parallax1, .parallax2, .parallax3 {
	position: relative;
}

.fusion-button.parallax1, .fusion-button.parallax2, .fusion-button.parallax3{
	transition: all .2s, top 0s;
	-webkit-transition: all .2s, top 0s;
	-moz-transition: all .2s, top 0s;
	-ms-transition: all .2s, top 0s;
	-o-transition: all .2s, top 0s;
}

.fusion-title {
	overflow: visible !important;
}

.fadein{
	opacity: 0;
	top:15px;
	position: relative;
}

.fusion-title span{
	opacity: 0;
	overflow: hidden;
	/*white-space: nowrap;*/
	top: 35px;
	position: relative;
}

.fusion-title span.character{
	top: 15px;
}

.fusion-button{
	opacity: 0;
	top:50px;
	transition: none !important;
}

.fusion-imageframe img, .fusion-blog-layout-medium .fusion-image-wrapper a img{
	opacity: 0;
	left:-75px;
	transition: none !important;
	position: relative;
}

.fusion-text{
	opacity: 0;
	top:75px;
	position: relative;
}

.fusion-separator.animated {
    opacity: 0;
    max-width: 100%;
    position: relative;
}

/* TRANSITION */

.lp-screen{
	z-index: 3999999999 !important;
}

#transition{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 999999999;
}

#transition.step1{
	pointer-events:all;
}

#transition #tr1{
	background-color: var(--gris);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition:width 0s 0s ease-in;
	transform:translate3D(-100%,0,0);
	opacity: 66%;
}

#transition #tr2{
	background-color: var(--bleu);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	right: 100%;
	width: 100%;
	transition:width 0s 0s ease-in;
	transform:translate3D(-100%,0,0);
}

#transition.step1 #tr1{
	transform:translate3D(0,0,0);
	transition:transform 0.5s 0s cubic-bezier(0.9, 0.1, 1, 1);
}

#transition.step1 #tr2{
	transform:translate3D(0,0,0);
	transition:transform 0.5s 0.5s cubic-bezier(0.9, 0.1, 1, 1);
}

#transition.step1.step2 #tr1{
	left: 0;
	right: 100%;
	transition:width 0s 0s ease-in;
	transform:translate3D(-100%,0,0);
}

#transition.step1.step2 #tr2{
	transition:transform 0.5s 0s cubic-bezier(0.9, 0.1, 1, 1);
	transform:translate3D(100%,0,0);
}


/* HP carte */

.city-dot{
	transition:all ease 0.3s !important;
	border:2px solid #fff !important;
	filter:drop-shadow(0 0 1px var(--bleu)) drop-shadow(0 0 1px var(--bleu)) !important;
	overflow:visible !important;
}

.city-dot:hover{
	filter:drop-shadow(0 0 1px var(--bleu)) drop-shadow(0 0 1px var(--bleu)) !important;
	transform: scale(1.5) !important;
	border:2px solid #fff !important;
}


/* HP Témoignages */

#hp-temoignages.fusion-testimonials.clean .reviews .review .testimonial-thumbnail{
	float: left;
	width: 10%;
	margin-bottom: 0 !important;
}

#hp-temoignages.fusion-testimonials.clean .reviews .review blockquote{
	float: left;
	width: 90%;
	font-style: normal;
}

#hp-temoignages.fusion-testimonials.clean .reviews .review blockquote q{
	padding: 0;
	font-style: normal;
}

#hp-temoignages.fusion-testimonials.clean .reviews .review blockquote q p{
	font-style: normal;
	text-align: left;
	font-weight: 400;
	line-height: 1.4;
}

#hp-temoignages.fusion-testimonials.clean .reviews .review blockquote q p:before{
	content: "“";
}

#hp-temoignages.fusion-testimonials.clean .reviews .review blockquote q p:after{
	content: "”";
}

#hp-temoignages.fusion-testimonials.clean .reviews .review .author {
	float: left;
	font-size: 12px;
	margin-top: 10px;
}

#hp-temoignages.fusion-testimonials .testimonial-pagination{
	text-align: left;
	padding-left: 10%;
	margin-top: 8px;
}

#hp-temoignages.fusion-testimonials .testimonial-pagination a{
	background: var(--gris);
	border:2px solid #fff;
	width: 15px;
	height: 15px;
}

#hp-temoignages.fusion-testimonials .testimonial-pagination a:hover{
	background-color: var(--bleu);
}

#hp-temoignages.fusion-testimonials .testimonial-pagination a.activeSlide{
	filter: drop-shadow(0 0 1px var(--bleu)) drop-shadow(0 0 1px var(--bleu));
}

@media screen AND (max-width: 1000px){
	#hp-temoignages.fusion-testimonials.clean .reviews .review .testimonial-thumbnail{
		width: 100%;
	}
}

/* REFERENCES */


.fusion-portfolio .fusion-portfolio-wrapper .fusion-image-wrapper a{
	pointer-events: none;
}

.fusion-portfolio .fusion-portfolio-wrapper .fusion-portfolio-post .fusion-portfolio-content{
	border-top:1px solid var(--gris-clair);
	margin-top: 0;
	margin-bottom: 6vh;
}

.fusion-portfolio .fusion-portfolio-wrapper .fusion-portfolio-post .fusion-portfolio-content h2.fusion-post-title{
	line-height: 0.25 !important;
	margin: 10px 0 13px !important;
}

.fusion-portfolio .fusion-portfolio-wrapper .fusion-portfolio-post .fusion-portfolio-content h2.fusion-post-title a{
	font-size: 18px;
	pointer-events: none;
}

.fusion-portfolio .fusion-portfolio-wrapper .fusion-portfolio-post .fusion-portfolio-content .fusion-post-content {
	font-size: 14px;
}

.fusion-portfolio .fusion-filters {
	border: 0;
}

@media screen AND (min-width: 1000px){
	.fusion-portfolio .fusion-filters {
		display: flex !important;
		justify-content: center;
		flex-wrap: wrap;
	}
}

@media screen AND (max-width: 1000px){
	.fusion-portfolio .fusion-filters .fusion-filter:not(.fusion-active){
		height: 0;
		overflow: hidden;
		transition: all ease 0.3s;
		border-bottom-width: 0;
	}
	.fusion-portfolio .fusion-filters .fusion-filter a {
		line-height: 48px;
	}
	.fusion-portfolio .fusion-filters.hover .fusion-filter:not(.fusion-active){
		height: 48px;
		border-bottom-width: 1px;
	}
	.fusion-portfolio .fusion-filters .fusion-filter.fusion-active a:after{
		content: "▼";
		font-family: arial;
		float: right;
		/*border: 3px solid var(--bleu);
		border-bottom-width: 0;*/
		width: 48px;
		text-align: center;
		color: var(--bleu) !important;
		background: var(--gris-clair);
	}
	.fusion-portfolio .fusion-filters.hover .fusion-filter.fusion-active a:after{
		content:"▲";
		font-family:arial;
	}
}

.fusion-portfolio .fusion-filters .fusion-filter {
	line-height: 31px;
	margin-right: 20px;
}

.fusion-portfolio .fusion-filters .fusion-filter a{
	border-top:3px solid #fff !important;
	border-bottom:3px solid #fff;
}

/* HP partners caroussel */

body.home .fusion-carousel {
    padding: 0 25px !important;
    box-sizing: border-box;
}

body.home .fusion-carousel .fusion-carousel-nav .fusion-nav-prev{
	left: -25px !important;
}

body.home .fusion-carousel .fusion-carousel-nav .fusion-nav-next{
	left: 100% !important;
}

/* page-grid-shortcode */

.page-grid-shortcode .fusion-imageframe a img{
	max-height: 250px;
	width: auto;
}

.page-grid-shortcode .fusion-column-wrapper .fusion-title {
	display: flex;
	justify-content: center;
	padding: 0 5px;
}

.page-grid-shortcode .fusion-text p.content{
	margin-bottom: 0;
}

/* Global responsive */

.avada-page-titlebar-wrapper .fusion-page-title-wrapper{
	flex-direction: column;
	justify-content: center;
}

@media screen AND (min-width: 1001px){
	.page-grid-shortcode{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	html.ua-safari .page-grid-shortcode .fusion_builder_column:not(.fusion-column-last):not(.fusion-column-first){
		margin-right: 3.9% !important;
	}
	.page-grid-shortcode .fusion_builder_column:last-child{
		margin-right: 0 !important;
	}
	.min-height-100vh{
		min-height: 100vh;
		display: flex;
		align-items: center;
	}
}

@media screen AND (max-width: 1366px){
	#chiffres h3.title-heading-left{
		font-size: 24px;
	}
}

@media screen AND (max-width: 1000px){
	.fusion-layout-column .fusion-column-wrapper, .fusion-column-content-centered {
	    min-height: 1px !important;
	}
	#hp-city-container{
		padding-right:0 !important;
		padding-left:0 !important;
		padding-top: 0 !important;
	}
	#hp-city-container .fusion-builder-row{
		min-height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.pum-theme-igs-proprete .pum-content + .pum-close{
		top: 0 !important;
		right: 0 !important;
		border-radius: 0 10px 0px 10px !important;
	}
	html.avada-is-100-percent-template #main.width-100{
		padding-top: 0 !important;
	}
	body.single-temoignages #main {
		padding-top:82px !important;
	}
	body.blog .avada-page-titlebar-wrapper, body.single-post .avada-page-titlebar-wrapper, body.archive .avada-page-titlebar-wrapper{
		margin-top:82px !important;
	}
	.fusion-related-posts-title-link{
		font-size: 75%;
	}
}

@media screen AND (min-width: 640px) and (max-width: 1000px){
	.img-tablet-w66{
		max-width: 66vw !important;
	}
	.img-tablet-w50{
		max-width: 50vw !important;
	}
	.img-tablet-w33{
		max-width: 33vw !important;
	}
}