.hide{
	display: none;
}
/*
*{
	cursor: none;
}*/
body{
	background : #26425a;
}
.no-pointer{cursor:default!important;}
.btn-download{
	cursor: pointer;
}
.wrapper-nav-dot > div{
	width: 15px;
	height:15px;
	border-radius: 50%;
	background: #FFCB05;
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	margin:0 5px;
	opacity:0.6;
	cursor: pointer;
	z-index: 1;

}
.version-selection .gear{
	display: none;
}
.bd-transparent-again{
	opacity: 0;
}
.nav-bottom__wrap-txt{
	display: none;
}
.nav-bottom__txt {
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
}

.nav-bottom__button:hover .nav-bottom__txt {
	margin-top:-6px;
}

/*TRANSITION ARRIVE HOME PAGE*/

/*BG transition*/
.bg-transition-arrive{
	display: block!important;
}

.transition-arrive-play .bg-transition-arrive{
	top: -140%;
}
.transition-leave-play.transition-leave{
	bottom: 0%;
}



.home .section.current-screen .wrap-bg {
	transition-delay: 0.2s;
	transition-duration: 1s;
}

.home .section__content--vrc h1, .home .nav-home .nav-home__button{
	transition : all 0.8s cubic-bezier(.17,.67,.37,.96) 0.8s;
	opacity: 0;
	transform: translateY(20px);
}
.transition-arrive-play.home .section__content--vrc h1, .transition-arrive-play.home .nav-home .nav-home__button{
	opacity: 1;
	transform: translateY(0px);
}
.home .section__content--vrc h1:nth-child(2){
	transition-delay: 1s;
}

.home .nav-home .nav-home__button{
	transform: translateY(100%);
	transition-delay: 2s;
}
.home .nav-home .nav-home__button:nth-child(2){
	transition-delay: 2.2s;
}

.wrap-card--traitments {
	transition : 	left 0s cubic-bezier(.17,.67,.37,.96) 0.75s,
					opacity 0.75s cubic-bezier(.17,.67,.37,.96) 0s;
	opacity:0;
}
.tab-open.wrap-card--traitments {
	transition : 	left 0s cubic-bezier(.17,.67,.37,.96) 0s,
					opacity 0.75s cubic-bezier(.17,.67,.37,.96) 0s;
	opacity:1;
}
.tab__item.clicked .div-selected{
	opacity:1
}
.tab__item .div-selected{
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0;
	opacity:0
}


.nav-bottom__button.current .wave, .nav-bottom__button:hover .wave {
	display:none;
}

.nav-bottom__button:hover .nav-bottom__txt{
	margin-top: 0px;
}

.slider-arrow{cursor: pointer;}
.wrapper-nav-dot > div.active-dot{
	opacity:1;
	transform: scale(1.4);
}
.wrapper-nav-dot > div:hover{
	transform: scale(1.2);
}

.cursor{
	width:50px;
	height:50px;
	border: 2px solid black;
	position:absolute;
	border-radius: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
	z-index: 1000000
}

.alert{opacity:0;}
.transition-arrive-play .alert{opacity:1;transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.8s;}
.remove-class, .remove-all-class{cursor: pointer;}

 .body--dark .cursor{
 	border: 2px solid white;
 }
 .body--dark .header--spacebetween{
	background-color: white;
}



.open .slider-arrow, .open .wrapper-nav-dot{
	display: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.open .wrapper-nav-dot{
	bottom:50px;
}
.slider-arrow, .wrapper-nav-dot{display: none;}

/*MENU*/

.menu .card-1 {
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	transform: scale(0.7); 
	opacity: 0;
}
.open.menu .tab-open .card-1 {
	transform: scale(1); 
	opacity: 1;
}
.clicked .wrap__triangle{
	bottom: -6px;
}
.card-1:hover .bg, .hero_split__item:hover .bg, .card-2:hover .bg,
.card-2-50:hover .bg, .card-2-20:hover .bg, .card--50:hover .bg,
.card--30:hover .bg, .card--60:hover .bg {
	opacity: 0.6;
	transform: scale(1.2);
	
}
.card--50:hover .plus-wave, .card--30:hover .plus-wave, .card--60:hover .plus-wave{
	height:150px;
	width:150px;
	opacity: 0;
}
.card--50:hover .plus, .card--30:hover .plus, .card--60:hover .plus{
	background: #9d2161;
}



.wrap-card [class^="card"], .hero_split__item, .img-orga{
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	transform: scale(0.8);
	opacity: 0;
}
.transition-arrive-play .wrap-card [class^="card"],.transition-arrive-play .hero_split__item,.transition-arrive-play .img-orga{
	transform: scale(1);
	opacity: 1;
}




.hero_split__item:hover .hero_split__item__text{
	/*height:35%;*/
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
}
.hero_split__item .arrow-small, .hero_split__item .h2--vh{
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
}
.hero_split__item:hover .arrow-small{
	transform: translateX(40px);
}
.hero_split__item:hover .h2--vh{
	transform: translateX(50px);
}



.card-1:hover .card-1__text {
	height: 100%;
	background: rgba(84, 84, 84, 0.6);
}
.card-1:hover .h4--vh {
	transition : transform 0.5s cubic-bezier(.17,.67,.37,.96);
	transform: scale(1.25);
}







/*CLICKED*/

.popup__nav__button.clicked .line-selected{
	height: 4px;
}
/*HOVER*/

.nav-home__button:hover .nav-home__button-hover{
	top: 0%;
}
.card--50 img,
.card--30 img {
	transition : transform 0.5s cubic-bezier(.17,.67,.37,.96);
}
.card--50:hover img,
.card--30:hover img {
	transform: scale(1.2);
}


/* hover sur liste */

.list__item.pointer .text--vh--md,
.list__item.pointer .plus-exposant,
.list__item.pointer .sm-number {
	transition : transform 0.5s cubic-bezier(.17,.67,.37,.96);
}
.list__item.pointer:hover .text--vh--md {
	transform: translateX(-15px);
}
.list__item.pointer:hover .trait-2{
	transform: scaleX(0.5);
}
.list__item.pointer:hover .plus-exposant{
	transform: translateX(-10px) scale(1.5);
}
.list__item.pointer:hover .sm-number{
	transform: scale(0.8);
}

.popup__nav__button:hover .line-selected{
	height:4px;
}


.filtre-item .cercle{
	transform: scale(0);
}
.filtre-item.active-filter .cercle{
	transform: scale(1);
}
/*card yellow round*/
.card--yellow-round .card__img, .card--yellow-round .round, .card-third--yellow .card__img, .card-third--yellow  .round{
	transform: scale(1);
	transform-origin: center; 
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
}
.card--yellow-round:hover .card__img, .card-third--yellow:hover .card-third--yellow{
	transform: scale(1.3);
}
.card--yellow-round .round, .card-third--yellow .round{
	transform: translate(-50%, -50%) scale(1);

}
.card--yellow-round:hover .round, .card-third--yellow:hover .round{
	transform: translate(-50%, -50%) scale(0.6);
}

.dot:hover .dot-info{
	transform: scale(1) translateY(0px) !important; 
	top:-50%;
}

.dot:not(a) .dot--small{
	background-color: #a4bcc2;
}
.round::after {
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	content: "";
	background: #ffcb05;
	transform-origin: center;
	transform: scale(1.5);
	animation: 1s ease-in infinite  both running roundanim;
	border-radius: 50%; 
	z-index: -1;
}
@keyframes roundanim 
{ 
	0% { 
		opacity: 1;
		transform: scale(0); 
	} 
	85% {
		opacity: 0;
		transform: scale(1.5); 
	} 
	100% {
		opacity: 0;
		transform: scale(1); 
	}  
}
/*theme color body*/
/*
.logo-color {opacity:1;transition : all 0.5s cubic-bezier(.17,.67,.37,.96);}
.logo-white {opacity:0;transition : all 0.5s cubic-bezier(.17,.67,.37,.96);}
.body--dark .logo-color {opacity:0;}
.body--dark .logo-white {opacity:1;}*/



/*POPUP*/


.menu, .popup{
	opacity:0;
	transition : 	left 0s cubic-bezier(.63,.18,.52,.72) 0.6s,
					opacity 0.6s cubic-bezier(.63,.18,.52,.72) 0s;
}

.menu.open, .popup.open{
	left:0%;
	opacity:1;
	transition : 	left 0s cubic-bezier(.63,.18,.52,.72) 0s,
					opacity 0.4s cubic-bezier(.63,.18,.52,.72) 0s;
}




.popup .popup_content__part.part--top{
	transform: scaleX(0);
	transform-origin: left;
	transition : all 0.4s cubic-bezier(.17,.67,.06,.99) 0.3s;
}
.popup.open .popup_content__part.part--top{
	transform: scaleX(1);
}


.popup .h2 {
	transform: translateY(150%);
	transition : all 0.4s cubic-bezier(.17,.67,.06,.99) 0.5s;
}
.popup.open .h2 {
	transform: translateY(0%);
}

.popup .popup_content__part.part-bottom .part--bottom__wrap-text{
	transform: translateX(-100px);
	opacity: 0;
	transform-origin: left;
	transition : all 0.4s cubic-bezier(.17,.67,.06,.99) 0.8s;
}
.popup.open .popup_content__part.part-bottom .part--bottom__wrap-text{
	transform: translateX(0px);
	opacity: 1;
}
.popup .popup_content__part.part-bottom .part--bottom__wrap-text:nth-child(2){
	transition-delay: 1s
}
.popup .popup_content__part.part-bottom .part--bottom__wrap-text:nth-child(3){
	transition-delay: 1.2s
}

@media screen and (max-width: 1400px) and (min-width: 1024px) {
	.section__content--bloc{
		max-width: 501px;
    	min-width: 0;
		
	}
}

@media screen and (min-width: 1024px) {
	.alert.open{left:0%;}

		.menu-overlay{
			transition : all 0.4s cubic-bezier(.17,.67,.06,.99);
			background: #003da5;
		}
		.menu-overlay .menu__first-sidebar{
				transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.0s;
				left:-100%;
				position: relative;
				
		}
		.menu-overlay.open .menu__content{
			transition-delay: 0s;
		}
		.menu-overlay.open .menu__first-sidebar{
				left:0%;
		}

		.menu-overlay .menu__second-sidebar, .menu-overlay .menu__content{
				transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.0s;
				opacity: 0;
		}
		.menu-overlay.open .menu__second-sidebar, .menu-overlay.open .menu__content{
				opacity: 1;
		}
		.menu__card{
			transform: scale(0.6);
			opacity: 0;
			transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.8s;
		}
		.menu-overlay.open .menu__card{
			transform: scale(1);
			opacity: 1;
		}


			/*arrow blue*/
		.clicked .arrow-bleu{transform: scaleX(1) translate(0,50%);}
		.arrow-bleu{transition : all 0.3s cubic-bezier(.17,.67,.37,.96); transform: scaleX(0) translate(0,50%);}
	
	
	/*ANIMATIN ARRIVE PAGE*/





	/*nav bottom*/
	.nav-bottom__button{cursor:pointer;}
	
	
	/*ANIMATION TRANSITION*/

	/*SECTION N*/

	/*block bleu*/
	.section--n .block-blue-n__wrap-titre,.section--n .block-blue-n__wrap-text{
		transform-origin: right;
		transform: scaleX(0);
		transition : all 0.3s cubic-bezier(.17,.67,.37,.96);
	}

	.section--n.current-screen .block-blue-n__wrap-titre,.section--n.current-screen .block-blue-n__wrap-text{
		transform: scaleX(1);
	}

	.section--n .block-blue-n__wrap-text{
		transition-delay: 0.2s
	}

	/*block bleu text*/
	.section--n .h2, .section--n .h4, .section--n p {
		opacity: 0;
		position: relative;
		right:-100px;
		transition : all 0.3s cubic-bezier(.17,.67,.37,.96) 0.2s;
	}
	.section--n .h4{
		transition-delay: 0.5s;
	}
	.section--n p{
		transition-delay: 0.6s;
	}
	.section--n.current-screen .h2, .section--n.current-screen .h4, .section--n.current-screen p {
		opacity: 1;
		right:0px;
	}


	/*SECTION FULL BLUE + FUUL IMAGE*/
	.section--blue .h1-section, .section--full-image .h1-hero, .section--full-image p{
		position: relative;
		top:50px;
		opacity: 0;
		transition : all 0.3s cubic-bezier(.17,.67,.37,.96) 0.2s;
	}
	.section--full-image p{
		transition-delay: 0.5s
	}
	.section--blue.current-screen .h1-section, .section--full-image.current-screen .h1-hero, .section--full-image.current-screen p{
		top:0px;
		opacity: 1;
	}


	/*SECTION N-1*/
	.section--n-1 .block-blue{
			transform: translateX(100%);
			transition : all 0.6s cubic-bezier(.17,.67,.06,.99);

	}
	.section--n-1.current-screen .block-blue{
			transform: translateX(0%);
	}

	.section--n-1 .block-blue:nth-child(1){
		opacity: 0;
		transform: translateX(-50px);
		transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.6s;
	}
	.section--n-1.current-screen .block-blue:nth-child(1){
		opacity: 0;
		transform: translateX(-50px);
		transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.6s;
	}

	.wrap-bg.wrap-bg--block-blue {
		width: 100%;
		transition : all 0.3s cubic-bezier(.17,.67,.06,.99);
	}
	.wrap-bg.wrap-bg--block-blue {
		width: 60%;
	}


	/*CARD*/
	.section .card, .section .card-horizontal{
		transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	}
	.section.current-screen .card, .section.current-screen .card-horizontal{
		transform: scale(1);
		opacity: 1;
	}


	/*BG*/
	
	/*popup*/
	.popup.open .wrap-bg
	 {
		filter: blur(0px);
		opacity: 1;
		transform: scale(1);
	}

	
	/*popup*/
	.popup .wrap-bg
	 {
		filter: blur(40px);
		opacity: 0;
		transform: scale(1.4);
		transition : all 0.6s cubic-bezier(0.020, 0.360, 0.335, 0.995) 0s;
	}
	.popup .wrap-bg {
		transition-duration :10.3s;
	}
	.popup.open .wrap-bg {
		transition-duration :1.5s;
	}
	.section.current-screen .wrap-bg {
		transition-duration :0.6s;
	}

	/*titres et  content__title*/

	.section .info-scroll {
		transition : all 1s cubic-bezier(.17,.67,.37,.96) 1s;
		transform: translateY(20px);
		opacity:0;
	}
	.section.current-screen .info-scroll {
		transform: translateY(0px);
		opacity: 1;
	}


	.section .section-white-bg{
		transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	} 
	.section.current-screen .section-white-bg{
		transform: scale(1);
		opacity: 1;
	} 




	.section .section-white-bg{
		transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	} 
	.section.current-screen .section-white-bg{
		transform: scale(1);
		opacity: 1;
	} 
	


	.section .max-width-content{
		transition : all 0.2s cubic-bezier(.17,.67,.37,.96);
		transform: translateY(10px);
		opacity: 0;
	}
	.section.current-screen .max-width-content{
		transform: translateY(0px);
		opacity: 1;
	}

	/*TOP + OPACITY*/

	/*tite avant animation*/
	.section .section__content--bloc *:not(.popup-absolute)	{
		transition : all 1s cubic-bezier(.17,.67,.37,.96) 0.4s;
		transform: translateY(10px);
		opacity: 0;
	}

	
	/*tite après animation*/

	.section.current-screen .section__content--bloc *:not(.popup-absolute)	{
		transform: translateY(0px);
		opacity: 1;
	}
	/*nth-child*/
	.section.current-screen .content__title *:nth-child(2),
	.section.current-screen .card--30 > div:nth-child(2), .section.current-screen .card--50 > div:nth-child(2),
	.popup.open .content__title *:nth-child(2)
	{
		transition-delay: 0.8s;
	}


	/*delay particulier*/
	.section.current-screen .card--30 > div,.section.current-screen .card--50 > div{transition-delay: 0.8s;}
	.section.current-screen .card--30 > div:nth-child(2),.section.current-screen .card--50 > div:nth-child(2){transition-delay: 1s;}


	.popup-map {
		opacity: 0;
		transition : 	left 0s cubic-bezier(.17,.67,.37,.96) 0.3s,
						opacity  0.3s cubic-bezier(.17,.67,.37,.96);
	}
	.popup-map.popup-map-open {
		opacity: 1;
		transition : 	left 0s cubic-bezier(.17,.67,.37,.96),
						opacity  0.3s cubic-bezier(.17,.67,.37,.96);
	}
	/*left + opactity*/
	.popup-map .h-map{
		transform: translateX(-15%);
		opacity: 0;
		transition : all 1s cubic-bezier(.17,.67,.37,.96) 0.6s;
	}
	.popup-map.popup-map-open .h-map{
		transform: translateX(0%);
		opacity: 0.1;
	}
	/*SCALE + OPACITY*/
	.section .img-map,
	.popup-map .img-map,
	.section .wrapper-dot .dot,
	.popup-map .wrapper-dot .dot
	{
		transform: scale(0.7);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.3s;
	}

	.section.current-screen .img-map,
	.popup-map.popup-map-open .img-map,
	.section.current-screen .wrapper-dot .dot,
	.popup-map.popup-map-open .wrapper-dot .dot
	{
		transform: scale(1);
		opacity: 1;
	}

	/*delay particulier*/
	.section .button__container{
		transition-delay: 0.8s;
	}
	.popup .content__title,
	.section .content__title{
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
	}



	/*LEFT + OPACITY*/
	.section .list__item{
		transform: translateX(-10px);
		opacity: 0;
	}
	.section.current-screen .list__item{
		transform: translateX(0px);
		opacity: 1;
	}


	.block--title{
		overflow: hidden;
	}


	/*block title*/
	.block--title *{
		position: relative;
		transition : all 0.3s cubic-bezier(0.020, 0.360, 0.335, 0.995) 0s;
		top:130%;
	}
	.block--title *:nth-child(2) {
		transition-delay : 0.1s;
	}
	.block--title *:nth-child(3) {
		transition-delay : 0.2s;
	}
	.current-screen .block--title *{
		top:0%;
	}




	.section .wrap-card .card--20,
	.section .wrap-card .card--30,
	.section .wrap-card .card--50,
	.section .wrap-card .card--50-2,
	.section .wrap-card .v  {
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
		transform: scale(0.8);
		opacity: 0;
	}
	.current-screen.section  .wrap-card .card--20,
	.current-screen.section  .wrap-card .card--30,
	.current-screen.section  .wrap-card .card--50,
	.current-screen.section  .wrap-card .card--50-2,
	.current-screen.section .wrap-card .v  {
		transform: scale(1);
		opacity: 1;
	}


	
	/*KPI*/
	.section__bloc-text-center .h1-vh--hero,
	.section__bloc-text-center .text-vh,
	.section__bloc-text-center .huge-numbre {
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
		opacity: 0;
		transform: translateX(-50px);
	} 
	.current-screen .section__bloc-text-center .h1-vh--hero,
	.current-screen .section__bloc-text-center .text-vh,
	.current-screen .section__bloc-text-center .huge-numbre{
		opacity: 1;
		transform: translateX(0px);
	}  
	.current-screen .section__bloc-text-center .huge-numbre {
		opacity: 0.15!important;
	}
	/*PAGE*/

	.section__bloc-garde > * ,.section__title > * {
		opacity: 0;
		transform: translateX(-50px);
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	}
	.current-screen .section__bloc-garde > *,.current-screen .section__title > *  {
		opacity: 1;
		transform: translateX(0px);
	}


}

/*arrow right sidebar button current*/
.sidebar .w--current .side-bar-text{
	position: relative;
}
.sidebar .w--current .side-bar-text::after{
	content:url(../images/arrow-right.png);
	position: absolute;
	top:0;
	left:-28px;
	width:35px;
	height:20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}




/*map*/
/*
@media screen and (max-height: 600px) {

	.wrapper-map{
		width:1100px;
		height:572px;
	}
	.dot{
		height:20px!important;
		width:20px!important;
	}
}
@media screen and (max-height: 500px) {

	.wrapper-map{
		width:900px;
		height:546px;
	}
	.dot{
		height:15px;
		width:15px;
	}
}
@media screen and (max-height: 450px) {

	.wrapper-map{
		width:800px;
		height:417px;
	}
	.dot{
		height:15px;
		width:15px;
	}
}

@media screen and (max-height: 750px) {

	.wrapper-map{
		width:1200px;
		height:625px;
	}
	.dot{
		height:20px!important;
		width:20px!important;
	}
}*/
@media screen and (max-width: 1500px), (max-height:800px) {

	.wrapper-map{
		width:1200px;
		height:625px;
	}
	.dot{
		height:30px!important;
		width:30px!important;
	}
}



@media screen and (max-width: 1250px), (max-height:600px)  {

	.wrapper-map{
		width:1100px;
		height:572px;
	}
	.dot{
		height:25px!important;
		width:25px!important;
	}
}



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

	.wrapper-map{
		width:900px;
		height:546px;
	}
	.dot{
		height:15px;
		width:15px;
	}
}




@media screen and (max-width: 1000px), (max-height:550px){

	.wrapper-map{
		width:800px;
		height:417px;
	}
	.dot{
		height:15px;
		width:15px;
	}
}
@media screen and (max-width: 768px) {

	.dot:not(a){
		display:none!important;
	}
}