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

/*
transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
.open pour popup
.transition-arrive-play pour arriver
.section.current-screen pour nouvel ecran
*/
/*variables*/


/*tools class*/
/*
.bg-color--main-1{background-color:var(--main-1) ;}
.bg-color--main-1-xlighter{background-color:var(--main-1--xlighter) ;}
.bg-color--main-1-lighter{background-color:var(--main-1--lighter) ;}
.bg-color--main-1-light{background-color:var(--main-1--light) ;}
.bg-color--main-1-dark{background-color:var(--main-1--dark) ;}
.bg-color--main-1-darker{background-color:var(--main-1--darker) ;}
.bg-color--main-1-darkest{background-color:var(--main-1--darkest) ;}
.bg-color--main-2{background-color:var(--main-2) ;}
.bg-color--main-2-xlighter{background-color:var(--main-2--xlighter) ;}
.bg-color--main-2-lighter{background-color:var(--main-2--lighter) ;}
.bg-color--main-2-light{background-color:var(--main-2--light) ;}
.bg-color--main-2-dark{background-color:var(--main-2--dark) ;}
.bg-color--main-2-darker{background-color:var(--main-2--darker) ;}
.bg-color--main-2-darkest{background-color:var(--main-2--darkest) ;}
.bg-color--main-3{background-color:var(--main-2) ;}
.bg-color--main-3-xlighter{background-color:var(--main-2--xlighter) ;}
.bg-color--main-3-lighter{background-color:var(--main-2--lighter) ;}
.bg-color--main-3-light{background-color:var(--main-2--light) ;}
.bg-color--main-3-dark{background-color:var(--main-2--dark) ;}
.bg-color--main-3-darker{background-color:var(--main-2--darker) ;}
.bg-color--main-3-darkest{background-color:var(--main-2--darkest) ;}
.bg-color--black{background-color:var(--black) ;}
.bg-color--white{background-color:var(--white) ;}

.font-color--main-1{color:var(--main-1) ;}
.font-color--main-1-xlighter{color:var(--main-1--xlighter) ;}
.font-color--main-1-lighter{color:var(--main-1--lighter) ;}
.font-color--main-1-light{color:var(--main-1--light) ;}
.font-color--main-1-dark{color:var(--main-1--dark) ;}
.font-color--main-1-darker{color:var(--main-1--darker) ;}
.font-color--main-1-darkest{color:var(--main-1--darkest) ;}
.font-color--main-2{color:var(--main-2) ;}
.font-color--main-2-xlighter{color:var(--main-2--xlighter) ;}
.font-color--main-2-lighter{color:var(--main-2--lighter) ;}
.font-color--main-2-light{color:var(--main-2--light) ;}
.font-color--main-2-dark{color:var(--main-2--dark) ;}
.font-color--main-2-darker{color:var(--main-2--darker) ;}
.font-color--main-2-darkest{color:var(--main-2--darkest) ;}
.font-color--main-3{color:var(--main-2) ;}
.font-color--main-3-xlighter{color:var(--main-2--xlighter) ;}
.font-color--main-3-lighter{color:var(--main-2--lighter) ;}
.font-color--main-3-light{color:var(--main-2--light) ;}
.font-color--main-3-dark{color:var(--main-2--dark) ;}
.font-color--main-3-darker{color:var(--main-2--darker) ;}
.font-color--main-3-darkest{color:var(--main-2--darkest) ;}
.font-color--black{color:var(--black) ;}
.font-color--white{color:var(--white) ;}
*/


.hide{display: none!important;}
.no-pointer{cursor:default!important;}
.pointer{cursor:pointer!important;}
.nav-bottom__button{cursor:pointer;}
.remove-class, .remove-all-class{cursor: pointer;}
.btn-download{cursor: pointer;}
.bd-transparent-again{opacity: 0;}
.alert{opacity:0;}
.overflow-hidden{overflow: hidden!important;}
.transition-arrive-play .alert{opacity:1;transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.8s;}
.video-overlay{
	height:calc(100% - 48px)
}
.bg-video{
	height: auto;
}
.video{
	position: relative;
	height: 100%;
	width: 100%;
}
p{height:auto;}

/*MENU*/
.menu-perigord{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 600ms,
                opacity 600ms cubic-bezier(.23, 1, .32, 1);
    opacity:0;
}
.open.menu-perigord{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms,
                opacity 600ms cubic-bezier(.23, 1, .32, 1);
    opacity:1;
}

/*Régle pour les margin des cards et le resposnive*/
@media screen and (max-width: 991px){
	.card[class*='margin-right'] {
		margin-right: 0!important;
	}
	.card[class*='margin-left'] {
		margin-left: 0!important;
	}
}


@media screen and (min-width: 1024px) {.alert.open{left:0%;}}
.version-selection .gear{display: none;}
.popup{overflow: hidden;}
.section .wrap-bg{ 
	overflow: hidden;
	transform-origin: center center;
	transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
.img-fit-fill{
	object-fit: fill;
	width:100%;
	height:100%;
}
.img-fit-contain{
	object-fit: contain;
	width:100%;
	height:100%;
}
.img-fit-cover{
	object-fit: cover;
	width:100%;
	height:100%;
}
.capital{
	text-transform:uppercase;
}
.italic{
	font-style: italic;
}
/*Règles automatiques section et texte*/
.section__container > p {
	max-width: 50vw;
}
.section__container > p.h1 {
	max-width: 950px;
}
.no-max-width{max-width: none!important;}

/*slider dot*/
.wrapper-nav-dot > div{
	width: 15px;
	height:15px;
	border-radius: 50%;
	background: var(--main-1--darker);
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	margin:0 5px;
	opacity:0.6;
	cursor: pointer;
	z-index: 1;
}
.wrapper-nav-dot > div.active-dot{
	opacity:1;
	transform: scale(1.4);
}
.wrapper-nav-dot > div:hover{
	transform: scale(1.2);
}
.slider-arrow{cursor: pointer;}

a > *{
    transition : all 1.2s cubic-bezier(.23, 1, .32, 1);
}
a .bg{
    transition : all 1.2s cubic-bezier(.23, 1, .32, 1);
    transform: scale(1);
    filter: blur(0px);
}
a:hover .bg{
    transform: scale(1.2);
    filter: blur(5px);
}
.part-third:hover .bg{
    opacity:0.6;
}
.part-third:hover {
	width:110%;
}
.part-third .round-element {
	transform: scale(0.8);
	opacity: 0;
}
.part-third:hover .round-element {
	transform: scale(1);
	opacity: 1;
}
.part-third:hover h2 {
	transform: scale(1.1);
	margin-top: 0%;
	letter-spacing: 7px;
	background: rgba(182,194,201,0);
	padding: 50px;
}


/*apparition*/

.nav-page-wrap a, .nav-bottom__button p{
	transition : all 1.2s cubic-bezier(.23, 1, .32, 1);
	opacity: 0;
	transform: translateX(-10%);
}
.transition-arrive-play .nav-page-wrap a, .transition-arrive-play .nav-bottom__button p{
	opacity: 1;
	transform: translateX(0%);
}


.nav-page-wrap .nav-page__round{
	transition : all 1.2s cubic-bezier(.23, 1, .32, 1);
	transform: scale(0);
}
.transition-arrive-play .nav-page-wrap .nav-page__round{
	transform: scale(1);
}

.nav-bottom__button img{
	transform: scale(0);
	transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}
.transition-arrive-play .nav-bottom__button img{
	transform: scale(1);
}
/*.nav-bottom__button:not(.current):hover{
	height: 13vw;
	opacity: 1;
}*/
.nav-page-wrap .line-round{
	transition: all 200ms cubic-bezier(.23, 1, .32, 1);
	transform-origin: top;
	transform: scaleY(0);
}
.transition-arrive-play .nav-page-wrap .line-round{
	transform: scaleY(1);
}
.nav-page-wrap .nav-page p{
	transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}
.nav-page-wrap .nav-page:hover p{
	font-weight: 800;
}
.nav-page-wrap .nav-page:hover .nav-page__hallo{
	transition: all 1000ms cubic-bezier(.23, 1, .32, 1);}
.nav-page-wrap .nav-page:hover .nav-page__hallo{
	transform: scale(4.5);
}
.filter-texte.filter--selected .checkbox_inside {
	transform: scale(1);
}
g{
	transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}
g.filter--selected{
opacity:0.4;
}

em.screen-animation-inline-block--text, .em.inline-block--text {
	font-style: inherit!important;
}


.bloc-text-slider-info.open > *:not([data-trigger]) {display: none;  }
