html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	behavior: url("scripts/csshover.htc");
}

.couleur1{color: #6E69A7}
.couleur2{color: #AF8C50;}
.couleur3{color: #CD82BE;}
.couleur4{color: #C8641C;}
.couleur5{color: #D9BD00;}
.couleur6{color: #78496A;}
.couleur7{color: #FEDD07;}



table.tableau_souligne {
	width: 300px;
	margin: 10px 0 20px 10px;
}

table.tableau_souligne th {
	color: #C8641C;
	text-align: left;
	border-bottom: solid 1px #C8641C;
}

table.tableau_souligne td {
	border-bottom: solid 1px #D79050;
}

table.tableau_souligne .colCie {
	display: none;
}

table.tableau_souligne .colLieu {
	display: none;
}

table.tableau_souligne .colHoraire {
	display: none;
}

table.tableau_souligne .colTitre {
	font-weight: bold;
}



.cat1 table.tableau_souligne th  {
	color: #6E69A7;
	border-bottom: solid 1px #6E69A7;
}
.cat1 table.tableau_souligne td  {
	border-bottom: solid 1px #6E69A7;
}

.cat2 table.tableau_souligne th  {
	color: #CD82BE;
	border-bottom: solid 1px #CD82BE;
}
.cat2 table.tableau_souligne td  {
	border-bottom: solid 1px #CD82BE;
}

.cat3 table.tableau_souligne th  {
	color: #C8641C;
	border-bottom: solid 1px #C8641C;
}
.cat3 table.tableau_souligne td  {
	border-bottom: solid 1px #C8641C;
}

.cat4 table.tableau_souligne th  {
	color: #CD82BE;
	border-bottom: solid 1px #CD82BE;
}
.cat4 table.tableau_souligne td  {
	border-bottom: solid 1px #CD82BE;
}


/* @group #contenu */

#contenu {
	
	position: relative;
	z-index: 1;
}

#contenu .titrePage {
	margin: 18px 0 0 0px;
	padding: 0;
	position: relative;
	top: 18px;
}

#contenu .titrePage h4 {
	color: #6E69A7;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#contenu .titrePage h5 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}



/* @end */


.cat1#contenu h1,
.cat1#contenu h2,
.cat1#contenu h3,
.cat1#contenu h4,
.cat1#contenu .titre,
.cat1#contenu .titrePage,
.cat1 .ficheSpectacle .coloneDistribution .moduleDistribution,
.cat1 .ficheSpectacle .enTete p.cie {
	color: #6E69A7;
}
.cat2#contenu h1,
.cat2#contenu h2,
.cat2#contenu h3,
.cat2#contenu h4,
.cat2#contenu .titre,
.cat2#contenu .titrePage,
.cat2 .ficheSpectacle .coloneDistribution .moduleDistribution,
.cat2 .ficheSpectacle .enTete p.cie {
	color: #CD82BE;
}
.cat3#contenu h1,
.cat3#contenu h2,
.cat3#contenu h3,
.cat3#contenu h4,
.cat3#contenu .titre,
.cat3#contenu .titrePage,
.cat3 .ficheSpectacle .coloneDistribution .moduleDistribution,
.cat3 .ficheSpectacle .enTete p.cie {
	color: #C8641C;
}
.cat4#contenu h1,
.cat4#contenu h2,
.cat4#contenu h3,
.cat4#contenu h4,
.cat4#contenu .titre,
.cat4#contenu .titrePage,
.cat4 .ficheSpectacle .coloneDistribution .moduleDistribution,
.cat4 .ficheSpectacle .enTete p.cie{
	color: #CD82BE;
}




div.col-1 {
	width: 340px;
	margin: 40px 0 0 -10px;	
	position: relative;
}

div.col-1 h2 {
	margin: 0 0 0 10px;
}

div.col-1 p {
	margin: 0 60px 20px 10px;
}


div.col-2 {
	position: absolute;
	top: 0;
	left: 370px;
	width: 200px;
	margin: 0 0 0 10px;
}

div.col-2 h2 {
	margin: 0;
}

div.col-2 p {
	margin: 0 0 20px 0;
}
.article {
	width: 440px;
	min-height: 70px;
	position: relative;
	margin: 0 0 15px 35px;
}
.col-text {
margin:0 0 0 110px;
}


.ficheSpectacle .enTete {
	width: 445px;
	margin: 50px 0 20px 110px;
}

.ficheSpectacle .enTete p.horaireSalle {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.ficheSpectacle .enTete p {
	margin: 0;
}

.ficheSpectacle .enTete h2.titre {
	color: #6E69A7;
	font-size: 26px;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}

.ficheSpectacle.couleur2 .enTete h2.titre {
	color: #CD82BE;
}

.ficheSpectacle.couleur3 .enTete h2.titre {
	color: #C8641C;
}

.ficheSpectacle.couleur4 .enTete h2.titre {
	color: #D9B200;
}

.ficheSpectacle.couleur5 .enTete h2.titre {
	color: #78496A;
}

.ficheSpectacle .enTete h3.auteur {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

.ficheSpectacle .enTete p.cie {
	/*color: #6E69A7;*/
	font-size: 14px;
	margin: 0;
}

.ficheSpectacle.couleur2 .enTete p.cie {
	color: #CD82BE;
}

.ficheSpectacle.couleur3 .enTete p.cie {
	color: #C8641C;
}

.ficheSpectacle.couleur4 .enTete p.cie {
	color: #D9B200;
}

.ficheSpectacle.couleur5 .enTete p.cie {
	color: #78496A;
}

.ficheSpectacle .detail {
	position: relative;
}

.coloneImageMini {
	float: left;
	width: 70px;
	top: 0;
	margin: 0 0 0 0px;
}

.ficheSpectacle .coloneTexte {
	float: left;
	width: 260px;
	margin: 0 0 0 10px;
}

.ficheSpectacle .coloneTexte p {
	margin: 0 0 10px 0;
}

.ficheSpectacle .detail .coloneTexte .date {
	font-weight: bold;
	margin-bottom: 0;
}

.ficheSpectacle .detail .coloneTexte h4 {
	/*color: #6E69A7;*/
	font-size: 14px;
	margin: 0;
	padding: 0;
}

.ficheSpectacle.couleur3 .detail .coloneTexte h4 {
	color: #C8641C;
}

.ficheSpectacle .coloneDistribution {
	float: left;
	width: 165px;
	margin: 0 0 0 20px;
	top: 0;
}

.ficheSpectacle .coloneDistribution .moduleDistribution {
	/*color: #6E69A7;*/
}

.ficheSpectacle.couleur2 .coloneDistribution .moduleDistribution {
	color: #CD82BE;
}

.ficheSpectacle.couleur3 .coloneDistribution .moduleDistribution {
	color: #C8641C;
}

.ficheSpectacle.couleur4 .coloneDistribution .moduleDistribution {
	color: #D9B200;
}

.ficheSpectacle.couleur5 .coloneDistribution .moduleDistribution {
	color: #78496A;
}

.ficheSpectacle .coloneDistribution .moduleDistribution p {
	margin: 0 0 10px 0;
}