.box{
	background-size: cover;
	 background-position: center;
	 width: 100%;
	 padding-bottom: 40%;
	 position:relative;
	 box-sizing: border-box;
	 min-height: 350px;
}

.box:before{
	content:'';
	position: absolute;
	 height: 100%;
	 width: 100%;
	 top: 0;
	 left: 0;
	 background-color: rgba(35, 35, 35, 0.45);
	 -webkit-transition: all .3s ease-in;
	 -moz-transition: all .3s ease-in;
	 -o-transition: all .3s ease-in;
	 transition: all .3s ease-in;
}

.box:hover:before{
	background-color: rgba(35, 35, 35, 0.9);
}

.box a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}

.box h2{
	font-family: 'Oswald', sans-serif;
	 text-transform: uppercase;
	 color: #FFF;
	 font-size: 32px;
	 font-weight: 500;
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 margin: auto;
	 height: 45px;
	 text-align: center;
	 line-height: 45px;
}

.box h2 span{
	padding: 15px 30px;
	 border: solid 3px #FFF;
	 color:#FFF;
	 position:relative;
	 -webkit-transition: all .3s ease-in;
	 -moz-transition: all .3s ease-in;
	 -o-transition: all .3s ease-in;
	 transition: all .3s ease-in;
}

.box:hover h2 span{
	border: solid 3px #e82c2b;
	 color:#e82c2b;
	 text-shadow: 0px 0px 5px #292929;
}

.p_0{
	background-image: url('../image/distributor/groupe-npi-beauce-2025.jpg');
}

.p_1{
	background-image: url('../image/ecommerce/receptionniste.jpg');
}

.p_2{
	background-image: url('../image/service/ultraprix-entrepots-2025.jpg');
}

@media screen and (max-width: 960px){
	.box h2{
		 font-size: 27px;
		 height: 45px;
		 line-height: 45px;
	}
}

@media screen and (max-width: 500px){
	.box h2{
		 font-size: 20px;
	}
}