body {font-family: Arial,Verdana,  Helvetica, sans-serif;font-size: 10px;width:800px;}

/*<!-- ******************* les menus ****************************** -->*/
#logo1{height: 63px;}
li{display:inline;vertical-align:middle;padding:5px;}
#bandeau{width:800px;}
#tabnav{width:500px;float:left;font-size : 12px;}

#logo2{background-image:url("http://www.ressources-si.fr/img/fap.gif");width:100px;height:86px;margin-left:520px;}
a {text-decoration : none;color : #C10808;font-weight : bold;}
a :hover{ color : #000000;}
a.rsi { color: #000000;text-align: center;vertical-align: middle;text-decoration: none;}
.labilletterie{  text-align: center;vertical-align: top;font-weight: bold;}

/*<!-- ********************** la partie du milieu ********************************* -->*/
.contenu_gauche 	{float:left;width:55%;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: 10px;width: 35px;float:left;}
.titre_texte {float:left ;font-size: 1.2em;color: #910202;text-transform:uppercase;width:90%;}
.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: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: scroll;width:400px;height:150px;}

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

.contenu_abo .texte_texte {
font-size : 12px;
font-weight : bold;
text-align : center;
width : 500px;
}
/*<!-- ********************** 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;}


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


/*<!-- ********************** SPECIFIQUE IE 8********************************* -->*/
.contenu_inscription .ins_ind  {width:350px}
.contenu_inscription .ins {width:450px}
.contenu_inscription .validation {width:300px}
.contenu_inscription #piedpage{width:500px}


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

.choixplacetitre {text-align: center;font-size : 12px;}
.contenu_abo 	{float:left;width:80%;padding-left:60px;}
input.quantite 	{border:1px solid #666666;color:#666666;width:50px;size:8px;text-align:left;font-weight : bold;}
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:150px;font-weight:bold;}


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

#piedpage   {clear:both;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: 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: #FF9C00; font-weight: bold; text-decoration: none; font-style: normal; line-height: 1.2em; }