#home_image{
	height:280px;
	text-align:center;
	background-color: #505050;
}
#home_image img{
	height:100%;
}

#index-about{
	background-image:url(../img/carte.png?date=24-03-25);
	background-repeat:no-repeat;
	background-size: auto 330px;
	background-position: bottom right;
	box-sizing:border-box;
	text-align:justify;
	padding-right:370px;
	margin-bottom: 0;
}

#index-video{
	margin-top: 0;
}

#index-video iframe{
	width: 100%;
	padding: 2%;
	aspect-ratio: 16/9;
	background-color: white;
}

#index-about b{
	font-weight:900;
}

.index-metiers-bloc{
	display:inline-block;
	width:30%;
}
.index-metiers-bloc span,
.index-metiers-bloc img{
	width:100%;
	display:block;
}
#index-img1{ background-color:#09ccc0; }
#index-img2{ background-color:#e67640; margin:0 5%; }
#index-img3{ background-color:#c1c300; }

.index-metiers-bloc span{
	text-align:center;
	padding:36px 2px;
	font-weight:900;
	font-size:170%;
	text-transform:uppercase;
	color:white;
	border-bottom:4px solid #505050;
	font-family: 'Teko', sans-serif;
}

#index-img1.index-metiers-bloc:hover,
#index-img2.index-metiers-bloc:hover,
#index-img3.index-metiers-bloc:hover{
	background-color:#444;
	cursor:pointer;
}

.index-metiers-bloc img{
	opacity:.8;
}
.index-metiers-img{
	overflow:hidden;
}
.index-metiers-bloc:hover img{
	opacity:1;
	transform:scale(1.15);
	transition:all .3s;
}

#index-img1.index-metiers-bloc:hover span{color:#09ccc0;border-bottom:4px solid #09ccc0;}
#index-img2.index-metiers-bloc:hover span{color:#e67640;border-bottom:4px solid #e67640;}
#index-img3.index-metiers-bloc:hover span{color:#c1c300;border-bottom:4px solid #c1c300;}

.index-services-img{
	display:inline-block;
	width:19.5%;
	margin:0 .31%;
}
.index-services-img:first-child{
	margin-left:0;
}
.index-services-img:last-child{
	margin-right:0;
}
.index-services-img img{
	width:100%;
}

@media (max-width: 1023px) {
	#index-about{
		padding-right:36px;
		padding-left:36px;
		padding-bottom: 190px;
		background-size: auto 200px;
		background-position: bottom center;
	}
	#index-video{
		padding: 0;
	}
	#index-img2{ margin:0; }
	.index-metiers-bloc{
		display:block;
		width:100%;
		margin: 16px 0;
	}
	#home_image {
		height: inherit;
		line-height: 0;
	}
	#home_image img{
		width:100%;
		height:auto;
	}
	
	.index-services-img{
		display:inline-block;
		width:32.2%;
		
	}
	.index-services-img,
	.index-services-img:first-child,
	.index-services-img:last-child{
		margin:0 .5%;
	}
	
}