/*------------------------------------*\
    #ETAPES
\*------------------------------------*/

.compEtape {
    padding: 0px;
    margin-bottom: 10px;
    background-color: #5daccb;
}
.compEtape .dataContentComposants {
	border-bottom: 0px solid #fff;
}

.compEtape .span3 {
	display: inline-block;
	text-align: center;
	width: 236px;
	padding-bottom: 20px;
	position: relative;
	color: #fff;
	padding: 20px 0;
    border-right: 1px solid #fff;

}
	.compEtape .span3 .etapeNom {
		font-family: 'latobold', sans-serif;
		font-size: 1.4em;	
	}

.etape4.span3 {
    border: none;
}
	/**
	* Couleur des étapes
	*/

	#pageEtape1 .compEtape .etape1 {
		color: #fff;

		background-color: #2D5392;
		padding: 20px 0;
	}
	#pageEtape2 .compEtape .etape2 {
		color: #fff;
		background-color: #2D5392;
		padding: 20px 0;
		    margin-left: -4px;

		
	}
	#pageEtape3 .compEtape .etape3 {
		color: #fff;
		background-color: #2D5392;
		padding: 20px 0;
			    margin-left: -4px;

	}
	#pageEtape4 .compEtape .etape4 {
		color: #fff;
		background-color: #2D5392;
		padding: 20px 0;
width: 240px;
	    border: none !important;
    margin-left: -4px;
}


	/**
	* Positionnement de la flèche
	*/

	#pageEtape1 .compEtape .etape1:after {
		content: "";
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		display: block;
		height: 10px;
		width: 10px;
		bottom: -6px;
		position: absolute;
		left: 50%;
		margin-left: -10px;
	}

	#pageEtape2 .compEtape .etape2:after {
		content: "";
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		display: block;
		height: 10px;
		width: 10px;
		bottom: -6px;
		position: absolute;
		left: 50%;
		margin-left: -10px;
	}

	#pageEtape3 .compEtape .etape3:after {
		content: "";
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		display: block;
		height: 10px;
		width: 10px;
		bottom: -6px;
		position: absolute;
		left: 50%;
		margin-left: -10px;
	}

	#pageEtape4 .compEtape .etape4:after {
		content: "";
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #fff;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
		display: block;
		height: 10px;
		width: 10px;
		bottom: -6px;
		position: absolute;
		left: 50%;
		margin-left: -10px;
	}