/* ce fichier contient les styles suivants : 
	Gestion des blocs :
	- Menu principal
	- Pied de page
	- content 
	- right
	- HOME
	
*/
/* MAJ MARION 2010/11/16 */


body {
	/*font-family:"Lucida Grande",Helvetica,Arial,sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.75em;
	margin:47px 0px 0px 0px;
	padding:0;
	text-align:left;
	font-weight:normal;
}
p{
	margin:0;
	pading:0;
}
a:link, a:visited {
	  text-decoration: none;
	color : #666666;

}
a:hover, a:active {
  text-decoration: none;
  color : #666666;

}
a.download {  
	text-decoration: none;
	color : #666666;}
a.mail {
	text-decoration: none;
	color : #666666;}

h1,h2,h3,h4{
	font-weight:normal;
}
h3,h4{
	margin : 0px 0px 5px 0px;
}

.noir, .noir:link,.noir:visited{
  color:#000000;
  text-decoration: none;
}
.gris, .gris:link,.gris:visited{
	color:#e9e9e9;
}
.gris_fonce, .gris_fonce,.gris_fonce{
	color:#9a9b98;
}
.rose, .rose,.rose{
	color : #e20080;/* rose */
}

#logo{
	float:left;
	width:200px;
	height:60px;
	background:url(../img/logo.gif) top left no-repeat;
	margin : 0px 0px 42px 0px;
}
#calendrier{
	float:left;
	width:200px;
	height:140px;
	background:url(../img/fond-rayures.gif) bottom left no-repeat;
	margin : 0px 0px 20px 0px;
}
.fond-rayures{
	background:url(../img/fond-rayures.gif) top left repeat-x;
}
#page{
	text-align : left;
	width:963px;
	margin:0 auto;
}
#left{
	float: left;
	width:200px;
	margin:0;
}
#right{
	float: left;
	width:730px;
	margin:0px 0px 0px 33px;
}
#menu_gauche{
	float: left;
	margin : 0px 0px 0px 0px;
	width : 200px;
	height : auto;
}
.filet_gris_bottom{
	background:url(../img/filet_gris.gif) bottom left repeat-x;
}
.filet_gris_top{
	background:url(../img/filet_gris.gif) top left repeat-x;
}

#gauche_bloc_1{
	float: left;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 200px;
	height : 65px;
}
#gauche_icon_line1{
	float: left;
	margin : 6px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 200px;
	height : 24px;
}
#icon_print{
	float: left;
	height : 17px;
	width:15px;
	background:url(../img/icon_print.gif) top left no-repeat;
}
#icon_mail{
	float: left;
	height : 18px;
	margin : 0px 0px 0px 5px;
	width:18px;
	background:url(../img/icon_mail.gif) top left no-repeat;
}
#icon_pdf{
	float: left;
	height : 17px;
	margin : 0px 0px 0px 5px;
	width:11px;
	background:url(../img/icon_pdf.gif) top left no-repeat;
}
#icone_texte_plus{
	float: right;
	height : 17px;
	width:19px;
	margin : 0px 0px 0px 0px;
	background:url(../img/icone_texte_plus.gif) top left no-repeat;
}
#icone_texte_moins{
	float: right;
	height : 17px;
	width:19px;
	margin : 0px 0px 0px 0px;
	background:url(../img/icone_texte_moins.gif) top left no-repeat;
}
#gauche_icon_line2{
	float: left;
	margin : 5px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 200px;
	height : 25px;
}
#icon_smile{
	float: left;
	height : 18px;
	width:30px;
	margin : 0px 0px 0px 105px;
	background:url(../img/icon_smile.gif) top left no-repeat;
}
#icon_twitter{
	float: left;
	height : 18px;
	width:18px;
	margin-left : 5px;
	background:url(../img/icon_twitter.gif) top left no-repeat;
}
#icon_rss{
	float: left;
	height : 18px;
	width:18px;
	margin-left : 2px;
	background:url(../img/icon_rss.gif) top left no-repeat;
}
#icon_facebook{
	float: left;
	height : 18px;
	width:18px;
	margin-left : 2px;
	background:url(../img/icon_facebook.gif) top left no-repeat;
}


/* Pied de page*/

#footer{
	float:left;
	/*width:473px;*/
	width:660px;
	height : 25px;
	margin-left:35px;
	background:url(../img/filet_gris.gif) top left repeat-x;
}
#footer #copy-mam{
	float:left;
	width:243px;
	height : 25px;
	margin : 5px 0px 0px 0px;	
	padding-left : 20px;
	color:#cccccc;
	background:url(../img/logo-midiaminuit-petit.gif) top left no-repeat;
}
#footer #copy-mam a{
	color:#cccccc;
}
#footer #tree{
	float:left;
	list-style: none ;
	padding : 0px 0px 0px 0px;
	margin : 5px 0px 0px 0px;
	text-align : right;
	width:397px;
}
#footer #tree li{
	display : inline;
	margin : 0px 10px 0px 0px;
	padding : 0px 0px 0px 0px;
}

/*content*/
#content{
	/*background:url(../img/content_background.png) top left repeat-y transparent;*/
	float : left;
	width:730px;
	margin-left:0px;
	margin-top : 47px;/* attention, on a 32px de hauteur pour les menus de niveau 2 + l'espace entre menu niveau 2 et le contenu (sous la flèche) : 15px !*/
	margin-top : 18px;
	min-height : 500px;
	_height : 500px;
	background-color : #FFFFFF;/* bug IE7*/
}
#content .contenu_simple{
	clear:left;
	margin-top : 47px;
}
.content{
	margin-top : 18px;
}
#fil{
	float : left;
	padding-left: 20px;
	width:756px;
	height : 15px;
	font-size : 10px;
	margin : 10px 0px;
}
#content h1{
	padding-left: 0px;
}

.search{
	float:left;
	width : 200px;
	margin : 0px;	
}
.tx-indexedsearch-redMarkup{
	color : #e20080;/* rose */
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
				color: #e20080;
			}
.input_search{
	float:left;
	width : 181px;
	height : 18px;	
	background: #FFFFFF url(../img/search_input.gif) top left no-repeat;
	border :none;
	margin: 0px 0px 0px 0px;
	padding : 0;
}
.search_loupe{
	float:left;
	width : 18px;
	height : 18px;
	background: #FFFFFF url(../img/search_submit.gif) top left no-repeat;	
	border :none;
	padding : 0;

}


/* ONGLET D'UNE FICHE */
/*
#tabs{
	float:left;
	width : 700px;	
	height : auto;
	background-color: #777777;
}*/
#content .csc-default{
	float:left;
	margin-left : 35px;
	width : 660px;
}
#liste_focus_bloc{
	float:left;
	margin-left : 35px;
	width : 660px;
	margin-bottom : 10px;
}
#liste_focus_bloc .listeFocus{
	float:left;
	width : 217px;
	height : 178px;
}
#liste_focus_bloc .listeFocus2{
	margin-left : 4px;
	margin-right : 5px;
}
#liste_focus_bloc .titreFocus{
	height : 56px;
}
#content .liste_fiche_item{
	float:left;
	margin-left : 35px;
	width : 650px;
	padding :5px 5px 5px 5px;
}
#content .liste_fiche_item .titre{
	margin : 0px 0px 5px 0px;
}
#content .liste_fiche_item:hover{
	background-color : #e9e9e9;
}
#content .lien_more{
	color : #e20080;
	text-align : right;
}
#content .lien_more a{
	color : #e20080;
}

#content .tx_mamlistefiche_pi1 h1.titre{
	padding : 0px 0px 0px 35px;
}
#content .tx_mamlistefiche_pi1{
	float:left;
	width : 730px;
	height : auto;
}

/* FICHE SPECTACLE*/
.fiche_part1{
	float:left;
	width:473px;
	margin-left : 0px;
}
.fiche_part1 #description{
	margin-left : 0px;
}
.fiche_part1 #audio{
	float:left;
}
.fiche_part1 #en-tete ul{
	margin-left : 0px;
}
.fiche_part1 #contenu_fiche_detail{
	margin-left : 0px;
}
.fiche_part2{
	float:left;
	width : 212px;
}
.fiche_part2 #autour-spectacle-titre{
	margin-top : 20px;
}
 .tx_mamlistefiche_pi1 h1.titre{
	margin : 0px 0px 0px 0px;
}


.fiche_bloc1{
	float:left;
	width : 730px;
	height : auto;
	min-height : 367px;
	_height : 367px;
/*	margin-bottom : 20px;*/
}
.fiche_bloc2{
	float:left;
	width : 730px;
	height : auto;
	
	width : 508px;
}
#fiche_infos_texte{
	
	margin-top : 95px;/*138*/
	margin-bottom : 5px;
	float : left;
	width : 212px;
	height : 104px;/*66*/
}
#fiche_infos_texte p{
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#fiche_prec{
	float : left;
	width : 35px;
	text-align : left;
	height : 266px;
}
/* DIAPORAMA*/
.diaporama{
	position:relative;
	width:473px;
	height:266px;
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

.diaporama_controls{
	width:473px;
	margin:3px 0;
	padding:0px;
	clear:both;
	overflow:hidden;
}

.diaporama_controls .btns{
	float:right;
}

.diaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:inline-block;
	margin:0;
}

.diaporama_controls .prev{
	background:url(../img/fleches_diapo.png) no-repeat top right;
}

.diaporama_controls .next{
	background:url(../img/fleches_diapo.png) no-repeat top left;
}

.diaporama_controls .pause{
	background:url(../img/fleches_diapo.png) no-repeat bottom right;
}

.diaporama_controls .play{
	background:url(../img/fleches_diapo.png) no-repeat bottom left;
}
ul.diaporama{
	margin : 0;
	padding:0;
}
#fiche_image{
	float : left;
	text-align : left;
	width : 473px;
	height : 286px;
}
#fiche_infos{	
	float : left;
	width : 212px;
	height : 266px;
	margin-left:10px;
}
#fiche_reserver{
	float : left;
	width : 212px;
	height : 18px;
}
#fiche_reserver a{
	float : right;
	width : 81px;
	height : 18px;
	margin-left : 60px;
	background:url(../img/fiche_reserver.gif) top left no-repeat transparent;
}
#fiche_venir{
	float : left;
	width : 212px;
	height : 18px;
	margin-top : 1px;
	text-align : left;
}
#fiche_venir a{
	float : left;
	width : 105px;
	height : 18px;
	/*background:url(../img/fiche_venir.gif) top left no-repeat transparent;*/
}
#fiche_retour_liste{/*lien retour liste des spectacles, par exemple */
	float : left;
	text-align : left;
	width : 187px;
	height : 25px;;

}
#contenu_fiche_detail{
	float : left;
	width : 473px;
	margin:10px 0px 60px 35px;
}
#contenu_fiche_detail p{
	margin : 0px 0px 0px 0px;
	padding : 0;
}
#description{
	float : left;
	width : 473px;
	margin-left:35px;
	padding-bottom : 10px;
	height : auto;
}
/* FICHE : AUTOUR du spectacle */
/* infobulle*/
.infobulle{
	display: none;
    position:absolute;
    width : 50px;
}
.infobulle-haut{
	float:left;
	background:url(../img/info2-bulle-haut.png) top left no-repeat;
	width : 80px;
	height : 4px;	
}
.infobulle-texte{
	float:left;
	width : 70px;
	text-align : center;
	padding : 0px 5px 0px 5px;
	background:url(../img/info2-bulle-milieu.png) top left repeat-y;
}
.infobulle-bas{
	float:left;
	background:url(../img/info2-bulle-bas.png) top left no-repeat;
	width : 80px;
	height : 12px;	
}


.infobullefiche{
	display: none;
    position:absolute;
    width : 152px;
}
.info-bulle-css span{
	display: none;
}
#fiche_venir .infobullefiche{
	 width : 220px;
}
#autour-spectacle{
	float : left;
	width : 212px;
	height:128px;
	height : auto;
	margin-left : 10px;
}
#autour-spectacle-titre{
	float:left;
	width:212px;
	height :18px;
	margin-bottom : 1px;
	background:url(../img/autour-spectacle-titre.gif) top left no-repeat #9a9b98;
}
.autour-info-bulle{
	float:left;
	background:url(../img/info-bulle-milieu.png) top left repeat-y;
	width : 142px;	
	padding : 0px 0px 0px 10px;
	text-align : left;
}
.infobulletext{
	float:left;
	width : 152px;
	background:url(../img/info-bulle-milieu.png) top left repeat-y;
}
.infobullehaut,.autour-info-bulle-haut{
	float:left;
	background:url(../img/info-bulle-haut.png) top left no-repeat;
	width : 152px;
	height : 8px;	
}
.infobullebas,.autour-info-bulle-bas{
	float:left;
	background:url(../img/info-bulle-bas.png) top left no-repeat;
	width : 152px;
	height : 12px;	
}
.autour_item{
	float:left;
	height : 52px;
	width:52px;
	margin : 0px 1px 1px 0px;
	background-color : #FFFFFF;
}
#autour-info-bulle1{
	position : absolute;
	top : 340px;
	left : 450px;
	width : 152px;
}
#fiche_retour_liste a{
	color : #e20080;
}

#fiche_next/*lien fiche suivante */
	float : left;
	width : 25px;
	height : 25px;
}
#en-tete {
	float:left;
	width:473px;
	margin-left : 35px;
	height : 200px;
}

#en-tete ul {
	float:left; 
	margin:10px 0px 0px 35px; 
	padding:0px 0px 0px 0px;
	list-style:none;
	width:473px;
	height : 20px;
}
#en-tete li {
	float:left; 
	height : 20px;
	padding-right : 5px;
	cursor : pointer;
	color : #8d8b8a;
}
#en-tete li.first{
	padding-left : 0px;
}
#en-tete li.middle{
	padding-left : 5px;
}
#en-tete .border-right{
	border-right : 1px solid #8d8b8a;
	height : 13px;
}

#en-tete ul a {
	float:left; 
	text-decoration:none; 
	height : 20px;
	color : #8d8b8a;
	cursor : pointer;
}
#en-tete .actif, #en-tete li:hover{
	color : #e20080;
}

.onglet_show{
	display : block;
	height : auto;
}
.show{
	display : block;
}
.onglet_hide{
	display : none;	
	height : auto;
}
.hide{
	display : none;
}


#liste_recherche_contenu{
	float : left;
	width : 714px;	
	padding : 0px 0px 0px 20px;
}
#liste_recherche_contenu p{
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
/* HOME */
#content_home{
	/*background:url(../img/content_background.png) top left repeat-y transparent;*/
	float : left;
	width:730px;	
	padding-left:0px;/* avant 30px*/
	
}

#liste_au_menu_bloc{
	float:left;
	margin-left : 0px;
	width : 660px;
}
#liste_au_menu_bloc .listeFocus{
	float:left;
	width : 217px;
	height : 178px;
}
#liste_au_menu_bloc .listeFocus2{
	margin-left : 4px;
	margin-right : 5px;
}
#liste_au_menu_bloc .titreFocus{
	height : 56px;
}
#au_menu .accrocheFocus{
	float:left;
	height : auto;
	margin : 10px 5px;
}
/* MAJ MARION 2010/11/16 */
#au_menu .jcarousel-item-passed{
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
#au_menu .jcarousel-item-over{
	background-color :#FFFFFF;
}
#au_menu .imageFocus{
}
/* FIN MAJ MARION 2010/11/16 */

#au_menu .imageCycle{
	float : left;
	padding-bottom : 5px;
	background-color : #FFFFFF;
}
#au_menu .imageCycle a,
#au_menu .imageCycle a:link
#au_menu .imageCycle a:visited{
	float : left;
	
}
#au_menu .imageCycle:hover{
	background-color : #e9e9e9;
}
#au_menu #fiche_prec{
	float :left;
	margin-top : 100px;
	height : 390px;
}
#au_menu #fiche_next{
	float :left;
	margin-top : 100px;
	height : 390px;
	margin-left : 10px;
}



/* Menu de gauche
	item-144 : inscription newsletter : menu_gauche_1.gif
	item-135 : Espace pro : menu_gauche_2.gif
	item-138 : Presse : menu_gauche_2_1.gif
	item-139 : Technique : menu_gauche_2_2.gif
	item-136 : Infos pratiques : menu_gauche_3.gif
	item-140 : Venir au Merlan : menu_gauche_3_1.gif
	item-141 : Equipe / contact : menu_gauche_3_2.gif
	item-142 : Tarifs / Billeterie : menu_gauche_3_3.gif
	item-145 : Billeterie en ligne :  : menu_gauche_4.gif
	item-173 : Archives :  : menu_gauche_5.gif
*/
#menu_gauche{
	margin : 0px 0px 10px 0px;
}
#menu_gauche ul,#menu_gauche #tree li{
	list-style :none;
	margin : 0;
	padding : 0;
}
#menu_gauche #tree li{
	width: 200px ;
}
#menu_gauche #tree li#item-144 a {
	float : left;
	background: transparent url(../img/menu_gauche_1.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}
#menu_gauche #tree li#item-135 a,#menu_gauche #tree li#item-135 a:link{
	float : left;	
	background: transparent url(../img/menu_gauche_2.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}
#menu_gauche #tree li#item-138 a,#menu_gauche #tree li#item-138 a:link{
	float : left;
	background: transparent url(../img/menu_gauche_2_1.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}
#menu_gauche #tree li#item-180 a,#menu_gauche #tree li#item-180 a:link{
	float : left;
	background: transparent url(../img/menu_gauche_2_3.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}
#menu_gauche #tree li#item-139 a,#menu_gauche #tree li#item-139 a:link{
	float : left;
	background: transparent url(../img/menu_gauche_2_2.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}

#menu_gauche #tree li#item-136 a{
	float : left;
	background: transparent url(../img/menu_gauche_3.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}
#menu_gauche #tree li#item-140 a{
	background: transparent url(../img/menu_gauche_3_1.gif) left top no-repeat ;
	height : 19px;
	/*color : transparent;*/
	width: 200px ;
}
#menu_gauche #tree li#item-141  a {
	float : left;
	background: transparent url(../img/menu_gauche_3_2.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}
#menu_gauche #tree li#item-142 a{
	float : left;
	background: transparent url(../img/menu_gauche_3_3.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}
#menu_gauche #tree li#item-145 a{
	float : left;
	background: transparent url(../img/menu_gauche_4.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;	
	/*color : transparent;*/
}
#menu_gauche #tree li#item-173 a {
	float : left;
	background: transparent url(../img/menu_gauche_5.gif) left top no-repeat ;
	height : 19px;
	width: 200px ;
	/*color : transparent;*/
}

/* Menu principal*/
#menu_principal{
	font-family:arial,helvetica,sans-serif;
	float : left;
	width:695px;
    margin: 0px 0px 0px 35px;
    padding: 0px 0px 0px 0px; 
    height : 20px;
    position : relative;/*ajout 2010_09_06*/
    left :0px;
    top : 0px;/*ajout 2010_09_06*/
}


#menu_principal #tree {
	float:left;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Création du contexte de formatage */
	}
#menu_principal #tree li {
	float:left;
	list-style: none ;
	float: left ;
	height : 20px;
}
#menu_principal #tree li a{
	display: block ;
	height : 20px;
	/*color : transparent;*/
}
/* AU PROGRAMME */
#menu_principal #tree li#item-46{
	width: 119px ;
}
#menu_principal #tree li#item-46 a {
	width: 119px ;
	height : 20px;
	/*color : transparent;*/
	background: transparent url(../img/menu_top_1.png) left top no-repeat;
	background-color : black;
}

#menu_principal #tree #item-46.act a{
	background-color : #e20080;
}
#menu_principal #tree #item-46.inactif a{
	background-color : black;
}
#menu_principal #tree li#item-46 a:hover, 
#menu_principal #tree li#item-46 a:focus, 
#menu_principal #tree li#item-46 a:active {
	background-color : #9a9b98;
}
/* A CONSULTER */
#menu_principal #tree li#item-45 a {
	width: 101px ;
	height : 20px;
	/*color : transparent;*/
	margin-left:1px;
	background: transparent url(../img/menu_top_2.png) left top no-repeat;
	background-color : black;
}
#menu_principal #tree #item-45.act a{
	background-color : #e20080;
}
#menu_principal #tree #item-45.inactif a{
	background-color : black;
}
#menu_principal #tree li#item-45 a:hover, 
#menu_principal #tree li#item-45 a:focus, 
#menu_principal #tree li#item-45 a:active {
	background-color : #9a9b98;
}
/* PROJETS */
#menu_principal #tree li#item-44 a {
	width: 73px ;
	height : 20px;
	/*color : transparent;*/
	margin-left:1px;
	background: transparent url(../img/menu_top_3.png) left top no-repeat;
	background-color : black;
}
#menu_principal #tree li#item-44.act a{
	background-color : #e20080;
}
#menu_principal #tree #item-44.inactif a{
	background-color : black;
}
#menu_principal #tree li#item-44 a:hover, 
#menu_principal #tree li#item-44 a:focus, 
#menu_principal #tree li#item-44 a:active {
	background-color : #9a9b98;
}
/* MENUS de NIVEAU 2*/
.menu_roll{
	position : absolute;
	position : relative;/* ajout 2010_09_06 bug IE7*/
	display:none;
	top : 67px;
	top : 2px;/* ajout 2010_09_06 bug IE7*/
	left : 0px;
	/*top : 18px;*/
	/*left : 0px;*//* ajout 2010_09_06 bug IE7*/
	height : 20px;
    margin: 20px 0px 0px 35px;
}
#menu_roll0{
	height : 32px;
}
/*menu_roll1 */
.tree_sous_menu {
	float: left ;/* ajout 2010_09_06 bug IE7*/
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Création du contexte de formatage */
}
.tree_sous_menu li{
	list-style: none ;
	float: left ;
	height : 32px;
	width:auto;
	/*color : transparent;*/
	margin-right:1px;
}
.tree_sous_menu li a{
	float: left ;
	display: block ;
	height : 20px;
	/*color: transparent;*/
	background-color : #9a9b98;
}

/* SOUS MENU 1*/
#tree_sous_menu1 li a,
#tree_sous_menu1 li a:link{
	/*color : transparent;*/
	background-color : #9a9b98;
}
#tree_sous_menu1 li.actfiche{
	background: #FFFFFF url(../img/menu_top_fleche.gif) center bottom no-repeat;
}
#tree_sous_menu1 a {
	background-color : #9a9b98;
}
// SousMenu 1_1
#tree_sous_menu1 #item-143 {width: 55px ;}
#tree_sous_menu1 #item-143 a {width: 55px ;background: #9a9b98 url(../img/menu_top_1_1b_off.png) center top no-repeat;}
#tree_sous_menu1 li#item-143.act {width: 55px ;background: #FFFFFF url(../img/menu_top_1_1b_on.png) center top no-repeat;}
#tree_sous_menu1 li#item-143 a:hover {background-color : #e20080;}
// SousMenu 1_2
#tree_sous_menu1 #item-105 {width: 96px ;}
#tree_sous_menu1 #item-105 a {width: 96px;background: #9a9b98 url(../img/menu_top_1_2_off.png) center top no-repeat;}
#tree_sous_menu1 li#item-105.act{width: 96px;background: #FFFFFF url(../img/menu_top_1_2_on.png) center top no-repeat;}
#tree_sous_menu1 li#item-105 a:hover {background-color : #e20080;}
// SousMenu 1_3
#tree_sous_menu1 #item-104 {width: 134px ;}
#tree_sous_menu1 #item-104 a {width: 134px ;background: #9a9b98 url(../img/menu_top_1_3_off.png) center top no-repeat;}
#tree_sous_menu1 li#item-104.act {width: 134px ;background: #FFFFFF url(../img/menu_top_1_3_on.png) center top no-repeat;}
#tree_sous_menu1 li#item-104 a:hover {background-color : #e20080;}
// SousMenu 1_4
#tree_sous_menu1 #item-119 {width: 68px ;}
#tree_sous_menu1 #item-119 a {width: 68px ;background: #9a9b98 url(../img/menu_top_1_4_off.png) center top no-repeat;}
#tree_sous_menu1 li#item-119.act {width: 68px ;background: #FFFFFF url(../img/menu_top_1_4_on.png) center top no-repeat;}
#tree_sous_menu1 li#item-119 a:hover {background-color : #e20080;}
// SousMenu 1_5
#tree_sous_menu1 #item-131 {width: 104px ;}
#tree_sous_menu1 #item-131 a {width: 104px ;background: #9a9b98 url(../img/menu_top_1_5_off.png) center top no-repeat;}
#tree_sous_menu1 li#item-131.act {width: 104px ;background: #FFFFFF url(../img/menu_top_1_5_on.png) center top no-repeat;}
#tree_sous_menu1 li#item-131 a:hover {background-color : #e20080;}

/* SOUS MENU 2 */

/* MAJ MARION 2010/11/16 */
// SousMenu 2_1 : MENU
#tree_sous_menu2 #item-156 {width: 55px ;}
#tree_sous_menu2 #item-156 a {width: 55px ;background: #9a9b98 url(../img/menu_top_1_1b_off.png) center top no-repeat;}
#tree_sous_menu2 li#item-156.act {width: 55px ;background: #FFFFFF url(../img/menu_top_1_1b_on.png) center top no-repeat;}
#tree_sous_menu2 li#item-156 a:hover {background-color : #e20080;}
/* FIN MAJ MARION 2010/11/16 */

#tree_sous_menu2 li a,
#tree_sous_menu2 li a:link{
	/*color : transparent;*/
	background-color : #9a9b98;
}
#tree_sous_menu2 li.actfiche{
	background: #FFFFFF url(../img/menu_top_fleche.gif) center bottom no-repeat;
}
#tree_sous_menu2 a {
	background-color : #9a9b98;
}
// SousMenu 2_1
#tree_sous_menu2 #item-85 {width: 60px ;}
#tree_sous_menu2 #item-85 a {width: 60px ;background: #9a9b98 url(../img/menu_top_2_1_off.png) center top no-repeat;}
#tree_sous_menu2 li#item-85.act {width: 60px ;background: #FFFFFF url(../img/menu_top_2_1_on.png) center top no-repeat;}
#tree_sous_menu2 li#item-85 a:hover {background-color : #e20080;}
// SousMenu 2_3
#tree_sous_menu2 #item-90 {width: 59px ;}
#tree_sous_menu2 #item-90 a {width: 59px ;background: #9a9b98 url(../img/menu_top_2_2_off.png) center top no-repeat;}
#tree_sous_menu2 li#item-90.act {width: 59px ;background: #FFFFFF url(../img/menu_top_2_2_on.png) center top no-repeat;}
#tree_sous_menu2 li#item-90 a:hover {background-color : #e20080;}
// SousMenu 2_4
#tree_sous_menu2 #item-149 {width: 86px ;}
#tree_sous_menu2 #item-149 a {width: 86px ;background: #9a9b98 url(../img/menu_top_2_3_off.png) center top no-repeat;}
#tree_sous_menu2 li#item-149.act {width: 86px ;background: #FFFFFF url(../img/menu_top_2_3_on.png) center top no-repeat;}
#tree_sous_menu2 li#item-149 a:hover {background-color : #e20080;}
// SousMenu 2_5
#tree_sous_menu2 #item-150 {width: 80px ;}
#tree_sous_menu2 #item-150 a {width: 80px ;background: #9a9b98 url(../img/menu_top_2_4_off.png) center top no-repeat;}
#tree_sous_menu2 li#item-150.act {width: 80px ;background: #FFFFFF url(../img/menu_top_2_4_on.png) center top no-repeat;}
#tree_sous_menu2 li#item-150 a:hover {background-color : #e20080;}

/* SOUS MENU 3 */
#tree_sous_menu3 li a,
#tree_sous_menu3 li a:link{
	/*color : transparent;*/
	background-color : #9a9b98;
}
#tree_sous_menu3 li.actfiche{
	background: #FFFFFF url(../img/menu_top_fleche.gif) center bottom no-repeat;
}
#tree_sous_menu3 a {
	background-color : #9a9b98;
}
// SousMenu 3_1
#tree_sous_menu3 #item-146 {width: 88px ;}
#tree_sous_menu3 #item-146 a {width: 88px ;background: #9a9b98 url(../img/menu_top_3_1_off.png) center top no-repeat;}
#tree_sous_menu3 li#item-146.act {width: 88px ;background: #FFFFFF url(../img/menu_top_3_1_on.png) center top no-repeat;}
#tree_sous_menu3 li#item-146 a:hover {background-color : #e20080;}
// SousMenu 3_2
#tree_sous_menu3 #item-147 {width: 99px ;}
#tree_sous_menu3 #item-147 a {width: 99px ;background: #9a9b98 url(../img/menu_top_3_2_off.png) center top no-repeat;}
#tree_sous_menu3 li#item-147.act {width: 99px ;background: #FFFFFF url(../img/menu_top_3_2_on.png) center top no-repeat;}
#tree_sous_menu3 li#item-147 a:hover {background-color : #e20080;}
// SousMenu 3_3
#tree_sous_menu3 #item-148 {width: 48px ;}
#tree_sous_menu3 #item-148 a {width: 48px ;background: #9a9b98 url(../img/menu_top_3_3_off.png) center top no-repeat;}
#tree_sous_menu3 li#item-148.act {width: 48px ;background: #FFFFFF url(../img/menu_top_3_3_on.png) center top no-repeat;}
#tree_sous_menu3 li#item-148 a:hover {background-color : #e20080;}







// agenda : à supprimer quand ok
#cal-titre{
	float:left;
	width : 200px;
	background-color : #000000;
	height :18px;
}
#cal-prev{
	float:left;
	width : 25px;
	height : 18px;
	background-color : #000000;
}
#cal-titre-month{
	float:left;
	width : 150px;
	height : 18px;;
	background-color : #000000;
	text-align:center;
}
#cal-next{
	float:left;
	width : 25px;
	height : 18px;
	background-color : #000000;
}
#cal-liste-jour{
	float:left;
	width : 200px;
	height : 19px;
	background : #FFFFFF url(../img/calendrier-liste-jour.gif);
}
#cal-table{
	float:left;
	width : 200px;
	height : 85px;
	margin-top : 3px;
	font-size:9px;
}
#cal-table .cal-line{
	float:left;
	width : 200px;
	margin-top : 4px;
	padding:0;
	height:12px;
}

#cal-table a{
	color : #FFFFFF;
}
#cal-table .aucun_spectacle{
	color : #000000;
	background-color : #FFFFFF;
	width:16px;
}
#cal-table .fiche_spectacle,
#cal-table .liste_jour{
	color : #FFFFFF;
	background-color : #e20080;
	width:16px;
	height:12px;
}
#cal-table .saison_spectacle{
	color : #FFFFFF;
	background-color : #666666;
	width:16px;
	height:12px;
}
#cal-table .colfirst{
	float:left;
	margin-left : 5px;
	margin-right : 0px;
	width:16px;
	height:12px;
	text-align:center;
}
#cal-table .colmiddle{
	float:left;
	margin-left : 13px;
	margin-right : 0px;
	width:16px;
	height:12px;
	text-align:center;
}
#cal-table .colend{
	float:left;
	margin-left : 13px;
	margin-right : 5px;
	width:16px;
	height:12px;
	text-align:center;
}
/* SOUS-MENUS */
#content .csc-sous-menu ul{
	float : left;

	margin : 0px 0px 0px 0px;
	padding :0px 0px 0px 0px;
	height : auto;
}	
#content .csc-sous-menu li{
	float : left;
	list-style-type:none;
	padding :0px 5px 0px 5px;
	margin : 5px 0px;
	height : auto;
}

#content .csc-sous-menu li.actif {
	float : left;
	background-color : #E20080;
	color : #FFFFFF;
	padding : 5px 5px 5px 5px;

}
#content .csc-sous-menu li.non-actif a,
#content .csc-sous-menu li.non-actif a:link{
	float : left;
	background-color : #9a9b98;
	color : #FFFFFF;
}
#content .csc-sous-menu li.non-actif a:hover{
	float : left;
	background-color : #FFFFFF;
	color : #E20080;
}

#content .csc-sous-menu li a,
#content .csc-sous-menu li a:link,
#content .csc-sous-menu li a:hover{
	float : left;
	padding : 5px 5px 5px 5px;
}
#content .csc-sous-menu{
	float : left;
	margin : 0px 0px 10px 35px;
	padding : 0px 0px 10px 0px;
	width : 650px;
	height : auto;
}

/* PLAN DU SITE*/

#content .csc-sitemap li{
		list-style-type:none;
}

#content .csc-sitemap li{
	list-style-type:none;
	margin : 0px 0px 5px 0px;
}

.csc-sitemap ul{
	padding : 0;
	margin : 0;
	text-transform: uppercase;
}
.csc-sitemap ul li ul{
	padding : 0px 0px 0px 0px;
	margin : 5px 0px 0px 20px;
}
	
/* FE LOGIN*/	
.tx-felogin-pi1 fieldset{
	border : none;
	padding : 0;
	margin : 20px 0px 20px 0px;
}
.tx-felogin-pi1 .ligne{
	float:left;
	width : 660px;
	height : 40px;
}
.tx-felogin-pi1 #user_label,
.tx-felogin-pi1 #pass_label{
	float:left;
	width:100px;
}

.tx-felogin-pi1 #user,
.tx-felogin-pi1 #pass{
	float:left;
	width:100px;
}