body {
margin: 0;
padding: 0;
background:#eadbbe url('../img/body_bg.jpg') top left repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
color: #5c4f28;
font-size: .8em;
text-align: center;
}

#header {
height: 316px;
background: #eadbbe url('../img/header.jpg') center top no-repeat;
}

#conteneur {
position: relative;
width: 940px;
margin: 0 auto; 
background-color:#eadbbe;
text-align: left;
}

#content {
padding: 10px 40px 10px 270px;
background: #ffffff url('../img/content_bg.jpg') top center repeat-y;
}

#left {
position: absolute;
left:0;
width: 195px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 35px;
padding-left: 35px;
background: url('../img/left_bg.jpg') top left no-repeat;
}

#footer {
height: 133px;
background: url('../img/footer_bg.jpg') top center no-repeat;
padding: 15px 10px 10px 0;
text-align: center;
}

ul#menu{
position: absolute;
width: 940px;
height: 30px;
margin-top: 104px;
margin-left: auto;
margin-right: auto;
padding: 0;
list-style-type: none;
}

ul#menu li {
float: left;
}

ul#menu a {
float: left;
margin: 0 0 0 35px;
padding: 5px 10px 4px 10px;
text-decoration: none;
text-align: center;
font-size: 1.1em;
font-weight: bold;
color: #6f6035;
}

ul#menu a:hover {
border-top: 3px solid #6f6035 ;
}

#menu .active {
border-top: 3px solid #6f6035 ;	
}

.leftMenu {
list-style-type: square;
margin: 18px 0 6px 20px;
padding:0;
}

.leftMenu ul {
margin: 0 0 0 16px;
padding: 0;
}

.leftMenu li {
margin-bottom: 5px;
color: #5c4f28;
}

.leftMenu a {
color: #5c4f28;
text-decoration: none;
margin: 0;
}

.leftMenu a:hover {
font-style: italic;
padding-left: 3px;
}

.leftMenu .active {
font-style: italic;
color: #d76c2d;
}

h2 {
padding: 10px 0 5px;
font-size: 1.1em;
color: #6f6035;
border-bottom: 1px solid #6f6035;
letter-spacing: 1px;
font-weight: bold;
}

#content h2 {
padding: 10px 0 5px;
font-size: 1.1em;
color: #d76c2d;
border: none;
letter-spacing: 1px;
font-weight: bold;
}

p {
margin: 15px 0 25px 0;
line-height: 1.5em;
word-spacing: 3px;
text-align: justify;
}

#content ul {
list-style-type: square;
margin: 5px;
}

#content li {
color: #5c4f28;
padding: 5px;
}

table {
border-collapse: collapse;
}

table.tableList {
width:100%;
}

tr.listHeader {
color: white;
background: #6f6035;
padding: 2px 2px 2px 2px;
margin: 2px 5px 2px 5px;
}

tr.listHeader a {
color: white;
text-decoration: none;
}

tr.odd {
background: #D7D7D2;
}

td {
padding: 2px 5px 2px 5px;
}

td.editControls {
padding: 0;
width: 5px;
}

#left p {
margin: 18px 0 0 0;
word-spacing: 1px;
text-align: left;
}

#footer p {
margin: 0 0 5px 0;
padding: 0;
text-align: center;
}

a {
font-weight: bold;
text-decoration: underline;
color: #d76c2d;
}

a:hover {
text-decoration: none;
}

.clair {
color: #8a7846;
}

.clair a {
color: #f6f2ea;
text-decoration: none;	
}

.clair a:hover {
text-decoration: underline;
}

.lettrine {
font-weight: bold;
font-style: italic;
font-size: 1.6em;
margin: 0;
padding: 1px;
}

img {
border: none;
margin: 5px;
vertical-align: middle;
}

.imgRight {
padding: 0;
margin: 0 0 5px 5px;
float: right;
}

.imgLeft {
padding: 0;
margin: 0 5px 0 0;
float: left;
}


.imgLink {
border: 1px solid #5c4f28;
margin: 5px;
}

.center {
text-align: center;
}

#map {
width: 600px;
height: 500px;
border: 1px solid #8a7846;
margin: 5px auto;
}

form {
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: .9em;
}

form legend {
color: #5c4f28;
font-weight: bold;
padding: 5px;
margin: 5px;
}

form fieldset {
width: 80%;
border: 1px grooved #5c4f28;
margin: 20px auto;
padding: 0;
}

form label {
width: 120px;
float: left;
font-weight: bold;
color: #5c4f28;
padding: 3px 15px 0 0;
}

form label:hover 
{
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

form input, form textarea, form select {
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 1em;
padding: .2em;
margin: .2em;
border: 1px inset #ccc;
}

.bouton {
border: 1px outset #ccc;
background: url('../img/btn_bg.jpg') top left repeat-x;
}

fieldset ol {
list-style-type: none;
}

#content fieldset li {
margin: 0;
padding: 0;
}

.element {
margin: 4px;
}

.required {
color: #ff0000;
font-weight: bold;
padding: 0 2px 0 2px;
}

.error {
border-top: 2px solid rgb(254, 171, 185);
border-bottom: 2px solid rgb(254, 171, 185);
background: rgb(251, 238, 241) url('../img/warning.gif') no-repeat 10px 50%;
padding: 5px 5px 5px 40px;
margin: 20px 0 10px 0;
color: #ff0000;
font-weight: bold;
line-height: 1.3em;
word-spacing: 1px;
}

.info {
border-top: 2px solid rgb(255, 211, 36);
border-bottom: 2px solid rgb(255, 211, 36);
background: rgb(255, 246, 191) url('../img/info.gif') no-repeat 10px 50%;
padding: 5px 5px 5px 40px;
margin: 20px 0 10px 0;
font-weight: bold;
line-height: 1.3em;
word-spacing: 1px;
}

.focus {
background: beige;
}

.normal {
background: white;	
}

.gallery {
margin: 10px;
border: 1px solid #6f6035;
}

.newsDate {
color: #d76c2d;
font-weight: bold;
}

.newsTitle {
font-weight: bold;
}

.smallLink {
font-size: smaller;
}