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

.compAccueil {
    margin: 0px auto;
	position:relative;
}
.compAccueil .headerComposants {
}
.compAccueil .headerComposants .footerComposants {
}
.compAccueil .headerComposants .footerComposants .contentComposants {
	padding-bottom:9px;

}

.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants {
    padding: 0px;
}
.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: 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-bottom: 10px;
}

/******************************************************************************/
/*                   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 {
	
   
    font-weight: bold;
    font-size: 11px;
    text-transform: normal;
    color: #fff;
    height: 18px;
    padding: 0 14px 5px 14px;
    cursor: pointer;
	position:absolute;
	top:12px;
	right:163px;
	background: #5ca9ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #5ca9ef 1%, #5ca9ef 51%, #318df0 51%, #1f6ae1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5ca9ef), color-stop(51%,#5ca9ef), color-stop(51%,#318df0), color-stop(100%,#1f6ae1));
	background: -webkit-linear-gradient(top,  #5ca9ef 1%,#5ca9ef 51%,#318df0 51%,#1f6ae1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5ca9ef 1%,#5ca9ef 51%,#318df0 51%,#1f6ae1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5ca9ef 1%,#5ca9ef 51%,#318df0 51%,#1f6ae1 100%); /* IE10+ */
	background: linear-gradient(top,  #5ca9ef 1%,#5ca9ef 51%,#318df0 51%,#1f6ae1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ca9ef', endColorstr='#1f6ae1',GradientType=0 ); /* IE6-9 */
	border:1px solid #318DF0;
	font-family:Georgia, "Times New Roman", Times, serif;
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	/width:150px;

}

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

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe {
	
	width:660px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl {
	margin-bottom:10px;
    clear: both;
    margin-left: 0;
    width: 660px;
	min-height: 112px;
	border-bottom:1px dotted #d5d5d5;
	background:transparent;
	float:left;
	padding:0 5px 19px 15px;
	
}
.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 {
  	background:transparent;
    cursor: pointer;
    float: left;
    height: 90px;
    width: 90px;
	border:3px solid #d6d6d6;
	margin-top:24px;
	
}
.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:90px;
	height:90px;
	top:15px;
	left:13px;

}
.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: left;
    padding-left: 15px;
    width: 540px;
	position:relative;
	padding-top:22px;

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd a {
    display: block;
    text-decoration: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom {
   	font-family:Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: normal;
	width:535px;
	text-transform:uppercase;


	
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat10 {
    background: url("../image/bgSoldOut.gif") no-repeat scroll center 0 transparent!important;
    float: left;
    height: 60px;
    line-height: 20px;
    margin: 10px auto;
    padding-left: 10px;
    width: 202px!important;
}






.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate {
    clear: left;
    color: #33ccce;
    font-size: 12px;
    font-weight: bold;
	padding: 5px 5px 5px 5x;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	top:1px;
	left:-95px;
	
}
.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 {
}
.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 {
	 clear: left;
    color: #000;
    font-size: 12px;
    font-weight: normal;
	padding: 5px 5px 5px 5x;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleVille,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {
	  clear: left;
    color: #000;
    font-size: 12px;
    font-weight: normal;
	padding: 5px 5px 5px 5x;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {
	   clear: left;
    color: #000;
    font-size: 12px;
    font-weight: normal;
	padding: 5px 5px 5px 5x;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.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 {
    color: #000;
    font-size: 11px;
    padding-bottom: 10px;
    padding-top: 4px;
	clear: left;
	
}

.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 .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
{
    background:url('../image/bgbt.png');
    float: left;
	height:31px;
    margin: 10px auto;
    width: 160px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat11{
    background: url("../image/bgSoon.gif") no-repeat scroll center 0 transparent;
    float: left;
	height:31px;
    width: 202px;
	padding-left:10px;
}


.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver span {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-transform: normal;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:7px;
	text-transform:uppercase;	
	
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat11 span {
	padding-left: 15px;

}




.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat12 {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat12 span {
    padding: 3px 0px;
}

/******************************************************************************/
/*                              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:90px;
    width: 90px;
	flaot:left;
}
.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 {

}
.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: left;
}
.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 {
	 color: #17599F;
    font-size: 12px;
    font-weight: bold;
	text-transform:none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle .representationSalleVille {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe.accueilFiltre dl dd .representationSalle .representationSalleAdresse {
	color: #17599F;
    font-size: 12px;
    font-weight: bold;
	text-transform:none;
}
.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 {
    
}

.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;
    margin-top: 1px;
	background:url("../image/bgBtHome.jpg") no-repeat scroll center 0 transparent;
    width: 174px;
	height:36px;
	margin-top:10px;
}
.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;
}


.representationAucun{
	color:#000;
	margin:20px 0 0 30px;
}