/******************************************************************************/
/*                                    compEtape                               */
/******************************************************************************/
#pageEtape4 .compEtape {
  display: none;
}
#pageAccueil .compEtape,
#pageEtape1 .compEtape {
  display: none;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants {
  background: #FFF;
  float: left;
  height: 64px;
  margin: 0 0 30px 0;
  width: 100%;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom div {
  float: left;
  padding-top: 14px;
  text-align: center;
  width: 190px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom div span {
  font-size: 18px;
  font-weight: normal;
  color: #CCCCCC;
  font-family: 'walibi0615bold,arial,sans-serif';
  text-transform: capitalize;
}
#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeNom .etape4 {
  width: 165px;
}
#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: #000000;
}
/******************************************************/
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc div {
  float: left;
  text-align: center;
  width: 190px;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc div span {
  font-size: 9px;
  color: #ccc;
}
#pageEtape4 .compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants .ligneEtapeDesc .etape4 {
  width: 165px;
}
#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: #000000;
  display: block;
  font-family: robotocondensed;
  font-size: 11px;
}
.compEtape .headerComposants .footerComposants .contentComposants {
  position: relative;
  z-index: 1;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants {
  position: relative;
  border: 1px solid #CCCCCC;
}
.compEtape .headerComposants .footerComposants .contentComposants .dataContentComposants:after {
  background: none repeat scroll 0 0 rgba(137, 175, 183, 0.3);
  box-shadow: 3px 4px 2px rgba(137, 175, 183, 0.3);
  content: "";
  display: block;
  height: 80%;
  position: relative;
  top: -24px;
  z-index: -1;
  -moz-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  -o-transform: rotate(1deg);
}