/******************************************************************************/
/*                                compAccueil                                 */
/******************************************************************************/

.compAccueil .headerComposants {
}
.compAccueil .headerComposants .footerComposants {
}
.compAccueil .headerComposants .footerComposants .contentComposants {
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants {
    display:none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    background: transparent!important;
    padding:5px;
    color:#fff;

}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
    display:none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a span{
    display:block!important;
    background:url('../image/localmap.png') no-repeat 148px 1px;
    padding-right:20px;

}

.compAccueil .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}


/***  BG Liste Filtres ***/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants {
    padding:0;
    clear:both;
    position:relative;


}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementTri{
    padding:10px;
    clear:both;
    padding-top:3px;
    padding-right:6px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementTri span{

    clear:both;
    padding-top:2px;

}




.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementTri select{
    color: #000;
    border: 1px solid #c1c0bc;
    width: 86%;
    height: 30px;
    font-size: 10px;
    -webkit-box-shadow: inset 0px 0px 12px #999999;
    -moz-box-shadow: inset 0px 0px 12px #999999;
    box-shadow: inset 0px 0px 12px #999999;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height:25px;
}


.compAccueil .dataContentComposants input.btSubmit{
    background: #151514;
    color: #fff;
    font-size: 12px;
    position: relative;
    height: 36px;
    width: 85px;
    padding: 0 3px 5px 3px;
    font-weight: normal;
    display: inline-block;
    line-height: 35px;
    text-transform: lowercase;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}



/*** Element filtres ***/

.compAccueil .dataContentComposants select{
    width:138px;
}


.compAccueil .dataContentComposants select[name="regionId"]{
    width:30%;
    font-size:7px;
     margin-right:0;

}


.compAccueil .dataContentComposants select[name="genreId"]{
    width:38%;
    font-size:7px;
    padding:5px 0;

}


.compAccueil .dataContentComposants .evenementFiltrage{
	text-align:center;
    vertical-align:middle;
    padding: 9px 0;
    margin-bottom: 15px;
    background: #f2f2f2;
}

/*** Liste Evenement Accueil ***/
.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe {
    display:table;
    padding: 0 10px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe.accueilFiltre {
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl{
    color:#000;
    min-height: 50px;
    display:table-row;
    position:relative;
    padding-right: 10px;
}


.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dt{

    width:40px;
    height:40px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dt div{
    display:none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dt img{
    font-size:1px;
    width:40px;
    height:40px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dt a{
    font-size:9px;
    display:none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd{
    position:relative;
    }

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd a.evenementReserver{
    background:url('../image/bgArrowHome.gif') no-repeat 0 0 ;
    position: absolute;
    right: 0;
    top: 30%;

    display:block;
    width:14px;
    height:21px;

    }




.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd a.evenementReserver span{
    display:none;

    }



.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementNom{
    color:#071941;
    font-size:17px;
    display:block;
    line-height:18px;

}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementDate{
    color: #666;
    display:block;
    width: 90%;
    line-height: 20px;
}
#langageFR .compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementDate {
    text-transform: lowercase;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementSalle{
    display:block;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementInfoComp,
.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementTarifs,

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementSousGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementGenre{
    display:none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementInfo{

}
#cadreContent #compBody #compAccueil #compAccueilContent .dataContentComposants form.evenementFiltrage .titleFiltrage {
    padding-bottom: 0 !important;
}

#cadreContent #compBody #compAccueil #compAccueilContent .dataContentComposants form.evenementFiltrage .titleFiltrage, 
#cadreContent #compBody #compAccueil #compAccueilContent .dataContentComposants form.representationFiltrage .titleFiltrage {
    display:block!important;
    clear: both;
    margin-right: 0;
    padding-top: 7px;
    font-size: 16px;
    color: #B99F66;
    padding-bottom: 10px;
}


/*****************  filter   *********************/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl {
     padding: 10px;
    border-bottom:1px solid #b7b7b7;
    clear:both;
    min-height: 85px;
}


.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt {
    padding-right:8px;
    width: 40px;
    cursor: pointer;
     display:table-cell;
     padding-top: 10px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd {
    border-bottom:1px solid #CBCBCB;
     display:table-cell;
     vertical-align:top;
     padding-top: 8px;
     padding-bottom: 8px;
     background: url("../image/ArrowRight.png") no-repeat scroll 100% center transparent;
     background-size:12px 30px;
     width: 100%;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt .representationDate {

}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt img {
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 3px 1px #C1BFBF;
    display: inline-block;
    font-size: 9px;
    height: 40px;
    padding-top: 2px;
    width: 40px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementNom, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationNom {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom {
    font-size: 17px;
    /*font-family:"apollon";*/
    width: 90%;
    text-transform: uppercase;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationDate {
    display: none;
}


.representationSousGenre, .representationGenre {
    display: none;
}

.representationSousGenre, .representationGenre {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle{
    color:#767676;
    font-weight:bold;
    display:none;

}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalleAdresse,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalleVille{
    display:none;

}

 .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo {
    color:#333;
    overflow: hidden;
    padding-top: 4px;
    text-align: justify;
    font-size:11px;
    border-bottom:1px solid #000;
    padding-bottom:5px;
    display:none;

}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfoComp, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfoComp {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationTarifs {
    clear: left;
    display: none;
    float: left;
    padding-left: 92px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver {
    display: block;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 30%;
    width: 18px;

}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver span{

    display: none;
}


.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt .representationDate .representationHeure {
    color: #C1C1BF;
    display: block;
    font-size: 25px;
    height: 35px;
    overflow: hidden;
    width: 90px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt .representationDate .representationJour {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt .representationDate .representationHeure {
    color: #C1C1BF;
    display: block;
    font-size: 15px;
    height: 20px;
    overflow: hidden;
    width: 90px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage{
    padding: 10px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #B7B7B7;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationTri{
    padding: 2px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #B7B7B7;


}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationTri span{
    font-size: 13px;
    background:url("../image/bgACCUEILTriDate.gif") no-repeat scroll 0 center transparent;
    padding-left:10px;
    color: #777777;

}