html {
font-size: 100%;
}

body {
font-size : 0.9em;
font-family : arial;
background-color : #FFF;
color
}


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

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



li{display:inline;vertical-align:middle; padding:0px; margin-left:20px}

#bandeau{height: 150px;}

#tabnav{padding-top : 50px;}

A { color : #CC6600;

font-weight:bold; }



A .hover{ color : #FF9900;  }
a.menu 			{ color : #000; text-transform:uppercase;font-size:1.1em; text-align: center;}
a.menu:hover   	{ color: #CC6600; }
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 ********************************* -->*/

#page {width:900px;  margin-left: auto; margin-right: auto; background-color:#FFFFFF;	}
#contenu 		{min-height:400px}
.contenu_gauche 	{float:left;	width:55%;  padding-left:0px;}
.contenu_droit 	{float:right;width:40%; 	vertical-align: top; margin-right: 0px;}
.image_droite	{	}
img 	{	border : none}

A.image  { background-color:transparent;border-width:0;} 

body.menu {background-color:#ff0099;  }

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

.vide_image		{height: 20px; width: 35px;float:left}
/*.titre_image	{height: 20px; width: 35px;float:left;background-image:url("../haguenau/images/puce_off.gif");background-repeat:no-repeat}*/
.titre_image	{height: 20px; width: 35px;float:left;}
.titre_texte 	{float:left ;

font-size: 1.2em;

color: #FF9900;

text-transform:uppercase; width:90%}

/*.texte_image	{float:left ;height: 30px; width: 35px;float:left;background-image:url("../haguenau/images/puce_petite.gif");background-repeat:no-repeat; background-position: top right}*/

.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; }



/*

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

*/



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

.contenu_inscription 	{float:left;	width:100%; height:500px; }

 form.ins_ind	{width:95%; } 



fieldset {margin:0}

	

 label.inscription{ float:left; width:50% ; text-align:left;	color:#555555; vertical-align:top}

 input.inscrip { border:1px solid #555555; 	color:#555555; 	width:180px;}

 input.input_cp { 	border:1px solid #555555; 	color:#555555; 	width:80px;  }

select { border:1px solid #555555; 	color:#555555; 	width:180px;}

.interets{ 	 margin-bottom:0px; text-align:left;	color:#555555; width:30%;} 

option { border:1px solid #555555; 	color:#666666; 	width:150px; }





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





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


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

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;}

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;}

*/