/******************************************************************************/
/*                                    compEtape                               */
/******************************************************************************/

.compEtape {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 73px;
	margin-bottom: 20px;
    width: 100%;
	margin-top: 20px;
	
}
#pageAccueil .compEtape {
	display:none;
}
.compEtape .headerComposants {
}
#pageEtape1 .compEtape .headerComposants {
}
#pageEtape2 .compEtape .headerComposants {
}
#pageEtape3 .compEtape .headerComposants {
}
#pageEtape4 .compEtape .headerComposants,
#pageReservation .compEtape .headerComposants {
}

.compEtape .headerComposants .footerComposants {
}
.compEtape .headerComposants .footerComposants .contentComposants {
}

.compEtape .headerComposants .footerComposants .contentComposants .topContentComposants {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants {
	background: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	font-family: HelveticaNeue;
    height: 70px;
    margin: 0 auto;
    width: 100%;
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom {
	display: flex;
	width: 100%;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom div {
    flex: 1;
    padding-top: 15px;
    text-align: center;
    width: 175px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom div span {
    font-size: 23px;
    font-weight: normal;
	color: #CCCCCC;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape1 {
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape1 .etapeNom {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape2 {

}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape2 .etapeNom {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape3 {

}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape3 .etapeNom {
}

#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4 {
	width: 172px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4 .etapeNom {

}
#pageEtape1 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape1 {
	border-radius: 5px 0 0 0;
}
#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4,
#pageReservation .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4 {
	border-radius: 0 5px 0 0;
}
#pageEtape1 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape1 .etapeNom,
#pageEtape2 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape2 .etapeNom,
#pageEtape3 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape3 .etapeNom,
#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4 .etapeNom,
#pageReservation .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4 .etapeNom {
    display: block;
	color: #fff;
}
#pageEtape1 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape1,
#pageEtape2 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape2,
#pageEtape3 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape3,
#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4,
#pageReservation .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4{
	background: #333;


}

/******************************************************/

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc {
	display: flex;
	width: 100%;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc div {
    flex: 1;
    text-align: center;
    width: 175px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc div span {
    font-size: 9px;
    color: #CCCCCC;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape1 {

}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape1 .etapeDesc {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape2 {

}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape2 .etapeDesc {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape3 {

}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape3 .etapeDesc {
}

#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4 {
	width: 172px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4 .etapeDesc {
		
}

#pageEtape1 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape1 .etapeDesc,
#pageEtape2 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape2 .etapeDesc,
#pageEtape3 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape3 .etapeDesc,
#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4 .etapeDesc,
#pageReservation .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4 .etapeDesc {
    display: block;
    font-size: 10px;
	color: #fff;
}
#pageEtape1 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape1,
#pageEtape2 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape2,
#pageEtape3 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape3,
#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4,
#pageReservation .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4{
    background: #333;
	padding-bottom: 15px;
}
#pageEtape1 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape1 {
	border-radius: 0 0 0 5px;
}
#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4,
#pageReservation .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4 {
	border-radius: 0 0 5px 0;
}
.compEtape .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}