body {
font-size : 0.8em;
font-family: Trebuchet MS, Helvetica, Arial,  sans-serif;
color:#000000;
background-color:none;
}

/*<!-- ******************* les menus ****************************** -->*/

#bandeau{height: 90px; width:800px}

#tabnav{padding-top : 15px; margin: 0px;}

#logo1{height: 90px;width:250px;float : left;padding-top:10px;padding-left:10px;padding-right:10px;}

li{display:inline;vertical-align:middle;padding-top:5px;padding-bottom:5px;padding-Left: 90px;padding-right:45px;position : relative; top : 25px;background-color:none;}

a {color:#D70B5B;font-weight:normal;text-decoration: none;}
a:hover{ text-decoration: underline; color: #D70B5B}

a.menu{ color : #D70B5B;text-decoration: none;font-weight:bold; }
a.menu:hover{ color : #D70B5B;text-decoration: underline;font-weight:bold; }

a.liens{ color : #D70B5B;font-weight: bold;  line-height: 1.2em;text-decoration: none;}
a.liens:hover{  color : #D70B5B;font-weight: bold; line-height: 1.2em;text-decoration: underline;}

a.rsi { color: #000000;text-align: center;vertical-align: middle;text-decoration: none;font-size : 0.7em;}

.labilletterie{  text-align: center;vertical-align: top;font-weight: bold;}

/*<!-- ********************** la partie du milieu ********************************* -->*/

#page {
padding-left : 15px;
margin-left: 0px;
margin-right: auto;
/*background-color:#FFCC00;*/
width:760px;
}

#contenu { min-height:400px;}
.contenu_gauche {float:left;width:75%;padding-left:0px;}
.contenu_droit 	{float:right;width:20%;vertical-align: top;margin-right: 0px;}

img 	{border : none;}
a.image  { background-color:transparent;border-width:0;} 

.pd {font-size:0.9em; width:52%; float:right;}

/*<!-- ********************** Elements pour toutes les pages ********************************* -->*/			

.vide_image		{ height: 20px; width: 35px; float:left; }

.titre_image	{ height: 20px; width: 35px; float:left;}
.titre_texte 	{ float:left ;font-size: 1.1em;color: #0084AA;text-transform:uppercase;width:90%;font-weight: bold;}

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

.texte_attention { float:left;text-align: left;width:70%;color: #FF0000;}

.clear{clear:both;}
.clear_espace{clear:both;height: 20px;}
.image{border:0;}

/*<!-- ********************** page accueil ********************************* -->*/	

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

/*<!-- ********************** page identification ou premiere visite ********************************* -->*/			

.div_choix {float:left;width:100%;}
.div_choix_detail {float:left;}
#Layer7    { position: relative; z-index: 3; top: 29px; left: 45px; width: 200px; height: 42px; visibility: visible }
#visuel1   { position: relative; z-index: 3; top: 30px; left: 5px; width: 81px; height: 113px; visibility: visible }
#visuel2   { position: relative; z-index: 4; top: -30px; left: 110px; width: 81px; height: 113px; visibility: visible }
#visuel3   { position: relative; z-index: 5; top: -50px; left: 200px; width: 81px; height: 113px; visibility: visible }
#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: scroll;width:400px;height:150px;}
.over_spectacles 	{overflow-y: scroll;width:500px;height:500px;}


/*<!-- ********************** detail sepctacle et representations disponibles ********************************* -->*/
.over_detail  		{overflow: auto;width:400px;height:150px;}
.over_representations  {overflow: auto;width:400px;height:150px;}


/*<!-- ********************** Selection de places ********************************* -->*/
.div_selectionplaces         {float:left;text-align:left;width:100%;}
.div_selectionplacestitres   {float:left;width:30%;text-align:left; }

.div_prixtotal	{float:left;width:100%;text-align:right;}
#calqueinvisible	{ position: absolute;top: 226px;left: 40px;width: 308px;height: 62px;visibility: hidden;}

.div_selectionplaces table td {vertical-align: top; padding: 3px 12px 3px 12px; background: #e5e5e5;}
.div_selectionplaces table .choixplacetitre {font-weight: bold; border: solid 1px #ccc; background: #fff; text-align: center; padding: 3px 12px 3px 12px; vertical-align: middle;}
.div_selectionplaces .choixplacedetail input {border: solid 1px #ccc; background: #fff;}


/*<!-- ********************** recapitulatif places ********************************* -->*/

.contenu_gaucherecap 	{float:left;	width:20%; height:500px; padding-left:60px}
.contenu_droitrecap {float:right;	width:70%;	 vertical-align: top; margin-right: 0px; margin-right: auto;}
.recap_liste {width:100%;  border-style:double}
.recap_texte        { color: #000006; text-align: left;vertical-align: top;}
.recap_montant     {  color: #000006; text-align: right;vertical-align: top; }
.explications     {  color: #000006; text-align: left;vertical-align: top;}
td.choixplacetitre	{border-color:#ff0099; background-color:#FFFFFF; font-size: 12px; color: #000000; text-align: center; font-weight: bold; }
td.choixplacedetail	{border-color:#ff0099; background-color:#FFFFFF; font-size: 10px; color: #0069B6; text-align: center;}


/*<!-- ********************** inscription ********************************* -->*/
#formRecap		{ width: 100%;}
#formRecap p		{ margin: 2px 0;}

/* fieldset , legend */
#formRecap fieldset	{ margin-bottom: 5px; border: #000000px solid; color: #000000;}
fieldset .code_envoi	{ display: block;}

/* Label */
#formRecap label { display: block; width: 40%; float: left; padding-right: 1%; text-align: left;letter-spacing: 1px;}
#formRecap label:hover	{	font-weight: none;}

label#la_mailing.inscription { display: block; width: 95%; float: right; padding-right: 1%; padding-top:3px;text-align: left;letter-spacing: 1px;}


/* Input */
.inscrip, #formRecap select	{	margin-left: 1%;	width: 38%;	border: #CCC 1px solid;}
.date	{ margin-left: 1%; width: 10%; border: #CCC 1px solid;}
.input_cp	{ margin-left: 1%; width: 20%; border: #CCC 1px solid;}

#formRecap input:hover, #formRecap select:hover, #formRecap input:focus, #formRecap select:focus
	{ background-color: #DDEEFF;}

/*<!-- ********************** page identification log ********************************* -->*/			
/*
#rech fieldset.coordonnees p	{ width:400px; margin-bottom: 5px;color:#000066;}
#rech  label {display: block; width:260px; float: left ; color:#000066; }
.oblig	{	margin-left: 1%;	width: 550px; color:#FF0066;	}
*/
.div_choix_detail legend{  color:#000000;}
.div_choix_detail p	{ width:400px; margin-bottom: 5px ; color:#000066;}
.div_choix_detail label.oblig {display: block; width:180px; float: left; }
.div_choix_detail .oblig {margin-left: 1%;	width: 180px;	}
/*<!-- ********************** conditions generales de vente ********************************* -->*/

.titre_conditions_ventes   { font-size: 14px; color: #000006; text-decoration: none; font-weight: bold; text-align:center}
.textec      		{ font-size: 09px; color: #000006; text-align: center;vertical-align: top;font-weight: bold }

/*<!-- ********************** les abonnements ********************************* -->*/
table.choixplace		{float:left }
.contenu_abo 	{float:left;	width:80%; height:500px; padding-left:60px	}
input.quantite 	{ 	border:1px solid #666666; 	color:#666666; 	width:50px; size:8; text-align:left ; }
input.formule 	{ 	border:1px solid #666666; 	color:#666666; 	width:180px; size:8; text-align:left ; }
input.tarif 		{	border:1px solid #666666; 	color:#666666; 	width:50px; size:8; text-align:left ; }
[name="tabweb_typecarte"]{ width:420px; }

.contenu_abo table td {vertical-align: top; padding: 3px 12px 3px 12px; background: #e5e5e5;}
.contenu_abo table .choixplacetitre {font-weight: bold; border: solid 1px #ccc; background: #fff; text-align: center; padding: 3px 12px 3px 12px; vertical-align: middle;}
.contenu_abo .choixplacedetail input {border: solid 1px #ccc; background: #fff;}


/*<!-- ********************** les places pour les abonnements ********************************* -->*/

select.input_liste {	border:1px solid #666666; 	color:#666666; 	 text-align:left; width:auto }

/*<!-- ********************** la partie basse ********************************* -->*/

#piedpage   {position:relative;	text-align:center; padding-top:10px; width:100%; height:40px;}

					/*<!-- les elements RSI -->*/

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

.hr 				{color: #CCC; height: 2px; width: 100%; text-align: center }
.billetterie 	{ font-size: 18px; color: #FFFFFF; vertical-align: middle;  text-decoration: none; font-weight: bold}
.texte        	{ font-size: 11px;	font-weight: normal;	font-variant: normal; }
.titre        	{ font-size: 14px; color: #0084AA; text-decoration: none; font-weight: bold}
.soustitre     	{ font-size: 12px; color: #0084AA; font-weight: bold; text-decoration: none; font-style: normal; line-height: 1.2em; }


/*
td.fondmenu			{background-color:#FFFF66; font-size: 10px; color: #FFFFFF; text-align: center;}
td.choixplacefaux	{border-color:#ff0099; background-color:#FF0000; font-size: 10px; color: #0069B6; text-align: center;}
table.choixplace	{border-color:#ff0099; }
tr.couleurfond		{background-color:#ffe4e1}
td.couleurfond		{background-color:#000063}
td.couleurfondform	{background-color:#ffe4e1}
*/

/*<!-- la page formulaire -->*/
/*
.par          		{ color: #000006; font-size:12px; text-decoration: none; font-weight: bold }
.formulaire_texte	{ color: #3B3B3B; font-size:9px; text-align: justify; text-decoration: none; }
.formulaire_inscr	{ color: #0269B6; font-size:9px; text-align: justify; text-decoration: none; }
.t_affiche     		{ color: #006699; font-weight: bold ; font-size:17px; text-decoration: none; letter-spacing: normal }
.l_affiche     		{ color: #FF9900; font-weight: bold ; font-size:10px; text-decoration: none; letter-spacing: normal }
.l_manif       		{ color: #006699; font-weight: none ; font-size:12px; text-decoration:none ; letter-spacing: normal }
.desc_titre    		{ color: #FF0e99; font-weight: bold; font-size:14px; text-decoration: none }
.desc_soustitre		{ color: #000006; font-weight: normal; font-size:09px; text-decoration: none; text-align:left}
.desc_date     		{ color: #333366; font-weight: normal; font-size:11px; line-height: normal; text-decoration: none }
.spectacle     { color: #FF0006; font-weight: bold  ; font-size:11px;    text-decoration: none;}
*/