/*** custom css by vaha ***/
body #page-container{
	overflow:hidden !important;
}
/*** header ***/
@media screen and (min-width: 1024px) {
    #menu-header #menu-item-68 {
        display: none !important;
    }
}
.et_pb_menu_inner_container {
    position: unset !important;
}

/*** comporetement ***/
#menu-header {
    transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
#menu-header.scrolled {
    transform: translateY(-37px);
    background-color: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/*** hero ***/
@media screen an(min-width:1500px){
	body #page-container .hero{
		padding-bottom:220px !important;
	}
}

/*** compteur accueil ***/
body #page-container .percent-value,
body #page-container .percent-sign{
	opacity:1;
	visibility:visible;
}

/*** prestations accueil effet & style ***/
body:not(.et-fb) #page-container .prestations .presta-col{
    position: relative;
    overflow: hidden;
}
body:not(.et-fb) #page-container .prestations .presta-col::before{
    content: '';
    position: absolute;
    inset: 0;
    background: inherit;
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: transform 0.5s ease;
    z-index: 0;
}
body:not(.et-fb) #page-container .prestations .presta-col:hover::before{
    transform: scale(1.1);
}
body:not(.et-fb) #page-container .prestations .presta-col > *{
    position: relative;
    z-index: 1;
}
body:not(.et-fb) #page-container .prestations .presta-col .et_pb_blurb{
	min-height: 100px !important;
	transition: min-height 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
body:not(.et-fb) #page-container .prestations .presta-col:hover .et_pb_blurb{
	min-height: 475px !important;
}
body:not(.et-fb) #page-container .prestations .presta-col .et_pb_main_blurb_image,
body:not(.et-fb) #page-container .prestations .presta-col .et_pb_blurb_description{
	max-height: 0;
	opacity: 0;
	transform: translateY(15px);
	overflow: hidden;
	transition:
		max-height 0.7s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.5s ease,
		transform 0.5s ease;
}
body:not(.et-fb) #page-container .prestations .presta-col:hover .et_pb_main_blurb_image{
	max-height: 124px;
	opacity: 1;
	transform: translateY(0);
}
body:not(.et-fb) #page-container .prestations .presta-col:hover .et_pb_blurb_description{
	max-height: 202px;
	opacity: 1;
	transform: translateY(0);
}
body:not(.et-fb) #page-container .prestations .presta-col h3{
	transition:
		font-size 0.5s ease,
		line-height 0.5s ease,
		color 0.3s ease;
}
body:not(.et-fb) #page-container .prestations .presta-col:hover h3{
	font-size: 24px !important;
	line-height: 33px !important;
	color: #EC2624;
}
body #page-container .prestations .presta-col .et_pb_blurb_description a{
	position:relative;
	font-size:17px !important;
	font-weight:600;
}
body #page-container .prestations .presta-col .et_pb_blurb_description a:before{
	content: '';
    width: 50%;
    height: 50%;
    display: block;
    position: absolute;
    top: 8px;
    right: -65px;
    background-image: url(/wp-content/uploads/2026/06/Icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

/*** accueil pourquoi ***/
body #page-container .col-left .et_pb_main_blurb_image {
    position: relative;
}
body #page-container .col-left .et_pb_main_blurb_image::before {
   content: '';
    position: absolute;
    display: block;
    background-image: url(/wp-content/uploads/2026/06/Vector-4.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    width: 95px;
    height: 95px;
    top: -25px;
    left: -30px;
}
body #page-container .col-left .et_pb_main_blurb_image img {
    position: relative;
    z-index: 0;
}
body #page-container .col-right .et_pb_main_blurb_image {
    position: relative;
}
body #page-container .col-right .et_pb_main_blurb_image::before {
   content: '';
    position: absolute;
    display: block;
    background-image: url(/wp-content/uploads/2026/06/Vector-5.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    width: 95px;
    height: 95px;
    top: -25px;
    left: -20px;
}
body #page-container .col-right .et_pb_main_blurb_image img {
    position: relative;
    z-index: 0;
}

/*** footer ***/
.menu-footer .et_pb_menu .et_pb_menu__menu>nav>ul {
    flex-direction: column;
	row-gap:10px;
	margin-left: 0px;
}
.menu-footer .et_pb_menu .et_pb_menu__menu>nav>ul li{
	position:relative;
	padding-left:20px !important;
}
.menu-footer .et_pb_menu .et_pb_menu__menu>nav>ul li:before {
    content:'';
	display:block;
	position:absolute;
	top:-2px;
	left:0;
	width:10px;
	height:15px;
	background-image:url(/wp-content/uploads/2026/06/Polygon-3-2.svg);
	background-repeat:no-repeat;
	background-size:cover;
}
body #page-container footer{
	z-index: 0 !important;
    position: relative !important;
}
body.page-id-349 .et_pb_section_0_tb_footer:before,
body.page-id-60 .et_pb_section_0_tb_footer:before,
body.page-id-65 .et_pb_section_0_tb_footer:before,
body.page-id-362 .et_pb_section_0_tb_footer:before,
body.page-id-2206 .et_pb_section_0_tb_footer:before{
    content: '' !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    pointer-events: none;
    box-shadow: 0 -25px 70px rgba(0, 0, 0, 0.04);
    z-index: -1;
}

/*** bouton config ***/
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton{
    position: relative;
    overflow: hidden;
    z-index: 1;
    isolation: isolate;
    transition: color 0.3s ease;
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton:after{
    content: "" !important;
    position: absolute;
    inset: 0;
    background: #000;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton:hover:after{
    transform: scaleX(1);
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton:hover{
    color: #fff !important;
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton-black{
    position: relative;
    overflow: hidden;
    z-index: 1;
    isolation: isolate;
    transition: color 0.3s ease;
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton-black:after{
    content: "" !important;
    position: absolute;
    inset: 0;
    background: #fff;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton-black:hover:after{
    transform: scaleX(1);
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton-black:hover{
    color: #000 !important;
}

/*** image hover ***/
.img-hover{
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.img-hover img,
img.img-hover{
	display: block;
	transition: transform 0.3s ease;
}
.img-hover .et_pb_image_wrap::before,
.img-hover .et_pb_image_wrap::after{
	content: "";
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(0,0,0,0.3); /* couleur de l'effet */
	z-index: 1;
	pointer-events: none;
	transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
}
.img-hover .et_pb_image_wrap::before{
	left: 0;
	transform: translateX(-100%);
}
.img-hover .et_pb_image_wrap::after{
	right: 0;
	transform: translateX(100%);
}
.img-hover .et_pb_image_wrap:hover::before{
	transform: translateX(0);
}
.img-hover .et_pb_image_wrap:hover::after{
	transform: translateX(0);
}
.img-hover .et_pb_image_wrap:hover img,
img.img-hover:hover{
	transform: scale(1.05);
}

/*** Plan du site ***/
.simple-sitemap-wrap ul {
    list-style: none; /* supprime les bullets par défaut */
    padding-left: 0;  /* supprime l'indentation par défaut */
}
.simple-sitemap-wrap ul .sitemap-item {
    list-style: none;
}
.simple-sitemap-wrap ul .sitemap-item::marker {
    display: none;
}
.simple-sitemap-wrap ul li {
    position: relative;
    padding-left: 25px; /* espace pour l'image */
}
.simple-sitemap-wrap ul li::before {
     content: "";
    position: absolute;
    left: 0;
    top: 100%;
    transform: translateY(-50%);
    width: 15px;
    height: 50px;
    background-image: url(/wp-content/uploads/2026/06/Polygon-3-2.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.simple-sitemap-wrap ul li a {
    color: #000;
}
.simple-sitemap-wrap ul li {
    margin-bottom:7px !important;
}
.simple-sitemap-wrap .post-type{
	opacity:0 !important;
}
.sitemap-item-hover .attachment-full.size-full {
    filter: sepia(100%) saturate(180%) hue-rotate(330deg) brightness(90%);
}
.sitemap-item:hover {
    transform: translateX(10px);
}
.sitemap-item{
    transition: transform 0.4s cubic-bezier(.4,0,.2,1);
}

/*** bouton 404 ***/
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton-404{
    position: relative;
    overflow: hidden;
    z-index: 1;
    isolation: isolate;
    transition: color 0.3s ease;
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton-404:after{
    content: "" !important;
    position: absolute;
    inset: 0;
    background: #fff;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton-404:hover:after{
    transform: scaleX(1);
}
body.et_pb_button_helper_class .et_pb_section a.et_pb_button#bouton-404:hover{
    color: #000 !important;
}

/*** page prestations ***/
.plaquiste-col .et_pb_blurb{
	max-height:157px;
	overflow:hidden;
	transition:max-height 500ms ease;
}
.plaquiste-col .et_pb_blurb_description{
	opacity:0;
	transition:opacity 0.4s ease;
}
.plaquiste-col:hover .et_pb_blurb{
	max-height: 280px; 
}
.plaquiste-col:hover .et_pb_blurb_description{
	opacity:1;
}
.plaquiste-col .et_pb_module_header:after{
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	background-color: #fff;
	margin-bottom: 10px !important;
	transition: 0.4s ease;
	margin-top: 25px;
}
.plaquiste-col:hover .et_pb_module_header:after{
    width: 100% !important;
}
.plaquiste-col .et_pb_image_wrap{
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	transition: transform 0.4s ease, background-color 0.4s ease;
}
.plaquiste-col .et_pb_image_wrap img{
	transition: filter 0.4s ease, transform 0.4s ease;
}
.plaquiste-col:hover .et_pb_image_wrap{
	transform: scaleX(-1);
}
.plaquiste-col:hover .et_pb_image_wrap img{
	filter: brightness(0) saturate(100%) invert(24%) sepia(94%) saturate(2872%) hue-rotate(347deg) brightness(95%) contrast(95%);
}

/*** filtre couleur css red ***/
body #page-container .filter-img .et_pb_image_wrap img{
	filter: brightness(0) saturate(100%) invert(24%) sepia(94%) saturate(2872%) hue-rotate(347deg) brightness(95%) contrast(95%);
}

/*** étape sta ***/
.step-poject .et_pb_blurb_container{
	display: flex;
    justify-content: center;
    align-items: center;
}
.step-poject .et_pb_module_header{
	padding: 20px !important;
    border: 1px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight:300 !important;
	opacity:0.3;
	margin-bottom:30px !important;
	position:relative;
	overflow:visible;
}
.step-poject .et_pb_module_header{
	transition: all 0.4s ease;
}
.step-poject.active .et_pb_module_header{
	background-color: #EC2624;
	color: #fff;
	transform: rotate(20deg);
	opacity:1;
	border: 1px solid #EC2624;
}
.step-poject.et_pb_blurb{
	position:relative;
	overflow:visible;
}
@media only screen and (min-width: 981px) {
	   .step-poject.et_pb_blurb:not(.et_pb_blurb_5):before{
			content: '';
			display: block;
			position: absolute;
			width: 221px;
			height: 1px;
			top: 20px;
			right: 150px;
			background-color: #000;
			opacity:0.3;
	}
}
.step-poject .et_pb_blurb_description{
	padding: 15px;
	background-color: rgba(236, 38, 36, 0.03);
	position:relative;
	color:#000 !important;
	min-width: 250px;
	border-radius:0px;
}
.step-poject.active .et_pb_blurb_description{
	border-bottom: 1px solid #EC2624;
}
.step-poject.active .et_pb_blurb_description::before{
	content: "";
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 0 15px 15px 15px;
	border-style: solid;
	border-color: transparent transparent #EC2624 transparent;
}

/*** masque image ***/
.image-masqer img {
    -webkit-mask-image: url("https://www.lvplaquiste.fr/wp-content/uploads/2026/06/q-scaled.png");
    mask-image: url("https://www.lvplaquiste.fr/wp-content/uploads/2026/06/q-scaled.png");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 120%;
    mask-size: 100%;
}

/*** popup image mobile ***/
body.mfp-zoom-out-cur {
    overflow: hidden !important;
}
body.mfp-zoom-out-cur .mfp-bg.mfp-fade.mfp-ready, body.mfp-zoom-out-cur .mfp-wrap {
    position: fixed !important;
    top: 0 !important;
}

/*** réalisations css ***/
.realisations .et_overlay:before {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	margin: 0 !important; 
	font-size: 20px !important;
}
.realisations .mfp-title,
.realisations .mfp-counter{
	opacity:0 !important;
	display:none !important;
}
figcaption{
	opacity:0 !important;
	display:none !important;
}

/*** globale resp ***/
@media (max-width: 980px) {
    .et_pb_row {
        width: 100% !important;
        max-width: 100% !important;
    }
    .et_pb_section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
	.menu-footer .et_pb_blurb_content{
		margin-left:0 !important;
		margin-right:0 !important;
	}
}
@media (max-width: 767px){
	body #page-container h2 {
		font-size: 25px !important;
		line-height: 35px !important;
	}
	body #page-container .et_pb_button_module_wrapper a{
		font-size: 12px !important;
		width: 100% !important;
	}
	
	.plaquiste-col:hover .et_pb_blurb {
		max-height: 390px !important;
	}
}

/*** CSS deplie footer menu / plie header ***/
@media screen and (max-width: 980px) {
    .et_pb_menu_0_tb_footer .et_pb_menu__wrap {
        display:block !important;
    }
}
.menu-footer .et_pb_menu__menu {
display:flex !important;
}
.menu-footer .et_mobile_nav_menu {
display:none !important;
}

/*** menu hover style ***/
#menu-header .et_pb_menu__menu > nav > ul > li > a:not([href*="/contact"]) {
    position: relative;
}
#menu-header .et_pb_menu__menu > nav > ul > li > a:not([href*="/contact"]):before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    height: 2px;
    width: 0;
    background: #EC2624;
    transition: width 0.3s ease;
    display: block;
}
#menu-header .et_pb_menu__menu > nav > ul > li > a:not([href*="/contact"]):hover:before {
    width: 100%;
}
#menu-header.scrolled .et_pb_menu__menu > nav > ul > li > a:not([href*="/contact"]):before {
    content: '' !important;
    position: absolute;
    left: 0;
    bottom: 5px;
    height: 2px;
    width: 0;
    background: #EC2624;
    transition: width 0.3s ease;
    display: block;
}
#menu-header.scrolled .et_pb_menu__menu > nav > ul > li > a:not([href*="/contact"]):hover:before {
    width: 100%;
}
#menu-header .et_pb_menu__menu > nav > ul > li.current_page_item a:before,
#menu-header .et_pb_menu__menu > nav > ul > li.current-menu-item a:before{
	width: 100%;
}
#menu-header.scrolled .et_pb_menu__menu > nav > ul > li.current_page_item a:before,
#menu-header.scrolled .et_pb_menu__menu > nav > ul > li.current-menu-item a:before{
	width: 100%;
}
#menu-header .sub-menu .et-hover a{
	color: #fff;
    background-color: #EC2624;
}
/*** contact mobile ***/
#menu-header .et_pb_menu_page_id-65 a{
	position:relative;
	clip-path: polygon(10% 0%, 100% -17%, 90% 100%, 1% 100%);
	background-color:#EC2624;
	color:#fff !important;
	text-align:center;
}
#menu-header .et_pb_menu_page_id-65 a:after{
    content: "" !important;
    position: absolute;
    inset: 0;
    background: #000;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
#menu-header .et_pb_menu_page_id-65 a:hover:after{
    transform: scaleX(1);
}

/*** traitement demande client adds ***/

@media screen and (max-width:768px){
    body #page-container .et_pb_number_counter_0{
        display: flex;
        flex-direction: row;
		align-items:center;
		gap:10px;
		margin-bottom: 10px !important;
    }
	body #page-container .et_pb_number_counter_0 h2.title {
        font-size: 19px !important;
        line-height: 25px !important;
    }
}

/*** menu one page ***/
#menu-item-351.current-menu-item ul.sub-menu li a,
#menu-item-351.current_page_item ul.sub-menu li a {
    color: #000 !important;
}
#menu-item-351.current-menu-item ul.sub-menu li a:hover,
#menu-item-351.current_page_item ul.sub-menu li a:hover{
    color: #fff !important;
}