/* Une partie de ce fichier est issu des tutoriels css.alsacreations.com */
body {
 font: normal 77% "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 background-color: #E8CD28;
}

img {
 border-width: 0;
}

p {
 margin: 0 0 10px 0;
}

a:link, a:visited {
 text-decoration: none;
 color: #3350E5;
}	

a:hover{
 text-decoration: underline;
 color: #3350E5;
}

strong, table.strong tbody th, h1 {
 color: #AC8A20;
 font-weight: bold;
}

#entete {
 height: 287px;
 background: url("../_images/1.jpg");
 background-repeat: no-repeat;
 background-position: top center;
}

#page {
 width: 750px;
 margin-left: auto;
 margin-right: auto;
	margin-bottom: 0.5em;
	text-align: center;
}

#rideau {
 background: #E8CD28 url("../_images/rideau_unique.gif");
 background-repeat: repeat;
 background-position: top left;
}

#centre {
 position: relative;
 background: #F6EBA7 url("../_images/2.jpg");
 background-repeat: no-repeat;
 background-position: top center;
 margin-left: 75px;
 margin-right: 75px;
 color: #661A20;
 text-align: left;
}

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

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

#piedDePage {
 background-color: #E8CD28;
 font-size: 0.9em;
}

#piedDePage a:link, #piedDePage a:visited {
 color: #323232;;
 text-decoration: none;
}

#piedDePage a:hover, #format a:hover {
 color: #323232;
 text-decoration: underline;
}

#siteLLB {
 background-color: #D2B91E;
}

#siteLLB a:link, #siteLLB a:visited {
 color: #631920;
 text-decoration: none;
}

#siteLLB a:hover {
 color: #631920;
 text-decoration: underline;
}

#menuSecondaire {
 background-color: #AC8A20;
 font-size: 0.9em;
}

#menuSecondaire a:link, #menuSecondaire a:visited {
 color: white;
 text-decoration: none;
}

#menuSecondaire a:hover {
 color: white;
 text-decoration: underline;
}

#menu {
 border: 0.5em #AC8A20 solid;
 color: #461216;
 background-color: #E9CE29;
 text-align: left;
}

#contenu {
 padding-left: 13em;
 padding-right: 1em;
 text-align: justify;
}

.vertical {
}

.vertical a {
 padding: 0.2em;
 display: block;
 font-size: 0.9em;
}

.vertical a:link, .vertical a:visited {
 color: #461216;
 text-decoration: none;
 font-weight: bold;
}

.vertical a:hover {
 background-color: #D2B91E;
 font-weight: bold;
}

.illustration {
 float: right;
/*	margin: 0;
	padding: 0;*/
 margin: 0.5em 0 0.5em 0.5em;	
/* margin: 0.5em 0 0.5em 1em;*/
}

.illustration2 {
 float: left;
	margin: 0.3em 0 0.1em 0.5em;
}

/* Hides from IE-mac \*/		/* Holly hack contre Peekaboo bug et de nombreux autres bugs */
* html #contenu {height: 1%;}
/* End hide from IE-mac */

#colGauche {
 position: absolute;
 left: 10px;
 width: 11.5em;
 text-align: center;
}

.colMilieu {
 margin-right: 100px;
}

.commentaire {
 color: #797979;
 font-size: 0.8em;
}

h1 {
 margin: 0;
 margin-bottom: 0.1em;
 font-size: 2em;
}

h2 {
 margin: 0;
 margin-bottom: 0;
 padding-bottom: 0.25em;
 padding-top: 1em;
 font-size: 1.5em;
 color: red;
 font-weight: normal;
}

h3 {
 margin: 0;
 margin-bottom: 0;
 padding-bottom: 0.25em;
 padding-top: 1em;
 font-size: 1.25em;
 font-weight: normal;
 color: #797979;
}

#contenu dt {
 color: red;
 font-weight: bold;
}

dd {
 margin-left: 1.5em;
}

li {
}

ul {
 margin-left: 1.3em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}

ol {
 margin-left: 1.7em;
}

.spacer {
 clear: both;
 visibility: hidden;
 margin: -1px; /* to avoid the gap between the central column and the footer */
 padding: 0;
}

.alignCentre {
 text-align: center;
}

.spectacle {
 /*margin-left: 1em;*/
 margin-bottom: 1em;
}

.spectacle h2 {
 padding: 0.1em;
 margin: 1em 0 0 0;
 font-size: 1.5em;
 color: #F6EBA7;
 font-weight: bold;
 background-color: #D2B91E;
}

table.formulaire caption {
 text-align: left;
 color: red;
}

table.formulaire tbody th {
 text-align: right;
 width: 7em;
 font-weight: normal;
}

table.strong tbody th {
 vertical-align: top;
}