body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
	background-color: #000;
}
/************************** config générale **************************/
img{
	border:0;}
	
h1{
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 1.5em;
	padding: 0 0 2px 0;
	margin: 0;
	font-weight:normal;
	color:#9C3731;
	}
	
h2{
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 1em;		
	margin: 0;
	font-variant:small-caps;
}

h3{
	font-family: "Trebuchet MS", Tahoma, Arial;
	margin: 0;
	padding:0;
	font-size: 0.8em;	
}

h4{	
	font-family: "Trebuchet MS", Tahoma, Arial;
	margin: 0;
	padding:0;
	color:#9C3731;
	font-variant:small-caps;
}

p{
	margin: 0 0 0.5em 0;
	text-align: justify;
	text-indent: 0em;
	font-size:0.8em;
}
ul{
	font-size:0.8em;
}
blockquote{
padding-left:4em;
}
a {
	color:#9C3731;
	text-decoration: none;
	font-weight:bold;
}
a:hover{
	color:#515151;
	text-decoration:underline;
}
hr{
border:none;
border-top:solid 1px #ccc;
}

.spacer{
clear:both;
visibility:hidden;
}


/************************************************************************/

.apdf {
	background: url(images/general/pdf.gif) no-repeat 0 0;
	padding-left:1.5em;
	line-height:2em;
}
.adp{
	background: url(images/general/pdf_bleu.jpg) no-repeat 0 0;
	padding-left:1.5em;
	line-height:2em;
}

p .photo{
}
.citation{
	text-align: center;
	font-style: italic;
}
.gris{
	color:#5F5F5F;
	text-align:left;
	font-weight:bold;
}
.rouge{
	color: #d20000;
}

.cartouche {
padding:0.5em 0.5em 0.5em 1.5em;
background:#fff;
}
/*.bouton {background: url(images/general/bouton_c.jpg) repeat-x;height:22px;text-align: center;margin: 0 auto;}
.bouton a{color:#fff;font-size:11px;}
.bouton a:hover{color:#FFCBCB;}
.bouton span{float: left;height:22px;padding: 0 0 0 12px;}
.bouton span span{width: 100%;float: right;height:22px;padding: 4px 10px 2px 0;}
.bouton span{background: url(images/general/bouton_g.jpg) no-repeat left 0px;}
.bouton span span{background: url(images/general/bouton_d.jpg) no-repeat right 0px;}*/


#acheter_en_ligne {
text-align:center;
height:44;
}
#acheter_en_ligne a img {
height:34;
width:151;
}
#acheter_en_ligne a:hover img {
height:44;
width:161;
}
#galerie {
width: 105px;
margin: 5px auto 0 auto;
}
#newsletter {
width: 160px;
margin: 0px auto 0 auto;
}
#galerie_visite_guidee {
width: 290px;
margin: 5px auto 0 auto;
}
#lire_suite {
font-size:0.8em;
margin: 0 0 0 20px;
font-weight:normal;
}
#audio_video{
width: 100px;
margin: 5px auto 0 auto;
}


.lien_haut{
	color:#000;
	text-align: right;
	margin: 0 100px 0 0px;
	font-weight: bold;
}
.lien_haut a{
	text-decoration:none;
	font-size:1em;
	color: #bbb;	
}
.lien_haut a:hover{
	text-decoration:none;
	font-size:1em;
	color: #aaa;	
}
.puce_1{
	background: url(images/general/puce1.png) no-repeat 0 5px;
	padding: 0em 0 0 2em;
	margin: 0;
	line-height:2em;
	list-style: none;
}
.plan_n1{
	background: url(images/general/puce-rond.png) no-repeat;
	background-position:0px 2px; 
	padding: 0px 0 0 32px;
	height: 18px;
	font-size: 1.3em;
	margin: 0 0 0 50px;
}
.plan_n1 a{
	color: #515151;
}
.plan_n1 a:hover{
	color: #D20000;
}
.plan_n2{
	margin: 0px 0 0 100px;
}

.referencement{
	position: absolute;
	margin: 0;
	z-index:0;
	font-size: 0.1em;
	color:#fff;
	}

/**************************	fin config générale **************************/

#conteneur {
	width: 950px;
	margin: 0 auto; 
	height:100%;
}
#enTete {
	background-repeat:no-repeat;
	background-position : top center;
	height: 123px;
	color: #000;
}
#entete_bandeau{
	margin: 0;
	padding:0;
}
#clic_photo{
	position: absolute;
}
#centre {
	margin: 0 0 1px 0;
	padding:0;
	height:100%;
	background-color:#F9D094;
	/*float:none;*/
}
#col_gauche{
	background:url(images/general/fond-cg.gif) no-repeat top left #F9D094;
	margin: 0;
	width: 207px;
	float: left;
	padding:0;
	height:100%;
	min-height:970px;
}

#col_droite{
	background:url(images/general/fond-colonne_droite.gif) repeat-x 0 0 #FCE6C1;
	margin: 0 0 0 207px;		
	padding:0 2em 0 2em;
	height:100%;
	min-height:1022px;
}
#col_droite_accueil{	
	background:url(images/general/fond-colonne_droite_accueil.gif) repeat-x 0 0 #FCE6C1;
	margin: 0 0 0 207px;	
	padding:0 2em 0 2em;
	height:100%;
	min-height:1022px;

}
#col_droite_billeterie{
	background-color:#ffffff;
	margin: 0 0 0 207px;	
	padding:0 2em 0 2em;
	height:100%;
	min-height:1300px;
	overflow:visible;
}

#pied{		
background: url(images/general/footer.gif) no-repeat;
text-align: center;
margin: 1px 0 0 0;
height:55px;
width:950px;
clear:both;
}
#pied ul{
padding-top:1.5em;
padding-left:16em;
padding-right:0;
list-style:none;
float:left;
}
#pied li{
display:inline;
padding:0;
}
#pied a{
font-weight:normal;
color:#000;
text-decoration:underline;
}
#pied img{
padding:0;
}

/**************************    declinaisons styles généraux    **************************/
#col_droite h1{
padding-top:1em;
}


/**************************	menu        **************************/
/*  menu                                 */
/**************************	menu  *************************/
/*

/*menu par défaut(style laval spectacles)*/
#menu{height:35px;background:transparent;position:relative;padding: 0 0 0 40px;margin: 0 0 0 0px;text-align:center;line-height:13px;}
#menu ul{height:35px;float:left;display:block;margin:0;padding:0;}
#menu li{list-style:none;float:left;display:block;margin: 0 2px;}
#menu span{font-size:13px;height:35px;display:block;float:left;margin:0;padding:0;}
#menu span a{height:35px;display:block;color:#000;float:left;cursor:pointer;text-decoration:none;color:#fff;font-weight:normal;}
#menu span a span{float:left;}
#menu span a span span{height:16px;display:block;padding:5px 20px;}
#menu ul li span a{background:url(images/general/menu_c.gif) repeat-x left -35px!important;}
#menu ul span a span{background:url(images/general/menu_g.gif) transparent no-repeat left -35px;}
#menu ul span a span span{background:url(images/general/menu_d.gif) transparent no-repeat right -35px;}
#menu ul li span a:hover,#menu ul span a:hover span{background-position:left 0!important;color:#fff;}
#menu ul span a:hover span span{background-position:right 0!important;}

/*survol par défaut*/
#menu ul li .menu_ls a:hover{
}

/*lien actif*/
#menu ul li .actif a{
background:url(images/general/menu_c.gif) repeat-x 10px 0px!important;
color:#fff;
font-weight:bold;}
#menu ul .actif a span{background:url(images/general/menu_g.gif) transparent no-repeat left 0;}
#menu ul .actif a span span{background:url(images/general/menu_d.gif) transparent no-repeat right 0;}


#sousMenu{
background:url(images/general/ss_menu_c-accueil.gif) no-repeat top;
text-align: left; 
padding-left: 207px;
margin:0;
height:48px;
}
#sousMenu ul{
list-style-type:none;
padding:0;
margin:0;
}
#sousMenu li{
border:solid 1px #fff;
background-color:#9C3731;
float:left;
padding:0;margin:0;
height:30px;
}
#sousMenu li:hover{
background-color:#620604;
}
#sousMenu a{
padding-left:1em;
padding-right:1em;
line-height:30px;
font-weight:normal;
color:#fff;
text-decoration:none;}

#sousMenu a:hover{
text-decoration:underline;}


/*menu Billetterie*/
#menu2{height:35px;background:transparent;position:relative;margin-right:3em;line-height:13px;float:right;}
#menu2 ul li span a{background:url(images/general/menu2_c.gif) repeat-x 10px -35px!important;}
#menu2 ul span a span{background:url(images/general/menu2_g.gif) transparent no-repeat left -35px;}
#menu2 ul span a span span{background:url(images/general/menu2_d.gif) transparent no-repeat right -35px;}
#menu2 span{font-size:13px;height:35px;display:block;float:left;margin:0;padding:0;}
#menu2 span a{color:#000;}
#menu2 ul li span a:hover{background-position:10px 0px!important;color:#fff;}


/*lien actif*/
#menu2 ul li .actif a{
background:url(images/general/menu2_c.gif) repeat-x 10px 0px!important;
color:#fff;}
#menu2 ul .actif a span{background:url(images/general/menu2_g.gif) transparent no-repeat left 0;}
#menu2 ul .actif a span span{background:url(images/general/menu2_d.gif) transparent no-repeat right 0;}

#menu ul li .menu_ls a{

}


/**************************	fil d'ariane  **************************/
#ariane{
	height: 20px;
	padding: 0 15px 0 0;
	font-size: 0.8em;
}
#ariane a{
	font-weight: normal;
	color:#465862;
}
#ariane a:hover{
	text-decoration: underline;
	color: #DF232F;
}


/**************************  ACCUEIL  **************************/

#texte_miseAJour{
	color: #616160;
	font-weight: bold;
}
#a_la_une{
	padding:1em;
	border:solid 1px #fff;
	width: 640px;
	height: 220px;
	margin:0 0 1em 0;
	overflow: hidden;
	background-color:#493E23;
}
#a_la_une h2{
	font-variant:small-caps;
	color:#fff;
	font-size:1.5em;
	margin:0;
	padding :0;
	font-weight:normal;
}

#image_une{
	padding:0px;
	margin:0;	
	width: 630px;
	background:#000;
	height: 190px;
}
#a_la_une ul{
	list-style:none;
	padding:0;
	margin:0;
	width: 146px;
	display:inline;
}

#a_la_une .onglet {
	background:url(images/general/onglet_une_1.png) no-repeat left top;
	height: 33px;
	color:#fff;
	margin: 0;
	font-size:12px;
	text-align:center;
	padding:0px 3px 3px 3px;
	float: left;
	width: 146px;
	line-height:20px;
}
#a_la_une .onglet:hover{
	background:url(images/general/onglet_une_2.png) no-repeat left top;
	color: #000;
	z-index: 100;
	cursor:pointer;
}

.defil_auto{
	background:url(images/general/onglet_une_2.png) no-repeat left top;
	height: 33px;
	color: #000;
	font-size:12px;
	text-align:center;
	padding:0px 3px 3px 3px;
	margin:0;
	float: left;
	z-index: 100;
	width: 146px;
	line-height:20px;
	cursor:pointer;
}
.defil_auto a{
	color: #000;
}
#a_la_une li a{
	text-decoration:none;
	margin:0;
	color: #000;
}
#a_la_une ul li a:hover{
	color: #000;
}
#a_la_une ul li span{
	margin:0 5px;
	font-size:10px;
	font-weight:normal;
}
#a_la_une .image_une{
	z-index: 1;
}

/************************** colonne gauche de la page accueil  **************************/
#colg-accueil{
float:left;
width:320px;
}


/************************** colonne droite de la page accueil  **************************/
#cold-accueil{
float:none;
margin-left:340px;
width:320px;
}

/************************** *****************************  **************************/

#video-mois{
width:320px;
padding:5px;
border:solid 1px #fff;
margin-bottom:1em;
text-align:center;
background-color:#000;
}
#video-mois h2{
color:#9d9b87;
font-variant:small-caps;
margin:0 0 0.5em 0.5em;
text-align:left;
}
#video-mois a{
color:#fff;
font-weight:normal;
text-decoration:underline;
}

/************************** prochain spectacle  **************************/
#prochain-spectacle{
width:320px;
padding:5px;
border:solid 1px #CCA376;
margin-bottom:1em;
background-color:#fff;
}
#prochain-spectacle h2{
font-variant:small-caps;
margin:0 0 0.5em 0em;
color:#3C4143;
border-bottom:1px solid #999;
}
#prochain-spectacle h3{
font-size:1em;
color:#000;
margin:0 0 0.5em 0em;
font-weight:normal;
}
#prochain-spectacle h5{
font-weight:normal;
color:#fff;
font-size:1em;
margin:0 0 0.5em 0em;
height:1.5em;
padding:0 0 0 1em;
}
#prochain-spectacle span{
font-weight:bold;
font-size:0.8em;
}
#prochain-spectacle img{
float:left;
padding-right:0.5em;
padding-left:0;
}
#prochain-spectacle .date{
background-color:#83756A;
color:#fff;
padding:0 0 0 1em;
}

/************************** Exposition  **************************/
#exposition{
padding:5px;
width:320px;
border:solid 1px #A07648;
margin-bottom:1em;
overflow:hidden;
background-color:#fff;
}
#exposition p{
text-align:left;
}
#exposition h2{
font-variant:small-caps;
margin:0 0 0.5em 0.5em;
color:#3C4143;
border-bottom:1px solid #999;
}

#exposition span{
font-size:0.9em;
}
#exposition img{
float:left;
padding-right:0.5em;
padding-left:0;
}
/************************** Interview **************************/
#interview{
width:320px;
background-color:#424138;
padding:5px;
margin-bottom:1em;
}
#interview h2{
background:url(images/general/interview.png) no-repeat left;
font-variant:small-caps;
padding:0.5em 0.5em 0.5em 2.5em;
color:#9d9b87;
font-size:0.9em;
}

/************************** Reseau social **************************/
#reseau{
width:322px;
background-color:#fff;
padding:5px;
margin-bottom:1em;
}

/************************** iphone**************************/
#iphone{
color:#fff;
width:320px;
background-color:#000;
padding:5px;
margin-bottom:1em;
border-radius:10px;
}
#iphone h2{
font-size:0.9em;
color:#fff;
}
#iphone a{
font-weight:normal;
font-size:0.8em;
}
#iphone img{
padding-right:1em;
}

/****************************************************/
.opacity-05{
filter:alpha(opacity=50);
opacity:0.5;
-moz-opacity:0.5; 
}

.encart-int{
background-color:#F4E7C4;
margin:5px;
padding:5px;
overflow:hidden;
}

.liste_spect{
font-size:0.7em;
overflow:auto;
}

.liste_spect td{
background-color:#F4E7C4;
padding:0.5em;
}
/**************************	billetterie  **************************/
#cadre_billetterie{
	margin: 0 0 0 50px ;
	height:100%;
}

/**************************	infos (COLONNE DE GAUCHE)  **************************/
.info{
	padding: 0.5em;
	margin:0 1em 1em 1em;
	background-color:#fff;
}
.info h2{
	font-size: 0.8em;
	background-color:#9C3731;
	color: #fff;
	padding:0 0 0 0.5em;
	margin: 0 0 10px 0 ;
}
.info input{
	margin: 4px 0;
	background: #eee;
}
.info a{
	font-size:0.8em;
	color:#906E46;
}
.icone_plan{
	background-image:url(icones/monde.jpg);
	background-repeat:no-repeat;
	background-position : top left;
	padding: 2px 0 2px 22px;
	margin: 15px 0 0 5px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
}

.calendrier{
	padding: 0 !important;
	margin: 0em 1em 1em 1em !important;
	background-color:#fff;
}

.logos{
text-align:center;
padding:0;
margin:0;
}

/*********************** brève ***********************/
/* brève défilante                                   */

/*.someclass{ 
	//class to apply to your scroller(s) if desired
}*/

/*********************** plaquette ***********************/

.plaquette_web {
	margin: 0;
	padding-left:1em;
}
/*********************** calendrier ***********************/
#calendrier {
	margin: 0;
	padding: 0;
	height: 170px;
}

#calendrier h2{
text-align:center;
}

#calendrier span{
	color:#000;	
	font-weight: bold;
	padding: 0;
	clear:left;		
}
#calendrier li{
	list-style: none;		
}
#libelle {
	width: 180px;
	margin: 0px;
	padding: 0;
	font-size:0.8em;
	color:#fff;
}
.ligne {
	width: 180px;
	padding: 0;
	font-size:0.8em;
	margin: 0px;
} 
#libelle li {
	float : left;
	width : 22px; 
	background-color: #474747;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	text-align:center;
	font-weight:bold;
}
.ligne li {
	color: #000;
	float : left; 
	width : 22px; 
	height: 16px;
	background-color: #eee;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	text-align:center;
	padding: 2px 0 0px 0;
}
li.itemCurrentItem a{
	background-color: #E3BDBD;
	color: #555555;
	list-style: none;
	text-decoration: none;
	font-weight: bold;	
	display: block;
	height: 16px;	
	/*alignement vertical dans la case*/
	margin: -2px 0 0px 0;
	padding: 2px 0 0px 0;
}	
li.itemCurrentItem a:hover{
	color: #d20000;
	background-color: #DDDDDD;
}
.cal a{
	color: #ff0000;
	background-color: #000;
}
#cal_prec {
	font-size: 1em;
	font-weight:bold;
	float: left;	
	margin: 0;
	text-decoration: none;
}
#cal_suiv {
	font-size: 1em;
	font-weight:bold;
	float: right;
	margin: 0;
	text-decoration: none;
}
/**************************/
/* couleur des liens      */
/**************************/

li.itemSelectedItem {
	color: #fff;
	background-color: #00739D;
}	
li.itemSelectedItem a{
	color: #fff;
	list-style: none;
	text-decoration: none;
	font-weight: bold;	
	display: block;
	height: 16px;	
	/*alignement vertical dans la case*/
	margin: -2px 0 0px 0;
	padding: 2px 0 0px 0;
}	
li.itemSelectedItem a:hover{
	color: #fff;
	text-decoration: none;
	list-style: none;
	font-weight: bold;	
	background-color: #999;
}	



/******************** fiche d'un spectacle ********************/

#fiche_spectacle {
height:100%;
}
#colg_fiche{
float:left;
width:400px;
height:100%;
}
#cold_fiche{
margin-left:420px;
width:250px;
height:100%;
}

#fiche_spectacle h1{
	color:#515151;
	margin: 0;
	padding:1em 0 0 0;
	border: 0;
	font-family: "Trebuchet MS",Tahoma,Arial;
	font-weight: normal;
	font-size: 1.5em;
}
#fiche_spectacle h2{
	color:#515151;
	font-variant:small-caps;
	font-size: 1.2em;		
	padding:0;
	margin:0;
	font-weight: normal;
}
#fiche_spectacle table{
border:0;
font-size:0.8em;
}

#fiche_spectacle .date-lieu-cat{
font-size:0.8em;
font-variant:small-caps;
color:#fff;
}

#fiche_spectacle #photo{
	text-align: center;
}
#fiche_spectacle #video {
	font-size:0.7em;
	z-index:-10;
}
#fiche_spectacle .texte{
	clear: both;
	margin: 25px 0 0 0;
}
#fiche_spectacle .centre{
	padding : 0 0 0 0px;
	text-align: justify;
	width: 330px;
	font-size: 1em;
	float: left;
}
#fiche_spectacle .centre p{
	text-align: justify;
	margin: 0;
}
#fiche_spectacle .photo{
	float: right;
	padding:0;
	margin: 0 0 0.8em 0.8em;
	border: 1px #eee solid;
}

#fiche_spectacle #navigation{
	color: #bbb;
	text-align: center;
	margin: 20px auto;
	font-size: 9px;
	font-weight: normal;
	height: 20px;
	vertical-align: top;
	padding: 0;
}
#fiche_spectacle #navigation .gauche{
float: left;
}

#fiche_spectacle #navigation .droite{
float:right;
}
#fiche_spectacle #navigation a:hover{
	text-decoration: none;
}
#fiche_spectacle #navigation img{
	margin: 0px 10px 0 10px;
}
#fiche_spectacle #infos_pratiques{
	float: left;
	width: 180px;
	margin: 0 0 0 12px;
	font-size: 0.85em;
}
#fiche_spectacle .theme{
	margin: 0 0 15px 10px;
	padding: 2px 4px;
	font-weight: bold;
	float: left;
	position: absolute;
}
#fiche_spectacle .noir{
	border: 1px solid #000;
}
#fiche_spectacle .vert{
	border: 1px solid #00A651;
	color: #00A651;
}
#fiche_spectacle .violet{
	border: 1px solid #7670B4;
	color: #7670B4;
}
#fiche_spectacle .jaune{
	border: 1px solid #FFCB06;
	color: #FFCB06;
}
#fiche_spectacle .rose{
	border: 1px solid #EA9CBE;
	color: #EA9CBE;
}
#fiche_spectacle .orange{
	border: 1px solid #F7941D;
	color: #F7941D;
}
#fiche_spectacle .tampon{
	margin: 0;
	padding: 0px;
	text-align:center;
}
#fiche_spectacle #logo_video{
	margin: 0 0 0 7px;	
}
#fiche_spectacle .distribution{
font-size:0.7em;
color:#6F6F6F;
padding-left:4em;
}
#fiche_spectacle .revue-presse{
font-style:italic;
background:url(images/general/fond-presse.png) no-repeat left top;
padding-top:2em;
}
#fiche_spectacle .autour {
background:url(images/general/entete_savoir+.png) no-repeat left top;
font-size:0.85em;
padding-top:1.8em;
width:399px;
}
#fiche_spectacle .autour p{
padding:1em;
background-color:#9B6F66;
color:#fff;
}
#fiche_spectacle .autour a{
color:#394245;
}
#fiche_spectacle .tarifs{
background:url(images/general/entete_tarifs.png) no-repeat left top;
padding-top:1.8em;

}
#fiche_spectacle .tarifs p{
padding:1em;
background-color:#987E61;
color:#fff;
}

.tarifs th{
color:#fff;
padding:0.5em;
font-size:0.8em;
background-color:#A89686;
}
.tarifs td {
padding:0.5em;
font-size:0.8em;
background-color:#D0E2C0;
}
#fiche_spectacle .lieninternet a{
font-size: 0.75em;
font-weight:bold;
color:#6A695A;
}

#entete-fichespectacle {
width:678px;
}
#entete-fichespectacle td{
padding-left:1em;
}

#entete-fichespectacle img{
padding:0;
text-align:center;
}

.fiche-neutre {
background:url(images/general/entete-neutre.png) no-repeat left top transparent;
font-size:1.2em;
font-variant:small-caps;
color:#fff;
height:30px;
}

.fiche-theatre {
background:url(images/general/entete-theatre.png) no-repeat left top transparent;
font-size:1.2em;
font-variant:small-caps;
color:#fff;
height:30px;
}
.fiche-danse{
background:url(images/general/entete-danse.png) no-repeat left top transparent;
font-size:1.2em;
font-variant:small-caps;
color:#fff;
height:30px;
}
.fiche-musique{
background:url(images/general/entete-musique.png) no-repeat left top transparent;
font-size:1.2em;
font-variant:small-caps;
color:#fff;
height:30px;
}
.fiche-musique-cla{
background:url(images/general/entete-musique-classique.png) no-repeat left top transparent;
font-size:1.2em;
font-variant:small-caps;
color:#fff;
height:30px;
}
.fiche-cirque{
background:url(images/general/entete-cirque.png) no-repeat left top transparent;
font-size:1.2em;
font-variant:small-caps;
color:#fff;
height:30px;
}
.fiche-marionnettes{
background:url(images/general/entete-marionnettes.png) no-repeat left top transparent;
font-size:1.2em;
font-variant:small-caps;
color:#fff;
height:30px;
}
.fiche-evenement{
background:url(images/general/entete-evenement.png) no-repeat left top transparent;
font-size:1.2em;
font-variant:small-caps;
color:#fff;
height:30px;
}

/************************** Page  MULTIMEDIAS**************************/
#multimedia{
height:100%;
overflow:hidden;
}

#multimedia .podcast{
padding:0.5em 1em 0.5em 12em;
background:url(images/general/fond-podcast.gif) no-repeat top left #595353;
width:700px;
color:#AEA9A9;
}
#multimedia .podcast h2{
color:#fff;
font-size:1.2em;
}
#multimedia .podcast h3{
color:#fff;
font-size:1em;
}
#multimedia .podcast a:hover{
color:#fff;
}

#multimedia .videos{
background-color:#fff;
padding:0.5em;
width:320px;
}

#multimedia .videos span{
display:block;
font-size:0.8em;
font-weight:normal;
border-bottom:solid 1px #fff;
background:url(images/general/puce-video.png) no-repeat left #CCA376;
padding:0em 1em 0em 2em;
line-height:2em;
margin:0;
}
#multimedia .videos span:hover{
cursor:pointer;
background-color:#9C3731;
color:#fff;
}

#multimedia .revuepresse{
width:600px;
background-color:#fff;
padding:0.5em 1em 0.5em 1em;
font-size:0.8em;

}
#multimedia .revuepresse a{
background:url(images/general/pdf_revuePresse.jpg) no-repeat left;
padding-left:2em;
}

#multimedia .360{
background-color:#000;
width:800px;
}


/************************** Page  + d'Evenements**************************/

.evenements {
width:500px;
}
.evenements h2{
color:#6C6246;
font-weight:normal;
font-size:1.8em;
}
.evenements ul{
list-style-position:inside;
padding:0;
margin:0;
}
.evenements li{
background-color:#D6D3B1;
padding:0.1em 0em 0.1em 1em;
margin:0.1em 0 0 0;
}
.evenements p{
font-size:1em;
}
/*.evenements span{
font-weight:bold;
}*/
.evenements li:hover {
background-color:#9C3731;
color:#fff;
}
.evenements img{
cursor:pointer;
}
.butt-even {
background:url(images/general/+even.png) no-repeat left bottom;
padding-bottom:3em;
}
.butt-even-sans{
background:url(images/general/+even-sans.png) no-repeat left bottom;
padding-bottom:1em;
}


/**************************  Infos pratiques**************************/

#infos_pratiques .haut{
	background-image:url(images/theatre/fiche_info_haut.jpg);
	color: #515151;
	height: 26px;
	font-size: 1.3em;
	padding: 8px 0 0 15px;
	font-weight: bold;
}
#infos_pratiques .milieu{
	background-image:url(images/theatre/fiche_info_milieu.jpg);
	padding: 0 10px;
}
#infos_pratiques .milieu img{
	margin: 5px 5px 0 5px;
}
#infos_pratiques .bas{
	background-image:url(images/theatre/fiche_info_bas.jpg);
	height: 14px;
}

#infos_pratiques .cadre{	
	background-image:url(images/theatre/cadre_1.jpg);
	background-repeat: no-repeat;
	/*background-color: #ddd;
	border: #bbb 1px solid;*/
	padding: 20px 15px;
	margin: 0 0 10px 0;
}
#infos_pratiques p{	
	padding: 4px 0 0px 5px;
	margin: 0;
	font-size: 11px;
}
.btn_complet_annule{
	position: absolute;	
	margin: -65px 0 0 280px;
}

/**************************  partenaires  **************************/
.partenaire{
	/*width: 500px;*/
	border:0;
	vertical-align: middle; 
	margin: 0 auto 0 auto;
	text-align: center;
}
.partenaire img{
	margin: 10px;
	border:0;
	vertical-align: middle; 
}

/**************************  carte plan  **************************/
#map{
	margin: 0 auto;		
	border: 1px solid #999;
	color: #616161;
	width: 500px;
	height: 367px;
}
/**************************  video  **************************/
.video{
	margin: 0 0 0 10px;
	padding: 0;
}

/**************************  Noel  **************************/
.noel{
background:url(images/general/noel2011.jpg) no-repeat;
height:400px;
padding-left:230px;
padding-top:230px;
text-align:center;
}


/**************************  espace pro  **************************/
#liste_espace_pro{
	margin: 0 auto;
	width: 400px;
}
#liste_espace_pro dl dt {
	padding: 2px 4px;
	margin: 0 0 5px 0;
	background: #eee;
}
#liste_espace_pro dl dt span{
	font-weight: bold;
}
#liste_espace_pro dl dd {
	font-size:0.8em;
	text-align: right;
	margin: 2px 0 2px 10px;
	border-bottom: 1px solid #eee;
}
#liste_espace_pro dl dd img{
	margin: 0 4px;
}
#liste_espace_pro dl dd span{
	float: left;
}
#liste_espace_pro dl{
	margin: 10px 0
}

#liste_photos{
	margin: 50px 10px;
}
#liste_photos .ligne_photos{
	float: left;
}
#liste_photos .cadre_photo{
	float: left;
	margin: 5px;
	padding: 5px;
	width: 145px;
	background: #eee;
	text-align: center;
}


/**************************	Présentation formulaire **************************/
/* Présentation formulaire                                 */
/**************************	Présentation formulaire **************************/
#formPublic{
	width: 500px;
	margin: 0 0 0 10px;	
}
#formRecherche{
	margin: 0 5px 0 0;	
}
#formLogin{
	width: 400px;
	margin: 0 auto 0 auto;
	/*background: #eee;	*/
}
#corpForm {
	margin: auto;
	padding: 1em;
	font-size: 11px;
}

#corpForm fieldset {
	margin: 0;
	padding: 0 1em 1em;
	border: 1px #ddd solid;
}

#corpForm legend {
	font-weight: bold;
	color: #515151;
	padding: 8px;
}

#corpForm div {
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpForm fieldset label.agauche {
	float: left;
	width: 30%;
	text-align: left;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	font-weight: bold;	
}

#corpForm fieldset label.adroite {
	float: right;
	width: 90%;
	margin: 0;
	padding: 0 0 0 0;
	line-height: 1.8;
	font-weight: bold;	
}

#corpForm fieldset label.defaut {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	font-weight: bold;	
}

#corpForm .informations {
	width: 60%;
	text-align: left;
	margin-left: 21%;
}

#corpForm label:hover {
	cursor: pointer;
}
#corpForm input{
	margin: 0 0 0 0.5em;
}
#corpForm .valider {
	margin-top: 13px;
	text-align: center;
}

#corpForm .messageAlerte {
  	padding-left: 20px;
	color: red;
	font-weight: bold;
	background: url('icones/alert.gif') no-repeat left center;	
	text-align: left;
	margin-left: 0;
}

#page .sendForm {
	border: 1px green solid;
	background-color: #f5f5f5;
	padding: 5px;
	margin: 5px;
}

.obligatoire {
	color: #c0c0c0;
	margin-top: 3px;
	text-align: right;
}
.messageAlerte {
	padding-left: 20px;
	color: red;
	font-weight: bold;
	/*background: url('img/alert.gif') no-repeat left center;*/	
	width: 80%;
	text-align: left;
	margin-left: 41%;
}

/************************ Module Actualités colonne gauche ********************/
/* Caroussel Actualités - bouton Facebook Twitter et Rss                     */
/************************ Module Actualités colonne gauche *****************/

div.btnFacebook{
   background: url('icones/facebook.gif') no-repeat center center;
   height:25px;
   width : 35px;
   float:left;
   cursor:pointer;
}
div.btnRss{
   background: url('icones/rss.gif') no-repeat center center;
   height:25px;
   width : 35px;
   float:left;
   cursor:pointer;
}
div.btnTwitter{
   background: url('icones/twitter.gif') no-repeat center center;
   height:25px;
   width : 35px;
   float:left;
   cursor:pointer;
}


/************************ Module Spectacles ********************************/
/* Sélection des filtres pour affichage des spectacles.                    */
/************************ Module Spectacles ********************************/
div.filtre{
	border: solid 1px #CCA376;
}
div.filtre p{
	padding-top:5px;
	padding-left: 20px;
}

.filtre-butt {
display:block;
background:url(images/general/filtres.png) no-repeat 130px;
color:#9C3731;
font-weight:normal;
text-decoration:underline;
font-size:0.9em;
}

#type_musique{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 20px;
	background-color: #d56e12;
	float:left;
	position : relative;
}
#type_marionnette{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 30px;
	background-color: #ad6986;
	float:left;
	position : relative;
}
#type_theatre{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
    left: 40px;
    float:left;
	background-color: #3c83a1;
	position : relative;
}
#type_divers{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 50px;
	float:left;
	background-color: #9b9985;
	position : relative;
}
#type_danse{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 60px;
	float:left;
	background-color: #5a864e;
	position : relative;
}
#type_cirque{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 70px;
	float:left;
	background-color:#8b232f;
	position : relative;
}
#type_musique_classique{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 212px;
	background-color:#c0a020;
	position : relative;
}
div.type_over{
	cursor:pointer;
}
/*** bordure à 1px pour éviter les débordements lors que l'on sélectionne plusieurs filtres ***/
div.type_selected{
	border: solid 1px #FF0000 !important;
}
#recommandation_1{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 20px;
	float:left;
	position : relative;
	background-image:url(images/general/3ans_vignette.png);
}

#recommandation_2{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 30px;
	position : relative;
	float:left;
	background-image:url(images/general/6ans_vignette.png);
}
#recommandation_3{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 40px;
	float:left;
	position : relative;
	background-image:url(images/general/9ans_vignette.png);
}
#recommandation_5{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 116px;
	position : relative;
	background-image:url(images/general/11ans_vignette.png);
}
#recommandation_6{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 20px;
	float:left;
	position : relative;
	background-image:url(images/general/jeune_vignette.png);
}
#recommandation_4{
	border: solid 1px #CCA376;
	width:20px;
	height:20px;
	left: 52px;
	position : relative;
	background-image:url(images/general/coeur_vignette.png);
}