/* ******************* theatre-cornouaille.fr ****************************** */






body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333;
	width:800px;
	min-height:400px;
	marginLeft: auto;
	margin: auto;
	marginRight: auto;
	background-color:#CCCCCC;
	background-image: url(http://www.theatre-cornouaille.fr/bg-02.jpg);
}

/* ******************* les menus ****************************** */

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

#bandeau{
	height: 140px;
}

#tabnav{
	padding-top : 1px;
	padding-left: 5px;
}


li{
	display:inline;
	vertical-align:middle;
	padding-Left: 15px;
	padding-top: 10px;
	margin: 5px;
	font-size:10px;
	color: #4c4c4c;
	text-transform:uppercase;
	font-weight: bold;
}

li a {
text-decoration : underline;
color : #2d3a4a;
font-weight:;
}
li a:hover {
text-decoration : none;
color : #2d3a4a;
font-weight:;
}

#logo2{
}

a {
text-decoration : none;
color : #2d3a4a;
font-weight:bold;
}

a:hover{ 
color : #2d3a4a;
TEXT-DECORATION: underline;
}

a.liens_attribution {
	text-decoration : none;
	color : #FF0000;
	font-weight:bold;
}

a.liens_attribution:hover{
	color : #FF0000;
	text-decoration: underline;
}


a.rsi {
	color: #999999;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}

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

/* ********************** la partie du milieu ********************************* */

#page {
margin-left: auto;
margin-right: auto;
padding:15px;
min-height:300px;
background-color:#FFFFFF;
}

#contenu {
	min-height:400px;
	background-color:#ffffff;
}

.contenu_gauche 	{
float:left;
width:55%;
padding-left:0px;
}

.contenu_droit 	{
float:right;
width:45%;
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: 14px;
	color: #29abe2;
	text-transform:none;
	width:550px;
	font-weight: bold;
	padding-bottom: 15px;
	line-height: 15px;
}

.texte_image{
float:left;
height: 30px;
width: 35px;
float:left;
}

.texte_texte {
	float:left;
	text-align: left;
	width:90%;
	color: #2d3a4a;
	margin-bottom: 4px;


}

.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:600px;
height:400px;
}

/* ********************** detail sepctacle et representations disponibles ********************************* */

.over_detail  	{
overflow: scroll;
width:600px;
height:150px;
}

.over_representations  {
overflow: scroll;
width:600px;
height:150px;
}

.desc_soustitre {
font-weight:normal;
}

.recap_titre {
font-weight:bold;
}

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

/* ********************** 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:40px}



.contenu_droitrecap 	{float:right;	width:70%;	 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; font-weight:bold; }



.explications     		{  color: #000006; text-align: left;vertical-align: top; margin: 12px;}

.autreachat  		{  margin: 8px;}







/* ********************** inscription ********************************* */
#formRecap
{
	width: 100%;
	background-color:#FFFFFF;
}

#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: 40%;
	float: left;
	padding-right: 1%;
	text-align: left;
	letter-spacing: 1px;
}

#formRecap label:hover
{
	
}

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









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






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





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