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

.compEtape {
	margin: 10px 0 0;
}

.compEtape .headerComposants {
	background: url("../image/etapes.gif") no-repeat scroll left top transparent;
    height: 66px;
    margin: 0 auto;
    width: 634px;
}
#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 {
	padding: 10px 0 0;
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom {
    float: left;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom div {
    float: left;
    padding-top: 7px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom div span {
    color: #848484;
    font-family: hgd;
    font-size: 25px;
    font-style: italic;
    font-weight: normal !important;
    text-transform: lowercase;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape1 {
    width: 89px;
    padding-left: 45px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape1 .etapeNom {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape2 {
    padding-left: 62px;
    width: 85px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape2 .etapeNom {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape3 {
    padding-left: 66px;
    width: 85px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape3 .etapeNom {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4 {
    padding-left: 78px;
    width: 85px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4 .etapeNom {
}
#pageEtape1 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape1 span.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 {
    color: #e3e3e3 !important;
    display: block;
}

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

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc {
    clear: left;
    float: left;
    font-family: arial;
    font-size: 10px;
    width: 612px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc div {
    float: left;
    width: 200px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc div span {
    font-size: 9px;
    color: #848484;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape1 {
    padding-left: 45px;
    width: 78px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape1 .etapeDesc {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape2 {
    width: 89px;
    padding-left: 75px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape2 .etapeDesc {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape3 {
    width: 95px;
    padding-left: 61px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape3 .etapeDesc {
}

.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4 {
    height: 12px;
    overflow: hidden;
    padding-left: 67px;
    width: 78px;
}
.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 {
    color: #e3e3e3;
    display: block;
    font-size: 9px;
}

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