/**{
	margin:0;
	padding:0;

}*/

body {
	background: #c7902b url(../gfx/fond.jpg) no-repeat top center;
	margin-top: 0px;
	margin-bottom: 10px;
}

table{
	margin:0 auto;
}

/* style du formulaire*/

.Style9 {
	color: #333333;
}

/* Liens */

a{
	color: #bf0926;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.lestd{
/* haut  droit  bas   gauche */
	padding:0px 15px 10px 10px;
}

/******** Force certains styles kameleon / VEL kameleon ***********/

.txt1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 16;
	color: #FFFFFF;
}

.txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 16;
	color: #333333;
}

li {

	color: #cf9725;
	line-height: 20px;
 

}

a:link, a:visited {
	color: #8d671d;
	text-decoration: none;
	font-family:Trebuchet MS;
	
}

a:hover {
	color: #980a1d;
}



hr {
	color: #000066;
	/*width:600px;*/
	height:1px;
}

.accordion2 {
	width: 640px;
	float: left;
	margin-left:10px;
}

.accordion2 h2 {
	/*border: solid 1px #89a9d2;*/
	border-bottom: solid 1px #dfa71f;
	cursor: pointer;
	background-image: url(../gfx/arrow-square.gif);
	background-repeat: no-repeat;
	background-position: right -51px;
	padding: 5px;
	width: 630px;	

}

.accordion2 h2:hover {
	background-color: #efd493;
}

.accordion2 h2.active {
	background-position: right 5px;
}

.accordion2 div {
	display: none;
	border-left: solid 1px #dfa71f;
	border-right: solid 1px #dfa71f;
	padding: 5px;
	width:630px;
	margin: 0px;
}

h1 {
background-image:url(etoile.png); 
	background-repeat:no-repeat; 
	color: #9e0e21;
	text-indent: 32px;
	line-height: 30px; 
	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: bold;
}

h2 {
	color:black;
	font-family: Trebuchet MS;
	font-size: 16px;
	font-weight: bold;
	/*margin-bottom:8px;*/
}

h3 {
	color:#000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

/**** navig ****/

#navigation{
	margin-left:210px;
	height:21px;
	overflow:hidden;
}

.lien1{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	font-size:12px;
	line-height:21px;
}

a.lien1:link, a.lien1:visited {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	font-size:12px;
	line-height:21px;
	text-decoration:none;
	margin-right:32px;
	padding:4px 4px 2px 4px;
	
}

a:hover.lien1 {
	background:#c10d26;
}

a.selected {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	line-height:21px;
	height:16px;
	color:white;
	font-size:13px;
	text-decoration:none;
	margin-right:32px;
	padding:4px 4px 2px 4px;
	background:#8d681e;	
}

/*sous-navig menus*/

#navigation-spectacles{
	margin-left:193px;
	background:#8d681e;	
	height:21px;
	width:480px;
	padding-left:17px;
}
#navigation-informations{
	margin-left:233px;
	background:#8d681e;	
	height:21px;
	width:310px;
	padding-left:17px;
}
#navigation-cinema{
	margin-left:280px;
	background:#8d681e;	
	height:21px;
	width:478px;
	padding-left:17px;
}
#navigation-images{
	margin-left:473px;
	background:#8d681e;	
	height:21px;
	width:270px;
	padding-left:17px;
}

/*sous-navig*/

.lien2{
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	line-height:21px;
}

a.lien2:link, a.lien2:visited {
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	margin-right:32px;
	padding:4px 4px 1px 4px;
	
}

a:hover.lien2 {
	text-decoration:underline;
}

a.selected2{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	line-height:21px;
	color:white;
	font-size:13px;
	margin-right:32px;
	padding:4px 4px 1px 4px;
	text-decoration:underline;

}

/*********************************/

#conteneur{
	width:770px;
	float:left;
	display:block;
	height:auto;
}


#prochain_spectacle{
	height:160px;
	width:189px;
	overflow:hidden;
	border:1px solid #dfd9cc;
	display:block;
	/*padding:6px;*/
	text-align:left;
	background:white url('../gfx/degrade.gif') repeat-x top left;
}

#carte{
	height:250px;
	width:189px;
	overflow:hidden;
	border:1px solid #dfd9cc;
	display:block;
	padding:0px;
	text-align:center;
	background:white url('../gfx/degrade.gif') repeat-x top left;
}

/******* Footer *******/

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 25px;
	text-align: center;
}

#footer a:link, #footer a:visited {
	COLOR: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #bf0926;
}


/*page cinema / BDD */

#rubrique1{
	display:block;
	float:left;
	width:766px;
	margin-left:4px;

}

#rubrique2{
	display:block;
	float:left;
	width:766px;
	margin-left:4px;
	margin-top:10px;
}

#rubrique3{
	display:block;
	float:left;
	width:766px;
	margin-left:4px;
	margin-top:10px;

}

.listephoto{
	width:133px;
	border:0;

}

.laphoto{
	width:133px;
	height:177px;
	overflow:hidden;
	border: 1px solid #E5D9CE;
}

.resultat{
	background:black url('../gfx/barre.jpg') no-repeat bottom right;
	color:white;
	margin:0 0 5px 0;
	padding:2px 10px;
	width:731px;
	float:left;
}

.resultat span{
	float:right;
}
.resultat span a{
	color:white;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}



#produit{
	float:left;
	margin:5px 14px 5px 0;
	width:140px;
	height:260px;

}

.laphoto a{
	margin:0;
	padding:0;
}

.lenom, .lelien, .leshoraires{
	width:132px;
	padding:2px 4px;
	border-left: 2px solid #e5d9ce;

}

.leshoraires a{
	color:black;
}

.page{
	width:736px;
	float:left;
	background:black url('../gfx/barre.jpg') no-repeat bottom right;
	padding:2px 10px;
	text-align:center;
	color:white;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;	
}
.page a{
	color:white;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;	
}

/*print.php*/

	
#detailproduit{
	width:710px;
	float:left;
	margin:20px 0 40px 30px;
}
#detailphoto{
	width:130px;
	text-align:right;
	float:left;
	margin-left:10px;	
}

#detailtitre{
	width:300px;
	text-align:left;
	float:left;
	margin:0 0 10px 20px;
	font-size:22px;	
}
#detaildate{
	width:300px;
	text-align:left;
	float:left;
	margin:0 0 10px 20px;
	font-size:16px;	
}
#detaillien{
	width:300px;
	text-align:left;
	float:left;
	margin:0 0 20px 20px;	
}
#detailretour{
	width:300px;
	float:left;
	height:20px;
	margin:0 0 20px 20px;
	text-align:left;
}
#detailretour a{
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
}


#detailhoraires{
	float:left;
	margin:10px 10px;
	width:620px;
	/*border:1px solid red;*/
}

.listephotodetail{
	width:130px;
}

.tablehoraires{
	border-left: 1px solid #c7902b;
	border-right: 1px solid #c7902b;
	border-top: 1px solid #c7902b;		
}

.tablehoraires td{
	border-bottom: 1px solid #c7902b;
	padding:4px;	
}
.titredutableau{
	background:#fde080;
}

.alternate{
	background-color:#fef4ce;

}

/* BORDURES SUR IMAGES (DANS KAMELEON) - Permet de choisir d'autres couleurs que le noir */

#turquoise{border-color: aqua ;}

#noir{border-color: black ;}

#bleu{border-color: blue ;}

#rose{border-color: fuschia ;}

#orange{border-color: #FF9900 ;}

#vert{border-color: green ;}

#gris{border-color: gray ;}

#maron{border-color: maroon ;}

#olive{border-color: olive ;}

#violet{border-color: purple ;}

#rouge{border-color: red ;}

#blanc{border-color: white ;}

#jaune{border-color: yellow ;}

#bleu2{border-color: teal ;}

#argent{border-color:  #FFAB02;}

/* FIN BORDURES */