/*** ACCUEIL ***/

/****** SLIDER : Slides *****/
.slides-wrapper {
	width: 100%;
	height:calc(100vh - 90px);
}
.slide {
	position: relative;
    width: 100%;
	height:auto;
	aspect-ratio:16/9;
}
.xx::after {
    content: "";
    inset: 0;
    z-index: 0;
    background: #0000003b;
    display: block;
    position: absolute;
}
.slider_desktop,
.slider_mobile {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background-color: var(--dark);

}
.slider_desktop{
	height:calc(100vh - 90px);	
}

.slider_desktop:not(.bg-desk-custom) img, .slider_mobile:not(.bg-mobil-custom) img {
    max-height: calc(100% - 130px) !important;
}

.slider_desktop .image_sup,
.slider_mobile .image_sup {
	position: relative;
	max-width: 1280px;
	max-height: 90vh;
	width:100%;
	height: auto;
	object-fit: contain;
	pointer-events: none;
}

@media (min-width: 990px) {
	.slider_desktop { display: flex!important; }
	.slider_mobile  { display: none!important; }
	
}
@media (max-width: 990px) {
	.slider_desktop { display: none!important; }
	.slider_mobile  { display: flex!important; }
	.slides-wrapper {
		height:inherit !important;
	}
	
	.slide {
		height: 80vh;
		aspect-ratio: unset;
	}
}

@media screen and (max-width: 650px) {
    .slide {
        height: 60vh !important;
    }
}

/* Première slide */
.slide-custom .slider_desktop, .slide-custom .slider_mobile{
	align-items: start;	
}
.slide-custom-wrap{
    background-image: linear-gradient(90deg, rgba(225, 202, 179, 1) 0%, rgba(225, 202, 179, 1) 85%, rgba(0, 0, 0, 0) 100%) !important;
    background: transparent;
	 margin: 0;
    padding: 0;
    width: fit-content;
    overflow: visible;
}
.slide-custom-ctn{
	position:relative;
    min-height: 300px;
    max-height: unset;
    display: flex;
	flex-direction:column;
    align-items: center;
	width: 800px;
    justify-content: end;
    padding: 20px 100px 20px 150px !important;
}
.slide-custom-wrap .image_sup{
	position:absolute;
	bottom:0;
	height:auto;
	width:520px;
}
.btn-hero-home {
    color: var(--dark);
	z-index:2;
}
.btn-hero-home:hover{
	color:white;
}
@media screen and (max-width: 990px) {
    .slide-custom-wrap {
        background-image: none !important;
        background-color: rgba(225, 202, 179) !important;
    }
	.slide-custom-wrap{
		width: 100% !important;
	}
	.slide-custom-ctn{
		width: 100% !important;
		padding: 20px !important;
	}
	.slide-custom-wrap .image_sup{
		max-width:500px;
		width:100%;
	}
	#cntlistcat{
		bottom: 48px!important;
	}
}
@media (max-width: 767px) {
	.slide-custom-wrap {
        background-color: transparent!important;
    }
	.bg-mobil-custom{
		background-size: auto 70%;
	}	
}

/* Autres slides : customiser */
.img-desk-2{
	max-width:1000px;
}

/* fleches */
#carrousel_accueil .slick-prev{
	left: 0;
    z-index: 9;
	top:40%;
}
#carrousel_accueil .slick-next{
	right: 0;
    z-index: 9;
	top:40%;
}
#carrousel_accueil .slick-prev svg{
	transform:scalex(-1);
}
#carrousel_accueil .slick-prev:before, #carrousel_accueil .slick-next:before{
	display:none
}
#carrousel_accueil .slick-arrow {
    border-color: var(--dark);
    background: var(--dark);
    border-radius: 0%;
    width: 60px;
    height: 60px;
    padding: 6px;
    transition: 0.3s ease-in-out;
}
#carrousel_accueil .slick-arrow svg path{
	stroke:var(--brun);
	stroke-width: 3px;
	transition:0.3s ease-in-out;
}
#carrousel_accueil .slick-arrow:hover{
	background:var(--brun);
}
#carrousel_accueil .slick-arrow:hover svg path{
	stroke:var(--dark);
}
@media screen and (max-width: 990px) {
	#carrousel_accueil .slick-arrow{
		display:none;
	}
}


/****** SLIDER : Je souhaite une extension *****/
.selection-extension{
	position:relative;
}

#cntlistcat {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    z-index: 5;
}

#cntlistcat .cntboxcat {
    max-width: 770px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    display: flex;
    width: 100%;
}

#cntlistcat .cntboxcat .boxleft,
#cntlistcat .cntboxcat .boxright {
    width: 100%;
    height: 63px;
}

#cntlistcat .cntboxcat .boxleft {
    background: #fff;
    text-align: center;
    color: #3b2712;
    padding: 20px;
	line-height:normal;
}

#cntlistcat .cntboxcat .boxcolinter {
    display: flex;
    width: 100%;
    margin-right: 15px;
	margin-left: 15px;
}

#cntlistcat .cntboxcat .btn {
    padding: 14px 20px;
    width: 60px;
    background: #231f1f;
    display: flex;
    align-items: center;
    justify-content: center;
    /*transition: all .3s ease-in-out;*/
}

#cntlistcat .cntboxcat .btn:hover {
    background: #93795b;
}

#cntlistcat .cntboxcat .btn::before {
    content: '';
    display: block;
    width: 1px;
    height: 1px;
    border-width: 12px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #93795b;
    transform: translateX(10px);
}

#cntlistcat .cntboxcat .btn:hover::before {
    border-color: transparent transparent transparent #231f1f;
}

#cntlistcat .cntboxcat .boxright {
    background: #231f1f;
    display: flex;
    align-items: center;
}

#cntlistcat .boxselect {
    position: relative;
    color: #93795b;
    width: 100%;
}

#interselect .cntcheck {
    position: relative;
    z-index: 2;
}

#cntlistcat .boxselect .arrowselect {
    position: absolute;
    top: 45%;
    right: 30px;
    transform: translateY(-50%);
    z-index: 1;
}

#cntlistcat .boxselect .arrowselect::after {
    content: "";
    display: block;
    border: 2px solid #93795b;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
}

#selectcatlist .form-group {
    position: relative;
    margin-bottom: 0;
}

#selectcatlist .formcatlist {
    padding: 10px 10px 10px 0;
    position: absolute;
    top: calc(100% - 9px);
	bottom:0;
    left: 0;
    width: 100%;
    color: #93795b;
    z-index: 2;
    overflow: hidden;
    background: #231f1f;
}

#selectcatlist .listcheck {
    max-height: 0;
    opacity: 0;
    /*transition: all .3s ease-in-out;*/
}

#selectcatlist .listcheck.openselect {
    opacity: 1;
}

#selectcatlist .listcheck::-webkit-scrollbar {
    width: 10px;
}

#selectcatlist .listcheck::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 25px;
}

#selectcatlist .listcheck::-webkit-scrollbar-thumb {
    background: #93795b;
    border-radius: 8px;
}

#selectcatlist .listcheck::-webkit-scrollbar-thumb:hover {
    background: #93795b;
}

#selectcatlist .itemcheck {
    display: flex;
    align-items: center;
    background: transparent;
    /*transition: all .3s ease-in-out;*/
    padding: 7px 12px;
    padding-right: 33px;
    padding-left: 50px;
    cursor: pointer;
    position: relative;
    font-weight: 700;
}

#selectcatlist .itemcheck a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-weight: 700;
}

#selectcatlist .formcatlist .itemcheck:hover {
    background: #fff;
    color: #3b2712;
}

#selectcatlist .itemcheck .cnttitle {
    font-size: 12px;
}

#selectcatlist .itemcheck .itemligne {
    width: 36px;
    height: 35px;
    font-size: 16px;
    border-radius: 5px;
    margin-bottom: 0;
    margin-right: 10px;
}

#selectcatlist .itemcheck .itemligne span {
    margin-right: 2px;
}
#cntlistcat .cntboxcat .btn {
    display: none;
}


/* AVis home */
.banner-home-container {
    display: flex;
    justify-content: center;
	align-items: center;
}
#cntlistcat .cntboxcat{
	margin:0;
}
.ti-widget.ti-goog .ti-widget-container{
	margin-bottom:0!important;
}

@media screen and (max-width:1200px){
	.banner-home-container {
		flex-direction:column-reverse!important;
		gap: 20px 0;
	}
}
@media screen and (max-width:990px){
	#cntlistcat{
		bottom: 48px!important;
	}
}
@media screen and (max-width:767px){
	.boxcolinter {
		flex-direction: column;
		box-shadow: 0 5px 20px rgb(0 1 67 / 35%);
        border-radius: 10px;
		position: relative;
		top: -20px; 
		/*overflow: hidden;*/
	}
	#cntlistcat{
		/*position:relative!important;*/
		bottom: unset!important;
   		left: unset!important;
	}
	#cntlistcat .cntboxcat .boxleft{
		text-align: left;
		border-radius: 10px 10px 0 0;
	}
	#selectcatlist .formcatlist, #cntlistcat .cntboxcat .boxright{
		border-radius: 0px 0px 10px 10px;
	}
	#selectcatlist .itemcheck{
		padding-left: 20px;
	}
	
	.presentation-pm{
		padding-top:100px;
	}
	
	.presentation-pm h1{
		min-height:2.5em;
	}
	
	.banner-home-container {
		transform: translateY(-50%);
	}
	.home-avis{
		margin-bottom: 20px;
	}
}

/****** PRESENTATION  *****/
.presentation-content{
	display:flex;
	flex-direction:column;
	gap:2px;
	justify-content:center;
	align-items:center;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
}
.presentation-content .h2{
	font-weight:700;
}

/****** POURQUOI NOUS CHOISIR *****/

#sectAbout {
    padding: 50px 0;
    position: relative;
}
#sectAbout::before {
    opacity: .13;
    right: 0;
    content: "";
    display: block;
    width: 33.33%;
    height: 100%;
    background: #231f1f;
    position: absolute;
    top: 0;
    z-index: 1;
}
.col-about {
	position: relative;
    z-index: 3;
    align-items: center;
	display: flex;
	gap: 40px;
	max-width:1200px;
}

.list-about-title{
	min-width:300Px;
}
.list-about-container{
	width:calc(100% - 340px);
}
.col-about .h2 span{
	font-weight: 700;
    color: #93795b;
    display: block;
}

.item-liste {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
	justify-content: end;
	
}
.itemAbout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px 35px;
    background: #fff;
    border-radius: 5px;
    min-height: 177px;
	height:auto;
    max-width: 330px;
	width:calc(50% - 10px);
    margin: 5px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 15px 30px #0000001A;
}
.itemAbout .iconbox {
    width: auto;
    height: 40px;
    margin-bottom: 10px;
}
.itemAbout .readmorebox {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}
.itemAbout .readmoreboxlink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.itemAbout h3 {
    font-size: 20px;
    color: #3b2712;
    line-height: 25px;
    margin-bottom: 0;
    font-weight: 700;
}
.itemAbout h3 span {
    display: block;
    font-size: 25px;
    color: var(--brun);
    line-height: 30px;
}
@media screen and (max-width:991px){
	.col-about {
		flex-direction: column;
	}
	.list-about-title, .list-about-container{
		width:100%;
	}
	.list-about-title .h2 {
        text-align: center;
    }
	.item-liste{
		justify-content: space-between;
	}
	.itemAbout{
		max-width:unset;
	}
	#sectAbout::before{
		display:none;
	}
}
@media screen and (max-width:767px){

	#sectAbout{
		background:#F4F4F4;	
	}
	.col-about{
		gap:30px;
	}
	.itemAbout{
		padding: 20px 15px;
		min-height: unset;
	}
	.itemAbout h3, .itemAbout h3 span{
		font-size: 16px;
		line-height: normal;
	}
}
@media screen and (max-width:400px){
	.item-liste {
        flex-direction: column;
    }
	.itemAbout {
        width: 100%;
		padding: 20px;
    }
}


/****** AVANT-APRES *****/
.projet-av-ap {
    display: flex;
}
.imgDragWrapper, .txtVotreProjet{
	width:50%;
	position:relative;
}
.imgDragWrapper{
	aspect-ratio: 5 / 3;
    height: auto;
}
.txtVotreProjet {
    background: var(--dark);
	padding: 40px 60px;
}
.boxtxtprojetTitres{
	margin-bottom:30px;
}
.descripttitre{
	color:white;
	margin-bottom:0;
}

.descripttxt{
	color:var(--brun);
}
.descripttitre, .descripttxt{
	font-weight:700;
}

.avant-apres-container, .titre-av-ap{
	position:absolute;
	left:0;
	top:0;
}
.titre-av-ap{
	width:fit-content;
	height:auto;
    padding: 22px 30px;
    background: rgb(33, 39, 54, .58);
	z-index:2;
}
.titre-av-ap *{
	color: white;
	font-weight:700;
	text-decoration:underline;
}

.avant-apres-container{
	width:100%;
	height:100%;
}

/* images superposées */
.img-avant-wrap,
.img-apres-wrap{
  position: absolute;
  inset: 0;
}
.img-avant-wrap img,
.img-apres-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* révèle image du dessus avec clip-path et js */
.img-apres-wrap{
  clip-path: inset(0 0 0 50%);
  will-change: clip-path;
}

/* ligne */
.cd-handle{
	position: absolute;
	top: 0; 
	bottom: 0;
	left: 50%;
	width: 2px;
	background: var(--brun);
	box-shadow: 0 0 0 1px rgba(0,0,0,.08);
	transform: translateX(-1px);
	pointer-events: none;
}
.cd-handle::before{
	content: "";
	position: absolute;
	top: 50%; 	
	left: 50%;
	width: 60px; 
	height: 60px;
	transform: translate(-50%,-50%);
	border-radius: 999px;
	background: var(--brun) url("/wp-content/uploads/2025/08/cd-arrows.svg") no-repeat center center;
	box-shadow: 0 2px 12px rgba(0,0,0,.25);
}

/* input range */
.ap-slider{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  appearance: none;
  background: transparent;
  cursor: ew-resize;
  z-index: 3;
	opacity:0;
}
.ap-slider::-webkit-slider-runnable-track{ background: transparent; }
.ap-slider::-moz-range-track{ background: transparent; }

.ap-slider::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 36px; height: 36px;
  border-radius: 999px;
  border: 2px solid #fff;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,.25);
  cursor: grab;
}
.ap-slider:active::-webkit-slider-thumb{ cursor: grabbing; }

.ap-slider::-moz-range-thumb{
  width: 36px; height: 36px;
  border-radius: 999px;
  border: 2px solid #fff;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,.25);
  cursor: grab;
}
.ap-slider:active::-moz-range-thumb{ cursor: grabbing; }

.cd-image-label{
	position:absolute;
	width:auto;
	background:var(--brun);
	color:white;
	z-index:0;
	padding:10px 20px;
	font-weight:500;
}
.img-avant-wrap .cd-image-label{
	left:0;
	bottom:0;
}
.img-apres-wrap .cd-image-label{
	right:0;
	bottom:0;
}

.titre-mobile {
    padding: 40px 20px;
    background: #212736;
    color: white;
}
.titre-mobile .h3{
	font-weight: 700;
    color: white;
    text-decoration: underline;
}
@media screen and (max-width:990px){
	.projet-av-ap {
		flex-direction: column;
	}
	.imgDragWrapper, .txtVotreProjet {
		width: 100%;
	}
	.titre-av-ap {
		position: relative;
		left: unset;
		top: unset;
		width:100%;
		background:#231f1f;
	}
	.avant-apres-container{
		position:relative;
		height: auto;
    	aspect-ratio: 4 / 2;
	}
	.imgDragWrapper{
		aspect-ratio: unset;
	}
	.txtVotreProjet{
		padding: 40px;
	}
}
@media screen and (max-width:767px){
	.txtVotreProjet{
		padding: 30px 20px;
	}
	.cd-handle::before {
    	width: 40px;
		height: 40px;
	}
	.titre-mobile {
		padding: 40px 20px 0px 20px;
	}
	.descripttitre{
		font-size:25px;
	}
	.descripttxt{
		font-size:22px;
	}
}


/****** NOS REALISATIONS *****/
.realisations_home_wrap{
	padding: 75px;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
}
.realisations_home_wrap h2 span{
	font-weight:700;
	color:var(--brun);
}
.realisations_home{
	width:100%;
}

.realisations_home_wrap .slick-slide>div{
	margin:20px;
}
.realisations_home_wrap .realisation_item {
    box-shadow: 0px 3px 10px #00000029;
    border-radius: 15px;
	overflow: hidden;
}
.realisations_home_wrap .realisation_item .realisation_img{
	max-height: 28vh;
	aspect-ratio: 3 / 2;
	width:100%;
	overflow:hidden;
}
.realisation_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_rea_titre{
	padding: 15px 25px 15px 25px;
    background: #fff;
}
.home_rea_titre h3{
	font-weight:700;
	color:#3b2712;
	font-family:"Montserrat"!important;
}
.decouvrir-rea{
	font-size:12px;
	text-transform:uppercase;
	color:var(--brun);
	display: inline-flex;
    gap: 5px;
    align-items: center;
}
.decouvrir-rea span{
	font-weight:700;
}

/* Trait animé */
.dash-animation-brown{
	position:relative;
}
.dash-animation-brown::after {
    background-image: url(/wp-content/uploads/2025/08/dash-brown.svg);
}
.dash-animation::after {
    content: "";
    width: 130px;
    height: 9px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 17px;
    left: -3px;
    transform: rotate(3deg);
    opacity: 0;
}
.dash-animation:hover::after{
    animation: 0.3s appearing cubic-bezier(.54, .02, .72, .46) forwards;
	opacity: 1;
}
@keyframes appearing {
    0% {
		opacity: 0;
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
		10% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

.realisations_home .slick-arrow.slick-prev{
	left: -50px;
}
.realisations_home .slick-arrow.slick-next{
	right: -50px;
}

@media screen and (max-width:990px){
	.realisations_home_wrap{
		padding:60px 40px;
	}
	.realisations_home .slick-arrow.slick-next {
		right: -28px;
	}
	.realisations_home .slick-arrow.slick-prev {
		left: -28px;
	}
}
@media screen and (max-width:767px){
	.realisations_home_wrap{
		padding:40px 20px;
	}
	.realisations_home .slick-arrow.slick-next {
		right: -35px;
	}
	.realisations_home .slick-arrow.slick-prev {
		left: -35px;
	}
	.realisations_home .slick-arrow {
		width: 30px;
		height: 30px;
		padding: 5px;
	}
}

/****** NOS TEMOIGNAGES *****/

#nos-avis-clients {
    position: relative;
}
#nos-avis-clients::before {
    opacity: .13;
    right: 0;
    content: "";
    display: block;
    width: 33.33%;
    height: 100%;
    background: #231f1f;
    position: absolute;
    top: 0;
    z-index: 1;
}
.temoignages_home_wrap{
	padding: 75px;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	z-index:2;
	position: relative;
}
.temoignages_home_wrap h2 span{
	font-weight:700;
	color:var(--brun);
}
.temoignages_home{
	width:100%;
}
.temoignages_home .slick-list.draggable {
    padding: 0px 10px!important;
}
.temoignages_home_wrap .slick-slide>div{
	margin:10px;
}
.temoignages_home_wrap .temoignage_item {
    box-shadow: 0px 3px 10px #00000029;
	overflow: hidden;
	transform:scale(0.9);
}
.temoignages_home_wrap .slick-slide.slick-current  .temoignage_item {
	transform:scale(1);
}
.temoignages_home_wrap .temoignage_item .realisation_img{
	max-height: 28vh;
	aspect-ratio: 3 / 1;
	width:100%;
	overflow:hidden;
}

.home_tem_contenu{
	padding: 15px 25px 15px 25px;
    background: #fff;
}
.home_tem_contenu h3{
	font-weight:700;
	color:var(--brun);
	font-family:"Montserrat"!important;
	margin-bottom:10px;
}
.tem-txt, .tem-txt * {
    color: var(--dark);
    font-size: 14px;
    font-style: italic;
	margin-bottom:0;
}
.home_tem_contenu .liststars{
	margin-top:10px;
}
.icon-testimonial{
	width:20px;
	margin-bottom:10px;
}
.decouvrir-temoignage{
	font-size:12px;
	text-transform:uppercase;
	color:var(--brun);
	display: flex;
    gap: 5px;
    width:fit-content;
	margin: 0 0 0 auto;
}
.decouvrir-temoignage span{
	font-weight:700;
}
.btn-all-tem{
	margin-top:30px;
}
@media screen and (max-width:990px){
	.temoignages_home_wrap{
		padding: 60px 40px;
	}
	.temoignages_home_wrap .slick-slide.slick-current  .temoignage_item {
		transform:scale(0.9);
	}
}
@media screen and (max-width:767px){
	.temoignages_home_wrap{
		padding: 40px 20px;
	}
	.temoignages_home_wrap h2{
		text-align:center;
		margin-bottom:30px;
	}
	.temoignages_home_wrap .slick-slide>div{
		margin:0;
	}
	.btn-all-tem{
		margin-top:20px;
	}
	.temoignages_home_wrap .slick-slide.slick-current  .temoignage_item {
		transform:scale(1);
	}
}