.bpm .intro {
	background-color: #FFF;
	background-image: url('../img/bpm/intro.jpg');
	padding-top: 180px;
}

.bpm .intro .content{
	z-index: 1;
	position: relative;
}

@media (max-width: 990px) {
	.bpm .intro {
		padding: 110px 0;
	}
}

@media (max-width: 640px) {
	.bpm .intro {
		padding: 80px 0;
	}
}


.bpm .puces {
	color: #FFF;
}

.bpm .puces .items .item:nth-child(1) .puce {
	background-image: url('../img/bpm/puce1.png');
}

.bpm .puces .items .item:nth-child(2) .puce {
	background-image: url('../img/bpm/puce2.png');
}

.bpm .puces .items .item:nth-child(3) .puce {
	background-image: url('../img/bpm/puce3.png');
}

.bpm .puces .items .item:nth-child(4) .puce {
	background-image: url('../img/bpm/puce4.png');
}

.bpm .puces .items .item:nth-child(5) .puce {
	background-image: url('../img/bpm/puce5.png');
}


.bpm .keyArgs { background-color:#ff8a00; }

.bpm .outro:before{
	position: absolute;
	content: "";
	background-image: -webkit-linear-gradient(#FFF, rgba(255,255,255,.8), rgba(255,255,255,0));
	background-image: -o-linear-gradient(#FFF, rgba(255,255,255,.8), rgba(255,255,255,0));
	background-image: linear-gradient(#FFF, rgba(255,255,255,.8), rgba(255,255,255,0));
	top: 0; left: 0;
	height: 40%; width: 100%;
	opacity: 1;
}

.bpm .outro {
	background-image: url('../img/bpm/outro.jpg');
}