.compAccueil {
    margin: 0 auto;
    padding:0;
}
.compAccueil .headerComposants {
}
.compAccueil .headerComposants .footerComposants {
}
.compAccueil .headerComposants .footerComposants .contentComposants {
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants {
    padding: 0;
}
/*------------------------------------*\
    #TITRE
\*------------------------------------*/
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a {
	position: absolute;
    right: 0;
    color:#115464;
    font-weight:bold;
    width: 95px;
    height:14px;
    padding-left: 15px;
    padding-top: 2px;
    font-size: 11px;
    text-align: left;
    text-decoration:none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants {
}

/*------------------------------------*\
    #REPRESANTATIONS
\*------------------------------------*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl {
	border: 1px solid #807f83;
    margin-bottom: 120px;
    position: relative;
    min-height: 300px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl:last-child,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl:last-child {
    margin-bottom: 0;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe .unelignesurdeux,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe .unelignesurdeux {
}
/*------------------------------------*\
    #DT  -  IMAGES
\*------------------------------------*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt {
    cursor: pointer;
    padding: 0 0;
    position: relative;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt a,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt a {
}
.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 dt .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationDate {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementDate .evenementJour,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationDate .representationJour {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementDate .evenementHeure,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationDate .representationHeure {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt img,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt img {
    width: 300px;
    height: 300px;
    background: #f4b5ca;

    display: block;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl:nth-child(odd) dt img,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt img {
    float: right;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl:nth-child(even) dt img,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt img {
    float: left;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementImageCopyright,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationImageCopyright {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd {
    margin: 60px;
    width: 578px;
    float: left;
    height: 180px;
    position: relative;
}

/*------------------------------------*\
    #DD  -  INFOS
\*------------------------------------*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd a {
    display: block;
    text-decoration: none;
}

/**
 * Titre
 */
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom {
    color: #807f83;
    font-size: 35px;
    font-family: "HelveticaNeueThin", serif;
    line-height: 35px;
}

/**
 * Dates
 */
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate {
    color: #666666;
    font-size: 14px;
    font-weight:bold;
	padding:0 0;
	margin:0;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate .evenementJour,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate .representationJour {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate .evenementHeure,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate .representationHeure {
    color:#666;
    font-size:14px;
    padding:0;
    font-weight:bold;
}

/**
 * Genre && Sous-genre
 */
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSousGenre  {
    display: none;
}

/**
 * Salle
 */
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleNom {
    color: #666666;
    font-size: 13px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleVille,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {
	display: inline-block;
    color: #666666;
    font-size: 13px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {
	display: inline-block;
    color: #666666;
    font-size: 13px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse .evenementSalleVille {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleAdresse span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse .evenementSalleCodePostal,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleAdresse .representationSalleCodePostal {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse .evenementSalleVille,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleAdresse .representationSalleVille {
}

/**
 * Description
 */
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo {
    font-family: "NanumScript", sans-serif;
    font-size: 25px;
    padding-top: 10px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfoComp,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfoComp {
	font-size:11px;
	color:#999;
    display: none;
}

/**
 * Prix
 */
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs .evenementTarifsDetails,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs .representationTarifsDetails {
    width: 280px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs .evenementTarifsMontant,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs .representationTarifsMontant {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs span {
    font-size: 12px;
}

/*------------------------------------*\
    #BOUTON
\*------------------------------------*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver  {
    display: inline-block;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .eventBottom {
    bottom: 0;
    position: absolute;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .eventBottom .actionCRS {
    display: inline-block;
    background: url(../image/CRS_icon.png) no-repeat transparent;
    background-position: left;
    background-size: contain;
    padding-left: 45px;
    vertical-align: middle;
    margin-left: 40px;
    height: 50px;
    max-width: 335px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .eventBottom .actionCRS span {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "HelveticaNeueCondenced", sans-serif;
    padding-top: 18px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .eventBottom .actionCRS .CRSvert {
    color: #76a556;
    padding: 0;
}


/******************************************************************************/
/*                              accueilFiltre                                 */
/******************************************************************************/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl {
    background: url('../image/bg_accueilFiltre.gif') no-repeat left top;
    min-height: 143px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre .unelignesurdeux {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt {
    height:93px;
    width: 188px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt a {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt .representationNom {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt .representationDate {
    display: block;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt .representationDate .representationJour {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt .representationDate .representationHeure {
    font-size: 25px;
    width: 98px;
    font-weight: bold;
    height: 35px;
    overflow: hidden;
    display: block;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd {
    width: 541px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd a {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationNom {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationDate {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationDate span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationDate .representationJour {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationDate .representationHeure {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dt img {
    padding-top: 2px;
    width: 85px;
    height: 85px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementGenre {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd .evenementSousGenre {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle .representationSalleNom {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle .representationSalleVille {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle .representationSalleAdresse {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle .representationSalleAdresse span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle .representationSalleAdresse .representationSalleCodePostal {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle .representationSalleAdresse .representationSalleVille {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationInfo {
    height:63px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationInfoComp {
}

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

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationTarifs .representationTarifsDetails {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationTarifs .representationTarifsDetails .representationTarifsChoix {
	display: block;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationTarifs .representationTarifsDetails .representationTarifsChoix span {
    font-weight: bold;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationReserver {
    clear: both;
    margin-top: 1px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationReserver.etat12 { 
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationReserver.etat12 span{
    padding: 3px 0px;
}

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

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

.compAccueil .headerComposants .footerComposants .contentComposants .bottomContentComposants {
    clear: left;
}