A:link, A:visited, A:active {  font-family: Helvetica, Arial,Verdana, sans-serif; text-decoration: none;
font-size: 12px;font-stretch: normal;
}

A:link 		{ color: #000000;  }
A:visited 	{ color: #000000 }
A:active 	{ color: #000000 }
A:hover 	{ color: #000000 }

img 		{border : none;}

A.image:link, A.image:visited, A.image:active , A.image:hover  { background-color:transparent;border-width: 0; } 



body 	{
	background-color: #000000;
	font-family: Helvetica, Arial,Verdana,  sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

body.menu	{ font-family: Helvetica, Arial,Verdana, sans-serif; font-size: 12px;text-align: justify; }

#page 		{
	width:810px;
	background-color: #f07300;
	min-height:600px;
	padding-right: 20px;
	padding-left: 20px;
	height: auto;
}

/* ******************* les menus ****************************** */

li		{display:inline;height:80px;}
ul#tabnav	{height:80px; padding-left:60px}
#bandeau 	{width:100%;	height:110px;  padding: 0px; margin: 0px; text-align:left}

#bandeau_Haut_Titre	{position:relative; width:100%;	height: 10px;  margin: 0px; text-align:left; }
#bandeau_Titre		{position:relative; width:100%;	height: 50px;  text-align:left; background: #ffffff; font-weight: lighter; text-indent: +90px; font-family: Helvetica, Arial, sans-serif; font-size: 24px; }
#bandeau_Gris_Titre	{position:relative; width:100%;	height: 6px;  text-align:left; background: #c8c8c8;}



#logo2			{float:right;}

A.menu  	{color: #FFFFFF; text-transform:uppercase; font-size: 12px; text-align: center ; text-decoration: none ; 
		line-height: 130px; font-family: Helvetica, Arial,Verdana, sans-serif;	letter-spacing: 1px;word-spacing: 2px;
}

A.menu:hover   	{text-decoration: underline;}

.labilletterie	{ color: #000000; font-size: 12px; text-align: center; font-weight: bold ; padding: 6px; }


/* ********************** la partie du milieu ********************************* */

#contenu 			{
	width:100%;
	border: 0px none;
	background: #f07300;
	height: auto;
}


.contenu_gauche 	{float:left;	width:400px; min-height:400px; padding-left:30px;	}
.contenu_droit 	{width: 300px; padding-right:10px; font: 24px Helvetica, Arial, sans-serif;float: right; overflow: auto;}
.image_droite	{float: right;	width:250px; height: 200px; padding-left:0px; padding: 1em; padding-top: 30px; }


/* ********************** Elements pour toutes les pages ********************************* */			

.vide_image		{float:left ;height: 20px; width: 35px;float:left}
.titre_image		{height: 20px; width: 35px;float:left;}
.titre_texte 		{font-family: Helvetica, Arial,Verdana,  sans-serif; font-size: 16px; text-align: left; font-weight: lighter; padding: 0px; 					margin-top: 8px; line-height: 22px;margin-bottom: 0px; text-decoration: none; color: #FFFFFF; line-height: 42px;
			font-stretch: condensed; }

.texte_image	{float:left ;height: 30px; width: 35px;float:left;}
.texte_texte 	{float:left ; text-align: left; width:70%;}
.texte_attention 	{float:left ; text-align: left; width:70%;color: #FFF; }

.clear			{clear:both;}
.clear_espace	{clear:both;height: 20px;color: #3d337f; }





/* ********************** page accueil ********************************* */	

.div_intro 		{float:left;	 width:100%;}
.div_selection	{float:left;width:100%;	}

/* ********************** page identification ou premiere visite ********************************* */			

.div_choix 		{float:left; width: 350px;	}
.div_choix_detail 	{float:left; width: 350px;}
    #Layer7    { position: relative; z-index: 3; top: 29px; left: 45px; width: 200px; height: 42px;visibility: visible; }

   #visuel1   {position: relative;	z-index: 3;	top: inherit;	left: inherit;	width: 81px;	height: 113px;	visibility: visible;margin: 10px;clear: right; }
   #visuel2   {	position: relative;	z-index: 4;	top: inherit;	left: inherit;	width: 81px;	height: 113px;	visibility: visible;margin: 10px;clear: left; }
   #visuel3   { position: relative;	z-index: 4;	top: inherit;	left: inherit;	width: 81px;	height: 113px;	visibility: visible;margin: 10px;}

    #t1   {  z-index: 9; top: 100px;margin-left: auto; margin-right: auto; visibility: visible }
    #t2   {  z-index: 10; top:40px;margin-left: auto; margin-right: auto; visibility: hidden }
    #t3   { z-index: 11; top: -70px; margin-left: auto; margin-right: auto; visibility: hidden ;}

.validation 	{ width:50%; margin-left: auto; margin-right: auto;	}
.annuler 	{ float:left}
.valider 	{ float:right}

.div_identification	{float:left ; text-align:left}

.over_types   	  { overflow: auto;width:400px;height:150px; text-align:left; background-color: #f07300;  }
.over_spectacles  { overflow-y: auto; width:400px; height:450px;  text-align:left; margin: 2em; padding-left: 1em; background-color: #f07300;  }


/* ********************** detail sepctacle et representations disponibles ********************************* */

.over_detail  		{ overflow: auto; width:400px; height:150px; background-color:#f07300; text-align:left;padding-left: 1em;  }
.over_representations  	{ overflow: auto; width:400px; height:150px; background-color:#f07300; text-align:left;padding-left: 1em;  }


/* ********************** Selection de places ********************************* */

.div_selectionplaces	{float:left;background-color:#000000; text-align:left; width:100%;}

.div_selectionplaces table 	{float:left;background-color:#000000; text-align:left; width:100%;}


.div_selectionplacestitres	{float:left; width:30%; background-color:#000000; text-align:left}
.div_prixtotal		{float:left; width:100%; background-color:#000000; text-align:right}

#calqueinvisible    { position: absolute; top: 226px;left: 40px;width: 308px;height: 62px; visibility: hidden; }


td.choixplacetitre	{border-color:#000000; font-size: 12px; color: #ffffff; text-align: center; font-weight: bold;
			font-family: Helvetica, Arial, sans-serif; background: #000000;border: 1px #000000 solid; }
/*
td.choixplacedetail     {border-color: #000000; background-color:#000000; font-size: 10px; color: #000000; text-align: center;
font-family: Helvetica, Arial, sans-serif;border: #000000 none;margin: 0px;padding: 0px; height:30px}
*/
td.choixplacedetail     {border-color: #000000; background-image:url(http://www.billetterie.scenenationale-senart.com/scenesenart/fond_choix_detail.gif);
background-repeat:repeat; height:35px}


td.choixplacedetail select 	{ border:1px solid #000000; 	color:#000000; 	width:100%;}

/* ********************** recapitulatif places ********************************* */

.contenu_gaucherecap 	{float:left;	width:20%; height:500px; padding-left:60px;	}
.contenu_droitrecap 	{float:right;	width:65%;	 margin-right: 20px;}
.recap_liste 			{width:100%;  border-style:double; border: 1px #000000 solid; }
.recap_texte        		{ font-size: 12px; color: #000000; text-align: left; font-weight: bold; font-family: Helvetica, Arial, sans-serif; margin: 30px; }
.recap_montant      	{ font-size: 12px; color: #000000; text-align: right; font-weight: bold; font-family: Helvetica, Arial, sans-serif; width: 400px; }
.explications     		{ font-size: 12px; color: #000000; text-align: left; font-weight: bold }

a.liens_attribution { text-transform:uppercase; font-size: 12px; text-align: center ; text-decoration: underline; 
		 font-family: Helvetica, Arial,Verdana, sans-serif;	letter-spacing: 1px;word-spacing: 2px;
}

/* ********************** inscription ********************************* */

.contenu_inscription 	{float: left;	width:100%;  background: #f47200;position: relative;top: 0px;}

form.ins_ind	{width:100%; background: #f47200;position: relative;top: 0px; } 

fieldset 	{margin:0; font: normal 12px Helvetica, Arial, sans-serif; text-align: right;width: 400px;border: none;position: relative;top: 0px; }

label.inscription	{ float:left; width:50% ; text-align:left;  color:#000000; }
input.inscrip 		{ border:1px solid #000000; 	color:#000000; 	width:180px;position: relative;top: 0px; }
input.input_cp 		{ border:1px solid #000000; 	color:#000000; 	width:80px;  }

select 		{ border:1px solid #000000; 	color:#000000; 	width:180px;}
.interets	{ margin-bottom:0px; text-align:left;	color:#000000; width:30%;position: relative;} 
option 		{ border:1px solid #000000; 	color: #000000; 	width:150px; }

#la_agree, #la_mailing { width:350px; padding-left: 0.9em;}

/* ********************** conditions generales de vente ********************************* */

.titre_conditions_ventes    { font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; text-align:center; padding: 6px; }
.textec      			{ font-size: 09px; color: #000000; text-align: center;;font-weight: bold }


/* ********************** les abonnements ********************************* */

.contenu_abo 	{float:left;	width:80%; min-height:500px; padding-left:60px;}
input.quantite 	{ border: 1px #dedede solid; 	color:#666666; 	width:50px; size: inherit; text-align:left ; }
input.formule 	{ border: 1px #dedede solid; 	color:#666666; 	width:180px; size:; text-align:left ; }
input.tarif 		{ border: 1px #dedede solid; 	color:#666666; 	width:50px; size:; text-align:left ; }
[name="tabweb_typecarte"]{ border: 1px #dedede solid; 	color:#666666; 	width:350px; size:; }

/* ********************** les places pour les abonnements ********************************* */

select.input_liste {	border: #000000; 	color:#666666; 	 text-align:left ; }

select.input_liste[name="tabcagteg"] { width : 160px;}
select.input_liste[name="tabdates"] { width : 120px;}
.abo_indice {visibility: hidden}

/* ********************** les articles ********************************* */

.over_articles   			{ float:left ;  overflow: auto;width:300px;height:150px;background-color:#FFFFFF; text-align:left  }

.selectionplaces_articles		{float:left;background-color:#000000; text-align:left; width:100%;}
.selectionplacestitres_articles	{float:left; width:30%; background-color:#000000; text-align:left}
.prixtotal_articles			{float:left; width:100%; background-color:#000000; text-align:right}

/* ********************** la partie basse ********************************* */

#piedpage   {position:relative;	text-align:center; width:810px; height:40px; 	font-weight: bold;margin-left: auto; margin-right: auto; background: #f07300; }

					/* les elements RSI */

.tempsrestant  			{ color: #3d337f; font-size:11px; text-align: justify;text-decoration: none; font-weight:normal} 

.rsi         				{ font-size: 10px; color: #000000; text-align: center;  text-decoration: none; font-weight: bold }
A.rsi   				{ font-size: 10px; color: #FFFFFF; text-align: center;  text-decoration: none; font-weight: bold }

.hr 					{color: #000000; height: 2px; width: 100%; text-align: center }
.billetterie 				{ font-size: 18px; color: #FFFFFF; ;  text-decoration: none; font-weight: bold}
.texte        				{ font-size: 12px; color: #000000; text-align: left; font-weight: bold }
.titre        				{ font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bold}
.soustitre     			{ font-size: 12px; color: #FFFFFF; font-weight: bold; 
					text-decoration: none; font-style: normal; line-height: 1.2em; background: #f07300; font-family: Helvetica, Arial, sans-serif; }
/*
A.liens:link    	{ color: #000000; font-size: 12px; font-weight: bold; text-decoration: none;  font-style: normal}
A.liens:visited 	{ color: #000000; font-size: 12px; font-weight: bold; text-decoration: none;  font-style: normal}
A.liens:hover   	{ color: #000000; font-size: 12px; font-weight: bold; text-decoration: underline;  font-style: normal}
A.liens:active 	{ color: #000000; font-size: 12px; font-weight: bold; text-decoration: none;  font-style: normal}
*/

td.fondmenu	{font-size: 10px; color: #FFFFFF; text-align: center;}


td.choixplacefaux		{border-color:#000000; background-color:#3d337f; font-size: 10px; color: #000000; text-align: center;
border: #000000 none; }
table.choixplace		{border-color: #000000; border: 0px #000000 solid; border-style: none; border-width: 1px; float: left;
width: 100%; }
tr.couleurfond		{background: #f07300; }
td.couleurfond		{background-color: #f07300}
td.couleurfondform	{background: #f07300; }

/* la page formulaire */
/*
.par          			{ color: #000000; font-size:12px; text-decoration: none; font-weight: bold }
.formulaire_texte		{ color: #000000; font-size:9px; text-align: justify; text-decoration: none; }
.formulaire_inscr		{ color: #3d337f; font-size:9px; text-align: justify; text-decoration: none; }


.t_affiche     		{ color: #3d337f; font-weight: bold ; font-size:17px; text-decoration: none; letter-spacing: normal }
.l_affiche     			{ color: #f07300; font-weight: bold ; font-size:10px; text-decoration: none; letter-spacing: normal }
.l_manif       		{ color: #3d337f; font-weight: normal; font-size:12px; text-decoration:none ; letter-spacing: normal;}

.desc_titre    		{ color: #3d337f; font-weight: bold; font-size:14px; text-decoration: none }
.desc_soustitre		{  width:400px; height:150px; background-color:#FFFFFF; text-align:left  }
.desc_date     		{ color: #3d337f; font-weight: normal; font-size:11px; line-height: normal; text-decoration: none;}

.desc_texte    		{ font-size: 12px; color: #000000;text-align: justify;text-decoration: none;
background: #f07300; }
.desc_info     		{ font-size: 10px; color: #3d337f; text-decoration: none }
.desc_repr     		{ font-size: 11px; color: #3d337f;text-align: justify ;
text-decoration: none; }

.recap_titre   	{ font-weight: bold  ; font-size:17px; color: #000000; letter-spacing: normal }
.recap_texte   	{ font-weight: normal ; font-size:12px; color: #000000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; 
			background: #ff5532; padding: 2px; }

.btnform       { color: #3d337f; background-color:white; font-size:9px;color:#3d337f;width:350px}
.spectacle     { color: #3d337f; font-weight: bold  ; font-size:11px;    text-decoration: none;}
*/