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

.compAccueil {
    margin: 0px auto;
padding:0;
}
.compAccueil .headerComposants {
}
.compAccueil .headerComposants .footerComposants {
}
.compAccueil .headerComposants .footerComposants .contentComposants {
}

.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants {
    padding: 0px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
	font-size:14px;
    text-transform: uppercase;
    font-size: 15px;
    color: #004958;
    font-weight: bold;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a {
	position: absolute;
    right: 0px;
    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 {
    padding-top: 15px;
}

/******************************************************************************/
/*                   evenementFiltrage/representationFiltrage                 */
/******************************************************************************/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage {
	text-align: center;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit {
	background: url('../image/bt_finaliser.gif') repeat-x left top;
    border: none;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 25px;
    padding: 0 30px;
    cursor: pointer;
    text-shadow: 2px 2px 2px #000000;
}

/******************************************************************************/
/*                     evenementListe/representationListe                     */
/******************************************************************************/

.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-bottom: 1px solid #cccccc;
    clear: both;
    display: block;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe .unelignesurdeux,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe .unelignesurdeux {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt {
    cursor: pointer;
    float: left;    height: 120px;
    padding: 0 0;
    width: 120px;
    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 {
    background: none repeat scroll 0 0 #f6f6f6;
    color: transparent;
    display: block;
    height: 110px;
    width: 110px;
}
.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 {
    float: right;
    margin: 0;
    min-height: 121px;
    padding: 0;
    width: 550px;
    position: relative;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd a {
    display: block;
    text-decoration: none;
    color: #000;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom {
    color: #222221;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    line-height: 27px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 395px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate {
    color: #d3164f;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: 395px;
}
.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 {



}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate .evenementHeure,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate .representationHeure {


}

.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,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle {
    color:#000;
    font-size: 14px;
    width: 395px;
}
.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 {

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleVille,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {
	display:inline-block;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {
	display:inline-block;
}
.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 {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo {
    clear: left;
    color: #000000;
    font-style: normal;
    text-align: justify;
	padding:10px 0 0 0;
	display:block;
    width: 395px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfoComp,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfoComp {
    display: none;
    font-family: 'robotocondensed';
    width: 395px;
}


.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs {
    display: none;
    float: left;
    margin-top:5px;
    font-size: 16px;
    color: #094F5E;
    font-weight: bold;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs .evenementTarifsDetails,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs .representationTarifsDetails {
    float: left;
    width: 280px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs .evenementTarifsMontant,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs .representationTarifsMontant {
    float: left;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs span {
    font-size: 12px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver .etat11 {
    background: none repeat scroll 0 0 #a90329;
    border: 2px solid #b2b2b2;
    color: #fff;
    display: block;
    float: right;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 91px;
    width: 140px;
    font-family: "robotocondensed",sans-serif;
    font-size: 18px;
    font-style: normal;
    letter-spacing: 1px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;

    position: absolute;
    right: 0;
    top: 35%;
     
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver:hover {
background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(243,227,101,1) 0%, rgba(254,183,70,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(0%,rgba(243,227,101,1)), color-stop(100%,rgba(254,183,70,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(243,227,101,1) 0%,rgba(254,183,70,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(243,227,101,1) 0%,rgba(254,183,70,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(243,227,101,1) 0%,rgba(254,183,70,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(243,227,101,1) 0%,rgba(254,183,70,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#feb746',GradientType=0 ); /* IE6-9 */

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; 

    color: #a90329;
}

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

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver span:before,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver span:before {

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat11 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat11 span{

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat10, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .etat10{
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat10 span, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .etat10 span{

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver .etat12 {
    height: auto;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat12 span {

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat40,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver .etat40 {
    height: auto;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat60,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver .etat60 {
    height: auto;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat11,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver .etat11 {
    height: auto;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat10,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver .etat10 {
    height: auto;
}
/******************************************************************************/
/*                              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;
    float:left;
}
.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;
    float: none;
}
.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;
    float: left;
    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;
    float: right;
    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;
}