body {
font-family:Helvetica, Arial,Verdana,   sans-serif;
font-size: 10px;
width:750px;
min-height:400px;
marginLeft: auto;
marginRight: auto;
background-color:#FFFFFF;
}

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

#logo1{
height: 35px;float:left;
}

#logo1 .image{height: 95px;float:left;}


#tabnav li{
display:inline;
vertical-align:middle;
padding-top:5px;
padding-bottom:5px;
padding-Left: 45px;
padding-right:45px;

position : relative; top : 25px;
background-color:#989a9d;
}

#bandeau{
height: 85px;
}

#tabnav{
padding-top : auto;
PADDING-BOTTOM: auto;
 MARGIN: 0px;
}


#logo2{
}

a {
text-decoration : none;
color : #989A9D;
font-weight:bold;
}

 a:hover{
text-decoration : none;
color : #F7931E;
font-weight:bold;
}

a.liens { 
color : #989A9D;
TEXT-DECORATION: none;
}

 a.liens:hover { 
color : #F7931E;
TEXT-DECORATION: none;
}

a.menu{ 
color : #FFFFFF;
text-transform : uppercase 
}

a.rsi { 
color: #2d3a4a;
text-align: center;
vertical-align: middle;
text-decoration: none;
}

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

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

#page { margin-left: auto; margin-right: auto; min-height:300px;}
#contenu { min-height:300px; }
.contenu_gauche 	{ float:left; width:50%; padding-left:0px;}
.contenu_droit 	{ float:right; width:40%; vertical-align: top; margin-right: 0px; }
img 	{ border : none; }
a.image  {  background-color:transparent; border-width:0;
} 


/*<!-- ********************** 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.2em;  color: #f9b15c; 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%;}

.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:70%;   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:400px; height:350px;}

/*<!-- ********************** detail sepctacle et representations disponibles ********************************* -->*/
.over_detail  	{ overflow: scroll; width:400px; height:150px; }
.over_representations  {overflow: scroll; 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;
}


/*<!-- ********************** recapitulatif places ********************************* -->*/
.contenu_gaucherecap 	{float:left;	width:20%; min-height:300px; padding-left:60px}
.contenu_droitrecap 	{float:right;	width:60%;	 vertical-align: top;  margin-right: 20px; margin-left: 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: #F7931E; text-align: left;vertical-align: top;}
p.explications, div.explications{ color : #F7931E; }

.autreachat .explications {visibility: hidden}
.autreachat .autreachat  {visibility: hidden}

/*<!-- ********************** inscription ********************************* -->*/
#formRecap  { 	width: 100%; }

#formRecap p { 	margin: 2px 0; }

/* fieldset , legend */

#formRecap fieldset { 	margin-bottom: 5px;	border: #CCC 1px solid;}

fieldset .code_envoi {	display: block;}

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

#formRecap label:hover
{
	font-weight: bold;
}

/* Input */


.inscrip, #formRecap select
{
	margin-left: 1%;
	width: 48%;
	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;
}



label.oblig
{
	display: block;
	width: 45%;
	float: left;
	padding-right: 1%;
	text-align: left;
	letter-spacing: 1px;
}

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


/*<!-- ********************** SPECIFIQUE IE 8********************************* -->*/
.contenu_inscription .ins_ind  {width:750px}
.contenu_inscription .ins {width:750px}
.contenu_inscription .validation {width:560px}
.contenu_inscription #piedpage{width:750px}



/*<!-- ********************** 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 ; }







/*<!-- ********************** 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: ##999999; height: 2px; width: 100%; text-align: center }



.billetterie 	{ font-size: 18px; color: #2d3a4a; vertical-align: middle;  text-decoration: none; font-weight: bold}


.texte        		{ font-size: 09px; color: #000006; text-align: left;vertical-align: top;font-weight: bold }



.titre        		{ font-size: 14px; color: #000006; text-decoration: none; font-weight: bold}



.soustitre     	{ font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; font-style: normal; line-height: 1.2em; }

#ulaire{height: 496px;float:left}

/*<!-- ******************* INSCRIPTION EVENEMENT ****************************** -->*/
.evt_inscription #tabnav{visibility:hidden;display:none;}
#choix_invitation {min-height:300px}
#choix_invitation .spectacle_nom{font-weight:bold}
#choix_invitation ul{list-style:none}
#choix_invitation select{width:auto}

#inscipt_evt #tabnav{visibility:hidden;display:none}
#inscipt_evt #bandeau{min-height:200px}
#inscipt_evt .contenu_inscription{font-weight:bold;min-height:200px;color:orange}