/* ------------------------------------------- page standard ------------------------------------------- */

/*td {
	border: 1px dotted gray
}
div {
	border: 1px solid orange
}
img, form {
	border: 1px dashed blue
}prixplein
h1, h2, h3, h4, h5, h6, p {
	border: 1px solid yellow
}
ul {
	border: 1px solid green
}
li {
	border: 1px solid lightgreen
}*/




/* ------------------------ HP ---------------------- */
table#globalhp{
	width:990px;
	height:650px;
	background:url(../images/bg-home.jpg) no-repeat
}

div#conteneurtextehp{
	 margin:235px 0px 0px 460px;
	_margin:70px 0px 0px 170px;
	width:520px;
	_width:810px 
}
div#festivalhp {
	 padding:0;
	margin:0px 0px 0px 105px;
	_margin:0px 0px 0px 175px;
	width:295px;
	float:left;
	text-align:left
}
div#festivalhp p{
	 padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif
}
div#festivalhp p#nombrespa{
	color:#B3BFCC;
	font-size:55px;
	font-style:italic;
	font-weight:bold
}
div#festivalhp p#nom{
	color:#C16522;
	font-size:25px;
	font-style:italic;
	font-weight:bold
}
div#festivalhp p#annee{
	color:#B3BFCC;
	font-size:35px;
	font-style:italic;
	font-weight:bold;
	text-align:right
}

div#textehp {
	text-align:right;
	margin:25px 0px 0px 0px;
	_margin:45px 30px 0px 145px;
	line-height:18px;
	width:400px;
	float:left
}
div#navigationhp{
	padding:0;
	margin:0;
	 _margin:20px 0 0 0;
	width:70px;
	height:190px;
	position:relative;
	float:right;
	_float:none;
	font-family:"Times New Roman", Times, serif;
	text-align:left
}
div#navigationhp ul{
	padding:0;
	margin:0;
	position:absolute;
	bottom:0
}
div#navigationhp ul li {
	padding:0;
	margin:0;
	list-style-type:none;
	line-height:25px
}
div#navigationhp ul li a{
	color:#4A494D;
	font-size:16px;
	text-decoration:none
}
div#navigationhp ul li a:hover{
	color:#9F1312;
	
}

div#conteneurmenuhp{
	 margin:59px 0px 0px 0px;
	_margin:59px 0px 0px 0px;
	padding:0;
	float:left;
	height:100px;
	_height:100px;
	width:880px;
	_width:860px
}
div#logohp{
	float:left;
}
div#menuhp {
	position: absolute;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	padding:0;
	margin:0;
	padding:0;
	width:880px;
	margin: 0px auto;
	text-align:left;
}
div#menuhp ul{
	padding:0;
	margin:0;
}
div#menuhp ul li{
	float:left;
	list-style-type:none;
	color:#4A494D;
	margin:0;
	padding:0;
}
div#menuhp ul li a {
	color:#4A494D;
	text-decoration:none;
	margin:0px 30px 0px 0px;
	_margin:0px 15px 0px 0px;
	padding:7px 0px 0px 25px;
	display:block;height:25px;
	float:left
}

div#menuhp ul li a.mi:hover {
	 background:url(../images/notes-mi.jpg) no-repeat;
	
}
div#menuhp ul li a.sol:hover {
	 background:url(../images/notes-sol.jpg) no-repeat;
	
}
div#menuhp ul li a.si:hover {
	 background:url(../images/notes-si.jpg) no-repeat;
	
}
div#menuhp ul li a.re:hover {
	 background:url(../images/notes-re.jpg) no-repeat;
	
}

div#menuhp ul li a.miselected{
	 background:url(../images/notes-mi.jpg) no-repeat;
	
}
div#menuhp ul li a.solselected {
	 background:url(../images/notes-sol.jpg) no-repeat;
	
}
div#menuhp ul li a.siselected {
	 background:url(../images/notes-si.jpg) no-repeat;
	
}
div#menuhp ul li a.reselected {
	 background:url(../images/notes-re.jpg) no-repeat;
	
}

div#menuhp ul li#reservation {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin:0;
	padding:0;
	list-style-type:none;
	color:#9F1312;
	margin:0;
	padding:0px 20px 0px 0px;
	float:right;
}
div#menuhp ul li#reservation {
	
}
div#menuhp ul li#reservation a {
	color:#9F1312;
	text-decoration:none;
	margin:0px 0px 0px 100px;
	_margin:0px 0px 0px 55px;
	padding:7px 0px 0px 30px;
	color:#9F1312;
	display:block;
	height:25px;
}

div#menuderoulanthp {
	 padding:0;
	margin:0px 0px 0px 25px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#4A494D;_padding:7px 0px 0px 0px
}
div#menuderoulanthp a {
	 color:#808082;
	text-decoration:none;
	display:block;
	padding:0;
	margin:0px 15px 0px 0px;
	float:left
}
div#menuderoulanthp a:hover {
	color:#B7B6B8
}
 
div#menuderoulanthp a.selected {
	color:#B7B6B8
}







/* ''''' ------------------------------- page standard ----------------------------- '''' */

/* ------------------------ Général ---------------------- */


body, html {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:100%;
	height:100%
}
body{
	background:#9e1512
}
table#global{
	width:990px;
	height:775px;background:#f4f8ff url(../images/bg-blanc.jpg) repeat-y;
	padding:0;
	margin:0
}
td#conteneur{
	  background:url(../images/bg.jpg) no-repeat;
}


/* ------------------------ Menu ---------------------- */

div#conteneurmenu{
	 margin:59px 0px 0px 0px;
	_margin:59px 0px 0px 0px;
	padding:0;
	float:left;
	height:100px;
	_height:100px;
	width:880px;
	_width:860px
}
div#logo{
	float:left;
}
div#menu {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	padding:0;
	margin:0;
	_margin:0;
	padding:0;
	width:880px;
	_width:860px;
	float:left;
	text-align:left;
}
div#menu ul{
	padding:0;
	margin:0;
}
div#menu ul li{
	float:left;
	list-style-type:none;
	color:#4A494D;
	margin:0;
	padding:0;
}
div#menu ul li a {
	color:#4A494D;
	text-decoration:none;
	margin:0px 30px 0px 0px;
	_margin:0px 15px 0px 0px;
	padding:7px 0px 0px 25px;
	display:block;height:25px;
	/*_width:150px*/float:left
}

div#menu ul li a.mi:hover {
	 background:url(../images/notes-mi2.jpg) no-repeat;
	
}
div#menu ul li a.sol:hover {
	 background:url(../images/notes-sol2.jpg) no-repeat;
	
}
div#menu ul li a.si:hover {
	 background:url(../images/notes-si2.jpg) no-repeat;
	
}
div#menu ul li a.re:hover {
	 background:url(../images/notes-re2.jpg) no-repeat;
	
}

div#menu ul li a.miselected{
	 background:url(../images/notes-mi2.jpg) no-repeat;
	
}
div#menu ul li a.solselected {
	 background:url(../images/notes-sol2.jpg) no-repeat;
	
}
div#menu ul li a.siselected {
	 background:url(../images/notes-si2.jpg) no-repeat;
	
}
div#menu ul li a.reselected {
	 background:url(../images/notes-re2.jpg) no-repeat;
	
}

div#menu ul li#reservation {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	color:#9F1312;
	margin:0;
	padding:0
}
div#menu ul li#reservation {
	
}
div#menu ul li#reservation a {
	color:#9F1312;
	text-decoration:none;
	margin:0px 0px 0px 100px;
	_margin:0px 0px 0px 55px;
	padding:7px 0px 0px 30px;
	color:#9F1312;
	display:block;
	height:25px;
	float:left 
}

div#menuderoulant {
	 padding:0;
	margin:0px 0px 0px 25px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#4A494D;_padding:7px 0px 0px 0px
}
div#menuderoulant a {
	 color:#808082;
	text-decoration:none;
	display:block;
	padding:0;
	margin:0px 15px 0px 0px;
	float:left
}
div#menuderoulant a:hover {
	color:#B7B6B8
}
 
div#menuderoulant a.selected {
	color:#B7B6B8
}




/* ------------------------ Contenu ---------------------- */

div#conteneurtexte{
	 margin:50px 0px 0px 0px;
	_margin:50px 0px 0px 0px;
	 
}
div#festival {
	 padding:0;
	margin:0px 0px 0px 50px;
	_margin:0px 0px 0px 25px;
	width:215px;
	float:left;
	text-align:left
}
div#festival p{
	 padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif
}
div#festival p#nombrespa{
	color:#B3BFCC;
	font-size:45px;
	font-style:italic;
	font-weight:bold
}
div#festival p#nom{
	color:#C16522;
	font-size:18px;
	font-style:italic;
	font-weight:bold
}
div#festival p#annee{
	color:#B3BFCC;
	font-size:25px;
	font-style:italic;
	font-weight:bold;
	text-align:right
}

div#texte {
	margin:61px 5px 40px 60px;
	_margin:51px 0px 0px 60px;
	line-height:18px;
	width:400px;
	_width:500px;
	float:left;
	text-align:left;
	padding:0
}
div#texteadmin {
	margin:50px 5px 0px 260px;
	_margin:50px 0px 0px 50px;
	line-height:18px;
	width:600px;
	_width:550px;
	float:left;
	text-align:left;
	padding:0
}
div#texteadmin, div#texteadmin p, div#texteadmin a {
	font-size:12px
}
div#navigation{
	padding:0;
	_padding:0px 0px 0px 55px;
	margin : 35px 30px 0px 0px;
	_margin:50px 0px 0px 0px;
	width:70px;
	height:190px;
	position:relative;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	float:right;
	_float:none
}
div#navigation ul{
	padding:0;
	margin:0;
	position:absolute;
	
}
div#navigation ul li {
	padding:0;
	margin:0;
	list-style-type:none;
	line-height:25px
}
div#navigation ul li a{
	color:#4A494D;
	font-size:16px;
	text-decoration:none
}
div#navigation ul li a:hover{
	color:#9F1312;
}
div#navigationadmin{
	padding:0;
	_padding:0px 0px 0px 25px;
	margin : 35px 30px 0px 0px;
	_margin:100px 0px 0px 0px;
	width:70px;
	height:190px;
	position:relative;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	float:right;
	_float:none
}
div#navigationadmin ul{
	padding:0;
	margin:0;
	position:absolute;
	
}
div#navigationadmin ul li {
	padding:0;
	margin:0;
	list-style-type:none;
	line-height:25px
}
div#navigationadmin ul li a{
	color:#4A494D;
	font-size:16px;
	text-decoration:none
}
div#navigationadmin ul li a:hover{
	color:#9F1312;
}



sup{
	font-size:35px;
	margin:0px 0px 0px 2px;
}

.borderr{
	border:none
}


td#footer {
	 background:url(../images/foot.jpg) no-repeat;
	height:13px;
}


table#template0{
	padding:0px 0px 15px 0px
}
table#template0, td#conteneur table {
	font-size:12px;
	line-height:18px
}
table#template0 ul, td#conteneur table ul{
	padding:0;
	margin:10px 0px 10px 0px
}
table#template0 p, td#conteneur table p{
	padding:5px 0px 2px 0px;
	margin:0
}
table#template0 ul li, td#conteneur table ul li {
	 background:url(../images/puce.jpg) no-repeat;
	padding:0px 0px 0px 20px;
	margin:0;
	list-style-type:none;
	background-position:0px 5px
}


div#progradiv{
	 padding:15px;
	background-color:#d9e3ee;
	float:right;
	margin:15px
}

input#fField76 {
	width:20px;
	
}
div#tbsite 	{
	 position: relative;
	top: 0;
	left: 0;
	width: 500px;
}
 div#zoneslide 	{
	 position: relative;
	top: 0;
	left: 0;
	width: 500px;
	height: 215px;
	overflow: hidden;
	background-color: #dfe7ea;
}
 div#slide 		{
	 position: absolute;
	top: 0;
	left: 0;
	height: 215px;
	
}
 img#imgslide	{
	 margin-right: 10px;
	border:0 
}
 label{
	color: #7f8995;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 5px;
	padding: 0;
	white-space:nowrap
}
 input{
	 border:1px solid #7f8995;
	color: #7f8995;
	
}
 input[type="text"] {
	width:230px
}
 textarea{
	width:230px;
	height:100px
}#code{
	font-weight: bold;
	color: #a10b12;
	font-size: 24px;
}
input.prixplein{
	margin-left: 0px;
	margin-right: 5px;
	color: #001d3f;
	background-color: white;
	border-color: #c5d6dd;
	border-style: solid;
	border-width: 1px;
	width: 30px;
	
}
input.prixreduit{
	margin-right: 5px;
	color: #2d62b7;
	background-color: white;
	border-color: #c5d6dd;
	border-style: solid;
	border-width: 1px;
	width: 30px;
	
}
.supp {
	color: #a10b12;
	font-weight: bold;
}
#prix {
	margin-left: 40px;
	font-size: 24px;
	color: #393e40;
	font-weight: bold;
}
.concertname {
	 color: #393e40;
	font-weight: bold;
}
.concertdate {
	font-size: 11px;
	font-style: italic;
	color: #393e40;
}
table.concert td {
	 margin-bottom: 3px;
	text-align: left;
	vertical-align: top;
}
div#concert {
	 margin-top: 20px;
	
}
form#confirm label {
	 white-space: nowrap;
	
}
td.labeltarif {
	line-height: 12px;
	margin: 3px;
	font-size: 9px;
	text-align: center;
}

form#contact td{
	padding:5px 0px 5px 0px
}

div#prixinfo {
	 font-style: italic;
	color: #c1513e;
	margin-left: 40px;
	
}
.frais {
	 font-weight: normal;
	font-style: italic;
	font-size: 11px;
	color: #c1513e;
	
}
.tarif {
	 padding: 0px;
	 margin: 0px;
	 font-weight: bold;
	font-style: italic;
	font-size: 14px;
	color: #c1513e;
	
}
.prix {
	font-weight: bold;
	color: #7ab229;
}
.remise {
	font-weight: bold;
	color: #be2e25;
}
.gain {
	font-weight: bold;
	color: #0079a7;
}
.prix_des_concerts,
.frais_par_abonnement,
.frais_par_reservation {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #0079a7;
}
hr { color: #c9cfd4; font-size: 1px; line-height: 1px; height: 1px; background-color: #c9cfd4; }
table.concert {
	border-top : 1px solid #c9d5dc;
	border-right : 1px solid #c9d5dc;
}

form#contact table#reservation_concert td {
	border-bottom : 1px solid #c9d5dc;
	border-left : 1px solid #c9d5dc;
	padding: 3px 3px 3px 3px;
}
form#contact table#reservation_concert td.titre_concert {
	font-weight: bold;
}
form#contact table#reservation_concert td.titre_abonnes {
	text-align: center;
	background: #e5edfa;
	font-weight: bold;
}
form#contact table#reservation_concert td.titre_lettre {
	text-align: center;
	font-weight: bold;
}
form#contact table#reservation_concert td.titre_choix {
	text-align: center;
	font-weight: bold;
}

form#contact table#reservation_concert td.titre_label {
	}