/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/







html{
	min-width: 300px;
	overflow-x: hidden;
}
body{
	overflow-x: hidden;
}
.entry-title{
	display: none !important;
}
.content-section .elementor-inner-section{
	padding-left: 85px;
}
.yellow{
	color: var(--e-global-color-accent);
}
.yellow-back-right::after,
.blue-back-right::after,
.red-back-right::after,
.green-back-right::after{
	content:  "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 99%;
	top: 0;
	background-color: var(--e-global-color-accent);
	z-index: -1;
}
.blue-back-right::after{
	background-color: var(--e-global-color-a9d0557);
}
.red-back-right::after{
	background-color: var(--e-global-color-4c1f0bd);
}
.green-back-right::after{
	background-color: var(--e-global-color-secondary);
}
.blue{
	color: var(--e-global-color-a9d0557);
}
.red{
	color: var(--e-global-color-4c1f0bd);
}
.heleve-font{
	font-family: helvetica;
}
.stronger{
	color: var( --e-global-color-a9d0557 );
}
h1 strong,
h2 strong{
	font-weight: 700;
}
.animation-video-wrapper{
	cursor: pointer;
}

.off{
	display: none;
}

.elementor-image-carousel figcaption{
	position: absolute;
	bottom: 20px;
	left: 20px;
	max-width: 180px;
}
.left-txt .elementor-button-text{
	text-align: left;
}
.full-width .elementor-button{
	width: 100%;
}

/*logo animation*/
.animation-video-wrapper{
	position: fixed;
	left: 0;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: black;
}
.animation-video-wrapper video{
	max-height: 100%;
	max-width: 100%;
}
.logo-wrapper{
	position: relative;
	z-index: 100;
}
body.no-animation .animation-video-wrapper{
	top: -100%;
}
body.animation .logo-wrapper/*,
body.close-animation .logo-wrapper*/{
	opacity: 0;
	animation: close-anim-logo 2s ease-in-out 3s forwards;
}
body.animation .animation-video-wrapper/*,
body.close-animation .animation-video-wrapper*/{
	top: 0%;
	animation: close-anim-video 2s ease-in-out 3s forwards;
}
body.animation .toogle-animation/*,
body.close-animation .toogle-animation*/{
	top: 100%;
	transform: translateY(-100%) rotate(180deg);
	animation: close-anim-btn 1.5s ease-in-out 3s forwards;
}
body.close-animation .logo-wrapper{
	opacity: 0;
	animation: close-anim-logo-bis 2s ease-in-out forwards;
}
body.close-animation .animation-video-wrapper{
	top: 0%;
	animation: close-anim-video-bis 2s ease-in-out forwards;
}
body.close-animation .toogle-animation{
	top: 100%;
	transform: translateY(-100%) rotate(180deg);
	animation: close-anim-btn-bis 1.5s ease-in-out forwards;
}
body.open-animation .logo-wrapper{
	animation: open-anim-logo 2s ease-in-out forwards;
}
body.open-animation .animation-video-wrapper{
	animation: open-anim-video 2s ease-in-out -0.3s forwards;
}
body.open-animation .toogle-animation{
	animation: open-anim-btn 1.8s ease-in-out forwards;
}
/*logo animation*/
/*header*/
.elementor-location-header::before{
	content: "";
	height: 160px;
}
.elementor-location-header > .elementor-section-wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}
.toogle-animation{
	position: fixed;
	top: 120px;
	transform: translateY(0%);
	z-index: 99;
	width: 100%;
	left: 0;
	text-align: center;
}
.toogle-animation i{
	font-size: 25px;
	cursor: pointer;
	color: var(--e-global-color-accent);
}
.toogle-animation i:hover{
	color: var(--e-global-color-secondary);
}
section.burger-wrapper.elementor-element{
	position: absolute;
	top: 100%;
	left: 5px;
	width: unset;
	max-width: 80px;
	z-index: 9;
	background-color: #fff;
	border-radius: 100px;
}
header section.burger-wrapper .elementor-nav-menu--dropdown{
	position: fixed;
	top: 0;
	left: 0%;
	width: 100vw;
	height: 100vh;
	transition: all 0.5s ease-in-out;
	background-color: black;
}
header .elementor-nav-menu--dropdown{
	margin: 0 !important;
	z-index: 8;
}
header .elementor-grid-0 .elementor-grid.elementor-social-icons-wrapper{
	display: flex;
	flex-direction: column;
}
header .elementor-menu-toggle{
	background-color: transparent;
}
header .elementor-menu-toggle .eicon-close:hover{
	color: var( --e-global-color-secondary ) !important;
}
header .eicon-menu-bar{
	display: block !important;
}
.elementor-menu-toggle.elementor-active .eicon-close{
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 9;
	color: #fff!important;
}
header section.burger-wrapper .elementor-nav-menu--dropdown{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
header section.burger-wrapper .elementor-nav-menu--dropdown a{
	background-color:  unset !important;
	color: #fff ;
	font-size: 3rem;
}
header section.burger-wrapper .elementor-nav-menu--dropdown ul li{
	padding-left: 15px;
	padding-right: 15px;
}
header section.burger-wrapper .elementor-nav-menu--dropdown ul li:not(:last-of-type){
	margin-bottom: 60px;
}
header .elementor-nav-menu li a::after{
	height: 5px;
	bottom: 0;
}
.page-id-11 .burger-wrapper .custom-crb-mail,
.page-id-11 .burger-wrapper .custom-crb-linkedin,
.page-id-11 .burger-wrapper .custom-crb-facebook{
	color: var(--e-global-color-a9d0557) !important;
}
.page-id-13 .burger-wrapper .custom-crb-mail,
.page-id-13 .burger-wrapper .custom-crb-linkedin,
.page-id-13 .burger-wrapper .custom-crb-facebook{
	color: var(--e-global-color-ff93e8b) !important;
}
/*header*/
/*footer*/
footer *,
footer a{
	color: #fff;
}
a{
	color: var(--e-global-color-secondary) ;
}
a:hover{
	color: var(--e-global-color-ff93e8b) ;
}
footer a:hover,
footer a:hover strong,
footer a:hover span{
	color: var(--e-global-color-secondary) ;
}
footer .elementor-nav-menu li{
	text-align: right;
}
footer .elementor-nav-menu a,
header .elementor-nav-menu a{
	display: inline;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.elementor-nav-menu li a::after{
	content: "";
	height: 2px;
	border-radius: 10px;
	width: 0;
	position: absolute;
	left: 0;
	transition: all 0.2s ease-in-out;
}
.elementor-nav-menu li:nth-of-type(1) a::after{
	background-color: var(--e-global-color-accent) !important;
}
.elementor-nav-menu li:nth-of-type(2) a::after{
	background-color: var(--e-global-color-secondary) !important;
}
.elementor-nav-menu li:nth-of-type(3) a::after{
	background-color: var(--e-global-color-ff93e8b) !important;
}
.elementor-nav-menu li a:hover::after{
	width: 100%;
}
footer .elementor-social-icons-wrapper{
	display: flex !important;
	justify-content: space-evenly; !important;
	flex-wrap: wrap;
}
/*footer*/
/*tab-column*/
.demat-btn:not(.disabled-col-btn),
.repro-btn:not(.disabled-col-btn){
	cursor: pointer;
}
.demat-btn.disabled-col-btn h2{
	margin-bottom: 20px;
}
.demat-btn h2 .title-wrap::after{
	content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NC4zIDEzMS42OSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwODcyQzE7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU0OC42MSw0NS4yNkgzMDguOTJhMi4yMSwyLjIxLDAsMCwwLS4zNywwbC0uMzMsMC0uMzEuMS0uMzMuMTItLjI4LjE1LS4zLjE5YTEuNjQsMS42NCwwLDAsMC0uMjUuMjEsMiwyLDAsMCwwLS4yNi4yNCwyLjU0LDIuNTQsMCwwLDAtLjIuMjQsMy40NiwzLjQ2LDAsMCwwLS4yMi4zMUwzMDYsNDcsMjg3LjQ4LDc5LjI5YS4yNy4yNywwLDAsMS0uMjYuMTRoMGEuMjYuMjYsMCwwLDEtLjI1LS4xNEwyNjguNTIsNDcuNTFhMy40OCwzLjQ4LDAsMCwwLTMuMjYtMi4yNUgyNS42OWEzLjUsMy41LDAsMCwwLDAsN0gyNjMuMThMMjgwLjkyLDgyLjhhNy4xOSw3LjE5LDAsMCwwLDYuMywzLjYzaDBhNy4yMyw3LjIzLDAsMCwwLDYuMzEtMy42NmwxNy41MS0zMC41MUg1NDguNjFhMy41LDMuNSwwLDAsMCwwLTdaIi8+PC9zdmc+);
	width: 110%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	opacity: 0;
}
.repro-btn h2 .title-wrap::after{
	content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NC4zIDEzMS42OSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNFQTVFM0I7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU0OC42MSw0NS4yNkgzMDguOTJhMi4yMSwyLjIxLDAsMCwwLS4zNywwbC0uMzMsMC0uMzEuMS0uMzMuMTItLjI4LjE1LS4zLjE5YTEuNjQsMS42NCwwLDAsMC0uMjUuMjEsMiwyLDAsMCwwLS4yNi4yNCwyLjU0LDIuNTQsMCwwLDAtLjIuMjQsMy40NiwzLjQ2LDAsMCwwLS4yMi4zMUwzMDYsNDcsMjg3LjQ4LDc5LjI5YS4yNy4yNywwLDAsMS0uMjYuMTRoMGEuMjYuMjYsMCwwLDEtLjI1LS4xNEwyNjguNTIsNDcuNTFhMy40OCwzLjQ4LDAsMCwwLTMuMjYtMi4yNUgyNS42OWEzLjUsMy41LDAsMCwwLDAsN0gyNjMuMThMMjgwLjkyLDgyLjhhNy4xOSw3LjE5LDAsMCwwLDYuMywzLjYzaDBhNy4yMyw3LjIzLDAsMCwwLDYuMzEtMy42NmwxNy41MS0zMC41MUg1NDguNjFhMy41LDMuNSwwLDAsMCwwLTdaIi8+PC9zdmc+);
	width: 110%;
	display: block;
	position: absolute;
	left: 50%;
	top: 80%;
	transform: translateX(-50%);
	opacity: 0;
}
.contact-section h2 .title-wrap::after{
	content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NC4zIDEzMS42OSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3RkFEM0Q7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU0OC42MSw0NS4yNkgzMDguOTJhMi4yMSwyLjIxLDAsMCwwLS4zNywwbC0uMzMsMC0uMzEuMS0uMzMuMTItLjI4LjE1LS4zLjE5YTEuNjQsMS42NCwwLDAsMC0uMjUuMjEsMiwyLDAsMCwwLS4yNi4yNCwyLjU0LDIuNTQsMCwwLDAtLjIuMjQsMy40NiwzLjQ2LDAsMCwwLS4yMi4zMUwzMDYsNDcsMjg3LjQ4LDc5LjI5YS4yNy4yNywwLDAsMS0uMjYuMTRoMGEuMjYuMjYsMCwwLDEtLjI1LS4xNEwyNjguNTIsNDcuNTFhMy40OCwzLjQ4LDAsMCwwLTMuMjYtMi4yNUgyNS42OWEzLjUsMy41LDAsMCwwLDAsN0gyNjMuMThMMjgwLjkyLDgyLjhhNy4xOSw3LjE5LDAsMCwwLDYuMywzLjYzaDBhNy4yMyw3LjIzLDAsMCwwLDYuMzEtMy42NmwxNy41MS0zMC41MUg1NDguNjFhMy41LDMuNSwwLDAsMCwwLTdaIi8+PC9zdmc+);
	width: 100%;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) translateY(80%);
	opacity: 1;
}
.contact-section h2{
	margin-bottom: 40px;

}
.contact-section h2 .title-wrap{
	display: block;
}
.demat-btn.disabled-col-btn h2 .title-wrap::after,
.repro-btn.disabled-col-btn h2 .title-wrap::after{
	opacity: 1;
}
.disabled-col-btn {
	cursor: default;
}
/*.disabled-col-btn*/ .title-wrap,
.contact-section h2 .title-wrap{
	position: relative;
}
/*.disabled-col-btn .title-wrap .title*/
.demat-btn:not(.disabled-col-btn) .title-wrap .title,
.repro-btn:not(.disabled-col-btn) .title-wrap .title{
	opacity: 0.5;
}
body:not(.elementor-editor-active) .hidden-column{
	display: none;
}
.hidden-column *:hover{
	cursor: default !important;
}
.demat-col,
.repro-col,
.tab-content {
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
/*tab-column*/
/*text-tab*/
.tab-btn img{
	cursor: pointer;
	border-radius: 100px;
	padding: 10px;
	border: 4px solid transparent;
}
.active-tab img{
	border: 4px solid var(--e-global-color-a9d0557);
}
.tab-btn:hover img{
	border: 4px solid var(--e-global-color-secondary);
}
/*text-tab*/
.blue-block-editor img{
	padding: 10px;
	border-radius: 100px;
	background-color: #fff;
	cursor: pointer;
	margin-top: 25px;
}
.hide-text-btn{
	cursor: pointer;
}
p.img-wrap{
	position: relative;
}
p.img-wrap i{
	position: absolute;
	bottom: 0;
	left: 55%;
	color: black;
}
.hidden-text{
	max-height: 0px;
	transition: all 0.2s ease-in-out;
	overflow: hidden;
}
.toggle-hidden-text{
	cursor: pointer;
}
.hidden-text.visible,
body.elementor-editor-active .hidden-text{
	max-height: 400px;
}
.absolute-btn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/*legal pages*/
#cmplz-document{
	max-width: unset;
}
.privacy-policy .page-content h1,
.page-id-445 .page-content h1,
.cmplz-document h1,
.privacy-policy .page-content h2,
.page-id-445 .page-content h2,
.page-content #cmplz-document h2,
.privacy-policy .page-content p,
.page-id-445 .page-content p,
.page-content #cmplz-document p,
.privacy-policy .page-content a,
.page-id-445 .page-content a,
.page-content #cmplz-document a{
	font-family: var(--e-global-typography-primary-font-family) ;
}
.privacy-policy .page-content h1,
.page-id-445 .page-content h1,
.cmplz-document h1{
	color: var(--e-global-color-a9d0557);
	font-size: 2.5rem;
	margin: 50px 0 50px 0;
	text-decoration: underline;
}
.privacy-policy .page-content h2,
.page-id-445 .page-content h2,
.page-content #cmplz-document h2{
	color: var(--e-global-color-secondary);
	border:  none;
	font-size: 2rem;
	margin-top: 50px;
}
.privacy-policy .page-content p,
.page-id-445 .page-content p,
.page-content #cmplz-document p{
	font-size: 1rem;
}
.privacy-policy .page-content p:last-of-type,
.page-id-445 .page-content p:last-of-type,
.page-content #cmplz-document p:last-of-type{
	margin-bottom: 50px;
}
.privacy-policy .page-content a,
.page-id-445 .page-content a,
.page-content #cmplz-document a{
	color: var(--e-global-color-a9d0557);
}
.privacy-policy .page-content a:hover,
.page-id-445 .page-content a:hover,
.page-content #cmplz-document a:hover{
	color: var(--e-global-color-secondary);
}
/*legal pages*/


/* markup for mobile */
@media screen and (max-width:767px) {
	footer .custom-order .elementor-container > :nth-child(1) { order: 2; }
	footer .custom-order .elementor-container > :nth-child(2) { order: 1; }
	footer .custom-order .elementor-container > :nth-child(3) { order: 3; }

	footer .elementor-nav-menu li{
		text-align: center;
	}
	.elementor-location-header > .elementor-section-wrap,
	section.burger-wrapper.elementor-element,
	.toogle-animation{
		position: absolute;
	}.elementor-element-21313a1{
		position: static;
	}
	section.burger-wrapper .elementor-nav-menu--burger{
		margin: 0;
	}
	section.burger-wrapper .elementor-widget-social-icons{
		display: none;
	}
	.content-section .elementor-inner-section{
		padding-left: 0;
	}
}

/* markup for tablets */
@media screen and (min-width:768px) and (max-width:1024px) {
	footer .elementor-social-icons-wrapper span{
		flex-basis: 45%;
	}
}

/* markup for desktop */
/*@media screen and (min-width:1024px) {

}*/




@keyframes close-anim-logo {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes close-anim-video {
  from { top: 0%; }
  to   { top: -100%; }
}
@keyframes close-anim-btn {
  from { top: 100%; transform: translateY(-100%) rotate(180deg); }
  to   { top: 120px; transform: translateY(0%) rotate(0deg); }
}
@keyframes close-anim-logo-bis {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes close-anim-video-bis {
  from { top: 0%; }
  to   { top: -100%; }
}
@keyframes close-anim-btn-bis {
  from { top: 100%; transform: translateY(-100%) rotate(180deg); }
  to   { top: 120px; transform: translateY(0%) rotate(0deg); }
}
@keyframes open-anim-logo {
  from { opacity: 1; }
  to   { opacity: 0; }
}
@keyframes open-anim-video {
  from { top: -100%; }
  to   { top: 0%; }
}
@keyframes open-anim-btn {
  from { top: 120px; transform: translateY(0%) rotate(0deg); }
  to   { top: 100%; transform: translateY(-100%) rotate(180deg); }
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/* --- CRB 2026 : désactivation complète de l'intro plein écran --- */
html body .animation-video-wrapper,
html body .toogle-animation,
html body #logo-video,
html body .animation-video {
    display: none !important;
}
/* --- CRB 2026 : logo d'en-tête visible immédiatement, respiration lente --- */
html body.animation .logo-wrapper {
    opacity: 1 !important;
    animation: none !important;
}
html body .logo-wrapper img,
.crb-spiral img {
    animation: crb-breathe 5s ease-in-out infinite alternate;
}
@keyframes crb-breathe {
    from { transform: scale(1); }
    to { transform: scale(1.07); }
}
/* --- CRB 2026 : en-tête compact --- */
html body .logo-wrapper img {
    width: 96px !important;
    height: auto !important;
}
/* --- CRB 2026 : menu latéral visible en continu (bureau) --- */
@media screen and (min-width:768px) {
    html body header .elementor-menu-toggle {
        display: none !important;
    }
    html body section.burger-wrapper.elementor-element {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 240px !important;
        max-width: 240px !important;
        background: #000000 !important;
        border-radius: 0 0 16px 0 !important;
        padding: 14px 18px !important;
        box-shadow: 0 6px 14px rgba(0,0,0,0.35);
    }
    html body header .elementor-nav-menu--main .elementor-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px;
        margin: 0;
        padding: 0;
    }
    html body header .elementor-nav-menu--main a.elementor-item {
        color: #ffffff !important;
        font-size: 1.05rem !important;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 0 !important;
    }
    html body header .elementor-nav-menu--main a.elementor-item:hover,
    html body header .elementor-nav-menu--main a.elementor-item-active {
        color: #F2AC27 !important;
    }
    html body .content-section .elementor-inner-section {
        padding-left: 270px !important;
    }
}