/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* DEFAULT */
.page-header {
	display: none !important;
}
:root {
	--black:#000000;
	--orange:#DB8B1C;
	--grey: #00000005;
	--white:#fff;
}
body {
	margin: 0;
	padding: 0;
}
@keyframes boom1 {
	0% {
		top: 2px;
		left: 2px;
		width: 0px;
		height: 0px;
	}
	50% {
		top: -5px;
		left: -5px;
	}
	100% {
		top: -9px;
		left: -10px;
		width: 50px;
		height: 50px;
	}
}
@keyframes boom2 {
	0% {
		width: 0px;
		height: 0px;
	}
	50% {
		top: -5px;
		left: -5px;
	}
	100% {
		top: -12px;
		left: -24px;
		width: 75px;
		height: 75px;
	}
}
@keyframes bdr {
	0% {
		top: 25px;
	  	height: 0;
	    width: 0;
  	}
  	15% {
  		top: 25px;
	    height: 0;
	    width: 145px !important;
  	}
  	90% {
  		top: 25px;
	    height: 0;
	    width: 125px !important;
	}
	100% {
  		top: 0 !important;
	    height: 26px !important;
	    width: 125px !important;
	}
}
/*.boom {
	.elementor-icon-wrapper {
		position: relative;
		&:before {
			content: '';
			background: var(--orange);
			width: 50px;
			height: 50px;
			border-radius: 50%;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			opacity: 0.4;
			animation: boom1 1.7s linear infinite;
		}
		&:after {
			content: '';
			background: var(--orange);
			width: 100px;
			height: 100px;
			border-radius: 50%;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			opacity: 0.2;
			animation: boom2 1.7s linear infinite;
		}
	}
}*/
.boom .elementor-icon:before, .boom .elementor-icon:after {
	content: '';
	position: absolute;
	width: 100px;
	height: 100px;
	top:-37px;
	left:-37px;
	background: var(--orange);	
	border-radius: 50%;
	transform:scale(0);
	opacity:0.8;
	animation: boom-animation 3s linear infinite;
}
.boom .elementor-icon:after {
	animation-delay:1s;
}
@keyframes boom-animation {
	0% {
		transform:scale(0);
		opacity:0.8;
	}
	100% {
		transform:scale(1);
		opacity:0;
	}
}
a.elementor-button,
.forminator-button {
	display: flex;
	justify-content: flex-start;
	align-items: center;

	&::after {
		content: '';
		background: url(/wp-content/uploads/2025/12/arrow-link-1.svg) center no-repeat;
		width: 61px;
		height: 15px;
		display: flex;
		margin-left: 10px;
		filter: brightness(0) invert(0);
		transition: all 400ms ease-in-out;
	}

	&::before {
		content: '';
		display: block;
		position: absolute;
		top: 25px;
		left: 63%;
		right: -10px;
		width: 0;
		height: 0;
		border: 1px solid var(--orange);
		border-left: none;
		border-top: none;
		z-index: 1;
		opacity: 0;
		transition: all 400ms ease-in-out;
	}

	.elementor-button-content-wrapper {
		display: inline-block;
		padding: 0 5px;
		position: relative;

		&:before {
			content: '';
			display: block;
			background: var(--black);
			width: 100%;
			height: 1px;
			position: absolute;
			bottom: 0;
			right: 0;
			transition: all 400ms ease-in-out;
		}
	}
}
a.elementor-button:hover,
.forminator-button:hover {
	&::after {
		margin-left: 18px;
		filter: brightness(1) invert(0) !important;
	}

	&::before {
		top: 0;
		width: 145px;
		height: 26px;
		opacity: 1 !important;
		animation: bdr 800ms forwards;
	}

	.elementor-button-content-wrapper {
		&:before {
			width: 0 !important;
		}
	}
}
.btn-white {
	a.elementor-button {
		&::after {
			filter: brightness(0) invert(1);
		}
		.elementor-button-content-wrapper {
	        &:before {
	            background: var(--white) !important;
	        }
	    }
	}
}
.btnSize {
	a.elementor-button {
	    &::before {
	    	left: 55% !important;
	    }
	}	
}
.btnSize2 {
	a.elementor-button {
	    &::before {
	    	left: 40% !important;
	    }
	}	
}
.forminator-button {
	box-shadow: none !important;
	display: flex !important;
    background-color: transparent !important;
    color: var(--black) !important;

    &:before {
    	top: 15px !important;
        left: 16% !important;
    }

    span {
		display: inline-block;
		padding: 0 5px;
		position: relative;

		&:before {
			content: '';
			display: block;
			background: var(--black);
			width: 100%;
			height: 1px;
			position: absolute;
			bottom: 0;
			right: 0;
			transition: all 400ms ease-in-out;
		}
	}
}
.forminator-button:hover {
	&::before {
		top: 15px !important;
	}

	span {
		&:before {
			width: 0 !important;
		}
	}
}
.form-contact {
	.forminator-button {
		color: var(--white) !important;

		&::before {
			left: 68% !important;
			bottom: 10px !important;
            top: inherit !important;
		}

		&::after {
	        filter: brightness(0) invert(1) !important;
	    }

		span {
			
			&:before {
				background: var(--white) !important;
			}
		}
	}
}
.forminator-g-recaptcha {
	width: 302px !important;
}

/* HEADER */
.header, .elementor-widget-theme-site-logo, .elementor-widget-nav-menu {
	transition: all 400ms ease-in-out;
	background: transparent;
}
.elementor-widget-theme-site-logo img {
	transition: all 400ms ease-in-out;
}
body.scrolled .header {
	background: var(--white);
	box-shadow: 0px 0px 15px 0px #cecece;

	.elementor-widget-theme-site-logo img {
		width: 135px;
		min-width: 135px;
		height: auto;
	}
	.elementor-widget-nav-menu {
		margin-bottom: 20px !important;
	}
}
nav ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;

	li {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		margin-right: 28px !important;
		padding-left:4px !important;
		
		&:before {
			content: '';
			background: var(--black);
			width: 13px;
			min-width: 13px;
			height: 13px;
			border: 1px solid var(--black);
			border-radius: 50%;
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			transition: all 300ms ease-in-out; 
		}

		a {
			margin: 0;
			padding: 13px 0 13px 20px !important;
			text-decoration: none;
			display: block;

			background-color: transparent !important;
		    border: none !important;
		    outline: none !important;

			&:before {
				content: '';
				background: var(--orange);
				display: block;
				width: 0;
				height: 0;
				border-radius: 50%;
				position: absolute;
				top: 0;
				bottom: 0;
				left: -1px !important;
				margin: auto;
				transition: all 300ms ease-in-out;
				opacity: 0;
				z-index: 1;
			}
		}
	}
	
	li:last-child {
		margin-right: 0 !important;
	}

	li:hover,
	li.current-menu-item.current_page_item {
		&::before {
			background: transparent;
			width: 17px;
			min-width: 17px;
			height: 17px;
			margin-right: 4px;
			left: -2px !important;
		}

		a::before {
			width: 7px;
			height: 7px;
			opacity: 1;
		}
	}
}
.sub-menu {
	background: var(--white) !important;
	padding: 20px !important;
	border: 1px solid var(--orange) !important;
}

@media (max-width: 1024px){
	.header .elementor-widget-nav-menu {
		position: absolute;
		top: 45px;
		left: 0;
		right: 0;

		.elementor-menu-toggle {
			margin-right: 40px;
		}
		.elementor-nav-menu {
			padding: 0 40px;
			background: var(--white) !important;
			border-top: 1px solid var(--black);
            border-bottom: 1px solid var(--black);

			.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
			.elementor-nav-menu--dropdown .elementor-item.highlighted, 
			.elementor-nav-menu--dropdown .elementor-item:focus, 
			.elementor-nav-menu--dropdown .elementor-item:hover, 
			.elementor-sub-item.elementor-item-active, 
			.elementor-sub-item.highlighted, 
			.elementor-sub-item:focus, 
			.elementor-sub-item:hover {
			    background-color: transparent !important;
			    color: var(--orange) !important;
			}
		}
		.elementor-nav-menu--dropdown.elementor-nav-menu__container {
			margin-top: 0 !important;
		}
	}
	.header {
		nav ul {
		    li {
		        &:before {
		            top: 20px;
		            bottom: inherit;
		            margin: 0 auto;
		        }
		        a {
		        	&:before {
		                top: 2px;
		            }
		        }
		    }
		}

		.sub-menu {
		    padding: 0 0 0 20px !important;

		    li {
		        &:before {
		            top: 17px !important;
                    left: -3px !important;
		        }

		        a {
		        	&:before {
		                top: 1px !important;
		            }
		        }
		    }
		    li:hover {
		        &:before {
		            top: 15px !important;
                    left: -9px !important;
		        }

		        a {
		        	&:before {
		                top: 1px !important;
		            }
		        }
		    }
		}
	}
}
@media (max-width: 768px){
	.header	.elementor-widget-nav-menu {
		.elementor-menu-toggle {
			margin-right: 20px;
		}
		.elementor-nav-menu {
			padding: 0 20px;
		}
	}
	body.scrolled .header {
	    .elementor-widget-theme-site-logo img {
	        width: 125px;
	        min-width: 125px;
	        height: auto;
	    }
	}
}

/* HOMEPAGE */
h1, h2 {
	b {
		font-weight: bold !important;
		background: #E86103;
		background: linear-gradient(to right, #E86103 0%, #F48C06 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}
#hero {
	overflow: hidden;

	.ligne {
		&::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: -295px;
			right: 0;
			width: 300px;
			height: 1px;
			background: var(--black);
			margin: 12px auto;
		}
	}
}
.shadow {
	position: absolute;
	top: -28px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.shadowFdWhite {
	top: -38px;
	left: -100px;
	right: inherit;
    margin: 0;    
}
.auto {
	img {
		height: auto !important;
	}
}
#service {
	overflow-x: hidden;
}
.item-service {
	.elementor-icon {
		svg {
			width: auto;
			height: 92px;
		}
	}
	h3 {
		font-weight: bold !important;
		background: #E86103;
		background: linear-gradient(to right, #E86103 0%, #F48C06 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.elementor-cta__button {
		&:before {
			display: none !important;
		}
		&::after {
	        content: '';
	        background: url(/wp-content/uploads/2025/12/arrow-link-1.svg) center right no-repeat;
	        width: 25px;
	        filter: brightness(1) invert(0);
	        transition: all 400ms ease-in-out;
    	}
	}
}
.item-service:hover {
	.elementor-cta__button {
		&::after {
	        width: 60px !important;
    	}
	}
}
.img-hov,
.slide-projet article,
.wp-block-gallery .wp-block-image {
	overflow: hidden;

	a {
		display: block;
		overflow: hidden;

		img {
			display: block;
			width: 100%;
			height: 477px;
			object-fit: cover;
			object-position: center;
			transition: all 0.4s ease-in-out !important;
		}

		&::before {
		  content: '';
		  position: absolute;
		  top: -50%;
		  left: -50%;
		  width: 200%;
		  height: 200%;
		  background: linear-gradient(to right, #E86103 0%, #F48C06 100%);
		  transform: rotate(-45deg);
		  transition: all 0.4s ease;
		  opacity: 0;
		  z-index: 5;
		}
	}

	a:hover {
		img {
			transform: scale(1.05);
		  	box-shadow: 0 0 20px rgba(0,255,255,0.5);
		}

		&::before {
		    opacity: 1;
		    transform: rotate(-45deg) translateY(100%);
		}
	}
}
.slide-projet {
	overflow: hidden;

	.draggable {
		margin-left: -7px;
		margin-right: -7px;

		.slick-track {
			display: flex !important;
			align-items: center !important;
			align-self: center;
		}
	}

	style#loop-1974 {
		display: none !important;
	}

	article {
		margin: 0 7px !important;
		height: 450px;
		overflow: hidden;
		transition: all 400ms ease-in-out;

		img {
			display: block;
			width: 100%;
			height: 450px;
			object-fit: cover;
			object-position: top center !important;
			transition: all 400ms ease-in-out;
		}
	}

	/*article:nth-child(even) {
		height: 427px !important;

		img {
			height: 427px !important;
		}
	}*/
}
.list-faq {
	h3 {
		color: var(--white) !important;
		transition: all 400ms ease-in-out;
	}

	details.e-n-accordion-item[open], 
	details.e-n-accordion-item:hover {
		h3 {
			font-weight: bold !important;
			background: #E86103;
			background: linear-gradient(to right, #E86103 0%, #F48C06 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	}
	details.e-n-accordion-item[open],
	details.e-n-accordion-item:hover {
		.e-n-accordion-item-title {
			.e-n-accordion-item-title-icon {
				.e-opened {
					background: url(/wp-content/uploads/2025/12/arrow-link-1.svg) center right no-repeat;
					width: 23px;
					height: 15px;
					transition: all 400ms ease-in-out;
				}
			}
		}
	}
	details:last-child {
		.e-n-accordion-item-title {
			border: none !important;
		}
	}
}

/** FOOTER **/
.elementor-location-footer {
	.sub-menu, .sub-arrow {
	 	display: none !important;
	}
}

/* ANIMATION */
#service {
	.e-con-inner {
		position: relative !important;
	}
}
.scroll-lineV1 {
	position: absolute;
	top: 50%;
	/*right: 10%;*/
	right: -2.5vw;
	background: var(--black);
	width: 1px;
}
@media screen and (max-width: 768px) {
	.scroll-lineV1 {
		right: -1px;
	}
}
.scroll-lineV2 {
	position: absolute;
	top: 0;
	/*right: calc(7% - 246px);*/
	right: -2.5vw;
	background: var(--white);
	width: 1px;
}
@media screen and (max-width: 768px) {
	.scroll-lineV2 {
		right: -1px;
	}
}
.scroll-lineH1 {
	position: absolute;
	top: 255px;
	/*right: calc(7% - 246px);*/
	right: -2.5vw;
	background: var(--white);
	height: 1px;
	/*max-width: 1361px !important;*/
	max-width: calc(100% + 2.5vw) !important;
}
@media screen and (max-width: 768px) {
	.scroll-lineH1 {
		right: -1px;
		max-width: calc(100% + 1px) !important;
	}
}
.circle {
	position: absolute;
	width: 17px !important;
	height: 17px !important;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.circle1 {
	top: 245px !important;
	left: 396px !important;
}
.scroll-lineV3 {
	position: absolute;
	top: 255px;
	left: 404px;
	background: var(--white);
	width: 1px;
	max-height: 520px !important;
}
.scroll-lineV4 {
	position: absolute;
	top: 255px;
	left: 0;
	background: var(--white);
	width: 1px;
	/*max-height: 520px !important;*/
	max-height: 472px !important;
}
.scroll-lineH2 {
	position: absolute;
	/*top: 775px;*/
	top: 726px;
	left: 0;
	background: var(--white);
	height: 1px;
	max-width: 807px !important;
}
.circle2 {
	/*top: 764px !important;*/
	top: 715px !important;
	left: 396px !important;
}
.scroll-lineV5 {
	position: absolute;
	top: 775px;
	left: 404px;
	background: var(--white);
	width: 1px;
	max-height: 436px !important;
}
.scroll-lineV6 {
	position: absolute;
	/*top: 775px;*/
	top: 726px;
	left: 807px;
	background: var(--white);
	width: 1px;
	/*max-height: 436px !important;*/
	max-height: 482px !important;
}
.scroll-lineH3 {
	position: absolute;
	top: 1210px;
	left: 404px;
	background: var(--white);
	height: 1px;
	max-width: 807px !important;
}
.circle3 {
	top: 1199px !important;
	left: 799px !important;
}
.scroll-lineV7 {
	position: absolute;
	top: 1210px;
	left: 807px;
	background: var(--white);
	width: 1px;
	max-height: 476px !important;
}
.scroll-lineV8 {
	position: absolute;
	top: 1210px;
	left: 1211px;
	background: var(--white);
	width: 1px;
	max-height: 760px !important;
}
.scroll-lineH4 {
	position: absolute;
	top: 1686px;
	left: 807px;
	background: var(--white);
	height: 1px;
	max-width: 404px !important;
}
.circle4 {
	top: 1675px !important;
	left: 1203px !important;
}
/*Apropos*/
.scroll-lineH5 {
	position: absolute;
	top: 100px;
	right: calc(50% - 340px);
	background: var(--black);
	height: 1px;
	max-width: 345px !important;
}
.circle5 {
	top: 90px !important;
	left: calc(50% - 13px) !important;
}
.scroll-lineV9 {
	position: absolute;
	top: 100px;
	right: calc(50% - -4px);
	background: var(--black);
	width: 1px;
	max-height: 160px !important;
}
.circle6 {
	top: 250px !important;
	left: calc(16% - 9px) !important;
}
.scroll-lineH6 {
	position: absolute;
	top: 260px;
	right: calc(50% - -4px);
	background: var(--black);
	height: 1px;
	max-width: 645px !important;
}
.scroll-lineV10 {
	position: absolute;
	top: 260px;
	left: calc(16% - 1px);
	background: var(--black);
	width: 1px;
	max-height: 495px !important;
}
/*Projet*/
.scroll-lineV11 {
	position: absolute;
	top: 0;
	left: calc(16% - 1px);
	background: var(--black);
	width: 1px;
	max-height: 70px !important;
}
.scroll-lineH7 {
	position: absolute;
	top: 70px;
	left: calc(16% - 1px);
	background: var(--black);
	height: 1px;
	max-width: 260px !important;
}
.scroll-lineV12 {
	position: absolute;
	top: 70px;
	left: calc(30% - 8px);
	background: var(--black);
	width: 1px;
	max-height: 70px !important;
}
.circle7 {
	top: 130px !important;
    left: calc(29% - -4px) !important;
}
.scroll-lineH8 {
	position: absolute;
	top: 340px;
	left: calc(46% - 25px);
	background: var(--black);
	height: 1px;
	max-width: 386px !important;
}
.circle8 {
	top: 329px !important;
    left: calc(60% - -85px) !important;
}
/*Faq*/
.scroll-lineV13 {
	position: absolute;
	top: 0;
	left: 50%;
	background: var(--white);
	width: 1px;
	max-height: 125px !important;
}
.scroll-lineH9 {
	position: absolute;
	top: 125px;
	left: 50%;
	background: var(--white);
	height: 1px;
	max-width: 668px !important;
}
.circle9 {
	top: 114px !important;
    right: calc(15% + -11px) !important;
    left: inherit !important;
}
.scroll-lineV14 {
	position: absolute;
	top: 125px;
	right: calc(16% - 22px);
	background: var(--white);
	width: 1px;
	max-height: 790px !important;
}
/*Cta*/
.scroll-lineV15 {
	position: absolute;
	top: 0;
	right: calc(15% - 3px);
	background: var(--white);
	width: 1px;
	max-height: 196px !important;
}
@keyframes bouncy {
	0% {
		transform: scale(0.5);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(0.5);
	}
}
.doteSVG2 {
	position: absolute;
	top: 182px;
	right: calc(15% - 16px);
	animation: bouncy 2s linear infinite;
}

@media (max-width: 1820px){
	.scroll-lineV2 {
	    /*right: calc(10% - 227px);*/
	}
	.scroll-lineH1 {
	    /*right: calc(10% - 227px);*/
	}
	.scroll-lineH6 {
	    max-width: 616px !important;
	}
	.scroll-lineH7 {
	    max-width: 248px !important;
	}
	.circle7 {
	    left: calc(29% + 2px) !important;
	}
	.circle8 {
	    left: calc(60% + 96px) !important;
	}
	.scroll-lineH9 {
	    max-width: 638px !important;
	}
}
@media (min-height: 800px) and (max-height: 900px){
	.scroll-lineV2 {
	    /*right: calc(7% - 224px);*/
	}
	.scroll-lineH1 {
	    /*right: calc(7% - 224px);
	    max-width: 1340px !important;*/
	}
	.scroll-lineH7 {
	    max-width: 253px !important;
	}
	.scroll-lineH9 {
	    max-width: 650px !important;
	}
	.scroll-lineV14 {
	    max-height: 790px !important;
	}
}
@media (max-width: 1680px){
	.scroll-lineV2 {
	    /*right: calc(10% - 167px);*/
	}
	.scroll-lineH1 {
	    /*right: calc(10% - 167px);*/
	    /*max-width: 1246px !important;*/
	}
	.circle7 {
		left: calc(23% - -4px) !important;
	}
	.circle8 {
		left: calc(62% - -85px) !important;
	}
	.circle9 {
		right: calc(10% + -4px) !important;
	}
	.scroll-lineH6 {
	    max-width: 568px !important;
	}
	.scroll-lineV12 {
	    left: calc(23% + 12px);
	}
	.scroll-lineH7 {
	    max-width: 130px !important;
	}
	.scroll-lineV14,
	.scroll-lineV15 {
	    right: calc(10% - -4px);
	}
	.doteSVG2 {
		top: 182px;
	    right: calc(10% - 9px);
	}
	.scroll-lineH9 {
	    max-width: 664px !important;
	}
}
@media (max-width: 1440px){
	.scroll-lineV2, .scroll-lineH1 {
        /*right: calc(4% - 4px);*/
    }
    .scroll-lineH1 {
        /*max-width: 1156px !important;*/
    }
	.scroll-lineH6 {
	    max-width: 568px !important;
	}
	.scroll-lineV10,
	.scroll-lineV11 {
	    left: 10%;
	}
	.scroll-lineV12 {
	    left: 19%;
	}
	.scroll-lineH7 {
	    left: 10%;
	    max-width: calc(10% - 13px) !important;
	}
	.scroll-lineV14, .scroll-lineV15 {
        right: 4%;
    }
    .scroll-lineH9 {
        max-width: calc(661px - 0px) !important;
    }
	.doteSVG2 {
		top: 182px;
	    right: calc(4% - 13px);
	}
	.scroll-lineV1 {
		/*right: 10%;*/
	}
	.circle7 {
        left: calc(18% - -7px) !important;
    }
    .circle8 {
        left: calc(71% - 10px) !important;
    }
    .circle9 {
        right: calc(4% + -8px) !important;
    }
}
@media (max-width: 1366px) {
    .scroll-lineV2, .scroll-lineH1 {
        /*right: calc(7% - 10px);*/
    }
    .scroll-lineH1 {
        /*max-width: 1126px !important;*/
    }
    .scroll-lineH6 {
        max-width: 542px !important;
    }
    .scroll-lineH9 {
        max-width: 46% !important;
    }
}
@media (max-width: 1280px) {
    .scroll-lineH1 {
        /*max-width: calc(100% - 88px) !important;*/
    }
    .scroll-lineV2, .scroll-lineH1 {
        /*right: calc(8% - 5px);*/
    }
    .scroll-lineV3,
    .scroll-lineV5 {
	    left: 33%;
	}
	.scroll-lineV6,
	.scroll-lineV7 {
	    left: 66%;
	}
	.scroll-lineH3 {
	    left: 33%;
	    max-width: 67% !important;
	}
	.scroll-lineV8 {
	    left: 100%;
	}
	.scroll-lineH4 {
	    left: 66%;
	    max-width: 34% !important;
	}
	.scroll-lineV10, 
	.scroll-lineV11 {
        left: 5%;
    }
	.scroll-lineV13, 
	.scroll-lineV14, 
	.scroll-lineV15 {
        right: inherit !important;
        left: 47%;
    }
	.scroll-lineH9 {
    	left: 47%;
    	max-width: 50% !important;
	}
	.scroll-lineH7 {
        left: 5%;
    }
    .scroll-lineV12 {
        left: 14%;
    }
	.scroll-lineV15 {
	    max-height: 85px !important;
	}
	.doteSVG2 {
        top: 71px;
        right: inherit;
        left: 46%;
    }
    .circle1, .circle2 {
	    left: 375px !important;
	}
	.circle3 {
	    left: 758px !important;
	}
	.circle4 {
	    left: inherit !important;
	    right: -9px;
	}
	.circle7 {
        left: calc(13% - -5px) !important;
    }
    .circle8 {
        left: calc(74% - 6px) !important;
    }
    .circle9 {
        right: calc(53% - 9px) !important;
    }
}
@media (max-width: 1200px){
	.scroll-lineH1 {
        /*max-width: calc(100% - 81px) !important;*/
    }
    .scroll-lineH9 {
	    left: 47%;
	}
	.scroll-lineV14 {
	    max-height: 815px !important;
	}
	.circle1, .circle2 {
        left: 362px !important;
    }
    .circle3 {
        left: 732px !important;
    }
}
@media (min-height: 600px) and (max-height: 800px){
	.scroll-lineV2 {
	    /*right: calc(7% - 224px);*/
	}
	.scroll-lineH1 {
	    /*right: calc(7% - 224px);*/
	}
	.scroll-lineH7 {
	    /*max-width: 253px !important;*/
	}
	.scroll-lineH9 {
	    /*max-width: 650px !important;*/
	}
	.scroll-lineV15 {
	    /*right: calc(15% - 4px);*/
	}
}
@media (max-width: 1380px) and (max-height: 800px){
	.scroll-lineH1 {
        right: calc(16% - 226px) !important;
    }
    .scroll-lineV2 {
        max-height: 255px;
    }
    .scroll-lineH7 {
        max-width: 124px !important;
    }
    .scroll-lineH9 {
        max-width: 630px !important;
    }
    .scroll-lineV15 {
        right: calc(4% - 0px);
    }
}
@media (max-width: 1024px){
	.scroll-lineH1 {
        /*max-width: calc(100% - 57px) !important;*/
    }
    .scroll-lineH2 {
	    max-width: 75% !important;
	}
	.scroll-lineV2, .scroll-lineH1 {
        /*right: calc(7% - 4px);*/
    }
	.scroll-lineV3 {
		left: 42%;
	}
	.scroll-lineH7 {
        max-width: calc(10% - 17px) !important;
    }
	.scroll-lineV5 {
        left: 30%;
    }
    .scroll-lineH3 {
        left: 30%;
        max-width: 70% !important;
    }
    .scroll-lineV6 {
        left: 71%;
    }
    .scroll-lineV7 {
        left: 56%;
    }
    .scroll-lineH4 {
        left: 56%;
        max-width: 44% !important;
    }
    .scroll-lineH5 {
	    right: 40px;
	    max-width: 110px !important;
	}
	.scroll-lineV10,
	.scroll-lineV11 {
        left: 40px;
    }
    .scroll-lineH7 {
        left: 40px;
    }
    .scroll-lineV12 {
        left: 128px;
        max-height: 48px !important;
    }
    .scroll-lineH9 {
    	display: none !important;
    }
    .scroll-lineV13, .scroll-lineV14, .scroll-lineV15 {
    	right: 20px !important;
    	left: inherit !important;
    }
    .doteSVG2 {
        top: 71px;
        right: 8px;
        left: inherit;
    }
    .circle1, .circle2 {
        left: 388px !important;
    }
    .circle3 {
        left: 662px !important;
    }
    .circle7 {
        left: calc(12% - 7px) !important;
        top: 105px !important;
    }
    .circle8 {
        left: calc(81% - 6px) !important;
    }
    .circle9 {
        right: 12px !important;
    }
    .scroll-lineV12 {
        left: 124px;
    }
	#apropos {
		&:>.e-con-inner {
			flex-direction: column !important;
		}
	}
	.propsImg {
		position: relative !important;
		right: 0;
	}
	#faq .shadowFdWhite {
		left: -20px;
	}
}
@media (max-width: 1024px) and (max-height: 768px){
	.scroll-lineH1 {
        right: calc(16% - 173px) !important;
    }
    .circle1, .circle2 {
        left: 378px !important;
    }
    .scroll-lineV3,
    .scroll-lineV4 {
    	max-height: 430px !important;
    }
    .scroll-lineH2 {
	    top: 684px;
	}
	.scroll-lineV5, 
	.scroll-lineV6 {
	    top: 685px;
	    max-height: 465px !important;
	}
	.scroll-lineH3 {
	    top: 1150px;
	}
	.scroll-lineV7,
	.scroll-lineV8 {
	    top: 1150px;
	    max-height: 536px !important;
	}
	.circle5 {
	    top: 89px !important;
	    left: calc(86% - 15px) !important;
	}
	.scroll-lineV9 {
	    right: calc(14% - -6px);
	    max-height: 100px !important;
	}
	.scroll-lineH6 {
	    top: 200px;
	    right: calc(14% - -6px);
	    max-width: 840px !important;
        width: 100% !important;
	}
}
@media (max-width: 980px) {
    .circle1, .circle2 {
        left: 369px !important;
    }
    .circle3 {
        left: 630px !important;
    }
}
@media (max-width: 767px){
	.slide-projet {
		/*article:nth-child(even) {
			height: 370px !important;

			img {
				height: 370px !important;
			}
		}*/
	}
	.item-service:nth-child(2),
	/*.item-service:last-child {
		padding-top: 0 !important;
	}
	.item-service:nth-child(2) {
		padding-bottom: 0 !important;
	}*/
	.doteSVG1 {
		/*right: 7px !important;*/
    	/*bottom: 20% !important;*/
	}
	.scroll-lineV1 {
	    top: 77%;
	    /*right: 19px;*/
	}
	.scroll-lineV2, .scroll-lineH1 {
        /*right: -1px;*/
    }
    .scroll-lineH1 {
        /*max-width: 100% !important;*/
        top: 135px;
    }
    .scroll-lineH2 {
    	left: inherit;
    	right: 0;
    }
    .scroll-lineV3 {
        left: inherit;
        right: -1px;
    }
    .circle1, .circle2, .circle3 {
        left: inherit !important;
        right: -9px;
    }
    .circle1 {
	    top: 134px !important;
	}
	.circle2 {
	    top: 622px !important;
	}
	.circle3 {
	    top: 1089px !important;
	}
    .scroll-lineV4 {
    	top: 135px;
    	left: 0;
    	max-height: 516px !important;
    }
    .circle4 {
        left: inherit !important;
        right: -8px;
        top: 1549px !important;
    }
    .scroll-lineH2 {
        max-width: 100% !important;
        top: 633px;
    }
    .scroll-lineV5 {
        left: inherit;
        right: -1px;
    }
    .scroll-lineV6 {
        left: 0;
    }
    .scroll-lineH3 {
        left: 0;
        max-width: 100% !important;
        top: 1100px !important;
    }
    .scroll-lineV7 {
        left: 0;
        max-height: 351px !important;
    }
    .scroll-lineH4 {
    	top: 1560px;
        left: 0;
        max-width: 100% !important;
    }
    .scroll-lineV10 {
        left: inherit;
        right: 20px;
    }
    .scroll-lineV11 {
        left: inherit;
        right: 135px;
    }
    .scroll-lineH5 {
        right: 20px;
        max-width: 120px !important;
        top: 46px;
    }
    .scroll-lineH7 {
        left: inherit;
        right: 77px;
    }
    .scroll-lineV12 {
        left: inherit;
        max-height: 100px !important;
        right: 76px;
    }
	.circle7 {
        left: inherit !important;
        top: 130px !important;
        right: 68px;
    }
    .scroll-lineH8 {
        top: 227px;
        left: 54%;
        max-width: 36% !important;
    }
    .circle8 {
        left: inherit !important;
        right: 68px;
        top: 215px !important;
    }
}
@media (max-width: 680px){
	#hero {
	    .ligne {
	        top: calc(44% - 4px);
	    }
	}
	.slide-projet {
	    .draggable {
	        margin-left: 0;
	        margin-right: 0;
	    }
	}
	.shadowFdWhite {
		top: -12px;
    	left: 0;
	}
	#apropos .shadowFdWhite {
		top: -33px;
	}
	#faq .shadowFdWhite {
		left: 0;
		top: -12px;
	}
}
@media (max-width: 767px){
	.circle1 {
        top: 124px !important;
    }
	.scroll-lineH2 {
        /*top: 646px;*/
		top: 600px;
    }
    .circle2 {
        /*top: 635px !important;*/
		top: 590px !important;
    }
    .scroll-lineV6 {
	    top: 647px;
	    max-height: 465px !important;
	}
    .scroll-lineH3 {
        /*top: 1070px !important;*/
		top: 1065px !important;
        left: inherit;
        right: 0;
    }
    .scroll-lineV7 {
    	top: 1070px;
    	max-height: 380px !important;
	}
	.scroll-lineV8 {
		top: 1075px;
	    max-height: 560px !important;
	}
	.circle3 {
        /*top: 1059px !important;*/
		top: 1054px !important;
    }
    .scroll-lineH4 {
        top: 1449px;
    }
    .circle4 {
        top: 1438px !important;
    }
    .scroll-lineH5, .scroll-lineV10, .scroll-lineH8, 
    .circle8, .circle5, .scroll-lineV9, .circle6, 
    .scroll-lineH6, .scroll-lineV14 {
    	display: none !important;
    }
    .scroll-lineV11 {
        right: 140px;
    }
    .scroll-lineH7, .scroll-lineV12 {
        right: 81px;
    }
    .scroll-lineV13 {
    	max-height: 105px !important;
    }
    .circle7 {
        right: 73px;
    }
    .circle9 {
	    top: 93px !important;
	}

	#hero {
        .ligne {
            top: calc(42% - 7px);
        }
    }

	a.elementor-button, .forminator-button {
	    width: initial;

	    &::before {
	        left: 54%;
	    }

	    &::after {
	        width: 26px;
	        background-position: 100%;
	    }
	}
	#service {
		a.elementor-button, .forminator-button {
	        &::before {
	            left: 40%;
	        }
	    }
	}
	.btnSize {
		a.elementor-button {
	        &::before {
	            left: 50% !important;
	        }
	    }
	}
	.btnSize2, .recrute {
		a.elementor-button {
	        &::before {
	            left: 25% !important;
	        }
	    }
	}
	.page-id-20 .recrute {
        & a.elementor-button {
        	line-height: 20px !important;

        	span {
			    text-decoration: inherit;
			    width: 200px;
			    overflow: hidden;
			    text-wrap-mode: nowrap;
			}

            &::before {
                left: 48% !important;
            }
        }
    }
    .form-contact {
	    .forminator-button {
	        &::before {
	            left: 30% !important;
	            bottom: 8px !important;
	        }
	    }
	}
	.form-contact {
	    .forminator-button-submit {
	        &::before {
	            left: 33% !important;
	        }
	    }
	}
	.page-id-29 .form-contact {
        .forminator-button-submit {
            &::before {
                left: 48% !important;
            }
        }
    }
}
@media (max-width: 680px){
	.scroll-lineH4 {
        /*top: 1516px;*/
		top: 1603px;
    }
    .scroll-lineV7 {
        /*max-height: 447px !important;*/
		max-height: 534px !important;
    }
    .circle4 {
        /*top: 1505px !important;*/
		top: 1592px !important;
    }
    .scroll-lineV11 {
        right: 102px;
    }
}
@media (max-width: 380px){
	.page-id-20 .recrute {
        a.elementor-button {
            &::before {
                left: 53% !important;
                bottom: 0px !important;
                top: inherit !important;
            }
        }
    }
}

/** PAGE NOS SECTEURS D'ACTIVITES **/
.elementor-widget-icon-list .elementor-icon-list-icon svg {
	fill: transparent !important;
}
.ligneDote {
	&:before {
		content:'';
		background:var(--white);
		position:absolute;
		width:1px;
		height: 101px;
		top:0;
		left:0;
		right:0;
		margin:0 auto;
	}

	&:after {
		content: '';
        background: var(--black);
        position: absolute;
        width: 1px !important;
        height: 90px;
        bottom: 101px;
        left: 0;
        right: 0;
        margin: 0 auto;
	}

	.doteScroll {
		position: sticky;
  		top: 0;
		z-index:5;
		left: 0;
        right: 0;
        margin: 0 auto !important;
	}

	svg {
		circle:last-child {
			stroke: transparent !important;
		}
	}
}
@keyframes top-to-bottom {
	0% {
		bottom: 0;
		opacity: 0;
	}
	100% {
		bottom: -63px;
		opacity: 1;
	}
}
.pole {
	.e-n-tabs-heading {
		margin: -1px 0 0 -1px !important;

		button[aria-selected="true"] {
			&:before {
				content:'';
				background:var(--white);
				position:absolute;
				width:1px;
				height: 50px;
				bottom:-50px;
				left:0;
				right:0;
				margin:0 auto;
			}

			&:after {
				content:'';
				background:url(/wp-content/uploads/2026/01/circle.svg) center no-repeat;
				background-size: contain;
				position:absolute;
				width: 27px;
				height:27px;
				bottom:-63px;
				left:0;
				right: 0;
				margin:0 auto;
				z-index: 1;
				animation: top-to-bottom 800ms forwards;
			}
		}
	}

	.elementor-icon-list-items {
		.elementor-icon-list-text {
			b {
				display: block;
				margin-bottom: 4px;
				color: var(--orange);
			}
		}
	}
}

@media (max-width: 980px){
	.pole {
	    .e-n-tabs-heading {
	        flex-direction: row !important;
	        flex-wrap: nowrap;

	        button {
	        	padding: 15px 5px;
	        	border-color: var(--white) !important;
	        	margin-top: -1px !important;
        	}
	    }
	}
}
@media (max-width: 768px){
	.ligneDote {
	    &:after {
	        content: '';
	        background: var(--black);
	        position: absolute;
	        width: 1px !important;
	        height: 90px;
	        bottom: 81px;
	        left: 0;
	        right: 0;
	        margin: 0 auto;
	    }
	}
	.pole {
        .e-n-tabs-heading {
        	flex-direction: column;

            button {
                padding: 8px 1px;
                flex-direction: column;
                flex: 1;
            }
        }
    }
    .valeur {
        & .e-con-inner {
            &:before {
                height: 40px !important;
                bottom: -40px !important;
            }
        }
    }
    .recrute {
	    .e-con-inner {
	    	&:before {
	            height: 37px !important;
	        }
	        &:after {
	            top: 22px !important;
	        }
	    }
	}
	#e-n-tab-title-1091152313 {
		.e-n-tab-title-text {
			width: 85px;
		    overflow: hidden;
		    text-wrap-mode: nowrap;
		}
	}
}

/** PAGE ENTREPRISE **/
.ligneDoteCenter {
	&:after {
		content: '';
        background: var(--black);
        position: absolute;
        width: 1px !important;
        height: 84px;
        top: -84px;
        left: 0;
        right: 0;
        margin: 0 auto;
	}
}
.intro {
	&:after {
		content: '';
		display: block;
		position:absolute;
		width:70px;
		height: 80px;
		bottom:-39px;
		left:0;
		right: -55px;
		margin: 0 auto;
		border-top: 1px solid var(--white);
		border-left: 1px solid var(--white);
		z-index: 5;
	}
}
.blocImg {
	position: relative;

	&:before {
		content: '';
		display: block;
		position:absolute;
		width:50%;
		height: 60px;
		top: 100%;
		bottom:-50px;
		left:0;
		border-right: 1px solid var(--white);
		border-bottom: 1px solid var(--white);
	}
}
.ligneTimeline {
	&:before {
		content:'';
		display: flex !important;
		background:var(--white);
		position:absolute;
		width:1px;
		height: auto;
		top:15px;
		left:0;
		right:0;
		bottom: 18px;
		margin:0 auto;
	}

	/*&:after {
		content:'';
		display: block;
		height: 100px;
		background: #000000;
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 80%,rgba(0, 0, 0, 0) 100%);
		position:absolute;
		left:-5px;
		right:-5px;
		bottom: 0;
		z-index: 5;
	}*/
}
.valeur {
	.e-con-inner {
		position: relative !important;
		
		&:before {
			content: '';
			display: block;
	        background: var(--black);
	        position: absolute;
	        width: 1px;
	        height: 100px;
	        bottom: -100px;
	        right: 0;
		}
	}

	.item-valeur {
		overflow: visible !important;
		flex: 1;
		min-height: 320px;

		&:before {
			content: '';
			display: block;
	        background: var(--black);
	        position: absolute;
	        width: 20px;
	        height: 1px;
	        top: 80px;
	        left: -21px;
		}

		&:after {
			content:'';
			background:url(/wp-content/uploads/2026/01/dote.svg) center no-repeat;
			background-size: contain;
			position:absolute;
			width: 20px;
			height:20px;
			top:70px;
			left:-10px;
			z-index: 1;
		}
	}
	.item-valeur1 {
		&:before {
			display: none !important;
		}

		&:after {
			content:'';
			background:url(/wp-content/uploads/2026/01/dote.svg) center no-repeat;
			background-size: contain;
			position:absolute;
			width: 27px;
			height:27px;
			top:-13px;
			left:-14px;
			z-index: 1;
		}
	}
}
.recrute {
	.e-con-inner {
		position: relative !important;

		&:before {
			content: '';
			display: block;
	        background: var(--white);
	        position: absolute;
	        width: 1px;
	        height: 80px;
	        top: 0;
	        right: 0;
		}
		&:after {
			content:'';
			background:url(/wp-content/uploads/2026/01/circle.svg) center no-repeat;
			background-size: contain;
			position:absolute;
			width: 27px;
			height:27px;
			top:68px;
			right: -13px;
			z-index: 1;
		}
	}	
}
.ligneTimeline {
	display: block !important;

	.doteScroll {
		margin: 0 auto !important;
	}
}

@media (max-width: 1024px){
	.blocImg {
	    &:before {
	        width: 1px;
	        height: 70px;
	        bottom: -50px;
	        right: 0;
	        margin: 0 auto;
	    }
	}
	.intro {
    	&:after {
    		display: none !important;
    	}
    }

    .valeur {
    	.e-con-inner {
    		flex-wrap: wrap !important;

    		&:before {
                right: inherit !important;
                left: 0 !important;
            }

    		.item-valeur {
		    	flex: inherit;
		    }

		    .item-valeur3 {
		    	&:before {
		            width: 1px !important;
		            height: 30px !important;
		            top: -27px !important;
		            left: 0 !important;
		            right: 0px;
		            margin: 0 auto;
		        }
		        &:after {
		            top: -10px !important;
		            left: 0 !important;
		            right: 0 !important;
		            margin: 0 auto !important;
		        }
		    }

		    .item-valeur4 {
		    	&:before {
		            left: inherit !important;
		            right: -21px;
		        }
		        &:after {
		            left: inherit !important;
		            right: -10px !important;
		        }
		    }

		    &:before {
	            content: '';
	            display: block;
	            background: var(--black);
	            position: absolute;
	            width: 1px;
	            height: 60px;
	            bottom: -60px;
	            right: 0;
	        }
    	}
    }
    .recrute {
	    .e-con-inner {
	    	&:before {
	            right: inherit !important;
	            left: 0 !important;
	        }

	        &:after {
	            right: inherit !important;
	            left: -13px !important;
	        }
	    }
	}
	.ligneTimeline {
    	display: block !important;

    	.doteScroll {
    		margin: 0 auto !important;
    	}
    }
}
@media (max-width: 768px){
	.titreTimeline {
		&:before {
			content: '';
            display: block;
            background: var(--white);
            position: absolute;
            width: 1px;
            height: 30px;
            bottom: -41px;
            right: 0;
            left: 0;
            margin: 0 auto;
		}
		&:after {
			content: '';
            display: block;
            background: var(--white);
            position: absolute;
            width: 50%;
            height: 1px;
            bottom: -41px;
            left: 0;
		}
	}
	.valeur {
        .e-con-inner {
            .item-valeur {
                &:before {
                    width: 1px !important;
                    height: 30px !important;
                    top: -27px !important;
                    left: 0 !important;
                    right: 0px;
                    margin: 0 auto;
                }

                &:after {
                    top: -10px !important;
                    left: 0 !important;
                    right: 0 !important;
                    margin: 0 auto !important;
                }
            }

            .item-valeur1 {
		        &:after {
		            top: -13px !important;
		            left: -14px !important;
		            right: inherit !important;
		            margin: 0 !important;
		        }
		    }
        }
    }

}

/** PAGE PROJET **/
.listProjet, .slide-projet {
	article {
		position: relative;
		overflow: hidden;

		.elementor-post__text {
			background: #000000;
			background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.0) 100%);
			position: absolute;
		    bottom: 0;
		    left: 0;
		    padding: 60px 20px 20px !important;
		}

		img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
			transition: all 0.4s ease-in-out !important;
		}

		&::before {
		  content: '';
		  position: absolute;
		  top: -50%;
		  left: -50%;
		  width: 200%;
		  height: 200%;
		  background: linear-gradient(to right, #E86103 0%, #F48C06 100%);
		  transform: rotate(-45deg);
		  transition: all 0.4s ease-in-out;
		  opacity: 0;
		  z-index: 5;
		}
	}
	article:hover {
		img {
			transform: scale(1.05);
		  	box-shadow: 0 0 20px rgba(0,255,255,0.5);
		}

		&::before {
		    opacity: 1;
		    transform: rotate(-45deg) translateY(100%);
		}
	}
}
.elementor-post__read-more {
	display: flex;
	justify-content: flex-start;
	align-items: center;

    &::after {
        content: '';
        background: url(/wp-content/uploads/2025/12/arrow-link-1.svg) center right no-repeat;
        width: 25px !important;
        height: 15px;
        margin-left: 10px;
        filter: brightness(1) invert(0);
        transition: all 400ms ease-in-out;
    }
}
.elementor-post__read-more:hover {
	color: var(--orange) !important;

    &::after {
        width: 60px !important;
    }
}
.slide-projet {
	article {
		a {
			&::before {
				display: none !important;
			}
		}
		a.elementor-post__read-more {
			display: flex !important;
			margin-top: 10px !important;
		}
	}
}

.listProjet {
	.itemProjet {
		position: relative;
		overflow: hidden;

		.elementor-cta__bg-wrapper {
			&::before {
				content: '';
				display: block;
				background: #000000;
				background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.0) 100%);
				background-size: cover;
				position: absolute;
				top: 50%;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    z-index: 5;
			}
		}

		.elementor-cta__bg {
		    padding: 60px 20px 20px !important;
		}

		&::before {
		  content: '';
		  position: absolute;
		  top: -50%;
		  left: -50%;
		  width: 200%;
		  height: 200%;
		  background: linear-gradient(to right, #E86103 0%, #F48C06 100%);
		  transform: rotate(-45deg);
		  transition: all 0.4s ease-in-out;
		  opacity: 0;
		  z-index: 5;
		}

		.elementor-cta__button {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			border: none !important;

			&::before {
				display: none !important;
			}

		    &::after {
		        content: '';
		        background: url(/wp-content/uploads/2025/12/arrow-link-1.svg) center right no-repeat;
		        width: 25px !important;
		        height: 15px;
		        margin-left: 10px;
		        filter: brightness(1) invert(0);
		        transition: all 400ms ease-in-out;
		    }
		}
		.elementor-cta__button:hover {
			color: var(--orange) !important;

		    &::after {
		        width: 60px !important;
		    }
		}
		.elementor-cta__title,
		.elementor-cta__button-wrapper {
			transform: scale(1.0) !important;
		}
	}
	.itemProjet:hover {
		&::before {
		    opacity: 1;
		    transform: rotate(-45deg) translateY(100%);
		}
	}
}

.ct-article {
	p {
		margin-bottom: 30px;
	}
	p:last-child {
		margin-bottom: 0 !important;
	}

	.elementor-widget-image a {
		display: block;
		width: 100%;

		img {
			display: block;
			width: 100%;
			height: auto;
		}
	}
	.ligneTimeline {
		&:before {
			background:var(--black) !important;
		}	
	}
}
.wp-block-gallery {
	margin: 40px 0 !important;
}
.aside {
	h3 {
		font-size: 22px !important;
		color: var(--orange) !important;
	}
	
	h4 {
		font-size: 18px !important;
		color: var(--white) !important;
	}
}

@media (max-width: 1024px){
	.ct-article {
		.ligneTimeline {
			display: none !important;	
		}
	}
}

/** PAGE CONTACT **/
.form-contact {
	label {
		color: var(--white) !important;
	}
}
.coor {
	.elementor-icon-list-icon {
		filter: invert(1) !important;
	}
}
.forminator-consent, .forminator-consent__label {
	p {
		font: normal 14px/24px 'Poppins' !important;
		color: var(--white) !important;
	}
}
.forminator-field-consent {
	.forminator-label {
		margin: 15px 0 !important;
	}
}
@media (max-width: 988px){
	.introContact {
		.ligneDote {
	        &:before {
	            height: 101px;
	        }
	    }
    }
}

/** PAGE MENTIONS LEGALES **/
.mention {
	h2 {
		margin: 40px 0 10px;
	}

	ul {
		margin-top: 40px;

		li {
			margin-bottom: 20px;
		}
		li:last-child{
			margin-bottom: 0 !important;
		}
	}
}
@media (max-width: 768px){
	.mention {
		h2 {
			margin: 30px 0 10px;
			font-size: 22px !important;
		}

		ul {
			margin-top: 30px;

			li {
				margin-bottom: 16px;
			}
			li:last-child{
				margin-bottom: 0 !important;
			}
		}
	}
}

/**** COOKIEYES CUSTOM CSS ****/
.cky-consent-container .cky-consent-bar {
	border-radius: 0 !important;
}
.cky-btn-revisit-wrapper {
  width: 30px !important;
  height: 30px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
  height: 20px !important;
  width: 20px !important;
}
.cky-btn-reject, .cky-btn-customize, .cky-btn-preferences {
	color:var(--orange) !important;
    border-color: var(--orange) !important;
}
.cky-btn-accept {
	color: var(--blanc) !important;
    background-color:var(--orange) !important;
    border-color:var(--orange) !important;
}
.cky-btn:hover {
    background: var(--orange) !important;
    border-color: var(--orange) !important;
    color: var(--blanc) !important;
	opacity:1 !important;
}
.cky-btn-revisit-wrapper {
	background-color:var(--orange) !important;
}
@media (max-width: 680px){
	body .cky-btn {
	    width: 100% !important;
	    justify-content: center !important;
	}
	body .cky-custom-brand-logo-wrapper, 
	body .cky-notice .cky-title, 
	body .cky-notice-des, 
	body .cky-notice-btn-wrapper {
        padding: 0 !important;
    }
    body .cky-notice {
    	text-align: center;
    }
    #bienvenue .item-atous {
    	min-height: 450px;
    }
}
.forminator-field-textarea {
	.forminator-field {
		display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}
}