/******************************************************************************/
/*                                       compAccueil                          */
/******************************************************************************/
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants {
  padding: 0px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
  color: #372d26;
  display: block;
  font-family: RobotoBoldCondensed;
  font-size: 36px;
  font-weight: normal;
  color: #d90068 !important;
  text-transform: uppercase;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a {
  text-decoration: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.accueilFiltre {
  background: url("../image/offres.gif") no-repeat scroll center 0 transparent;
  height: 19px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementTri {
  margin: 15px auto;
  text-align: center;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementTri select {
  width: 200px;
}
/******************************************************************************/
/*                             evenementListe                                 */
/******************************************************************************/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe {
  z-index: 1;
  position: relative;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl {
  -webkit-border-radius: 17px;
  -khtml-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  border: none;
  padding: 0px;
  background-size: contain;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  display: block;
  margin: 10px auto;
  padding: 25px 25px 35px;
  box-shadow: 0 0 0 transparent;
  position: relative;
  width: 470px;
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 1px solid #ccc;
  float: left;
  background: url("../image/bg_eve.png") no-repeat scroll right bottom transparent;
}
/*.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl: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;
    transform: rotate(1deg);
    z-index: -1;
}*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt {
  background: none repeat scroll 0 0 #EEEEEE;
  float: left;
  height: 110px;
  width: 110px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementNom {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementDate {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt img {
  background: none repeat scroll 0 0 #FFFFFF;
  cursor: pointer;
  display: block;
  height: 110px;
  width: 110px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd {
  float: left;
  width: 340px;
  margin-left: 10px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a {
  display: block;
  text-decoration: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom {
  color: #372d26;
  font-family: RobotoBoldCondensed;
  font-size: 36px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 26px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom a {
  text-decoration: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate {
  font-weight: bold;
  color: #ffaa18;
  padding-right: 5px;
  display: block;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementGenre {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSousGenre {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo {
  padding: 4px 5px 0 0;
  font-family: RobotoCondensed;
  height: auto;
  overflow: hidden;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfoComp {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs {
  display: none;
}
#langageFR .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver {
}
#langageEN .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver {
}
#langageEN .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver {
  background: url("../image/buy_your_tickets.png") no-repeat scroll 0 center transparent;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver span {
  display: none;
}
/******************************************************************************/
/*                              accueilFiltre                                 */
/******************************************************************************/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dt {
  float: left;
  height: 100px;
  padding: 5px;
  width: 100px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dt .evenementDate {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd {
  float: left;
  width: 438px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementNom {
  _padding-left: 106px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementDate {
  display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dt img {
  padding-top: 2px;
  width: 85px;
  height: 85px;
  z-index: 200;
  position: relative;
  padding-left: 2px;
  cursor: pointer;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementInfo {
  margin-bottom: 50px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementTarifs {
  display: block;
  float: left;
  font-size: 12px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementTarifs .evenementTarifsDetails {
  float: left;
  width: 180px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementTarifs .evenementTarifsDetails .evenementTarifsChoix {
  display: block;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementTarifs .evenementTarifsDetails .evenementTarifsChoix span {
  font-weight: bold;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementTarifs .evenementTarifsMontant {
  display: block;
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementReserver {
  color: white;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  background: #DA3131;
  border-radius: 5px;
  height: 24px;
  line-height: 24px;
  width: 92px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl.evenementIndispo dd .evenementReserver {
  background-position: 0 -32px;
}
/******************************************************************************/
.compAccueil .headerComposants .footerComposants .contentComposants .bottomContentComposants {
  clear: left;
}