body {
background-image: url(http://files.honet.be/wymstyle/sites/www-maisonculturetournai-com/background.jpg);
font-family:Tahoma, Geneva, Verdana, sans-serif;
font-size:12px;
}
/*<!-- ******************* les menus ****************************** -->*/
li{
font-size : 15px;
display:inline;
padding:0px;
}
#tabnav{
padding-top : 20px;
}
a {
color : #CC6600;
font-weight:bold;
}
a .hover{ 
color : #FF9900;
}
a.rsi { 
color: #000000;
text-align: center;
vertical-align: middle;
text-decoration: none;
}
.labilletterie{  
vertical-align: top;
font-weight: bold;
}
/*<!-- ********************** la partie du milieu ********************************* -->*/
/*#page {
margin-left: auto;
margin-right: auto;
width:800px;
background-image: url(http://www.ressources-si.fr/img-billetterie/forme-orange.gif);
background-position: center center;
background-repeat:no-repeat;
}*/
#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;
}

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: 1px;
float:left;
}

.titre_texte {
float:left ;
font-size: 1.1em;
color:#8B1231;
text-transform:none;
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: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: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%; height:500px; padding-left:5px;}
.contenu_droitrecap 	{float:left;	width:60%;	vertical-align: top; margin-left:55px;}
.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: 95%; background-color:#FFF;}
#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;
}

.contenu_inscription .ins_ind, .contenu_inscription .ins , .contenu_inscription .validation   {width:650px}

/*<!-- ********************** conditions generales de vente ********************************* -->*/

.titre_conditions_ventes{ font-size: 14px; color: #000006; text-decoration: none; font-weight: bold; color:#FF6600;}
.titre_conditions_ventes IMG{
	margin-bottom:10px;
}
.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%; min-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   {clear:both;position:relative; text-align:right; margin-top:30px; width:100%; height:20px; font-size:10px; color:#999;}
#piedpage A{
	color:#999;
}
/*<!-- 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        	{ color: #000006; text-align: left;vertical-align: top;font-weight: none}
.titre        	{ font-size: 1.1em; color: #FF6600; text-decoration: none; font-weight: bold}
.soustitre     	{ font-size: 1.1em; color:#666; font-style:italic; text-decoration: none; line-height: 1.2em; }
.recap_titre{ color: #FF6600; font-weight:bold;}

/*
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: #FF6600; font-weight: bold; font-size:14px; text-decoration: none }
.desc_soustitre		{ color: #FF6600; 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;}
*/



/*--------------------------- MODIF SIP - GEOFFREY ----------------------------*/
#page{
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
	width:895px;
	padding:30px 0 0 0;
	background-color:#FFF;
}
#bandeau, #contenu{
	padding-left:35px;
	width:860px;
}
#logo1{
height: 90px;
float : left;
margin-top:15px;
}
#bandeau{
height: 110px;
}
A{
	color:#FF6600;
}
A:HOVER{
	color:#7F0033;
}
#contenu, .contenu_abo, .validation{
	background-color:#FFF;
}
.validation{
	z-index:10000;
}
H1, H2, H3{
	color:#FF6600;
}