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

}*/

body {
	background: #6fabde url(../gfx2/index.jpg) no-repeat scroll top center;
	margin: 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 8px 10px 9px;
}

/******** 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: #ce0627;
	text-decoration: none;
	
}

a:hover {
	color: #347fc4;
}



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(fleche.png); 
	background-repeat:no-repeat; 
	color: #9e0e21;
	text-indent: 30px;
	line-height: 24px; 
	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: bold;
}

h2 {
	color:#235380;
	font-family: Arial;
	font-size: 18px;
}

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

/**** navig ****/

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

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

a.lien1:link, a.lien1:visited {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	color:#000;
	font-size:15px;
	line-height:30px;
	text-decoration:none;
	margin-right:0px;
	padding:0px;
	height: 30px;
	float: left;
	display: block;
	text-align: center;	
}

a:hover.lien1 {
	background: #4a7fb1;
	color: white;
}

a.selected {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:15px;
	line-height:30px;
	height:30px;
	color:white;
	font-size:15px;
	text-decoration:none;
	margin-right:0px;
	padding: 0px;
	background: #4a7fb1;
	height: 30px;
	float: left;
	display: block;
	text-align: center;		
}

/*sous-navig menus*/

#navigation-spectacles{
	margin-left:30px;
	background:#4a7fb1;	
	height:23px;
	width: 510px;
	padding:0px;
}
#navigation-informations{
	margin-left:86px;
	background:#4a7fb1;	
	height:23px;
	width:294px;
	padding:0px;
}
#navigation-cinema{
	margin-left:180px;
	background:#4a7fb1;	
	height:23px;
	width:392px;
	padding: 0px;
}
#navigation-images{
	margin-left:350px;
	background:#4a7fb1;	
	height:23px;
	width:294px;
	padding:0px;
}

/*sous-navig*/

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

a.lien2:link, a.lien2:visited {
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	margin:0px;
	padding:0px 4px;
	height: 23px;
	display: block;
	float: left;
	width: 90px;
	text-align: center;	
	line-height:23px;	
}

a:hover.lien2 {
	background: black;
}

a.selected2{
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	margin:0px;
	padding:0px 4px;
	height: 23px;
	display: block;
	float: left;
	width: 90px;
	text-align: center;	
	background: black;
	line-height:23px;	
}
#navigation-spectacles a.lien2:link, #navigation-spectacles a.lien2:visited {
	width: 162px;
}
#navigation-spectacles a.selected2{
	width: 162px;
}
/*********************************/

#conteneur{
	width: 702px;
	float: left;
	display: block;
	height: auto;
	margin:0 0 12px 0
}


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

#carte{
	height:250px;
	width:189px;
	overflow:hidden;
	border:1px solid #e3d2a0;
	display:block;
	padding:0px;
	text-align:center;
	background:white url('../gfx2/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: #000000;
}


/*page cinema / BDD */

#rubrique1{
	display:block;
	float:left;
	width:702px;

}

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

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

}

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

}

.laphoto{
	width:133px;
	height:177px;
	overflow:hidden;
	border: 0;
}

.resultat{
	background:black url('../gfx2/barre.jpg') no-repeat bottom right;
	color:white;
	margin:0 0 5px 0;
	padding:2px 10px;
	width:674px;
	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 6px 5px 0;
	width:134px;
	height:260px;

}

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

.lenom, .lelien, .leshoraires{
	width:132px;
	padding:2px 4px;
	border-left: 1px solid #68a2d9;
}
.lenom{
	color:#5580b1;
	font-family:Trebuchet MS;
	font-size:12px;	
}

.leshoraires a{
	color:#42546a;
}

.page{
	width:674px;
	float:left;
	background:black url('../gfx2/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:702px;
	float:left;
	margin:10px 0 20px 0px;
}
#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;

}
#ladresse{
	width: 900px;
	margin-left: 25px;
	height: 20px;
	color: black;
	font-size: 15px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-style: italic;
	float: left;
}
#ladresse span{
	color: white;
}
#ahaut{
	float: right;
	display: block;
	width: 25px;
	height: 20px;
}
/* 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 */