.page-id-722 .pagetop .wrapper, .page-id-722 .blocs .wrapper{
	max-width: 800px;
}

.page-id-722 .pagetop{
	text-align: center;
}

.gform_required_legend{
	display: none!important;
}

.ginput_container_consent{
	display: flex;
}

.ginput_container_consent label{
	margin: 0;
	font-size: 12px;
}

.left, .right{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
}
.bloc{
	margin-top: 75px;
}

.bloc + .wp-block-columns{
	margin-top: 30px;
}

.titre, .sliderpieces .swiper-slide a h3{
	font-size: 25px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.sstitre{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.titrel{
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.sliderpieces .swiper-container{
	overflow: visible;
}

.sliderpieces .swiper-slide > a, .sliderinsta .swiper-slide a{
	display: block;
	position: relative;
	height: auto;
	padding: 118% 0 0;
	width: 100%;
	/* background: #3D4834; */
	overflow: hidden;
}

.sliderpieces .swiper-slide > a:before, .sliderinsta .swiper-slide a:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgb(102 56 33 / 30%);
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	transition: background 0.4s ease;
}

.sliderpieces .swiper-slide > a:hover:before, .sliderinsta .swiper-slide a:hover:before{
	background: rgb(102 56 33 / 50%);
}

.sliderpieces .swiper-slide a h3{
	position: absolute;
	left: 30px;
	top: 30px;
	color: #fff;
	font-size: 22px;
	z-index: 2;
}

.sliderpieces .swiper-slide img, .sliderinsta .swiper-slide img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-button-next, .swiper-button-prev{
	color: #fff;
}

.swiper-button-prev{
	left: 40px;
}

.swiper-button-next{
	right: 40px;
}

.bloc-categories{
	text-align: center;
}

.pictos{
	margin: 50px -25px -15px;
}

.picto{
	display: inline-block;
	vertical-align: top;
	margin: 15px 25px;
}

.picto a:hover{
	opacity: 0.6;
}

.pictoo{
	display: block;
	width: 90px;
	height: 65px;
	margin: 0 auto 18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.picto h4{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.boutons{
	margin: 60px 0 0;
}

.bouton{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	padding: 10px 30px;
	background: #3D4834;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px;
}

.bouton:hover{
	background: #1d1d1b;
	color: #fff;
}

.bloc-reassurance{
	text-align: center;
	color: #fff;
	padding: 90px 0;
	position: relative;
	z-index: 0;
}

.bloc-reassurance .titre{
	font-weight: 700;
	margin: -20px 0 35px;
}

.bloc-reassurance:after{
	content: '';
	display: block;
	width: 100vw;
	height: 100%;
	background: #58634B;
	z-index: -1;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
}

.reassurances{
	margin: 0 -20px;
}

.reassurance{
	display: inline-block;
	vertical-align: top;
	width: 16.66%;
	padding: 20px;
}

.reassurance .pictoo{
	width: 84px;
	height: 70px;
}

.reassurance h4{
	padding: 0;
	margin: 0;
	font-size: 20px;
	line-height: 1.2;
}

.reassurance p{
	line-height: 1.3;
	margin: 6px 0 0;
	font-size: 16px;
}

.sliderinsta{
	position: relative;
}

.sliderinsta .swiper-container{
	overflow: visible;
}

.ssstitre{
	font-size: 18px;
	/* text-transform: uppercase; */
	font-weight: normal;
	margin: 5px 0 0;
	padding: 0;
	line-height: 1.2;
}

.sliderinsta .swiper-slide a{
	padding: 100% 0 0;
}

.sliderinsta .swiper-slide .nominsta{
	position: absolute;
	left: 30px;
	bottom: 30px;
	color: #fff;
	font-size: 18px;
	z-index: 2;
	margin: 0;
}

.bloc-imgtxt .left, .bloc-imgtxt .right{
	vertical-align: middle;
}

.bloc-imgtxt .right{
	padding-left: 70px;
}

.bloc-imgtxt.droity .right {
	padding-left: 0;
}
.bloc-imgtxt.droity .left {
	padding-right: 70px;
}

.bloc-imgtxt.coul:not(.full) .right, .bloc-imgtxt.droity.coul:not(.full) .left{
	padding: 90px;
}

.bloc-imgtxt.droity.coul:not(.full) .right{
	padding: 0;
}

.txt h4{
	font-size: 25px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1.2;
}

.txt h3{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.2;
}

.txt h4 + h3{
	padding: 0;
	margin-top: -0.5em;
}

.bloc-imgtxt.full{
	position: relative;
}

.bloc-imgtxt.full .right{
	padding-top: 100px;
	padding-bottom: 100px;
}

.bloc-imgtxt.full .wrapper{
	z-index: 3;
	position: relative;
}

.bloc-imgtxt.full .fond{
	position: absolute;
	left: 50%;
	top: 0;
	width: 100vw;
	height: 100%;
	transform: translate(-50%,0);
	background: #fff;
}

.imgfond{
	position: absolute;
	left: 50%;
	top: 0;
	width: 50vw;
	height: 100%;
	transform: translate(-100%,0);
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.degra{
	position: absolute;
	left: 50%;
	top: 0;
	width: 50vw;
	height: 100%;
	transform: translate(-100%,0);
	z-index: 2;
	background: linear-gradient(to right,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
}

.bloc-imgtxt.white .txt{
	color: #fff;
}

.imgg{
	position: relative;
	width: 100%;
	height: 100%;
}

.imgg img{
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.bouton.blanc{
	background: #fff;
	color: #1d1d1b;
}
.bouton.blanc:hover{
	background: #3D4834;
	color: #fff;
}

.txt ul{
	padding: 0 0 0 15px;
	line-height: 1;
}

.txt li{
	position: relative;
	line-height: 1.3;
}

.txt li + li{
	margin: 12px 0 0;
}

.txt .listing{
	list-style: none;
	padding: 0;
}

.txt .listing li{
	padding: 0 0 0 60px;
}

.txt .listing li + li{
	margin: 24px 0 0;
}

.txt .listing .pictoo{
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
}

.bloc-finitions{
	position: relative;
	z-index: 0;
	padding: 100px 0;
}

.bloc-finitions:after{
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 100vw;
	height: 100%;
	transform: translate(-50%,0);
	background: #F0EDE6;
	z-index: -1;
}

.bloc.bloc-finitions + .bloc.bloc-reassurance{
	margin-top: 0;
}

.bloc-finitions .imgfond{
	width: calc(50vw - calc(var(--ww) * 10));
	left: calc(50% + calc(var(--ww) * 10));
	transform: translate(0,0);
}

.bloc-finitions .left{
	width: 60%;
	padding-right: 6%;
}

.finitions{
	margin: 32px -3px;
	max-width: 615px;
}

.finitionsw{
	margin-top: 100px;
}

.finitionsw .finitions{
	margin-top: 20px;
	margin-bottom: 0;
}

.finition{
	display: inline-block;
	vertical-align: top;
	padding: 3px;
	width: 33.33%;
}

.finitionsw .finition{
	width: 25%;
}

.finitionc{
	display: block;
	width: 100%;
	height: auto;
	padding: 100% 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: rgb(102 56 33 / 30%);
	position: relative;
	border: 1px solid #3D4834;
}

.bloc-finitions .finitionc{
	border: 0;
}

.finitionc p{
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	padding: 0 20px;
	text-align: center;
	line-height: 1.2;
}

.finitionsw .finitionc p{
	letter-spacing: 0;
	text-transform: none;
	font-size: 9px;
}

.finip{
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 500;
	font-size: 13px;
	line-height: 1.2;
	margin: 7px 0 13px!important;
}

.lien{
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: underline;
	font-weight: 600;
	line-height: 1;
	font-size: 15px;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.lien svg{
	transition: margin-left 0.4s ease;
	margin-left: 6px;
}

.lien:hover svg{
	margin-left: 12px;
}

.piecesc{
	margin: 0 -12px;
}

.piece{
	position: relative;
	width: 33.33%;
	padding: 12px;
	display: inline-block;
	vertical-align: top;
}

.piece h3{
	position: relative;
	text-transform: uppercase;
	padding: 20px;
	margin: 0;
	font-size: 22px;
}

.flec{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}

.flec svg{
	font-size: 15px;
}

.flec:after{
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	position: absolute;
	right: 100%;
	top: 50%;
	background: #3D4834;
	transition: width 0.4s ease;
}

a:hover .flec:after{
	color: #000;
	width: 30px;
}

.piecimg{
	position: relative;
	width: 100%;
	height: auto;
	padding: 60% 0 0;
	background: #eee;
}

.piece.encart{
	width: 66.66%;
}

.piece.encart .piecimg{
	padding: calc(30% - 7px) 0 0;
}

.piece.encart .piecimg.white{
	color: #fff;
}

.piecimgg{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translate(0,-50%);
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 700;
	padding: 0 12% 0 27%;
}

.ico{
	display: block;
	width: 85px;
	height: 85px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 12%;
	top: 50%;
	transform: translate(0,-50%);
}

.piecimg:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	z-index: 1;
	background: #3D4834;
	opacity: 0;
	transition: opacity 0.4s ease;
}

a:hover .piecimg:after{
	opacity: 0.3;
}

.piecimg img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.breadcrumbs{
	margin: 30px 0 40px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 600;
}

.breadcrumbs a{
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.pagetitre{
	text-transform: uppercase;
	font-size: 32px;
}

.bloc-imgtxt img{
	display: block;
	width: 100%;
}

.bloc-titre .wrapper{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.bloc-titre .titrage.aveclien {
	max-width: calc(100% - 120px);
}

.bloc-titre .lien{
	text-decoration: none;
	margin: 0 0 2px;
	font-weight: 700;
	letter-spacing: 0;
}

.intro{
	max-width: 66.66%;
	margin: 0;
}

.termzc{
	text-align: center;
	margin: 50px 0;
}

.term{
	display: inline-block;
	vertical-align: bottom;
	margin: 0 20px;
}

.term p{
	text-transform: uppercase;
	font-size: 14px;
}

.term a:not(.on):not(:hover){
	opacity: 0.4;
}

.pictooo{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 0 0 15px;
}

.pictooo img{
	display: block;
	margin: 0 auto;
	max-width: 65px;
	max-height: 40px;
}

.produit{
	margin-top: 50px;
}

.prodimg{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	height: auto;
	padding: 33% 0 0;
	position: relative;
}

.prodtxt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-left: 70px;
}

.prodtxt h2{
	margin: 0;
	font-size: 26px;
	text-transform: uppercase;
	line-height: 1.2;
}

.ref{
	font-size: 20px;
}

.prodtxt .lien{
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 0;
	margin: 50px 0 0;
	display: block;
	font-size: 18px;
}

.prodtxt h2 + .txt{
	margin-top: 20px;
}

.imagesprod{
	margin: -10px;
}

.imageprod{
	display: inline-block;
	width: 100%;
	padding: 10px;
}

.imageprod2, .imageprod3{
	width: 50%;
	vertical-align: top;
}

.imageprodd{
	display: block;
	position: relative;
	width: 100%;
}

.imageprod1 .imageprodd{
	height: auto;
	padding: 66.66% 0 0;
}

.imageprod2 .imageprodd, .imageprod3 .imageprodd{
	height: auto;
	padding: 120% 0 0;
}

.imageprodd img, .caracimg img, .prodimg img, .projetopimg img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.prodcont .left{
	width: 60%;
}

.prodcont .right{
	width: 40%;
	padding-left: 70px;
}

.prodcont .titre{
	font-weight: 700;
	font-size: 30px;
}

.prodcont .finitionsw .titre{
	font-size: 25px;
}

.prodcont .titre + .txt{
	margin-top: 40px;
}

.caracts{
	background: #f1efed;
	padding: 60px 0;
	margin: 70px 0 0;
}

.caracts .titre{
	margin-bottom: 20px;
}

.caractsc{
	margin: 0 -10px;
}

.carac{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 10px;
}

.caracimg{
	position: relative;
	width: 100%;
	padding: 58% 0 0;
	background: #d1d1d1;
	margin: 0 0 22px;
}

.carac h4{
	text-transform: uppercase;
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 15px;
	padding: 0;
}

.carac .txt{
	font-size: 15px;
	line-height: 1.3;
}

.carac .lien{
	display: block;
	margin: 20px 0 0;
}

.page-template-page-realisation .produitsc{
	margin: -20px;
}

.page-template-page-realisation .produit{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 20px;
}

.page-template-page-realisation .prodimg{
	width: 100%;
	margin-bottom: 20px;
	padding: 70% 0 0;
}

.prodtxtt h2, .projo h2{
	text-transform: uppercase;
	font-size: 26px;
}

.projetop{
	color: #fff;
	background: #9A5B33;
	position: relative;
}

.projetop .left{
	width: 40%;
	padding: 130px 5%;
}

.projetopimg{
	position: absolute;
	right: 0;
	top: 0;
	width: 60%;
	height: 100%;
}

.single-realisation #main{
	position: relative;
}

.single-realisation .bread{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
	margin: 30px 0 0;
	color: #fff;
}

.single-realisation .bread .wrapper{
	max-width: 100%;
	padding: 0 5%;
}

.single-realisation .bread a, .imagetop + .bread a{
	color: #fff;
}

/* body:not(.home).single-realisation #content{
	padding-top: 94px;
} */

.donnees{
	margin: 40px -20px -20px;
}

.donnee{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 20px;
}

.intit{
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
}

.projos{
	margin: 150px 0 80px;
}

.projo + .projo{
	margin: 150px 0 0;
}

.projo:not(.alt) .left, .projo.alt .right{
	width: 55%;
	vertical-align: middle;
}

.projo.alt .left{
	width: 45%;
	vertical-align: middle;
	padding-right: 70px;
}

.projo:not(.alt) .right{
	width: 45%;
	vertical-align: middle;
	padding-left: 70px;
}

.projo .imageprodd{
	width: 100%;
	height: auto;
	padding: 70% 0 0;
}

.sliderimages{
	position: relative;
}

/* .wrapperm.wrapper{
	max-width: 950px;
} */

.accordeonsc{
	width: 60%;
}

.accordeons{
	margin: 70px 0 30px;
}

.accordeon{
	padding: 40px 0;
}

.accordeon + .accordeon{
	border-top: 1px solid #C3C3C3;
}

.accordeontop{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 24px;
	cursor: pointer;
}

.accordeontop svg{
	transition: transform 0.4s ease;
}

.on .accordeontop svg{
	transform: rotate(45deg);
}

.accordeon .txt{
	display: none;
	padding: 25px 0 0;
}

.produits .sliderpieces{
	position: relative;
}

.sliderpieces .swiper-slide > h3{
	line-height: 1.2;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	padding: 0;
	margin: 15px 0 0;
}

.vpaa{
	margin: 120px 0 50px;
}

.vpaa .wrapper > .titre{
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 30px;
}

.tendances .left{
	padding-right: 10px;
}
.tendances .right{
	padding-left: 10px;
	margin: -10px;
	width: calc(50% + 20px);
}

.tendancec{
	position: relative;
}

.tendance .imageprodd{
	padding: 80% 0 0;
	display: block;
	width: 100%;
	height: auto;
}

.tendance1 .imageprodd{
	padding: calc(80% + 4px) 0 0;	
}

.tendance:not(.tendance1){
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}

.tendance .titre{
	background: #E3E0DB;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px;
	font-weight: 700;
	line-height: 1.1;
	font-size: 24px;
}

.tendance:not(.tendance1) .titre{
	font-size: 18px;
	padding: 15px;
}

.cataloguec{
	margin: 40px -30px 0;
}

.proo{
	display: inline-block;
	vertical-align: middle;
	width: 16.66%;
}

.proo:not(.cta) .titre{
	font-weight: 800;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.proo .pictoo{
	width: 115px;
	max-width: 100%;
	height: auto;
	padding: 75% 0 0;
	background-position: center bottom;
	position: relative;
}

.proo.new .pictoo:before{
	content: '';
	display: block;
	width: 85px;
	height: 85px;
	position: absolute;
	left: -10px;
	top: -10px;
	background: url(../images/nouveau.png) no-repeat center center/contain;
}

.proo:not(:nth-of-type(6n)):not(.cta){
	border-right: 2px solid;
}

.prooc{
	padding: 20px 30px;
}

.proo.cta{
	padding: 20px 30px;
	width: 50%;
}

.proo.cta .titre{
	text-transform: uppercase;
	margin: 0 0 20px;
}

.proo.cta .prooc{
	background: #E3E0DB;
	text-align: center;
	padding: 34px 40px;
}

.proo.cta .boutons {
	margin: 20px 0 0;
}

.popup{
	display: none;
}

.sliderpieces.off .swiper-wrapper{}

.sliderpieces.off .swiper-slide{
	display: inline-block;
	width: 25%;
}

.sliderpieces.off .swiper-slide + .swiper-slide{
	margin-left: 10px;
}

@media screen and (max-width: 1599px) {
	.picto h4{
		font-size: 18px;
	}
	.bloc-imgtxt.coul:not(.full) .right, .bloc-imgtxt.droity.coul:not(.full) .left {
		padding: 60px;
	}
}

@media screen and (max-width: 1499px) {
	
}

@media screen and (max-width: 1399px) {
	.main-menu > li > a{
		font-size: 15px;
	}
	.main-menu > li.bout a{
		padding: 8px 15px;
		font-size: 14px;
	}
	.france span{
		font-size: 15px;
	}
	.france:before{
		width: 260px;
		height: 5px;
	}
	.picto{
		margin: 15px 20px;
	}
	.pictoo {
		width: 60px;
		height: 50px;
	}
	body, button, input, select, textarea, .picto h4 {
		font-size: 17px;
	}
	.tendance:not(.tendance1) .titre{
	font-size: 16px;	
	}
	.hometop h1, .hometop h2, .titrel, .imagetop h1 {
		font-size: 32px;
	}
	.pagetitre{
		font-size: 30px;
	}
	.titre, .sliderpieces .swiper-slide a h3, .txt h4, .prodcont .finitionsw .titre, .piecimgg, .prodtxtt h2, .projo h2 {
		font-size: 23px;
	}
	.sliderpieces .swiper-slide a h3, .piece h3, .tendance .titre{
		font-size: 20px;
	}
	.sstitre, .txt h3, .popuptop .titre, .prodcont .titre, .vpaa .wrapper > .titre {
		font-size: 28px;
	}
	.prodtxt h2{
		font-size: 24px;
	}
	.reassurance .pictoo {
		width: 70px;
		height: 55px;
	}
	.reassurance h4, .popuptop .sous_titre, .carac h4{
		font-size: 18px;
	}
	.reassurance p{
		font-size: 14px;
	}
	.txt .listing .pictoo {
		width: 35px;
		height: 35px;
	}
	.term{
		margin: 0 16px;
	}
	.finitionsw .finition {
		width: 33.33%;
	}
	.vpaa {
		margin: 80px 0 30px;
	}
}

@media screen and (max-width: 1299px) {
	.piecimgg{
		font-size: 20px;
	}
}

@media screen and (max-width: 1199px) {
	.menu {
		display: none;
		text-align: left;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		overflow-y: auto;
		background: #3D4834;
		width: 100%;
		padding: 100px 40px 60px;
	}
	.menumob{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding-right: 25px;
	}
	.menu .main-menu > li{
		padding: 0;
		display: block;
	}
	.menu .main-menu > li + li {
		margin-left: 0;
		margin-top: 30px;
	}
	.menu .main-menu > li.fini {
		padding-left: 30px;
	}
	.menu .main-menu > li > a{
		color: #fff;
	}
	.menu .main-menu > li > a:hover{
		
	}
	.menu .main-menu > li > ul{
		margin: 12px 0 0;
	}
	.menu .main-menu > li > ul > li{
		
	}
	.menu .main-menu > li > ul > li + li{
		
	}
	.menu .main-menu > li > ul > li > a{
		
	}
	.menu .main-menu > li > ul > li > a:hover{
		
	}
	.main-menu > li.fini svg path {
		fill: #fff;
	}
	.menumob .main-menu > li{
		padding: 30px 0;
	}
	.menu-top-container{
		margin-right: 15px;
	}
	.hamburger{
		height: 49px;
	}
	.home.scrolled.menuon .site-title a svg path, .menuon .site-title a svg path {
		fill: #fff;
	}
	.home:not(.scrolled) .hamburger-inner, .home:not(.scrolled) .hamburger-inner::after, .home:not(.scrolled) .hamburger-inner::before{
		background: #fff;
	}
	.menuon .main-menu > li.bout a {
		background: #fff;
		color: #3D4834 !important;
	}
	.menuon .main-menu > li.bout a:hover {
		background: #9a5b33 !important;
		color: #fff !important;
	}
	body:not(.home) #content {
		padding-top: 90px;
	}
	.site-footer {
		padding: 60px 0;
	}
	.cols{
		display: block;
	}
	.col.col1{
		margin-bottom: 40px;
	}
	.col:not(.col1){
		display: inline-block;
		vertical-align: top;
		width: 25%;
	}
	.footer-menu > li + li {
		margin-top: 10px;
	}
	.bloc-reassurance{
		padding: 70px 0;
	}
	.hometop h1, .hometop h2, .titrel, .imagetop h1 {
		font-size: 30px;
	}
	.reassurance h4, .popuptop .sous_titre, .carac h4 {
		font-size: 16px;
	}
	.reassurance p {
		font-size: 12px;
	}
	.titre, .sliderpieces .swiper-slide a h3, .txt h4, .prodcont .finitionsw .titre, .piecimgg, .prodtxtt h2, .projo h2 {
		font-size: 21px;
	}
	.sstitre, .txt h3, .popuptop .titre, .prodcont .titre, .vpaa .wrapper > .titre {
		font-size: 26px;
	}
	body, button, input, select, textarea, .picto h4 {
		font-size: 15px;
	}
	.picto {
		margin: 15px 15px;
	}
	.prodtxt h2 {
		font-size: 22px;
	}
	.prodtxt .lien{
		font-size: 15px;
	}
	.bouton{
		font-size: 13px;
	}
	.breadcrumbs{
		font-size: 10px;
	}
	.bloc-imgtxt.coul:not(.full) .right, .bloc-imgtxt.droity.coul:not(.full) .left {
		padding: 40px;
	}
	.bloc-imgtxt .right, .prodtxt, .prodcont .right, .projo:not(.alt) .right {
		padding-left: 40px;
	}
	.projo.alt .left{
		padding-right: 40px;
	}
	.bloc-imgtxt .left, .bloc-imgtxt .right, .projo:not(.alt) .left, .projo.alt .right {
		vertical-align: top;
	}
	.termzc {
		margin: 50px -14px;
	}
	.term {
		margin: 0 14px;
	}
	.carac .txt {
		font-size: 13px;
	}
	.popup{
		width: 100%;
	}
	.boutons, .prodtxt .lien {
		margin: 40px 0 0;
	}
	.ico{
		left: 40px;
	}
	.piecimgg{
		padding: 0 40px 0 150px;
	}
	.piece h3{
		padding: 20px 0;
	}
	.flec{
		right: 0;
	}
	.tendance:not(.tendance1) .titre {
		font-size: 14px;
	}
	.sliderpieces .swiper-slide a h3, .piece h3, .tendance .titre {
		font-size: 18px;
	}
	.prooc {
		padding: 20px 20px;
	}
	.proo:not(.cta) .titre{
		font-size: 14px;
	}
	.proo.new .pictoo:before {
		width: 54px;
		height: 54px;
	}
	.proo.cta .prooc{
		padding: 30px;
	}
	.proo.cta .titre {
		margin: 0 0 12px;
	}
	.cataloguec {
		margin: 15px -30px 0;
	}
	.projetop .left {
		padding: 95px 40px 70px;
	}
	.single-realisation .bread{
		margin: 15px 0 0;
	}
	.single-realisation .bread .wrapper {
		padding: 0 40px;
	}
	.donnees {
		margin: 25px -20px -20px;
	}
	.projos {
		margin: 80px 0 40px;
	}
	.projo + .projo {
		margin: 80px 0 0;
	}
	.bloc-imgtxt.droity .left{
		padding-right: 40px;
	}
}

@media screen and (max-width: 1023px) {
	.bloc-imgtxt .left, .bloc-imgtxt .right{
		width: 100%!important;
	}
	.bloc-imgtxt .right{
		padding-left: 0;
		margin-top: 40px;
	}
	.reassurance{
		width: 33.33%;
	}
	.sliderinsta .swiper-slide .nominsta{
		left: 20px;
		bottom: 20px;
		font-size: 16px;
	}
	.titrecol {
		font-size: 17px;
	}
	.footer-menu > li > a {
		font-size: 12px;
	}
	.bloc-finitions {
		padding: 40px 0 60px 0;
	}
	.bloc-finitions .left {
		width: 100%;
		padding-right: 0;
	}
	.bloc-finitions .imgfond {
		width: 100%;
		left: 0;
		transform: translate(0, 0);
		position: relative;
		height: auto;
		margin: 0 0 40px;
		padding: 40% 0 0;
	}
	.finitions {
		margin: 32px -3px;
		max-width: 100%;
		width: 100%;
	}
	.finition{
		width: 16.66%;
	}
	.finitionc p{
		font-size: 11px;
		padding: 0 10px;
	}
	.imgfond {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
		padding: 55% 0 0;
		transform: translate(0, 0);
	}
	.degra{
		display: none;
	}
	.bloc-imgtxt.full {
		padding-top: 50px;
	}
	.bloc-imgtxt.full .right {
		padding-top: 0;
		padding-bottom: 70px;
		margin-top: 20px;
	}
	.wp-block-column:empty{
		display: none;
	}
	.bloc {
		margin-top: 60px;
	}
	.imgg {
		position: relative;
		width: 100%;
		height: auto;
		padding: 55% 0 0;
	}
	.bloc-imgtxt.coul:not(.full) .right, .bloc-imgtxt.droity.coul:not(.full) .left{
		margin-top: 0;
	}
	.piece{
		width: 50%;
	}
	.pictooo img{
		max-width: 50px;
		max-height: 32px;
	}
	.termzc {
		margin: 32px 0;
	}
	.term{
		width: 25%;
		margin: 0;
		padding: 10px 0;
	}
	.term p{
		font-size: 11px;
	}
	.piece.encart {
		width: 100%;
	}
	.piece.encart .piecimg {
		padding: 24% 0 0;
	}
	.ico{
		width: 70px;
		height: 70px;
	}
	.piecimgg{
		font-size: 20px;
		line-height: 1.3;
	}
	.intro {
		max-width: 100%;
	}
	.proo {
		width: 25%;
	}
	.proo.cta{
		width: 100%;
	}
	.proo:not(:nth-of-type(4n)):not(.cta) {
		border-right: 2px solid;
	}
	.tendances .left {
		width: 100%;
		padding-right: 0;
	}
	.tendances .right {
		padding-left: 0;
		margin: 10px -10px -10px;
		width: calc(100% + 20px);
	}
	.projetopimg {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		height: auto;
		padding: 50% 0 0;
	}
	.projetop .left {
		padding: 50px 40px;
		width: 100%;
	}
	.projo .left, .projo .right{
		width: 100%!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.projo:not(.alt) .right, .projo.alt .left{
		margin-top: 40px;
	}
	.bloc-imgtxt.droity .left{
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	h1.wp-block-heading.has-x-large-font-size{
		font-size: 2em!important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.has-text-align-center{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.site-title a {
		left: 30px;
	}
	.menumob{
		padding-right: 15px;
	}
	.wrap, .wrapper{
		padding-left: 30px;
		padding-right: 30px;
	}
	.site-title a{
		width: 150px;
	}
	.menumob .main-menu > li {
		padding: 20px 0;
	}
	.menu-top-container {
		margin-right: 5px;
	}
	.main-menu > li.bout a {
		padding: 7px 12px;
		font-size: 10px;
	}
	.menu{
		padding: 80px 30px 60px;
	}
	.titre, .sliderpieces .swiper-slide a h3, .txt h4, .prodcont .finitionsw .titre, .piecimgg, .prodtxtt h2, .projo h2 {
		font-size: 19px;
	}
	.sstitre, .txt h3, .popuptop .titre, .prodcont .titre, .vpaa .wrapper > .titre {
		font-size: 22px;
	}
	.hometop h1, .hometop h2 {
		font-size: 25px;
	}
	.titrel, .imagetop h1 {
		font-size: 24px;
	}
	.france:before {
		width: 200px;
		height: 4px;
		margin: 0 auto 15px;
	}
	.france span {
		font-size: 12px;
	}
	.bloc {
		margin-top: 50px;
	}
	.swiper-button-prev {
		left: 20px;
	}
	.swiper-button-next {
		right: 20px;
	}
	.sliderpieces .swiper-slide a h3{
		left: 50%;
		transform: translate(-50%,0);
	}
	.picto {
		margin: 15px 0;
		width: 50%;
	}
	.finition {
		width: 33.33%;
	}
	.reassurance {
		width: 50%;
	}
	.bouton {
		font-size: 12px;
		text-align: center;
		display: block;
		width: 100%;
		padding: 14px 20px;
	}
	body, button, input, select, textarea, .picto h4 {
		font-size: 14px;
	}
	.bloc-reassurance {
		padding: 40px 0;
	}
	.col:not(.col1){
		width: 50%;
	}
	.col:not(.col1):not(.col2):not(.col3){
		margin-top: 30px;
	}
	.hamburger {
		height: 47px;
	}
	.titrecol {
		font-size: 15px;
		margin: 0 0 14px;
	}
	.footer-menu > li > a {
		font-size: 11px;
	}
	.footer-menu > li + li {
		margin-top: 6px;
	}
	body:not(.home) #content {
		padding-top: 64px;
	}
	.imagetop{
		padding: 56% 0 0;
	}
	.breadcrumbs {
		margin: 20px 0 30px;
		font-size: 8px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.bloc-imgtxt.coul:not(.full) .right, .bloc-imgtxt.droity.coul:not(.full) .left {
		padding: 30px;
	}
	.bloc-reassurance .titre{
		margin: 0 0 35px;
	}
	.bloc-video, .projo .sliderimages{
		width: calc(100% + 60px);
		margin-left: -30px;
	}
	.fancybox-content{
		padding: 30px;
	}
	.popup .finition {
		width: 33.33%;
	}
	.pagetitre {
		font-size: 26px;
	}
	.piece {
		width: 100%;
	}
	.prodimg{
		width: 100%;
		margin-bottom: 30px;
	}
	.prodtxt, .prodcont .right, .projo:not(.alt) .right {
		padding-left: 0;
		width: 100%;
	}
	.carac{
		width: 50%;
	}
	.sliderpieces.off .swiper-slide {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	.vpaa {
		margin: 60px 0 0;
	}
	.caracts{
		margin: 50px 0 0;
	}
	.carac h4 {
		font-size: 14px;
	}
	.carac .txt {
		font-size: 12px;
	}
	.finitionsw {
		margin-top: 50px;
	}
	.prodcont .left, .page-template-page-realisation .produit {
		width: 100%;
	}
	.prodcont h1.titre{
		margin-bottom: 30px;
	}
	.prodcont .right{
		margin-top: 30px;
	}
	.finip{
		font-size: 11px;
	}
	.boutons, .prodtxt .lien {
		margin: 30px 0 0;
	}
	.term p {
		font-size: 9px;
	}
	.ico {
		width: 50px;
		height: 50px;
		left: 30px;
	}
	.piece.encart .piecimg {
		padding: 20px 0;
	}
	.piecimgg {
		padding: 0 25px 0 100px;
		position: relative;
		top: 0;
		width: 100%;
		transform: translate(0, 0);
		font-size: 13px;
	}
	.tendance .titre{
		padding: 20px;
	}
	.tendance:not(.tendance1) .titre {
		font-size: 12px;
		padding: 10px;
	}
	.site-footer{
		margin-top: 50px;
	}
	.proo {
		width: 50%;
		border-right: 0!important;
	}
	.single-realisation .bread .wrapper {
		padding: 0 30px;
	}
	.single-realisation .bread {
		margin: 0;
	}
	.projetop .left {
		padding: 40px 30px;
	}
	.projos {
		margin: 0 0 30px;
	}
	.lien{
		font-size: 14px;
	}
	.ginput_container_consent label{
		font-size: 10px;
	}
}

@media screen and (max-width: 374px) {
	
}