html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:850px;
	margin:0 auto;
	padding:0;
}
body{
	background-color: #000000;
	color: #FFFFFF;
	padding:0;
	margin:0;	
}

html>body #global-wrap {height:100%; } /* 100 % height */
html>body #global {padding:0 0 150px 0;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
div#piedpage{
clear: both;
width:850px;
height: 150px;
background-color:#000000;
}
div#pub{
	height: 100px;
	background-image: url(img_site/fond_pub.png);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 11px;
	margin:0;
	
}
html>body #piedpage {
	position:fixed;
	bottom:0px;
	z-index:10; /* Prevent certain problems with form controls */
}
#credit{
	border-top:solid 10px #860000;
	bottom:0px;
	width:850px;
	height: 11px;
	line-height: 30px;
}
div#global {
	width:850px;
	margin:0 auto ;
	border: none;
}
#credit p{
	text-align: center;
	margin: 0;
	padding:0;

}
#credit a{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
#credit a:hover{
text-decoration: underline;
}
#descriptionarticle{
border:none;
}
#descriptionarticle p{
	margin: 5px 25px 0 30px;
	padding: 0 0 2px 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;

}
#descriptionarticle a{	
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

.rouge11bold{
	color: #d66565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.rouge11{
	color: #d66565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.rose10{
	color: #ffcbc5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.rose11{
	color: #ffcbc5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.blanc15bold{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.blanc11bold  {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.blanc10  {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.blanc11  {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.blanc12  {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.rose14bold{
	color: #ffcbc5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.rose11boldespace{
	color: #ffcbc5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.rose10{
	color: #ffcbc5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.orange10  {
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.orange11  {
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.orange10bold  {
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.orange14bold  {
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.orange15bold  {
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.orange11  {
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
input {
	color: #990000;
	font-size: 10px;
	font-family: Arial;
	font-weight: normal;
}
fieldset {
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
}
h1{
	margin: 10px 0px 0 30px;
	padding: 0 0 21px 0px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: solid;
	border-color: #9e1b00;
}

#haut{
	background-image: url(img_site/fond_logo.png);
	background-repeat: no-repeat;
	height: 213px;
}
#zonecliquable {    /* zone cliquable */
	float: left;
	width : 460px;
	height: 120px;
	margin-left: 180px;
	margin-top: 80px;
	color: #FFFFFF;
}
#menu{
	background-image: url(img_site/fond_menu.gif);
	background-repeat: no-repeat;
	height: 38px;
	margin:0 auto;
	padding:0;
	}
#menu ul,li{
	list-style-type: none;
	margin:0;
	padding:0;
}
#menu ul{
	height: 38px;
	left: 0px;
}
#menu li{
	float:left;
}
#menu li img{
	float:left;
	height:38px;
}
#date{
	clear:both;
	background-image: url(img_site/filet_date.gif);
	background-repeat: repeat-x;
	height: 30px;
	margin:0;
	padding:0;
}
#textedate{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 30px;
	height: 30px;
	margin:0 10px;
	color: #ffcbc5;
}
#contenu{
	background-image: url(img_site/degrader_fond.jpg);
	background-repeat: repeat-x;
	width: 850px;
	margin: 0;
	padding:0 0 150px 0;
	float:left;
}
#cadregauche{
	width: 220px;
	margin: 0 0 0 0px;
	padding:0 0 0 50px;
	float:left;
}
#cadredroit{
	margin: 0 0 0 310px;
	padding: 0;
}
#cadregauche p{
	margin: 5px 50px 0 5px;
	padding: 0 0 2px 0px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: dotted;
	border-color: #dda29e;
}

#newsletter{
	height: 90px;
	width: 205px;
	margin: 0;
	padding: 0;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	background-color: #6a0000;
}
form{
	margin: 0;
	padding: 0;
}
#tabformulaire{
	width: 470px;
	margin: 0 0 18px 0;
	padding: 0;
	background-image: url(img_site/degrader_tableau.jpg);
	background-repeat: repeat-x;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
}
#tabformulaire p{
	margin: 5px 0 0px 30px;
	padding:0 0 15px 0;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: solid;
	border-color: #9e1b00;
}
#tabformulaire p.sanstrait{
	margin: 5px 0 0px 30px;
	padding:0 0 15px 0;
border:0;
}
#tabformulaire input {
	color: #990000;
	font-size: 10px;
	font-family: Arial;
	font-weight: normal;
}
#tabformulaire fieldset {
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
}
#conteneurchampsform{
	margin: 5px 0 5px 30px;
	padding:0 0 5px 0 ;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: solid;
	border-color: #9e1b00;
}

#btvalide{
	text-align: center;
	clear: both;
		margin: 10px 0 10px 0;
}

#invitation{
	padding-bottom: 10px;
	width: 205px;
	margin-top: 15px;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	background-color: #7f0000;
}

#nepasmanquer{
	width: 205px;
	margin-top: 15px;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	background-color: #6f0000;
	padding-bottom: 10px;
}
#nepasmanquer p{
margin:5px 0 5px 5px;
padding:0;
width:162px;
}
#lascenebastille{
	padding-bottom: 10px;
	width: 205px;
	margin-top: 15px;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	margin-bottom: 15px;
	background-color: 4d0000;
}
#devis{
	padding-bottom: 10px;
	width: 205px;
	margin-top: 15px;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	background-color: #7f0000;
}
#devis h1{
	margin: 5px 5px 0 5px;
	padding: 0 0 2px 0px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: dotted;
	border-color: #dda29e;
}
#devis p{
	margin: 5px 5px 0 5px;
	padding: 0 0 2px 0px;
	border:none;
}
.imagetiretdroit{
	border-bottom: 0;
	border-left: 0;
	border-right: 1px;
	border-top: 0;
	border-style: dotted;
	border-color: #dda29e;
}
.imagetiret {
	border: 2px;
	border-style: dotted;
	border-color: #dda29e;
	padding:0;
	margin:1px 1px 0 0;
}
#tabconcertaccueil{
	width: 470px;
	margin: 0 0 18px 0;
	background-image: url(img_site/fond_tab.png);
	background-repeat: no-repeat;
	padding:0;
	height: 170px;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
}
#tabconcertaccueil p{
	margin: 5px 25px 0 30px;
	padding: 0 0 2px 0px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: dotted;
	border-color: #dda29e;
}
#descriptifconcert{
	margin: 5px 25px 0 30px;
	padding: 0 0 2px 0px;
	width:200px;
	height:50px;
	overflow: hidden;
}
#tabconcertaccueil h4{
	margin: 10px 25px 0 30px;
	padding: 0;

}
#tabsoireeaccueil{
	height: 170px;
	width: 470px;
	margin: 0 0 20px 0;
	padding:0;
	background-image: url(img_site/fond_tab2.png);
	background-repeat: no-repeat;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
}
#tabsoireeaccueil p{
	margin: 5px 25px 0 30px;
	padding: 0 0 8px 0px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: dotted;
	border-color: #dda29e;
}

#datesoiree{
	margin: 5px 0 0 0;
	padding: 0 25px 2px 0px;
	text-align: right;
	float: right;
}
#listedatesoiree{
	margin: 5px 0 0 0;
	padding: 5px 25px 2px 0px;
	text-align: right;
	float: right;
}
#tabsoireeaccueil h4{
	margin: 10px 25px 0 30px;
	padding: 0;

}
#calendrier{
	width: 205px;
	margin-top: 15px;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	background-color: #800000;
}
#calendrier table{
margin:0;
padding:0;
}
#calendrier p{
	margin: 5px 5px 0 5px;
	padding: 0 0 2px 0px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: dotted;
	border-color: #dda29e;
}
#calendrier h1{
	margin: 5px 5px 0 5px;
	padding: 0 0 2px 0px;
	line-height: 1.5em;
	vertical-align: middle;
}
#calendrier h2{
	margin: 5px 5px 0 5px;
	padding: 0 0 2px 0px;
	line-height: 1.5em;
	vertical-align: middle;
}
a.liencalendrier{
	line-height: 1.5em;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.liencalendrier:hover{
	line-height: 1.5em;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background-color: #ff4e00;
	border-color: #ff4e00;
	border-style: solid;
	border: 1px;
}
#artistedumois{
	width: 205px;
	margin-top: 15px;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	background-color: #550000;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#artistedumois p{
	margin: 5px 5px 0 5px;
	padding: 0 0 2px 0px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: dotted;
	border-color: #dda29e;
}
#artistedumois h2{
	margin: 0px 5px 0 0px;
	padding: 0 0 0px 0px;
}
a.lienartistemois{
	margin: 0px 0px 0 2px;
	padding: 0 0 0px 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.lienartistemois:hover{
	margin: 0px 0px 0 2px;
	padding: 0 0 0px 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
#tabpageconcert{
	width: 470px;
	margin: 0 0 18px 0;
	padding:0 0 2px 0px;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	background-image: url(img_site/degrader_tableau.jpg);
	background-repeat: repeat-x;
}
#tabpageconcert p.entete{
	margin: 5px 25px 0 30px;
	padding: 0 0 2px 0px;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: dotted;
	border-color: #dda29e;
}
#tabpageconcert p.listetitre{
	margin: 5px 0px 0 65px;
	padding: 5px 0 0px 0px;
	border-bottom: 0px;
	border-left: 0;
	border-right: 0;
	border-top: 1px;
	border-style: solid;
	border-color: #9e1b00;
}
#tabpageconcert p.listetexte{
	margin: 5px 0px 0 65px;
	padding: 5px 0 0px 0px;
	border:none;
}
#tabpageconcert h4{
	/*margin: 5px 25px 0 30px;
	padding: 0 0 2px 0px;*/
	margin:0;
	padding:0;

}

a.lientitre{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
a.lientitre:hover{
	text-decoration: underline;
}
#zonereservation{
	margin:5px 0 15px 0;
	padding:0 0 3px 0;
	background-color: #db3900;
}
#zonereservation p{
	margin: 5px;
	padding: 3px 0 3px 0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
#zonereservation h1{
	margin: 0;
	padding:0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
}
#tabacces{
	width: 470px;
	margin: 0 0 18px 0;
	padding:0 ;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
	background-image: url(img_site/plan_acces.png);
	background-repeat: no-repeat;
	height: 410px;
}
#tabacces h1{
	margin: 10px 0px 0 65px;
	padding: 0 0 21px 0px;

}
#tabacces p{
	margin: 20px 0px 20px 65px;
	padding: 0;

}

ul.extra,li.extra{
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: none;
}

li.extra{
	float: left;
	width: 140px;
	text-align: center;
	margin: 0 20px 0 0;
	padding: 0;
}

li.extra a img{
	margin: 0;
	padding: 0;
	border-color: #f64c03;
	border: 1px;
	border-style: solid;
	color: #f64c03;
}
img.bordorange{
	border-color: #f64c03;
	border: 1px;
	border-style: solid;
	color: #f64c03;
}
#tabevenement{
	width: 470px;
	margin: 0 0 18px 0;
	padding: 0;
	background-image: url(img_site/degrader_tableau.jpg);
	background-repeat: repeat-x;
	border: 1px;
	border-style: solid;
	border-color: #9e1b00;
}
#tabevenement p{
	margin: 15px 0 0px 30px;
	padding:0 0 15px 0;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style: solid;
	border-color: #9e1b00;
}
#tabevenement p.sanstrait{
	margin: 15px 0 0px 30px;
	padding:0 0 15px 0;
border:0;
}
#tabevenement a{
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
#tabevenement a:hover{
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
a.orange{
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.orange:hover{
	color: #ff4e00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}