body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header
{
height: 350px;
background-color: #8f0010;
text-align: center;
}

#header h1
{
font-family: "Lucida Handwriting";
font-size: 36px;
color: #FFFFFF;
margin-top: 0px;
padding: 35px 0px 0px 0px;
font-weight: normal;
letter-spacing: 5px;
}

#header h2
{
font-family: "Lucida Handwriting";
font-size: 32px;
color: #FFFFFF;
margin-top: 0px;
padding: 35px 0px 0px 0px;
font-weight: normal;
letter-spacing: 3px;
line-height: 40px;
}

#header h3
{
font-family: "Lucida Handwriting";
font-size: 22px;
color: #FFFFFF;
margin-top: 0px;
padding: 30px 0px 0px 0px;
font-weight: normal;
letter-spacing: 3px;
}

#haut
{
background: #ffffff;
color: #9b3806;
height: 18px;
border-bottom: 3px solid #8f0010;
border-top: 3px solid #8f0010;
padding-top: 3px;
padding-left: 10px;
}

#conteneur
{
position: absolute;
width: 99%;
background-color: #f8f1d6;
}

#centre
{
background-color: #ffffff;
margin-left: 200px;
margin-right: 200px;
padding: 20px 40px 20px 40px;
}

#centre h2
{
font-weight: normal;
font-family: "Lucida Handwriting";
text-align: center;
font-size: 22px;
margin-bottom: 30px;
margin-top: 40px;
}

#centre h3
{
margin-left: 40px;
font-weight: normal;
font-size: 18px;
color: #6c0000;
}

#centre .and
{
margin-top: 15px;
text-align: center;
font-size: 20px;
color: #c0c0c0;
font-style: italic;
}

#centre td
{
text-align: center;
border: 1px solid black;
}

.prog-description
{
display: block;
color: green;
font-style: italic;
font-size: 13px;
margin-bottom: 5px;
}

.prog-date
{
display: block;
color: #b00000;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}

.prog-artiste
{
font-size: 15px;
}

#centre p
{
text-align: justify;
text-indent: 0px;
margin-bottom: 30px;
}

#centre .centre
{
text-align: center;
}

#gauche
{
position: absolute;
left:0;
width: 200px;
}

#droite
{
position: absolute;
right:0;
width: 200px;
}

#pied
{
height: 3px;
background-color: #9bcb67;
font-size: 1px;
}

#gauche .menugauche
{
list-style-type: none;
margin: 0;
padding: 20px 0px 0px 13px;
}

#gauche .menugauche dl, dt, dd, ul, li
{
margin: 0;
padding: 0;
list-style-type: none;
}

#gauche .menugauche dt
{
margin-top: 20px;
margin-bottom: 10px;
}

#gauche .menugauche li
{
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
left: 0;
display: block;
text-align:center;
}

#gauche .menugauche li a
{
font-weight: normal;
color: black;
}

#gauche .menugauche a
{
font: 12px Arial, Helvetica, sans-serif;
color: #993300;
line-height: 16px;
letter-spacing:.1em;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

#gauche .menugauche a:hover
{
text-decoration: underline;
}


#droite .menudroit {
list-style-type: none;
margin: 0;
padding: 20px 13px 13px 13px;
text-align: center;
}

#droite .menudroit li {
margin-bottom: 5px;
}

#droite .menudroit a {
font: 12px Arial, Helvetica, sans-serif;
color: #993300;
line-height: 16px;
letter-spacing:.1em;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

#droite .menudroit a:hover {
text-decoration: underline;
}

p {margin: 0 0 10px 0;}

.imglien
{
padding: 5px;
border: 1px solid #c0c0c0;
}

.imglien:hover
{
border: 1px dotted black;
}

#centre .droite
{
text-align: right;
margin-right: 30px;
}

#centre .droite a
{
text-decoration: none;
color: #6c0000;
}

#centre .droite a:hover
{
text-decoration: underline;
}

#centre li
{
list-style-type: disc;
margin-bottom: 5px;
margin-top: 3px;
margin-left: 5px;
}

input,select
{
	border: 1px solid #b00000;
	padding: 1px;
	margin-bottom: 15px;
	width: 200px;
	margin-top: 3px;
}

textarea
{
	border: 1px solid #b00000;
	padding: 1px;
	margin-bottom: 15px;
	width: 500px;
	height: 120px;
	margin-top: 3px;
}

.br
{
	white-space: pre;
}