/******************************************************************************/
/*                                       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;
	backgpround:transparent;
    padding-top: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 {
	padding-left:3px;
	width:690px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl {
    clear: both;
    margin-left: 0;
    width: 1038px;
	min-height: 112px;
	float:left;
	margin-bottom:45px;
}
.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;
position: relative;
text-align: center;
vertical-align: middle;
width: 120px;	
}
.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:120px;
	height:120px;

	}
	
.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;
    width: 900px;
	margin-left: 12px;
    padding-left:0px;
    min-height:110px;
    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;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom {
color: #ef591d;
font-size: 36px;
line-height: 34px;
margin: 0;
padding: 0;
text-transform: uppercase;
}


.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom:hover {
   
 
         
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat10 {
    background:#D9DADC!important;

    float: left;
    height: 45px;

    margin: 10px auto;
	color:#a09f9f!important;	
    
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat10 span{
   display:block!important;
   color:#fff!important;
   font-size:16px;
}




.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate {
    clear: left;
    font-size: 20px;
	  line-height: 23px;
    color: #000;
	display:block;

		margin:0;
	padding: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 {
}
.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 {
color: #9a9a9a;
font-size: 30px;
line-height: 30px;
margin: 0;
padding: 0 0 3px;
text-align: left;
}
.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:#31393f;
	display:none;
	margin:0;
	padding:0;
}

.evenementSalle{

}

.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 {
display:none;

}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleVille,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {

	display:none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {
  	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 {
	display: inherit;
	
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo {
clear: left;
line-height: 19px;
margin: 0;
padding: 0;
}

.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 {
	font-weight:normal;
	padding:5px 0 5px 0;
	font-style:italic;
	 display: none;
	
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs .evenementTarifsDetails,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs .representationTarifsDetails {
   padding-right: 11px;
}
.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 {
    
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver
{
	
background: none repeat scroll 0 0 #ef591d;
clear: both;
color: #fff;
float: left;
height: 45px;
line-height: 45px;
margin: 10px 0 0;
right: 0;
text-align: center;
width: 150px;
	
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat11,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat12
{
	
	height:auto;

}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver:hover
{
	color:#000;


}




.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat11{
}


.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver span {
     color: #FFFFFF;
    text-transform: uppercase;
	font-size:22px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver:hover span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver:hover span {
	color:#fff;
}


.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat11 span {

	 color: #fff;
    display: block !important;
    font-size: 22px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat60,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat10,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat40{
	
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat12 {
width: 234px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat11,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat11 {
width: 207px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat10 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat11 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat60 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat40 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat12 span {
font-size:22px;
	
 
}

/******************************************************************************/
/*                              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;
}

.bandeauEtat {
    display: none;
    height: 120px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 120px;
}