/**********************/
/* PROGRAMME Style   */
/*********************/

/************/
/* Content  */
/************/

.programme #content {
	background-image:url(../img/sp/home.gif);
	background-repeat:repeat-y;
	background-position: 450px 0px;
}

.programme #content #left{
	float:left;
	width:300px;
	margin-left:75px;
	margin-bottom:20px;
}

.programme #content #right {
	float:left;
	margin-left: 75px;
}

.programme #content #right .boxWrapper {
	width:475px;
	background-image:url(../img/sp/home.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	margin-bottom:20px;
}

.programme #content #right .boxWrapper.last {
	background-image:none;
	margin-bottom:0px;
}

.programme #content #right .box {
	width:320px;
	margin-left: 75px;
	padding-bottom: 20px;
	
}


/* Focus d'expo */
/*------------------------------*/

.programme #left a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration:none;
}

.programme #left a:hover {
color: #bd004f;
}


/* Petit Focus a droite */
/*------------------------------*/

.programme #right .section {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #C4C4C4;
font-weight: bold;
text-transform: uppercase;
}

.programme #right .genre {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3F3930;
font-weight: bold;
}

.programme #right .date {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7B7971;
}

.programme #right .title a {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #7B7971;
font-weight: normal;
text-transform: uppercase;
text-decoration:none;
}

.programme #right .title a:hover {
color: #bd004f;
}

.programme #right .person {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3F3930;	
font-weight: bold;
}


.programme #right .subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3F3930;	
font-weight: bold;
}

.programme #right .heading {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7B7971;
}

.programme #right a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration:none;
}

.programme #right a:hover {
color: #bd004f;
}


/* Barre centrale */

.programme  #content {
	background-image:url(../img/sp/agenda.gif);
	background-repeat:repeat-y;
	background-position: 430px 0px;
}

/* Formatage de l'ensemble des liens */
.programme  #left a {
	font-size:12px;
	color:#7B7971;
	font-weight:normal;
}

/* LEFT */
/*****************************/

/* Left First Agenda */

.programme  #left {
	color:#7B7971;
}

.programme  #left .first {
	width:355px;
	padding: 10px 0px 0px 0px;
	background-image:url(../img/sp/agenda.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}
.programme  #left .first .mois li {
	display:inline;
}
.programme  #left .first .spectacleType {
	font-size:12px;
	line-height:17px;
}
.programme  #left .first .mois {
	padding: 5px 0px 40px 0px;
}

.programme  #left .first .spectacleType {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 15px 0px;
}

.programme  #left .first .spectacleType a {
	margin: 0px 0px 0px 0px;
}

.programme  #left .first .spectacleType .actif, #agenda #left .first .spectacleType .actif a {
	font-weight:bold;
}

/* Left Last Agenda */
/*****************************/

.programme  #left .last .spectacleLieux {
	font-size:12px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 40px 0px;
}


.programme  #left .last .archive li {
	font-size:15px;
	font-weight:bold;
}

.programme  #left .last .archive .agenda{
	color:#34616a;
}

.programme  #left .last .archive .archives{
	color:#5c1577;
}

.programme  #left .agenda a:hover {
	color:#34616a;
}

.programme  #left .archives a:hover {
	color:#5c1577;
}


/* RIGHT */
/*****************************/

/* RIGHT  Agenda */

.programme  #right {
	margin-left:55px;
}

.programme #content #right .boxWrapper {
	background-image:none;
}

.programme  #content #right .box {
	float:left;
	width:320px;
	margin-left:0px;
	padding-bottom: 20px;
}

/* Logo Right */

.programme  #content #right .boxWrapper .logo {
	float:left;
	width:150px;
}

.programme  #content #right .boxWrapper .logo img {
	margin: 0px 0px 0px 25px;
}

/* Style Diaporama */
.programme  #content #right .boxWrapper .logo .diaporama {
	float:right;
	color:white;
	background-color:#bd004f;
	padding: 0px 1px;
	margin: 1px 25px 0px 0px;
}


/***************/
/* FICHE Style */
/***************/

/* Content */
/*********************************/

.ficheStyle #content {
	background-image:url(../img/sp/agenda.gif);
	background-repeat:repeat-y;
	background-position: 735px 0px;
}

.ficheStyle #content #left{
	float:left;
	width:660px;
	margin-left:75px;
}

.ficheStyle #content #right {
	float:left;
	margin-left: 25px;
	width:180px;
}

/* 
.ficheStyle #content #right .box {
	width:320px;
	margin-left: 75px;
	padding-bottom: 20px;
}
 */


/* LEFT */
/*************************/

.ficheStyle  #left {
	color:#7B7971;
}

/*------*/
/* Menu */
/*------*/

.ficheStyle  #left .first {
	width:355px;
	padding: 10px 0px 0px 0px;
}

.ficheStyle  #left .first .mois li {
	display:inline;
}

/*--------*/
/* Fiche  */
/*--------*/
.ficheStyle #left .fiche {
	width: 660px;
	margin-top:25px;
}
.ficheStyle  #left .fiche .logo {
	float:left;
	width:300px;
	margin: 0px 30px 0px 0px;
}

.ficheStyle #left .box {
	width:300px;
	float:left;
}

/* Agenda Right */

.ficheStyle  #content #right .box {
	float:left;
	width:180px;
	margin-left:0px;
	padding-bottom: 40px;
}

/* Style Diaporama */
.ficheStyle  #content #left .fiche .logo .diaporama {
	color:white;
	float:right;
	background-color:#bd004f;
	padding: 0px 1px;
	margin: 1px 0px 0px 0px;
	font-size:12px;
	text-decoration:none;
}

/*----------------------------*/
/* Style Texte Focus et Fiche */
/* 		RIGHT ET LEFT         */
/*----------------------------*/

.ficheStyle #left .fiche .box .genre, #right .box .genre  {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3F3930;
font-weight: bold;
}

.ficheStyle #left .fiche .box .date, #right .box .date  {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7B7971;
}

.ficheStyle #left .fiche .box .title {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #bd004f;
font-weight: normal;
text-transform: uppercase;
text-decoration:none;
}

.ficheStyle #left .fiche .box .title a {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #7B7971;
font-weight: normal;
text-transform: uppercase;
text-decoration:none;
}

.ficheStyle #right .box .title a  {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7B7971;
font-weight: normal;
text-transform: uppercase;
text-decoration:none;
}

.ficheStyle #left .fiche .box .title a:hover, #right .box .title a:hover {
color: #bd004f;
}

.ficheStyle #left .fiche .box .person {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3F3930;	
font-weight: bold;
}

.ficheStyle #right .box .subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3F3930;	
font-weight: bold;
}

.ficheStyle #left .fiche .box .heading {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7B7971;
}

.ficheStyle #left .fiche .box .chapeau {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7B7971;
font-weight: bold;
margin-bottom:20px;
}

/* COMPLEMENT URL ET BASE */
.ficheStyle #left .fiche .box .complements {
	font-size:10px;
	padding: 40px 0px 0px 0px;
}

.ficheStyle #left .fiche .box .complements li {
	display:inline;
}

.ficheStyle #left .fiche .logo .complementUrl {
	font-size:11px;
}

.ficheStyle #left .fiche .logo .complementUrl li {
	line-height:16px;
}

.ficheStyle #left .fiche .logo .complementUrl li a, #left .fiche .box .complements li a {
	text-decoration:none;
	color: #7B7971;
}

.ficheStyle #left .fiche .box .complements li .actif{
	color:#bd004f;
}

.ficheStyle #right .titleRub{
	font-size:10px;
	font-weight:normal;
	margin-bottom:40px;
	margin: 30px 0px 40px 0px;
}


/*************/
/* Multipage */
/*************/

.programme #right .multipage {
	margin-top:30px;
	float:right;
	font-size:11px;
}
.programme #right .multipage li {
	display: inline;
}
.programme #right .multipage a {
	text-decoration:none;
	color:#black;
}
.programme #right .multipage a.actif {
	text-decoration:none;
	color:#bd004f;
	font-weight:bold;
}