@charset "utf-8";
/*--
	Add your style here
--*/ 
.menu-wrap {
        right:0 !important;
	-webkit-transform: translate3d(320px,0,0);
	transform: translate3d(320px,0,0);
	visibility:hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner ,
.show-menu .morph-shape  {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
}
.show-menu .menu-wrap {
	right:0;
	opacity:1;
	visibility:visible;
}

/*======================================================
	Page "Savoir faire" (portfolio.html)
======================================================*/

/* Grille de vignettes du haut : hauteur uniforme */
.gallery-items.vis-por-info .box-item img {
	width:100%;
	height:260px;
	object-fit:cover;
}

/* Bloc icônes savoir-faire */
.about-wrap .icons {
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	margin:26px 0 44px;
}
.about-wrap .icons-item {
	flex:1 1 140px;
	max-width:180px;
	text-align:center;
}
.about-wrap .icons-item img {
	width:56px;
	height:56px;
	object-fit:contain;
	margin-bottom:12px;
}
.about-wrap .icons-item p {
	margin:0;
	font-size:13px;
	line-height:1.45;
}

/* Démarche + Engagement côte à côte */
.dem-eng-row {
	display:flex;
	flex-wrap:wrap;
	gap:40px;
	margin:10px 0 20px;
}
.dem-eng-col {
	flex:1 1 240px;
}
.dem-eng-col .bold-title {
	margin-bottom:18px;
}
.dem-eng-col ul {
	padding:0;
	margin:0;
	list-style:none;
}
.dem-eng-col ul li {
	position:relative;
	padding-left:22px;
	margin-bottom:10px;
	line-height:1.5;
}
.dem-eng-col ul li:before {
	content:'';
	position:absolute;
	left:0;
	top:9px;
	width:8px;
	height:8px;
	background:#292929;
}
.dem-eng-col ul li a {
	color:inherit;
}

/* Bandeau partenaires */
.partners {
	float:left;
	width:100%;
	padding:70px 0;
	text-align:center;
	background:#fff;
	border-top:1px solid #eee;
}
.partners .container {
	text-align:center;
}
.partners .bold-title {
	margin-bottom:40px;
}
.partners-slider {
	width:100%;
	overflow:hidden;
}
.partners-slider .swiper-slide {
	display:flex;
	align-items:center;
	justify-content:center;
	height:90px;
}
.partners-slider .swiper-slide img {
	max-width:140px;
	max-height:60px;
	width:auto;
	height:auto;
	object-fit:contain;
	filter:grayscale(100%);
	opacity:.65;
	transition:all .3s ease;
}
.partners-slider .swiper-slide img:hover {
	filter:grayscale(0);
	opacity:1;
}

@media only screen and (max-width: 768px) {
	.gallery-items.vis-por-info .box-item img { height:200px; }
	.dem-eng-row { gap:24px; }
	.about-wrap .icons { gap:16px; }
}

/*======================================================
	Page "Réalisations" (portfolio4.html) - vidéos avant / après
======================================================*/

.project-videos {
	float:left;
	width:100%;
	padding:70px 0;
	background:#fff;
	border-top:1px solid #eee;
	text-align:center;
}
.project-videos .project-title {
	margin-bottom:40px;
}
.videos-grid {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:30px;
}
.videos-grid .video-col {
	flex:1 1 340px;
	max-width:560px;
}
.videos-grid .video-label {
	display:block;
	margin-bottom:12px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:13px;
}
.video-wrapper {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%; /* ratio 16:9 */
	overflow:hidden;
	background:#000;
}
.video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}

@media only screen and (max-width: 768px) {
	.videos-grid { gap:24px; }
}