/*----------------------------------------------------*\
    #ETAPES
\*----------------------------------------------------*/
.compEtape {
	margin-bottom: 80px;
}

.compEtape .ligneEtapeNom,
.compEtape .ligneEtapeDesc {
	display: flex;
}
.compEtape .ligneEtapeNom > div,
.compEtape .ligneEtapeDesc > div {
	flex: 1;
	text-align: center;
	opacity: 0.5;
}

.compEtape .etapeNom {
	font-size: 20px;
	font-family: 'Mark_medium', sans-serif;
}

#pageEtape1 .compEtape .ligneEtapeNom .etape1, 
#pageEtape1 .compEtape .ligneEtapeDesc .etape1,
#pageEtape2 .compEtape .ligneEtapeNom .etape2, 
#pageEtape2 .compEtape .ligneEtapeDesc .etape2,
#pageEtape2 .compEtape .ligneEtapeNom .etape1, 
#pageEtape2 .compEtape .ligneEtapeDesc .etape1,
#pageEtape3 .compEtape .ligneEtapeNom .etape3, 
#pageEtape3 .compEtape .ligneEtapeDesc .etape3,
#pageEtape3 .compEtape .ligneEtapeNom .etape2, 
#pageEtape3 .compEtape .ligneEtapeDesc .etape2,
#pageEtape3 .compEtape .ligneEtapeNom .etape1, 
#pageEtape3 .compEtape .ligneEtapeDesc .etape1,
#pageEtape4 .compEtape .ligneEtapeNom .etape4, 
#pageEtape4 .compEtape .ligneEtapeDesc .etape4,
#pageEtape4 .compEtape .ligneEtapeNom .etape3, 
#pageEtape4 .compEtape .ligneEtapeDesc .etape3,
#pageEtape4 .compEtape .ligneEtapeNom .etape2, 
#pageEtape4 .compEtape .ligneEtapeDesc .etape2,
#pageEtape4 .compEtape .ligneEtapeNom .etape1, 
#pageEtape4 .compEtape .ligneEtapeDesc .etape1 {
	opacity: 1;
}





/*----------------------------*\
    #MOBILE
\*----------------------------*/


@media screen  and (max-width: 767px){
	.compEtape .ligneEtapeDesc {
		display: none;
	}

}
@media screen  and (max-width: 400px){
	.compEtape {
		display: none;
	}

}