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

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

}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {

}

.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 8px;
    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{
   display: inline-block;
    font-style: normal;
    font-weight: normal;
    height: 33px;
    line-height: 31px;
    margin-top: 0;
    padding: 0 3px 5px;
    position: relative;
}



/*** 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;
    background-color: transparent;
}




/*** Liste Evenement Accueil ***/
.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe,
.compAccueil .headerComposants .footerComposants .contentComposants .representationListe {
    display:table;
    width:100%;
}


.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe.accueilFiltre {
    clear:both;
    margin-top:10px;
    padding-top:5px;
    border-top:1px solid #ccc;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl{
     background: url("../image/ico_fleche.png") no-repeat scroll 100% center transparent;
     background-size:8px 13px;
     margin: 0 0 10px;
     clear: both;
     display: block;
}


.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{
    background: none repeat scroll 0 0 #ddd;
    color: transparent;
    display: block;
    font-size: 1px;
    height: 40px;
    width: 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-weight:bold;
    font-size:11px;
    display:block;
    line-height:18px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementDate{
    color: #333;
    display: block;
    font-family: 'karnak_probook',"Times New Roman",Times,serif;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 0 0;
}

.compAccueil .headerComposants .footerComposants .contentComposants .evenementListe dl dd .evenementSalle{
    font:0.7em 'karnak_probook',"Times New Roman",Times,serif;
    display:block;
    color:#000;
}

.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, #cadreContent #compBody #compAccueil #compAccueilContent .dataContentComposants form.representationFiltrage .titleFiltrage {
    clear: both;
    display: block !important;
    font-family: 'karnak_probook',"Times New Roman",Times,serif;
    font-size: 14px;
    font-weight: normal;
    margin-right: 0;
    padding: 2px 0 5px;
}


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

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl {
    display: table-row;
    min-height: 50px;
    padding-right: 10px;
    position: relative;
    box-shadow: 1px 1px 1px #eee;
    -moz-box-shadow: 1px 1px 1px #eee;
    -webkit-box-shadow: 1px 1px 1px #eee;
}


.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt {
    padding: 0px 8px 10px 0;
    width: 45px;
    cursor: pointer;
     display:block;
     height: 45px;
     float: left;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd {
     /*background: url("../image/ArrowRight.png") no-repeat scroll 100% center transparent;
     background-size:12px 30px;*/
    border-top: 1px solid #9f9f9f;
    display: block;
    padding-bottom: 4px;
    padding-top: 4px;
    position: relative;
    vertical-align: top;
    border-bottom: 1px solid #9f9f9f;
    margin-left: 50px;
    min-height: 31px;
}

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

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt img {
    background: none repeat scroll 0 0 #ddd;
    color: transparent;
    display: block;
    font-size: 1px;
    height: 45px;
    width: 45px;
}

.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 {
    color: #333;
    font-family: guildford_promedium,'karnak_probook',"Times New Roman",Times,serif;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 240px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationDate {
    font-family: guildford_promedium,'karnak_probook',"Times New Roman",Times,serif;
}


.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 {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo {
    color: #333;
    display: block;
    font-size: 11px;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    text-align: justify;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd  {

}

.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 0;
    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;

}