#header{
	background: var(--darkbg);
	border-bottom: 20px solid var(--primary-color);
}
#header.fixed,#header.menuOpen{
	position: fixed;
	top: 0;
	left: 0; right: 0;
	z-index: 15;
}
#header.small,#header.fixed,#header.menuOpen{
	border-bottom: 7px solid var(--primary-color);
}
.marquee{
	padding: 10px 0;
	font-size: 1.2em;
	display: flex;
	overflow: hidden;
	gap: 1rem;
}
.marqueeContent{
	flex-shrink: 0;
	gap: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	min-width: 100%;
	animation: scroll-x 30s linear infinite;
}
@keyframes scroll-x {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-100% - 1rem));
	}
}
.homeMarquee{
	background: var(--secondary-color);
	color: var(--text1);
}
.pageMarquee{
	background: var(--darkbg);
	color: var(--text1);
}
.projectMarquee{
	background: var(--text1);
	color: var(--secondary-color);
}
.marqueeFig{
	width: 20px;
}
.headerContentWrapper{
	display: flex;
	align-items: flex-end;
	padding: 20px 0;
	overflow: hidden;
}
.logoZone{
	display: flex;
	align-items: flex-start;
	width: calc(100% - 50px);
	transition-property:all;
	transition-duration: .8s;
	transition-timing-function: ease-out;
}
.fixed .logoZone,.menuOpen .logoZone,.small .logoZone{
	width: auto;
}
.logoLeaf{
	position: absolute;
	left: 47%;
	top: 36%;
	width: 4.5%;
	transition-property:all;
	transition-duration: .8s;
	transition-timing-function: ease-out;
}
.fixed .logoLeaf,.menuOpen .logoLeaf,.small .logoLeaf{
	position: static;
	width: 65px;
	top: 0;
	left: 0;
}
.logoLudo{
	width: 100%;
	transition-property:all;
	transition-duration: .8s;
	transition-timing-function: ease-out;
}
.fixed .logoLudo,.menuOpen .logoLudo,.small .logoLudo{
	width: 300px;
	margin: auto 20px 5px 15px;
}
.siteBaseline{
	display: none;
	opacity: 0;
	transition-property:all;
	transition-duration: .8s;
	transition-timing-function: ease-out;
}
.fixed .siteBaseline,.menuOpen .siteBaseline,.small .siteBaseline{
	display: block;
	opacity: 1;
	margin: auto 0 5px 0;
	line-height: 1em;
}
.spacer.active{
	height: 150px;
}
.menuButton{
	width: 35px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	margin: 5px 0 auto 15px;
	transition-property:all;
	transition-duration: .8s;
	transition-timing-function: ease-out;
}
.fixed .menuButton,.menuOpen .menuButton,.small .menuButton{
	margin: auto 0 7px 15px;
}
.bar{
	width: 100%;
	height: 3px;
	background: var(--secondary-color);
	border-radius: 8px;
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
#bar2{
	margin: 8px 0;
}
.menuOpen #bar2{
	opacity: 0;
}
.menuOpen #bar1{
	transform: rotate(32.15deg) scale(1.18);
	transform-origin: center left;
}
.menuOpen #bar3{
	transform: rotate(-32.15deg) scale(1.18);
	transform-origin: center left;
}
.button{
	background: var(--primary-color);
	color: var(--text1);
	padding: 5px 25px;
	border-radius: 70px;
	border: 1px solid #fff;
	margin: auto 0 5px auto;
	font-size: 1.2em;
	transition-property:all;
	transition-duration: .4s;
	transition-timing-function: ease-out;
}
.button:hover{
	background: var(--darkbg);
	color: #fff;
	border-color: var(--primary-color);
}
.header .button{
	display: none;
	opacity: 0;
}
.fixed .button,.menuOpen .button,.small .button{
	display: block;
	opacity: 1;
}
.mainMenu{
	position: fixed;
	left: 0;
	top: 125px;
	bottom: 0;
	width: 100%;
	background: var(--darkbg);
	z-index: 9;
	padding: 30px 50px;
}
.menuLink{
	font-size: 1.5em;
	margin: 5px 0;
	transition-property:color;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.menuLink:hover,.menuLink.active{
	color: var(--primary-color);
}
.mainMenu .button{
	margin: 20px 0;
}
.socialLinkList{
	display: flex;
	align-items: center;
	margin: 20px 0 0 0;
}
.socialLinkItem{
	width: 50px;
}
.socialLinkItem:nth-child(2){
	margin: 0 20px;
}

/* accueil */
.homeSlider,.sliderItem{
	aspect-ratio: 16/9;
	width: 100%;
}
.sliderItem > iframe{
	position: absolute;
	left: 0; top: 0; width: 100%; height: 100%;
}
.sliderItem[data-type="video"]{
	z-index: 6;
}
.homeSlider.headerFixed{
	z-index: 0;
}
.sliderTextWrapper{
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 50%;
	z-index: 5;
}
.sliderTitle{
	font-weight: 400;
	margin: 0;
	padding: 10px 0 10px 50px;
	background: linear-gradient(to right, rgba(255,255,255,1) 400px, rgba(255,255,255,0));
	color: #3D4945;
}
.sliderTextWrapper .button{
	display: inline-block;
	background: var(--darkbg);
	color: #fff;
	border-color: var(--primary-color);
	margin: 20px 0 0 50px;
}
.sliderTextWrapper .button:hover{
	background: var(--primary-color);
	color: var(--text1);
	border-color: #fff;
}
.sliderNavigator{
	margin: 10px 0 0 0;
}
.sliderNavigLink{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--third-color);
	margin: 0 5px;
}
.sliderNavigLink:hover,.sliderNavigLink.current{
	background: var(--primary-color);
}
.homeArtistSection{
	margin: 10px 0 0 0;
}
.homeArtistSection::before,.reviewsWrapper::before,.artistSection{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0; left: 0; right: 0; bottom: 0;
	background: url(../images/bck-artist.jpg) no-repeat bottom center;
	background-size: cover;
	mask-image: url(../images/mask-artist.svg);
	mask-size: cover;
	background-attachment: fixed;
}
.homeArtistWrapper,.artistWrapper{
	color: var(--darkbg);
	display: flex;
	align-items: center;
	padding: 20px 0;
	aspect-ratio: 1.75;
}
.homeArtistText{
	width: 42%;
	margin: auto;
	font-size: 1.5em;
}
.sectionTitle{
	font-size: 2em;
}
.sectionTitle::after{
	content: "~";
	display: block;
	text-align: center;
	margin: 15px 0;
}
.homeArtistText p{
	line-height: 1.5em;
}
.homeArtistText .button{
	background: var(--darkbg);
	color: #fff;
	border-color: #fff;
	margin: 20px 0;
}
.homeArtistText .button:hover{
	background: #fff;
	color: var(--darkbg);
	border-color: var(--darkbg);
}
.homeArtistFigure,.artistSection .teamFigure{
	width: 42%;
	margin: auto 0;
	box-shadow: 20px 20px 8px rgba(0,0,0,0.2);
	border-radius: 10px;
}
.homeArtistFigure img,.teamFigure img{
	border-radius: 10px;
}
.homeProjectsWrapper .sectionTitle{
	margin: 0;
	color: var(--secondary-color);
}
.homeProjectsWrapper .sectionTitle::after{
	display: none;
}
.homeProjectsWrapper .sectionTitle::before{
	content: "~";
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.homeProjectsList,.projectsList{
	display: flex;
	justify-content: space-between;
	margin: 30px 0 50px 0;
	flex-wrap: wrap;
}
.projectItem{
	width: 30%;
	border: 4px solid var(--darkbg);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.projectFigLink{
	display: block;
	width: 100%;
	aspect-ratio: 1.6;
	border-radius: 10px;
	flex-grow: 0;
	flex-shrink: 0;
	overflow: hidden;
}
.projectFigLink::after{
	content: "";
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 100%;
	background: rgba(197,203,73,0.5);
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.projectTitle{
	margin: 0;
	padding: 7px 6px 15px 6px;
	font-size: 1.4em;
	flex-grow: 0;
	flex-shrink: 0;
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.projectTitle span{
	color: var(--primary-color);
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.projectListDesc{
	margin: 0;
	padding: 0 6px 10px 6px;
	flex-grow: 1;
	flex-shrink: 0;
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.projectItem:hover{
	background: var(--primary-color);
	border-color: var(--primary-color);
}
.projectItem:hover .projectTitle,.projectItem:hover .projectTitle span,.projectItem:hover .projectListDesc{
	color: var(--text2);
}
.projectItem:hover .projectFigLink::after{
	background: rgba(197,203,73,0);
}
.projectLink{
	width: 30%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.visibleLink{
	text-decoration: none;
	color: var(--secondary-color);
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.visibleLink:hover{
	text-decoration: underline;
}
.projectLink > .visibleLink{
	font-size: 1.3em;
}
.homeProjectsButtons > .button{
	color: #fff;
	background: var(--darkbg);
	border-color: var(--primary-color);
}
.reviewSection{
	background: #fff;
	padding-bottom: 50px;
}
.reviewsWrapper{
	display: flex;
	aspect-ratio: 3.17;
	width: 100%;
}
.reviewsWrapper::before{
	background: url(../images/bck-reviews.jpg) no-repeat center center;
	mask-image: url(../images/mask-reviews.svg);
	mask-size: cover;
	background-attachment: fixed;
	z-index: 1;
}
.reviewSection .contentZone{
	z-index: 2;
	margin: auto;
}
.homeReview{
	font-size: 1.5em;
	padding: 0 10%;
	margin: 15px auto;
	line-height: 1.5em;
	background: linear-gradient( to right, rgba(255,255,255,0), rgba(255,255,255,1) 15% , rgba(255,255,255,1) 85% , rgba(255,255,255,0));
}
.homeReviewInfo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin: 0 auto;
	font-size: 0.9em;
}
.reviewNoteList{
	display: flex;
	margin: 0 15px 0 0;
}
.reviewNote{
	width: 23px;
	margin: 0 3px;
}
.reviewNote path{
	fill: #fff;
	stroke-linejoin: miter;
	stroke-width: 5px;
	stroke: #fff;
}
.reviewNote.active path{
	fill: var(--secondary-color);
	stroke: var(--darkbg);
}
.homeReviewInfo time{
	margin: 0 0 0 15px;
}
.prevBtn,.nextBtn{
	color: #000;
	font-size: 2.5em;
	position: absolute;
	top: calc(50% - 21px);
	right: 0;
}
.prevBtn{
	right: auto;
	left: 0;
}
.newsWrapper .sectionTitle::after{
	display: inline-block;
	margin: 0 15px;
}
.homeNewsList,.newsList{
	display: flex;
	justify-content: space-between;
	margin: 30px 0 50px 0;
}
.newsItem{
	width: 48%;
	display: flex;
	justify-content: space-between;
}
.newsItemFig{
	width: 45%;
	aspect-ratio: 1;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}
.newsItemFig img{
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.newsItemFig:hover img{
	transform: scale(1.2);
}
.newsItemTextWrapper{
	width: 52%;
	display: flex;
	flex-direction: column;
	color: var(--text1);
}
.newsItemTitle{
	margin: 0;
	flex-grow: 0;
}
.newsItem .pubTime{
	flex-grow: 0;
	margin: 0 0 15px 0;
}
.newsItemIntro{
	margin: 0;
	flex-grow: 1;
}
.newsItemBottomLink{
	color: var(--text1);
}
.newsWrapper .visibleLink{
	font-size: 1.2em;
	color: var(--text1);
}
.CTAnews{
	background: var(--secondary-color);
	padding: 16px 0;
}
.CTAnews > .contentZone{
	display: flex;
	justify-content: space-between;
	font-size: 1.5em;
	align-items: center;
}
.CTAnews .button{
	font-size: 0.8em;
	background: #000;
	border-color: #fff;
	color: #fff;
	margin-bottom: 0;
}
.CTAnews .button:hover{
	background: #fff;
	border-color: var(--text1);
	color: var(--text1);
}
.footer{
	background: var(--third-color) url(../images/footer-leaf.png) no-repeat;
	background-position: center right 50px;
	background-size: contain;
	padding: 15px 0;
	color: var(--text1);
}
.footerLogoLink{
	width: 395px;
	display: inline-flex;
	align-items: flex-end;
	color: var(--text1);
	margin: 30px 15px 15px 0;
	vertical-align: bottom;
}
.footerLogoLink img{
	width: 300px;
	margin: 0 15px 0 0;
}
.footerLogoLink span{
	margin: auto 0 7px 0;
	line-height: 1em;
}
.addressList{
	display: inline-flex;
	align-items: flex-end;
	gap: 0 20px;
	margin-bottom: 19px;
	vertical-align: bottom;
}
.addressItem{
	font-style: normal;
}
.footerNav{
	margin: 0 0 0 60px;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
.footerNavLinkWrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	height: 90px;
}
.footerNavLink{
	color: var(--text1);
	transition-property:color;
	transition-duration: .3s;
	transition-timing-function: ease-out;
	width: 100%;
	margin: 0 10px 10px 0;
}
.footerNavLink:hover,.footerNavLink.active{
	color: var(--text2);
}
.footerSocialList{
	width: 100%;
	margin: 20px 0 15px 0;
	display: flex;
}
.footerUnepLink{
	width: 230px;
	margin: 0 40px 0 0;
}

/* team */
.artistSection{
	mask: none;
	position: static;
}
.artistWrapper{
	align-items: flex-start;
	aspect-ratio: auto;
	padding: 50px 0;
}
.artistSection .sectionTitle{
	margin-top: 0;
}
.artistSection .sectionTitle::after{
	margin: 0 auto 15px auto;
	line-height: 0.8em;
}
.artistSection .homeArtistText{
	margin-top: 20px;
}
.artistSection .teamFigure{
	box-shadow: none;
	margin-top: 20px;
}
.teamName{
	background: #fff;
	border: 2px solid var(--darkbg);
	color: var(--darkbg);
	padding: 10px 40px;
	box-sizing: border-box;
	max-width: 100%;
	width: auto;
	border-radius: 95px;
	font-size: 1.5em;
}
.teamGrade{
	font-weight: 400;
	font-size: .6em;
}
.artistSection .button{
	background: var(--darkbg);
	color: #fff;
}
.buttonIcon{
	width: 25px;
	margin: 0 15px 0 0;
}
.buttonIcon svg{
	display: block;
	width: 100%;
	fill: var(--primary-color);
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.artistSection .button:hover{
	background: var(--primary-color);
	color: var(--text1);
	border-color: #fff;
}
.artistSection .button:hover svg{
	fill: var(--text1);
}
.teamSection{
	background: var(--third-color);
	padding: 50px 0;
}
.teamSection .sectionTitle{
	margin: 50px 0;
	font-size: 3em;
}
.teamSection .sectionTitle::after,.teamSection .sectionTitle::before{
	display: inline-block;
	margin: 0 25px;
	content: "~";
}
.teamList{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 50px 5%;
}
.teamItem{
	width: 30%;
}
.teamItem .teamName{
	font-size: 1.2em;
}
.teamItem .teamFigure{
	aspect-ratio: 1;
}
.jobSection{
	background: var(--primary-color);
	padding: 50px 0;
}
.jobWrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.jobSection .sectionTitle::after{
	display: none;
}
.jobSection .sectionTitle{
	margin: 50px 0;
	width: 100%;
}
.jobList{
	width: 30%;
	margin: 0 10% 0 0;
}
.jobItem{
	margin: 0 0 40px 0;
}
.jobTitle{
	border-bottom: 1px solid;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.jobItem .visibleLink{
	color: inherit;
	font-size: 1.2em;
}
.candidateForm,.contactForm,.estimateForm{
	margin: 0;
	width: 60%;
	display: flex;
	align-items: flex-end;
	gap: 15px 4%;
	flex-wrap: wrap;
}
.labelCandidate,.labelContact{
	width: 48%;
	font-size: 1.2em;
}
.labelText{
	display: block;
	padding: 0 0 5px 20px;
}
.labelCandidate[for="msg"]{
	width: 100%;
}
.labelCandidate[for="file"]{
	width: 200px;
	margin-top: 15px;
}
.formField{
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 7px 15px;
	border-radius: 50px;
	border: 2px solid var(--text1);
	background: #fff;
	font-family: "Sen", serif;
	font-size: 1.2em;
}
.areaField{
	aspect-ratio: 3;
	border-radius: 25px;
}
.formField.customInputFile{
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background: var(--secondary-color);
	font-family: "Aboreto", serif;
}
.formField.customInputFile.valid{
	background: var(--primary-color);
}
.customInputFile input{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: translate(-300px, 0) scale(4);
	cursor: pointer;
}
.valid .validIcon{
	width: 17px;
	margin: 0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 2px;
}
.candidateForm .button{
	width: calc(96% - 200px);
	border: 2px solid #fff;
	background: var(--darkbg);
	color: #fff;
	cursor: pointer;
	padding: 7px 15px;
	margin-bottom: 0;
}
.candidateForm .buttonIcon{
	margin: 0 0 0 15px;
}
.candidateForm .button:hover{
	border-color: #fff;
	background: var(--primary-color);
	color: var(--text1);
}
.candidateForm .button:hover svg{
	fill: var(--text1);
}
.messageReturnForm{
	width: 100%;
	font-size: 2em;
}

/* matériel */
.materialSection{
	background: var(--text1);
	padding: 1px 0;
}
.materialSection::after{
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 15%;
	width: 100%;
	background: url(../images/bck-material.jpg) no-repeat top center;
	background-size: cover;
	z-index: 0;
}
.materialWrapper{
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.materialWrapper .sectionTitle{
	width: 100%;
}
.materialWrapper .sectionTitle::after,.projectsWrapper .sectionTitle::after,.newsSection .sectionTitle::after,.contactSection .sectionTitle::after,.estimateSection .sectionTitle::after{
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}
.materialList{
	width: 56%;
	margin-top: 30px;
}
.materialItem{
	background: var(--secondary-color);
	margin: 0 0 50px 0;
	border-radius: 0 0 8px 8px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.materialFig{
	width: 100%;
	aspect-ratio: 1.7;
}
.materialItemText,.materialTitle{
	width: calc(46% - 25px);
	margin: 20px 25px 20px auto;
}
.materialTitle{
	margin: 20px auto 20px 25px;
}
.materialName{
	font-size: 1.3em;
}
.materialModel{
	font-weight: 400;
}
.materialText{
	width: 40%;
	background: #E3E5E9;
	color: var(--text2);
	border-radius: 8px;
	box-sizing: border-box;
	padding: 10px 20px;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 30px 0 50px 0;
}

/* projets*/
.projectsSection{
	background: var(--text2);
}
.projectsWrapper .sectionTitle::after,.projectsWrapper .sectionTitle{
	color: #fff;
}
.projectsList,.projectsList .projectTitle span{
	color: var(--text1);
}
.projectsNav,.filtersNav.open{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 12px;
	margin: 6px 0;
}
.projectsNav.first{
	margin: 30px 0;
}
.projectFilter,.showMoreFilters{
	font-size: 1em;
	border: 1px solid #fff;
	padding: 4px 20px;
	border-radius: 70px;
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.showMoreFilters{
	padding: 4px 10px 4px 20px;
}
.projectFilter:hover,.projectFilter.active,.showMoreFilters:hover,.showMoreFilters.active{
	color: var(--text1);
	background: var(--primary-color);
	border-color: var(--primary-color);
}
.filtersIcon{
	height: 10px;
	margin-left: 10px;
}
.filtersIcon svg{
	fill: #fff;
	display: block;
	width: auto;
	height: 100%;
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.showMoreFilters:hover svg,.showMoreFilters.active svg{
	fill: var(--text1);
}
.active svg{
	transform: rotate(180deg);
}
.projectsList{
	margin-top: 60px;
	gap: 30px 5%;
	justify-content: flex-start;
}
.projectsList .projectItem{
	box-sizing: border-box;
}
.projectItem.itemHidden,.newsItem.itemHidden{
	display: none;
}
.projectMore{
	width: 100%;
	font-size: 1.4em;
}
.projectsMap{
	width: 100%;
	aspect-ratio: 16/9;
	margin: 30px 0;
	z-index: 3;
}
.headerProject{
	display: flex;
	align-items: center;
}
.projectPageTitle,.newsPageTitle{
	color: #fff;
	font-weight: 400;
	font-size: 1.5em;
}
.projectPageName{
	color: var(--primary-color);
}
.headerProject .shareList{
	color: #fff;
}
.headerProject .shareList::before{
	content: "/";
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 1.5em;
}
.headerProject .socialPath{
	fill: #fff;
}
.projectSlider,.newsFigure{
	width: 68%;
}
.projectSliderLink,.projectSliderNav{
	aspect-ratio: 1.6;
	border-radius: 20px;
	overflow: hidden;
}
.projectSliderLegend{
	margin: 0;
	width: 100%;
	padding: 15px 0;
	height: 18px;
	color: #fff;
	background: var(--text2);
}
.projectInfoComp{
	position: absolute;
	top: 0; right: 0; bottom: 0;
	width: 29%;
	overflow-y: auto;
	color: var(--primary-color);
}
.projectSliderNav{
	margin: 0 0 20px 0;
}
.overlay{
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: rgba(65,90,92,0.7);
	background: rgba(197,203,73,0.5);
	transition-property:all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.projectSliderNav:hover .overlay,.current .overlay{
	background: rgba(65,90,92,0);
}
.projectInfoWrapper{
	margin: 30px 0;
}
.projectInfoItem{
	margin: 0 0 25px 0;
	font-size: 0.9em;
}
.projectInfoItem .bold{
	font-size: 1.5em;
}
.projectNav{
	margin: 50px 0 100px 0;
}
.projectNav .button{
	background: var(--secondary-color);
	color: var(--text2);
	border-color: var(--secondary-color);
	margin: 20px 0;
	padding: 5px 50px;
}
.projectNavList{
	display: flex;
	justify-content: space-between;
}

/* news */
.newsSection{
	background: #fff;
	padding: 1px 0;
}
.newsList{
	flex-wrap: wrap;
	gap: 50px 4%;
	justify-content: flex-start;
}
.newsPageTitle{
	color: var(--text2);
}
.newsWrapper .projectImgWrapper,.headerNews,.shareList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.headerNews,.shareList{
	justify-content: flex-start;
}
.shareList{
	gap: 0 15px;
}
.newsWrapper .projectSliderLegend{
	background: none;
	color: var(--text2);
}
.socialShareLink{
	width: 20px;
}
.socialShareLink svg{
	display: block;
	width: 100%;
	height: auto;
}
.newsFigure{
	width: 48%;
}
.newsIntro{
	width: 48%;
	margin-top: 0;
	font-variant: small-caps;
	font-size: 1.2em;
	line-height: 1.7em;
}
.newsPubDate{
	font-size: 1.15em;
	margin: 0 0 3px 0;
}
.newsPubDate::before,.newsPubDate::after{
	content: "/";
	margin: 0 15px;
	display: inline-block;
	vertical-align: baseline;
	font-size: 1.5em;
}
.blocWrapper,.blocImagesList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
}
.textAndImage{
	width: 48%;
	box-sizing: border-box;
}
.textAndImage.bgcolor{
	padding: 2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.blocImagesList{
	align-items: stretch;
}
.blocImagesItem{
	margin-bottom: 30px;
}
.blocImagesItem[data-nb="1"]{
	width: 100%;
}
.blocImagesItem[data-nb="2"]{
	width: 48%;
}
.blocImagesItem[data-nb="3"]{
	width: 31%;
}
.editorNews,.figureContentNews{
	margin: 20px 0;
}
.figureContentNews,figure.textAndImage,.blocImagesFig{
	border-radius: 20px;
	overflow: hidden;
}
.editorNews{
	line-height: 1.5em;
}
.figureContent{
	width: 100%;
	margin: 30px 0;
	aspect-ratio: 4/3;
}
.blocWrapper.align-stretch{
	align-items: stretch;
}
.blocWrapper.align-stretch .textAndImage{
	width: 50%;
}
.blocImagesItem[data-nb="4"]{
	width: 24%;
}
.blocImagesItem[data-nb="5"]{
	width: 18%;
}
.blocImagesItem[data-nb="6"]{
	width: 15%;
}
.blocWrapper .editorNews{
	font-size: 1.5em;
	box-sizing: border-box;
	padding: 0 5%;
}
.blocImagesCaption{
	font-style: italic;
	margin: 5px 0 0 0;
}
.newsProjectSection{
	background: var(--darkbg);
	padding: 40px 0;
	display: flex;
	align-items: center;
}
.newsProjectLabel{
	width: 60%;
	text-align: center;
	color: var(--primary-color);
	margin: 0 auto 0 0;
	font-size: 1.5em;
}
.newsProjectSection .projectItem{
	margin: 0 auto;
}
.newsNav{
	margin: 30px 0 50px 0;
}

/* contact */
.contactSection,.estimateSection{
	background: url(../images/bck-contact.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 1px 0;
	color: #fff;
}
.contactSection .addressList,.estimateSection .addressList{
	font-size: 1.3em;
	align-items: flex-start;
	gap: 0 50px;
	margin-top: 10px;
}
.contactForm,.estimateForm{
	margin: 50px 0 150px 0;
}
.labelContact{
	width: 100%;
}
.labelContact .formField,.contactForm .button,.estimateForm .button{
	border-color: var(--text2);
}
.contactForm .button,.estimateForm .button{
	width: 100%;
	margin: 30px 0 0 0;
	cursor: pointer;
	font-size: 1.6em;
}

/* devis */
.estimateSection{
	background-image: url(../images/bck-estimate.jpg);
	color: var(--text2);
}
.labelContact[for="file"]{
	margin-top: 20px;
}

@media only screen and (max-width: 1024px){
	.footerLogoLink,.addressList{
		display: flex;
	}
	.addressList{
		margin: 0 0 15px 60px;
	}
	.contactSection .addressList,.estimateSection .addressList{
		margin: 10px 0 15px 0;
	}
}
@media only screen and (max-width: 950px){
	.sliderTextWrapper{
		width: 80%;
	}
	.homeNewsList,.CTAnews > .contentZone{
		flex-wrap: wrap;
	}
	.newsItem,.CTAnewsText,.projectLink{
		width: 100%;
		margin: 0 0 4% 0;
	}
	.CTAnews{
		padding: 15px 0;
	}
	.CTAnewsText{
		text-align: center;
		margin: 0 0 10px 0;
	}
	.CTAnews .button{
		margin: 0 auto;
	}
	.materialItemText,.materialTitle{
		width: calc(100% - 50px);
		margin: 20px 25px;
	}
	.materialItemText{
		margin-top: 0;
	}
}
@media only screen and (max-width: 860px){
	.header .button,.fixed .button,.small .button,.headerProject .shareList::before{
		display: none;
	}
	.menuButton{
		margin: 5px 0 auto auto;
	}
	.fixed .menuButton,.menuOpen .menuButton,.small .menuButton{
		margin: auto 0 7px auto;
	}
	.homeArtistText p{
		line-height: normal;
	}
	.signature,.candidateForm,.contactForm,.estimateForm,.newsIntro,.newsFigure,.projectSlider,.projectThumbList,.projectInfoText,.projectInfoComp,.projectNav,.projectPageTitle{
		width: 100%;
	}
	.footerUnepLink{
		margin: 20px 0;
	}
	.teamList,.jobList{
		justify-content: space-between;
		gap: 50px 4%;
	}
	.jobWrapper,.projectInfoWrapper,.projectThumbList,.headerProject{
		flex-wrap: wrap;
	}
	.jobList{
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 40px 4%;
		width: 100%;
		margin: 0 0 40px 0;
	}
	.jobItem,.teamItem{
		width: 48%;
	}
	.materialWrapper .sectionTitle,.newsFigure{
		order: 1;
	}
	.materialText,.materialList,.newsIntro{
		order: 2;
		width: 100%;
	}
	.materialList{
		order: 3;
	}
	.newsFigure{
		margin: 20px 0;
	}
	.projectThumbItem{
		width: 25%;
	}
	.projectInfoComp{
		position: static;
		overflow: visible;
	}
}
@media only screen and (max-width: 700px){
	.sliderTextWrapper,.homeArtistText,.projectItem,.teamFigure,.artistSection .teamFigure,.teamItem,.jobItem,.contactSection .addressItem,.estimateSection .addressItem,.textAndImage,.blocWrapper.align-stretch .textAndImage,.newsProjectLabel,.projectNavItem{
		width: 100%;
	}
	.blocWrapper .editorNews{
		padding: 20px 10px;
	}
	.homeArtistWrapper,.artistWrapper,.newsProjectSection,.projectNavList{
		flex-wrap: wrap;
	}
	.homeArtistFigure,.artistFigure{
		width: 80%;
		margin: 30px auto;
	}
	.projectItem{
		margin: 0 0 5% 0;
	}
	.homeReview{
		margin: 50px auto;
		padding: 0 5%;
	}
	.projectsNav{
		margin-bottom: 15px;
	}
	.contactSection .addressList,.estimateSection .addressList{
		flex-wrap: wrap;
		gap: 30px 0;
	}
	.newsProjectLabel{
		margin-bottom: 25px;
	}
	.blocImagesItem[data-nb="3"],.blocImagesItem[data-nb="4"],.blocImagesItem[data-nb="5"],.blocImagesItem[data-nb="6"]{
		width: 31%;
	}
	.projectThumbItem{
		width: 30%;
	}
	.projectNavItem{
		text-align: center;
		margin: 15px 0;
	}
}
@media only screen and (max-width: 570px){
	.siteBaseline,.fixed .siteBaseline,.menuOpen .siteBaseline,.small .siteBaseline,.newsPubDate::after,.newsPubDate::before{
		display: none;
	}
	.fixed .logoLeaf,.menuOpen .logoLeaf,.small .logoLeaf{
		width: 45px;
	}
	.fixed .logoLudo,.menuOpen .logoLudo,.small .logoLudo{
		width: 200px;
		margin: auto auto 5px 15px;
	}
	.mainMenu{
		top: 95px;
		overflow-y: auto;
		min-height: 585px;
	}
	.newsItem{
		flex-wrap: wrap;
		margin: 0 0 40px 0;
	}
	.newsItemFig,.newsItemTextWrapper,.footerLogoLink,.reviewNoteList,.sliderTextWrapper,.labelCandidate,.labelCandidate[for="file"],.candidateForm .button,.newsPageTitle,.newsPubDate,.shareList{
		width: 100%;
	}
	.newsItemFig{
		margin: 0 0 10px 0;
	}
	.footerNavLinkWrapper{
		height: 180px;
	}
	.footerLogoLink img{
		width: 220px;
	}
	.footer{
		background-position: center left;
		background-size: cover;
	}
	.footerNav{
		margin: 0 0 0 45px;
	}
	.addressList{
		margin: 0 0 30px 45px;
		flex-wrap: wrap;
		gap: 15px 0;
	}
	.addressItem{
		width: 100%;
	}
	.homeArtistSection{
		margin-bottom: 40px;
	}
	.newsItemTitle{
		font-size: 1.4em;
	}
	.homeSliderQuote{
		margin: 30px auto 50px auto;
	}
	.homeReview{
		padding: 0 15px;
	}
	.homeReviewInfo{
		flex-wrap: wrap;
	}
	.reviewNoteList{
		margin: 0 0 10px 0;
		justify-content: center;
	}
	.footerLogoLink span{
		margin: auto 0 3px 0;
	}
	.sliderTextWrapper{
		position: static;
		text-align: center;
	}
	.sliderTitle{
		padding: 10px 0;
		font-size: 1.3em;
		background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1) 80px, rgba(255,255,255,1) calc(100% - 80px), rgba(255,255,255,0));
	}
	.sliderTextWrapper .button{
		margin: 20px auto;
	}
	.projectFilter{
		padding: 4px 10px;
	}
	.newsPageTitle{
		margin-bottom: 0;
		text-align: center;
	}
	.newsPubDate{
		margin: 15px 0;
		text-align: center;
	}
	.shareList{
		justify-content: center;
	}
}